@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-400-latin.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700-latin.woff2) format("woff2")}:root{color-scheme:dark;font-family:Space Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;--bg: #07070b;--amber: #f5a623;--amber-bright: #ffc65c;--amber-dim: rgba(245, 166, 35, .34);--cyan: #4de2e2;--danger: #ff6b5c;--text: #f4efe6;--text-dim: rgba(244, 239, 230, .62);--text-faint: rgba(244, 239, 230, .36);--panel: rgba(7, 7, 11, .72);--panel-solid: rgba(7, 7, 11, .92);--hairline: rgba(245, 166, 35, .22);--space-1: .35rem;--space-2: .6rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--radius: 14px;--radius-sm: 9px;--glow-amber: 0 0 12px rgba(245, 166, 35, .45);--glow-text: 0 0 10px rgba(245, 166, 35, .3);color:var(--text);background-color:var(--bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00000024,#00000024 4px),radial-gradient(ellipse at center,#0000 55%,#0000008c)}.mag-number{font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}#root{display:flex;flex-direction:column}.screen{flex:1;width:100%;max-width:30rem;margin:0 auto;padding:var(--space-5) var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.screen-title{margin:0;font-size:2.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);text-shadow:var(--glow-text)}.screen-subtitle{margin:0;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.panel{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;gap:var(--space-2);align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--amber-dim);background:#f5a62314;color:var(--amber);cursor:pointer}.btn:active:not(:disabled){background:#f5a62333}.btn:disabled{opacity:.4;cursor:default;color:var(--text-faint);border-color:#f4efe624;background:transparent}.btn-primary{background:linear-gradient(180deg,var(--amber-bright),var(--amber));border-color:transparent;color:#241a06;box-shadow:var(--glow-amber)}.btn-ghost{border-color:#f4efe629;background:transparent;color:var(--text-dim)}.btn-danger{border-color:#ff6b5c66;background:#ff6b5c14;color:var(--danger)}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer;text-align:left;min-height:86px;padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--hairline);background:var(--panel);color:var(--text);display:flex;flex-direction:column;justify-content:center;gap:var(--space-1)}.tile:active:not(:disabled){border-color:var(--amber)}.tile-name{font-weight:700;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.tile-sub{font-size:.72rem;line-height:1.35;color:var(--text-dim)}.tile:disabled{cursor:default;opacity:.55}.tile:disabled .tile-name{color:var(--text-faint)}.stat-row{display:flex;justify-content:space-between;gap:var(--space-2)}.stat{flex:1;text-align:center}.stat-label{display:block;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.stat-value{display:block;font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.badge{align-self:center;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--amber);color:#241a06;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:var(--glow-amber)}.breakdown{margin:0;display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-3)}.breakdown dt{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.breakdown dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.hint-text{margin:0;font-size:.8rem;line-height:1.45;color:var(--text-dim)}.toast{align-self:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--panel-solid);border:1px solid var(--hairline);font-size:.78rem;color:var(--amber)}.recap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);max-width:15rem;margin:0 auto}.recap-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1}.hud-bar{display:flex;justify-content:space-between;align-items:baseline;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.hud-question{font-size:1.1rem;line-height:1.35;color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.9);max-width:22rem;margin:0 auto}.hud-readout{font-size:3.2rem;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;color:var(--amber);text-shadow:var(--glow-text)}.hud-timer{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-dim)}.hud-timer-critical{color:var(--danger)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.dial-hint-step{margin:.35rem 0;opacity:0;animation:dial-hint-in .45s ease-out forwards}@keyframes dial-hint-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.dial-hint-step{animation:none;opacity:1}}