@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400&display=swap";body.admin-body{--neon-sidebar: #303641;--neon-sidebar-active: #2b303a;--neon-sidebar-hover: rgba(69, 74, 84, .3);--neon-sidebar-border: #454a54;--neon-sidebar-text: #aaabae;--neon-login-header: #373e4a;--neon-content-bg: #ffffff;--neon-text: #303641;--neon-text-heading: #373e4a;--neon-text-muted: #737881;--neon-text-light: #949494;--neon-text-soft: #778193;--neon-border: #ebebeb;--neon-panel-head: #f0f0f1;--neon-breadcrumb-bg: #f5f5f5;--neon-btn-primary: #303641;--neon-btn-primary-border: #252a32;--neon-btn-default: #f0f0f1;--neon-btn-info: #21a9e1;--neon-btn-info-border: #1c99cd;--neon-btn-success: #00a651;--neon-btn-danger: #cc2424;--neon-btn-warning: #fad839;--neon-tile-default: #303641;--neon-tile-default-hover: #252a32;--neon-tile-red: #f56954;--neon-tile-red-hover: #f4543c;--neon-tile-green: #00a65a;--neon-tile-green-hover: #008d4c;--neon-tile-blue: #0073b7;--neon-tile-blue-hover: #00639e;--neon-tile-aqua: #00c0ef;--neon-tile-aqua-hover: #00acd6;--neon-alert-success-bg: #e9f9f7;--neon-alert-danger-bg: #fae6e6;--neon-sidebar-width: 280px;--neon-radius: 3px;--neon-font: "Noto Sans", sans-serif;margin:0;font-family:var(--neon-font);font-size:14px;font-weight:400;line-height:1.42857143;color:var(--neon-text);background:var(--neon-content-bg)}body.admin-body:before{display:none}body.admin-body #root{display:block;min-height:100vh}body.admin-body .page-body{min-height:100vh}body.admin-body .page-container{width:100%;display:table;min-height:100vh;table-layout:fixed}@media screen and (max-width:767px){body.admin-body .page-container{display:block}}body.admin-body .sidebar-menu{display:table-cell;vertical-align:top;width:var(--neon-sidebar-width);background:var(--neon-sidebar);position:relative;z-index:100}@media screen and (max-width:767px){body.admin-body .sidebar-menu{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .2s ease-in-out}body.admin-body .sidebar-mobile-open .sidebar-menu{transform:translate(0)}}body.admin-body .logo-env{padding:35px;display:flex;align-items:center;justify-content:space-between;gap:.75rem}body.admin-body .logo a,body.admin-body .logo strong{color:#fff;text-decoration:none;font-size:18px;font-weight:700}body.admin-body .sidebar-toggle-btn{border:1px solid var(--neon-sidebar-border);background:transparent;color:var(--neon-sidebar-text);border-radius:var(--neon-radius);padding:5px 8px;cursor:pointer;display:grid;place-items:center}body.admin-body .sidebar-toggle-btn:hover{background:#454a5466}body.admin-body .sidebar-toggle-btn svg{width:18px;height:18px}body.admin-body .sidebar-toggle-btn--inline{display:none}@media screen and (max-width:767px){body.admin-body .sidebar-toggle-btn--inline{display:grid}body.admin-body .logo-env .sidebar-mobile-menu{display:block}}body.admin-body .main-menu{list-style:none;margin:0 0 20px;padding:0}body.admin-body .main-menu-link{display:flex;align-items:center;gap:8px;width:100%;padding:10px 20px;border:none;background:transparent;color:var(--neon-sidebar-text);font:inherit;text-align:left;cursor:pointer;transition:color .25s ease-in-out,background-color .25s ease-in-out}body.admin-body .main-menu-link:hover{background:var(--neon-sidebar-hover);color:#fff}body.admin-body .main-menu li.active .main-menu-link{background:var(--neon-sidebar-active);color:#fff}body.admin-body .main-menu-link__icon{width:15px;height:15px}body.admin-body .sidebar-user-info{padding:25px 35px;border-top:1px solid var(--neon-sidebar-border)}body.admin-body .user-link{display:grid;gap:4px}body.admin-body .user-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff1c;border:4px solid rgba(255,255,255,.11);color:#fff;font-weight:700;margin-bottom:8px}body.admin-body .user-name{color:#fff;font-size:18px;line-height:1.2}body.admin-body .user-role{color:#fffc;font-size:14px}body.admin-body .sidebar-overlay{display:none}@media screen and (max-width:767px){body.admin-body .sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:none;background:#00000073;cursor:pointer}}body.admin-body .main-content{display:table-cell;vertical-align:top;width:100%;padding:20px;background:var(--neon-content-bg)}@media screen and (max-width:767px){body.admin-body .main-content{display:block;width:100%}}body.admin-body .main-content__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}body.admin-body .user-info{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px}body.admin-body .pull-right{margin-left:auto}body.admin-body .user-info-logout{border:none;background:transparent;color:#2b303a;font:inherit;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .3s ease-in-out}body.admin-body .user-info-logout:hover{color:#818da2}body.admin-body .user-info-logout__icon{width:16px;height:16px}body.admin-body hr{border:0;border-top:1px solid var(--neon-border);margin:17px 0}body.admin-body .page-title{margin:0 0 17px;font-size:24px;font-weight:400;color:var(--neon-text)}body.admin-body .breadcrumb{padding:8px 15px;margin:0 0 17px;list-style:none;background:var(--neon-breadcrumb-bg);border-radius:var(--neon-radius);display:flex;flex-wrap:wrap;gap:.25rem}body.admin-body .breadcrumb.bc-3{background:transparent;padding-left:0;padding-right:0}body.admin-body .breadcrumb li{display:inline-block;color:var(--neon-text-muted)}body.admin-body .breadcrumb li a{color:var(--neon-text-muted);text-decoration:none;transition:color .3s ease-in-out}body.admin-body .breadcrumb li a:hover{color:#464e5e}body.admin-body .breadcrumb li+li:before{content:"/ ";padding:0 5px;color:#ccc}body.admin-body .breadcrumb li.active{color:#999}body.admin-body .login-page{min-height:100vh;background:var(--neon-sidebar)}body.admin-body .login-header{position:relative;background:var(--neon-login-header);padding:100px 0;text-align:center}body.admin-body .login-header.login-caret:after{content:"";position:absolute;left:50%;bottom:-13px;margin-left:-12.5px;width:0;height:0;border-style:solid;border-width:13px 12.5px 0 12.5px;border-color:var(--neon-login-header) transparent transparent transparent}body.admin-body .login-header .logo strong{color:#fff;font-size:28px;font-weight:700}body.admin-body .login-header .description{font-size:13px;margin:20px 0 0;color:var(--neon-text-light)}body.admin-body .login-form{position:relative;width:320px;max-width:calc(100% - 40px);margin:0 auto;padding:60px 0 40px;text-align:center}body.admin-body .login-form .form-group{margin-bottom:20px;text-align:left}body.admin-body .login-form .input-group{display:flex;background:var(--neon-login-header);border:1px solid var(--neon-login-header);padding:6px 0;border-radius:var(--neon-radius);transition:border-color .3s ease-in-out}body.admin-body .login-form .input-group:focus-within{border-color:#626f8580}body.admin-body .login-form .input-group-addon{display:grid;place-items:center;padding:0 12px;color:var(--neon-sidebar-text);position:relative}body.admin-body .login-form .input-group-addon:after{content:"";position:absolute;right:0;top:0;height:100%;width:1px;background:var(--neon-sidebar-border);transform:scaleY(.56)}body.admin-body .login-form .input-group-addon svg{width:16px;height:16px}body.admin-body .login-form .form-control{flex:1;border:0;background:transparent;color:#fff;padding:6px 12px;font:inherit;font-size:14px}body.admin-body .login-form .form-control:focus{outline:none;box-shadow:none}body.admin-body .login-form .form-control::placeholder{color:#aaabaecc}body.admin-body .form-login-error{display:none;margin:0 0 15px;padding:10px 12px;border-radius:var(--neon-radius);background:#ec595626;color:#ffafbd;font-size:13px}body.admin-body .form-login-error.visible{display:block}body.admin-body .panel{margin-bottom:17px;background:#fff;border:1px solid transparent;border-radius:var(--neon-radius);box-shadow:none}body.admin-body .panel-default{border-color:var(--neon-border)}body.admin-body .panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;color:var(--neon-text-heading);background:var(--neon-panel-head);border-color:var(--neon-border);padding:12px 15px;border-radius:var(--neon-radius) var(--neon-radius) 0 0}body.admin-body .panel-title h4{margin:0;font-size:14px;font-weight:400;color:var(--neon-text)}body.admin-body .panel-subtitle{margin:4px 0 0;font-size:12px;color:var(--neon-text-light)}body.admin-body .panel-options{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}body.admin-body .panel-body{padding:15px}body.admin-body .tile-stats{position:relative;display:block;background:var(--neon-tile-default);padding:20px;margin-bottom:10px;overflow:hidden;border-radius:5px;transition:all .3s ease-in-out}body.admin-body .tile-stats:hover{background:var(--neon-tile-default-hover)}body.admin-body .tile-stats.tile-red{background:var(--neon-tile-red)}body.admin-body .tile-stats.tile-red:hover{background:var(--neon-tile-red-hover)}body.admin-body .tile-stats.tile-green{background:var(--neon-tile-green)}body.admin-body .tile-stats.tile-green:hover{background:var(--neon-tile-green-hover)}body.admin-body .tile-stats.tile-blue{background:var(--neon-tile-blue)}body.admin-body .tile-stats.tile-blue:hover{background:var(--neon-tile-blue-hover)}body.admin-body .tile-stats.tile-aqua{background:var(--neon-tile-aqua)}body.admin-body .tile-stats.tile-aqua:hover{background:var(--neon-tile-aqua-hover)}body.admin-body .tile-stats .icon{color:#0000001a;position:absolute;right:5px;bottom:5px;z-index:1}body.admin-body .tile-stats .icon svg{width:72px;height:72px}body.admin-body .tile-stats .num,body.admin-body .tile-stats h3{position:relative;color:#fff;z-index:5;margin:0}body.admin-body .tile-stats .num{font-size:38px;font-weight:700;line-height:1.1}body.admin-body .tile-stats h3{font-size:18px;font-weight:400;margin-top:5px}body.admin-body .card-group,body.admin-body .tile-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:17px}body.admin-body .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font:inherit;font-size:12px;line-height:1.42857143;border-radius:var(--neon-radius);border:1px solid transparent;cursor:pointer;transition:all .3s ease-in-out}body.admin-body .btn-block{width:100%}body.admin-body .btn-primary,body.admin-body .btn--primary{color:#fff;background:var(--neon-btn-primary);border-color:var(--neon-btn-primary-border)}body.admin-body .btn-primary:hover,body.admin-body .btn--primary:hover{background:#1a1e24;border-color:#0b0d0f}body.admin-body .btn-default,body.admin-body .btn--ghost{color:var(--neon-text);background:var(--neon-btn-default);border-color:var(--neon-btn-default)}body.admin-body .btn-default:hover,body.admin-body .btn--ghost:hover{background:#d6d6d8;border-color:#d0d0d3}body.admin-body .btn-info{color:#fff;background:var(--neon-btn-info);border-color:var(--neon-btn-info-border)}body.admin-body .btn-info:hover{background:#1988b6;border-color:#147197}body.admin-body .btn-danger,body.admin-body .btn--danger{color:#fff;background:var(--neon-btn-danger);border-color:#b62020}body.admin-body .btn-login{text-align:left;padding:15px 20px;font-size:14px;border:1px solid var(--neon-sidebar-border)}body.admin-body .btn-login svg{margin-left:auto;width:16px;height:16px}body.admin-body .btn:disabled{opacity:.65;cursor:not-allowed}body.admin-body .admin-form{display:grid;gap:15px}body.admin-body .admin-form--grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin-body .admin-field{display:grid;gap:6px}body.admin-body .admin-field--full{grid-column:1 / -1}body.admin-body .admin-image-preview{display:block;margin-top:8px;border:1px solid var(--neon-border);border-radius:var(--neon-radius);background:var(--neon-panel-head);object-fit:cover}body.admin-body .admin-image-preview--cover{width:100%;max-width:220px;aspect-ratio:9 / 19.5}body.admin-body .admin-image-preview--icon{width:80px;height:80px;border-radius:18px}body.admin-body .admin-field span{font-size:12px;font-weight:700;color:var(--neon-text)}body.admin-body .admin-field input,body.admin-body .admin-field textarea,body.admin-body .admin-field select,body.admin-body .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background:#fff;border:1px solid var(--neon-border);border-radius:var(--neon-radius);font-family:inherit;box-shadow:none}body.admin-body .admin-field input:focus,body.admin-body .admin-field textarea:focus,body.admin-body .admin-field select:focus,body.admin-body .form-control:focus{outline:none;border-color:#ccc}body.admin-body .admin-checkbox{display:flex;align-items:center;gap:8px}body.admin-body .admin-form__actions{display:flex;gap:8px;flex-wrap:wrap}body.admin-body .admin-message--ok{margin:0 0 15px;padding:10px 12px;border-radius:var(--neon-radius);background:var(--neon-alert-success-bg);color:#126759}body.admin-body .admin-message--error{margin:0 0 15px;padding:10px 12px;border-radius:var(--neon-radius);background:var(--neon-alert-danger-bg);color:#7c3939}body.admin-body .status,body.admin-body .status-text{margin:0;color:var(--neon-text-light);font-size:13px}body.admin-body .row-grid{display:grid;grid-template-columns:320px 1fr;gap:10px}body.admin-body .row-grid--equal{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin-body .section-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}body.admin-body .admin-table-wrap{overflow-x:auto}body.admin-body .admin-table{width:100%;border-collapse:collapse;font-size:14px}body.admin-body .admin-table th,body.admin-body .admin-table td{padding:8px;border-top:1px solid var(--neon-border);text-align:left}body.admin-body .admin-table thead th{border-top:none;border-bottom:2px solid var(--neon-border);color:var(--neon-text-muted);font-weight:700;background:var(--neon-panel-head)}body.admin-body .admin-table--clickable tbody tr{cursor:pointer}body.admin-body .admin-table--clickable tbody tr:hover,body.admin-body .admin-table--clickable tbody tr.is-active{background:#f5f5f6}body.admin-body .admin-table__sub{color:var(--neon-text-light);font-size:12px}body.admin-body .admin-list{display:grid;gap:8px}body.admin-body .admin-list__item{display:grid;gap:2px;width:100%;padding:10px 12px;border:1px solid var(--neon-border);border-radius:var(--neon-radius);background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit}body.admin-body .admin-list__item span,body.admin-body .admin-list__item em{font-size:12px;color:var(--neon-text-light);font-style:normal}body.admin-body .admin-list__item.is-active{border-color:var(--neon-btn-info);background:#e8f7fc}body.admin-body .admin-search{display:flex;gap:8px;margin-bottom:15px}body.admin-body .admin-search input{flex:1}body.admin-body .admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:15px;font-size:12px;color:var(--neon-text-light)}body.admin-body .admin-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}body.admin-body .admin-calendar__head{text-align:center;font-size:12px;font-weight:700;color:var(--neon-text-muted);padding:4px 0}body.admin-body .admin-calendar__cell{aspect-ratio:1;border:1px solid var(--neon-border);border-radius:var(--neon-radius);background:#fff;display:grid;place-items:center;gap:2px;cursor:pointer;font:inherit;color:var(--neon-text)}body.admin-body .admin-calendar__cell--empty{border:none;background:transparent;cursor:default}body.admin-body .admin-calendar__cell.has-puzzle{border-color:var(--neon-btn-info);background:#e8f7fc}body.admin-body .admin-calendar__cell.is-active{outline:2px solid var(--neon-sidebar);outline-offset:-2px}body.admin-body .admin-calendar__cell em{font-size:10px;color:var(--neon-btn-info);font-style:normal;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}body.admin-body .admin-calendar__cell em small{font-size:8px;font-weight:400;color:var(--neon-text-light)}body.admin-body .admin-calendar__cell.has-puzzle.is-easy{border-color:var(--neon-tile-green);background:#e8f8ef}body.admin-body .admin-calendar__cell.has-puzzle.is-easy em{color:var(--neon-tile-green)}body.admin-body .admin-calendar__cell.has-puzzle.is-medium{border-color:var(--neon-tile-blue);background:#e8f2fa}body.admin-body .admin-calendar__cell.has-puzzle.is-medium em{color:var(--neon-tile-blue)}body.admin-body .admin-calendar__cell.has-puzzle.is-hard{border-color:var(--neon-tile-red);background:#fdf0ee}body.admin-body .admin-calendar__cell.has-puzzle.is-hard em{color:var(--neon-tile-red)}body.admin-body .puzzles-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}body.admin-body .puzzle-view-toggle{display:flex;gap:4px}body.admin-body .puzzle-view-toggle .btn.is-active{background:var(--neon-btn-info);border-color:var(--neon-btn-info-border);color:#fff}body.admin-body .puzzle-visualizer{display:grid;gap:15px}body.admin-body .puzzle-grid{display:grid;gap:2px;padding:4px;width:fit-content;max-width:100%;overflow-x:auto;background:var(--neon-border);border:1px solid var(--neon-border);border-radius:var(--neon-radius)}body.admin-body .puzzle-grid__cell{position:relative;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff40}body.admin-body .puzzle-grid__cell--empty{background:#fafafa!important}body.admin-body .puzzle-grid__cell--clue{box-shadow:inset 0 0 0 2px #30364159}body.admin-body .puzzle-grid__clue{position:absolute;top:18%;right:18%;bottom:18%;left:18%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffffff0;color:var(--neon-text);font-size:11px;font-weight:700;box-shadow:0 1px 4px #0000002e}body.admin-body .puzzle-legend{list-style:none;margin:0;padding:0;display:grid;gap:6px}body.admin-body .puzzle-legend li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--neon-text-muted)}body.admin-body .puzzle-legend__swatch{width:14px;height:14px;border-radius:2px;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000014}body.admin-body .puzzle-legend__hidden{color:var(--neon-text-light);font-style:italic}body.admin-body .puzzle-raw-data{margin-top:15px}body.admin-body .puzzle-raw-data summary{cursor:pointer;font-size:13px;color:var(--neon-text-muted);margin-bottom:8px}body.admin-body .admin-detail p{margin:0;font-size:14px;color:#555}body.admin-body .admin-detail--meta{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--neon-border)}body.admin-body .admin-code{max-height:320px;overflow:auto;padding:12px;font-size:12px;background:var(--neon-panel-head);border:1px solid var(--neon-border);border-radius:var(--neon-radius)}body.admin-body .admin-chart-block{margin-top:15px}body.admin-body .admin-chart-block h3{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--neon-text)}body.admin-body .admin-bar-chart{display:flex;align-items:end;gap:4px;min-height:180px;padding:8px 0;overflow-x:auto}body.admin-body .admin-bar-chart--wide .admin-bar-chart__item{min-width:2.2rem;flex:1;display:grid;gap:4px;align-items:end;justify-items:center;height:180px}body.admin-body .admin-bar-chart__bar{width:100%;max-width:1.5rem;min-height:4px;border-radius:var(--neon-radius) var(--neon-radius) 0 0;background:var(--neon-btn-info)}body.admin-body .admin-bar-chart__label{font-size:10px;color:var(--neon-text-light);writing-mode:vertical-rl;transform:rotate(180deg);max-height:3rem;overflow:hidden}body.admin-body .admin-bar-chart__item strong{font-size:11px;font-weight:700}body.admin-body .admin-bar-chart--sku{display:grid;gap:8px}body.admin-body .admin-bar-chart__item--horizontal{display:grid;grid-template-columns:minmax(140px,1fr) 2fr auto;gap:10px;align-items:center}body.admin-body .admin-bar-chart__sku{font-size:12px;word-break:break-all;color:#555}body.admin-body .admin-bar-chart__track{height:10px;border-radius:var(--neon-radius);background:var(--neon-panel-head);overflow:hidden}body.admin-body .admin-bar-chart__fill{height:100%;min-width:4px;border-radius:var(--neon-radius);background:var(--neon-btn-info)}@media screen and (max-width:767px){body.admin-body .row-grid,body.admin-body .row-grid--equal,body.admin-body .puzzles-layout,body.admin-body .admin-form--grid{grid-template-columns:1fr}body.admin-body .admin-bar-chart__item--horizontal{grid-template-columns:1fr;gap:4px}}@media(prefers-reduced-motion:reduce){body.admin-body .sidebar-menu,body.admin-body .main-menu-link,body.admin-body .tile-stats{transition:none}}:root{--ink: #1f241c;--ink-soft: #4a5244;--stone: #e9e4da;--stone-deep: #d9d2c4;--cream: #f4f0e8;--paper: #faf7f1;--leaf: #5f7d52;--leaf-deep: #3f5536;--accent: #c46b3a;--line: rgba(31, 36, 28, .12);--shadow: 0 24px 60px rgba(31, 36, 28, .08);--font-display: "Montserrat", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Open Sans", "Segoe UI", sans-serif;--max: 1100px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.6;background:radial-gradient(1200px 600px at 10% -10%,rgba(95,125,82,.14),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(196,107,58,.1),transparent 50%),linear-gradient(180deg,var(--paper) 0%,var(--cream) 45%,var(--stone) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}a{color:var(--leaf-deep);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent)}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 .6rem}p{margin:0 0 1rem;color:var(--ink-soft)}.staging-banner{position:fixed;top:0;left:0;right:0;z-index:30;background:var(--ink);color:#fff;text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.06em;padding:.45rem 1rem}.staging-banner span{color:#a7f3d0}.main{flex:1}.section{max-width:var(--max);margin:0 auto;padding:4.5rem 1.5rem}.section--tight{padding-top:2.5rem;padding-bottom:2.5rem}.hero{height:100dvh;display:grid;grid-template-rows:1fr auto;align-items:center;position:relative;overflow:hidden}.hero__plane{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#faf7f1eb,#faf7f18c 42%,#faf7f126 70%),repeating-linear-gradient(90deg,transparent 0,transparent 48px,rgba(95,125,82,.07) 48px,rgba(95,125,82,.07) 49px),repeating-linear-gradient(0deg,transparent 0,transparent 48px,rgba(95,125,82,.07) 48px,rgba(95,125,82,.07) 49px),radial-gradient(ellipse at 75% 45%,rgba(95,125,82,.28),transparent 55%),linear-gradient(160deg,#d7e0cf,#c9b8a4 55%,#b59a7a);animation:hero-breathe 12s var(--ease) infinite alternate}@keyframes hero-breathe{0%{transform:scale(1);filter:saturate(1)}to{transform:scale(1.03);filter:saturate(1.08)}}.hero__content{position:relative;z-index:1;width:100%;margin:0 auto;padding:4rem 1.5rem;text-align:center;animation:rise .9s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero__brand{font-family:var(--font-display);font-size:clamp(4rem,14vw,9rem);font-weight:800;letter-spacing:-.04em;margin:0;color:var(--ink)}.hero__brand em{font-style:normal;color:var(--leaf-deep)}.hero__scroll-hint{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-bottom:2rem;color:var(--ink-soft);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;animation:hint-fade 2.5s var(--ease) 1.2s both}.hero__scroll-hint:after{content:"";display:block;width:1px;height:2.5rem;background:var(--ink-soft);opacity:.4;animation:hint-bob 1.8s ease-in-out infinite}@keyframes hint-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hint-bob{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(6px);opacity:.7}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:999px;border:1px solid transparent;font-family:var(--font-body);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:var(--leaf-deep);color:var(--paper)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink-soft);color:var(--ink)}.section__eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf);margin-bottom:.75rem}.section__title{font-size:clamp(1.8rem,3.5vw,2.6rem);max-width:16ch}.section__lead{max-width:42ch;font-size:1.1rem}.games-header{background:#faf7f18c;border-top:1px solid var(--line)}.games-header__inner{max-width:var(--max);margin:0 auto;padding:3rem 1.5rem 0}.games-header .section__title{margin-bottom:.5rem}.games-header .section__lead{margin-bottom:0}.game-feature{animation:rise .8s var(--ease) both;animation-delay:.15s}.game-feature+.game-feature{border-top:1px solid var(--line)}.game-feature:nth-child(odd){background:#faf7f18c}.game-feature:nth-child(2n){background:#d9d2c447}.game-feature__inner{max-width:var(--max);margin:0 auto;padding:4rem 1.5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.game-feature:nth-child(2n) .game-feature__inner{grid-template-columns:.9fr 1.1fr}.game-feature:nth-child(2n) .game-feature__text{order:2}.game-feature:nth-child(2n) .iphone-mockup{order:1}.game-feature__visual{aspect-ratio:4 / 3;border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 40%),repeating-linear-gradient(90deg,#5f7d52 0,#5f7d52 12.5%,#c46b3a 12.5%,#c46b3a 25%,#3f5536 25%,#3f5536 37.5%,#d9d2c4 37.5%,#d9d2c4 50%,#7a9b6e 50%,#7a9b6e 62.5%,#b59a7a 62.5%,#b59a7a 75%,#4a5244 75%,#4a5244 87.5%,#e9e4da 87.5%,#e9e4da);background-size:100% 100%,160% 160%;box-shadow:var(--shadow);animation:patch-drift 18s linear infinite}.store-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.store-badge{display:inline-block;line-height:0;border-radius:8px;transition:transform .2s var(--ease),opacity .2s var(--ease)}.store-badge:hover:not(.store-badge--disabled){transform:translateY(-2px)}.store-badge--disabled{opacity:.45;cursor:not-allowed}.store-badge__img{height:56px;width:auto;display:block}.iphone-mockup{display:flex;justify-content:center;align-items:flex-end}.iphone-mockup__stage{position:relative;width:min(260px,72vw);padding-bottom:28px}.iphone-mockup__device{width:100%;filter:drop-shadow(0 2px 4px rgba(31,36,28,.18)) drop-shadow(0 14px 28px rgba(31,36,28,.22)) drop-shadow(0 36px 56px rgba(31,36,28,.18))}.iphone-mockup__bezel{background:linear-gradient(145deg,#3a3a3c,#1c1c1e 40%,#2c2c2e);border-radius:2.75rem;padding:.45rem;position:relative}.iphone-mockup__island{position:absolute;top:1.1rem;left:50%;transform:translate(-50%);width:28%;height:1.15rem;background:#000;border-radius:999px;z-index:3}.iphone-mockup__screen{aspect-ratio:9 / 19.5;border-radius:2.35rem;overflow:hidden;background:#0a0a0a;position:relative}.iphone-mockup__shot{width:100%;height:100%;object-fit:cover}.iphone-mockup__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#e8efe4,#d4e0cf 45%,#c5d4c8),repeating-linear-gradient(90deg,#5f7d5226 0,#5f7d5226 12.5%,#c46b3a1f 12.5%,#c46b3a1f 25%,#3f553626 25%,#3f553626 37.5%,#d9d2c433 37.5%,#d9d2c433 50%);background-size:100% 100%,200% 200%}.iphone-mockup__placeholder span{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);background:#ffffffa6;padding:.5rem .85rem;border-radius:999px}.iphone-mockup__icon{position:absolute;bottom:0;z-index:4;width:80px;height:80px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 2px #1f241c1f,0 8px 16px #1f241c29,0 22px 40px #1f241c38,0 40px 64px #1f241c1f;display:flex;align-items:center;justify-content:center}.iphone-mockup__icon--left{left:-10px}.iphone-mockup__icon--right{right:-10px}.iphone-mockup__icon-img{width:100%;height:100%;object-fit:cover}.iphone-mockup__icon-monogram{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.04em;color:var(--leaf-deep);background:linear-gradient(145deg,#f4f0e8,#d9d2c4);width:100%;height:100%;display:flex;align-items:center;justify-content:center}@keyframes patch-drift{0%{background-position:0 0,0 0}to{background-position:0 0,40% 20%}}.game-feature h3{font-size:2rem}.game-feature__meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;color:var(--ink-soft);font-size:.95rem}.game-feature__meta li:before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--leaf);margin-right:.55rem;vertical-align:middle}.status{padding:1rem 1.25rem;border:1px solid var(--line);border-radius:.75rem;background:#fff6;color:var(--ink-soft)}.page-hero{padding:3.5rem 1.5rem 1rem;max-width:var(--max);margin:0 auto;animation:rise .7s var(--ease) both}.page-hero h1{font-size:clamp(2.2rem,5vw,3.4rem)}.prose{max-width:65ch}.prose h2{margin-top:2rem;font-size:1.4rem}.site-footer{border-top:1px solid var(--line);margin-top:auto;background:#e9e4da8c}.site-footer__inner{max-width:var(--max);margin:0 auto;padding:1.75rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;color:var(--ink-soft);font-size:.95rem}.site-footer nav{display:flex;gap:1.25rem}.site-footer a{color:var(--ink-soft);text-decoration:none}.site-footer a:hover{color:var(--ink)}@media(max-width:800px){.games-header__inner{padding:2.5rem 1.5rem 0}.game-feature__inner,.game-feature:nth-child(2n) .game-feature__inner{grid-template-columns:1fr;padding:2.5rem 1.5rem}.game-feature:nth-child(2n) .game-feature__text{order:0}.game-feature:nth-child(2n) .iphone-mockup{order:1}.iphone-mockup__icon--left{left:4px}.iphone-mockup__icon--right{right:4px}.hero__content{padding-top:3rem;padding-bottom:3rem}}@media(max-width:434px){.store-buttons{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
