*{box-sizing:border-box}:root{--surface-base: #07111f;--surface-1: #0b1725;--surface-2: rgb(13 27 42 / 82%);--surface-3: rgb(17 38 58 / 78%);--surface-hover-tint: rgb(248 193 92 / .04);--surface-hairline: rgb(120 145 173 / .12);--border-1: #20364d;--border-2: #29435f;--border-3: #38516b;--text-strong: #f7f9fc;--text: #e6edf5;--text-muted: #9fb1c4;--text-subtle: #8295aa;--text-faint: #708398;--text-on-accent: #19202a;--accent: #f8c15c;--accent-hover: #ffd27d;--accent-soft: rgb(248 193 92 / .12);--accent-glow: rgb(248 193 92 / .45);--success: #45d483;--danger: #f45b69;--danger-border: #ffd3d7;--bullet: #fff0a6;--wall: #506b86;--wall-border: #9db1c5;--error: #ff8994;--error-soft: rgb(255 137 148 / .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: .45rem;--radius-md: .75rem;--radius-lg: .9rem;--radius-pill: 9999rem;--shadow-1: 0 .25rem .75rem rgb(0 0 0 / .28);--shadow-2: 0 1rem 3rem rgb(0 0 0 / .25);--shadow-3: 0 1.5rem 5rem rgb(0 0 0 / .55);--ring-focus: 0 0 0 3px var(--accent-glow);--font-sans: Inter, ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.75rem;--fs-2xl: 2.5rem;--lh-tight: 1.05;--lh-base: 1.6;--tracking-caps: .1em;--weight-bold: 700;--weight-black: 800;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-raised: 10;--z-skip: 200;--z-dialog: 1000;--bp-2xl: 72rem}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at top,var(--surface-1) 0,var(--surface-base) 60%);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font-family:inherit}::selection{background:var(--accent-soft)}*{scrollbar-color:var(--border-3) rgba(7,17,31,.45);scrollbar-width:thin}*::-webkit-scrollbar{width:.55rem;height:.55rem}*::-webkit-scrollbar-track{border:1px solid var(--surface-hairline);border-radius:var(--radius-pill);background:#07111f73}*::-webkit-scrollbar-thumb{border:2px solid rgba(7,17,31,.45);border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--border-3),var(--border-2))}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-hover),var(--accent))}.glass{background:var(--surface-2);backdrop-filter:blur(.75rem);-webkit-backdrop-filter:blur(.75rem);border:1px solid var(--border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:var(--weight-bold);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);font-weight:var(--weight-black)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active{transform:translateY(1px)}.btn--ghost{background:transparent;border-color:var(--accent);color:var(--accent)}.btn--ghost:hover{background:var(--accent-soft)}.btn--subtle{background:transparent;border-color:var(--text-subtle);color:var(--text)}.btn--subtle:hover{border-color:var(--text-muted);color:var(--text-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:var(--accent);border-color:var(--accent);transform:none}.btn--ghost:disabled:hover,.btn--subtle:disabled:hover{background:transparent}.mode-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-1)}.mode-panel__tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mode-tab{border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:.55rem .8rem;color:var(--text-muted);background:var(--surface-2);font:inherit;cursor:pointer}.mode-tab--active{border-color:var(--accent);color:var(--text-strong);background:var(--surface-3)}.field{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-3);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text);font:inherit;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.field:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring-focus)}.field::placeholder{color:var(--text-faint)}.info{position:relative}.info-button{display:inline;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:help}.info-button:focus-visible,.xp-bar:focus-visible,.hearts:focus-visible{outline:none;box-shadow:var(--ring-focus)}.info-tooltip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;z-index:var(--z-dialog);width:min(16rem,80vw);padding:var(--space-2) var(--space-3);border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-1);box-shadow:var(--shadow-1);color:var(--text);font-size:var(--fs-xs);font-weight:var(--weight-bold);line-height:1.45;opacity:0;pointer-events:none;text-align:left;transform:translate(-50%,var(--space-1));transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.info:hover>.info-tooltip,.info:focus-within>.info-tooltip,.info-button:focus-visible+.info-tooltip{opacity:1;transform:translate(-50%)}.hud{position:relative;z-index:var(--z-raised)}.score-meta,.xp-bar.info{overflow:visible}.hud-resources{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.hint-token{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);min-height:1.8rem;padding:var(--space-1) var(--space-2);border:1px solid var(--border-3);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--accent);font:inherit;font-weight:var(--weight-black);cursor:pointer}.hint-token:disabled{color:var(--text-faint);cursor:not-allowed}.hint-token:focus-visible{outline:none;box-shadow:var(--ring-focus)}.hint-token svg{width:1.15rem;height:1.15rem;stroke-width:2.4}.multiplier--boosted{color:var(--success)}.multiplier--hot{color:var(--accent-hover)}.heart--empty{color:var(--border-3);fill:transparent}.problem-hint{margin:calc(var(--space-4) * -1) 0 0;color:var(--accent);font-size:var(--fs-md);font-weight:var(--weight-bold);text-align:center}.answer-input--invalid{border-color:var(--danger);background:var(--error-soft);box-shadow:0 0 0 3px #f45b692e}.answer-keypad{display:none}@media(max-width:48rem){.answer-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.answer-keypad button{min-height:3rem;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-strong);font:inherit;font-weight:var(--weight-bold)}.answer-keypad .answer-keypad__send{background:var(--accent);color:var(--text-strong)}}.board-action{position:relative;display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;padding:0;border:1px solid var(--border-3);border-radius:var(--radius-sm);background:#07111fc2;color:var(--text);cursor:pointer;box-shadow:var(--shadow-1);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.board-action svg{display:block;width:1.1rem;height:1.1rem;stroke-width:2.25}.board-action:hover,.board-action:focus-visible{border-color:var(--accent);background:var(--surface-3);color:var(--accent)}.board-action:active{transform:translateY(1px)}.board-action:focus-visible{outline:none;box-shadow:var(--ring-focus)}.board-action__tooltip{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-raised);padding:var(--space-2) var(--space-3);border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-3);box-shadow:var(--shadow-1);color:var(--text);font-size:var(--fs-xs);font-weight:var(--weight-bold);line-height:1;opacity:0;pointer-events:none;transform:translateY(calc(var(--space-1) * -1));transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.board-action:hover .board-action__tooltip,.board-action:focus-visible .board-action__tooltip{opacity:1;transform:translateY(0)}