:root{--color-ink-950: #070812;--color-ink-900: #0d1020;--color-ink-850: #12162a;--color-surface: rgba(24, 29, 52, .92);--color-surface-raised: rgba(34, 40, 69, .96);--color-surface-soft: rgba(255, 255, 255, .065);--color-line: rgba(255, 255, 255, .11);--color-line-strong: rgba(255, 255, 255, .2);--color-text: #f7f7ff;--color-text-muted: #a7aec3;--color-gold: #ffc857;--color-gold-strong: #ffae35;--color-violet: #8d72ff;--color-cyan: #45d7ff;--color-success: #49d7a0;--color-danger: #ff6179;--font-game: "Trebuchet MS", "Avenir Next", "Segoe UI", sans-serif;--font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: clamp(.68rem, 1.65dvh, .78rem);--text-sm: clamp(.78rem, 1.9dvh, .9rem);--text-md: clamp(.9rem, 2.2dvh, 1.05rem);--text-lg: clamp(1.05rem, 2.65dvh, 1.28rem);--text-xl: clamp(1.32rem, 3.35dvh, 1.7rem);--space-1: clamp(.25rem, .8vmin, .4rem);--space-2: clamp(.45rem, 1.4vmin, .7rem);--space-3: clamp(.7rem, 2.2vmin, 1rem);--space-4: clamp(1rem, 3.2vmin, 1.4rem);--space-5: clamp(1.35rem, 4.5vmin, 2rem);--radius-sm: .65rem;--radius-md: .95rem;--radius-lg: 1.35rem;--radius-xl: 1.8rem;--tap-target: clamp(2.75rem, 6.2dvh, 3.5rem);--ease-game: cubic-bezier(.22, 1, .36, 1);--duration-fast: .12s;--duration-normal: .22s;--shadow-card: 0 .8rem 2rem rgba(2, 3, 12, .34);--shadow-float: 0 1.25rem 3rem rgba(2, 3, 12, .52);--shadow-gold: 0 .55rem 1.4rem rgba(255, 174, 53, .22);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--chrome-height: clamp(3.75rem, 8.5dvh, 5.25rem);height:100%;touch-action:pan-x pan-y;color-scheme:dark;font-family:var(--font-body);font-synthesis:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at 50% -10%,rgba(141,114,255,.28),transparent 38%),linear-gradient(180deg,#12152a 0%,var(--color-ink-950) 100%);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:.16rem solid var(--color-cyan);outline-offset:.14rem}.game-image{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain}.row-selection-line{height:.24rem;border-radius:999px;background:linear-gradient(90deg,var(--color-gold),var(--color-cyan));box-shadow:0 0 .35rem #45d7ffe6,0 0 .9rem #ffc8578c;pointer-events:none}.no-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-select:focus{outline:none!important}.game-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.075),transparent 48%),var(--color-surface);box-shadow:var(--shadow-card)}.game-control{min-height:var(--tap-target);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface-soft);cursor:pointer;transition:transform var(--duration-fast) var(--ease-game),border-color var(--duration-normal) ease,background var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.game-control:not(:disabled):active{transform:scale(.965)}.game-control:disabled{cursor:not-allowed;opacity:.46;filter:saturate(.55)}.primary-control{border-color:#ffd6818c;color:#261604;background:linear-gradient(145deg,#ffe38a 0%,var(--color-gold) 42%,var(--color-gold-strong) 100%);box-shadow:inset 0 1px #ffffff8c,inset 0 -3px #7c420947,var(--shadow-gold);font-family:var(--font-game);font-weight:900;letter-spacing:.055em;text-transform:uppercase}.icon-control{width:var(--tap-target);height:var(--tap-target);display:grid;place-items:center;border:1px solid var(--color-line);border-radius:50%;color:var(--color-text);background:linear-gradient(145deg,#ffffff1f,#ffffff06),#0d1020d1;box-shadow:inset 0 1px #ffffff1c,0 .45rem 1rem #00000047;cursor:pointer;transition:transform var(--duration-fast) var(--ease-game),border-color var(--duration-normal) ease,background var(--duration-normal) ease}.icon-control:active{transform:scale(.92)}.modal-scrim{background:#040612b8;-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem)}.game-dialog{border:1px solid var(--color-line-strong);border-radius:var(--radius-xl);color:var(--color-text);background:radial-gradient(circle at 15% 0%,rgba(141,114,255,.18),transparent 38%),linear-gradient(165deg,#1e2440fb,#0c0f1efb);box-shadow:inset 0 1px #ffffff1a,var(--shadow-float)}.state-success{color:var(--color-success)}.state-danger{color:var(--color-danger)}@keyframes game-enter{0%{opacity:0;transform:translateY(.6rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes game-pop{0%,to{transform:scale(1)}45%{transform:scale(1.08)}}@keyframes game-pulse{0%,to{opacity:.62;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@media(hover:hover){.game-control:not(:disabled):hover,.icon-control:hover{border-color:#ffc8577a;filter:brightness(1.07)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}