:root{--bg:#0a1220;--surface-1:#111c30;--surface-2:#1a2740;--line:#2b3c5c;--text:#e7edf7;--text-muted:#7f8fae;--accent:#ffb020;--accent-support:#38bdf8;--success:#3ddc84;--danger:#ff5a5f;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--radius:6px;--radius-sm:3px;--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-ui:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{height:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#38bdf80d 1px,#0000 1px),linear-gradient(90deg,#38bdf80d 1px,#0000 1px),radial-gradient(#0a122000 0%,#04081099 100%);background-size:32px 32px,32px 32px,100% 100%;margin:0}#app{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,.font-display{font-family:var(--font-display);letter-spacing:.01em}a{color:var(--accent-support)}button,select,input{font-family:inherit}:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.topbar{align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.wordmark{flex-shrink:0;width:240px;height:40px}.wordmark-text{font-family:var(--font-display);letter-spacing:.03em;fill:var(--accent);fill-opacity:0;stroke:var(--accent-support);stroke-width:1.25px;stroke-dasharray:900;stroke-dashoffset:900px;animation:wordmark-draw 1.1s var(--ease-out) forwards, wordmark-fill .35s ease-out .85s forwards;font-size:34px;font-weight:700}@keyframes wordmark-draw{to{stroke-dashoffset:0}}@keyframes wordmark-fill{to{fill-opacity:1}}.tagline{color:var(--text-muted);margin:0;font-size:.9rem}.topbar-link{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted);transition:color .18s var(--ease-out), border-color .18s var(--ease-out);align-self:center;margin-left:auto;padding:6px 12px;font-size:.85rem;text-decoration:none}.topbar-link:hover{color:var(--accent-support);border-color:var(--accent-support)}.layout{gap:var(--space-3);min-height:0;padding:var(--space-3);flex:1;display:flex}.board-region{border-radius:var(--radius);flex:0 0 65%;min-height:60vh;position:relative;overflow:hidden}.hud{gap:var(--space-3);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);flex-direction:column;flex:1;align-self:flex-start;min-width:260px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000073}.board-container{background:radial-gradient(ellipse at 30% 20%, #38bdf814, transparent 60%), var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);width:100%;position:relative;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000073}.board-canvas{display:block}.board-overlay{pointer-events:none;position:absolute;inset:0}.switch-lever{pointer-events:auto;cursor:pointer;min-width:44px;min-height:44px;transition:box-shadow .18s var(--ease-out), transform .18s var(--ease-out);background:0 0;border:none;border-radius:50%;position:absolute}.switch-lever:hover{background:#ffb0201f}.switch-lever:active{transform:scale(.92)}.switch-lever:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.switch-lever--thrown{box-shadow:0 0 12px #ffb0208c}.hud-stats{gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem}.stat-value{font-family:var(--font-ui);color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.95rem;font-weight:600}.hud-controls{gap:var(--space-2);flex-direction:column;display:flex}.btn{font-family:var(--font-ui);padding:10px var(--space-2);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);min-height:44px;color:var(--text);cursor:pointer;transition:background .18s var(--ease-out), transform .12s var(--ease-out), box-shadow .18s var(--ease-out);font-size:.95rem;font-weight:600}.btn:hover{background:#223252}.btn:active{transform:translateY(1px)scale(.98)}.btn:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#241705}.btn-primary:hover{background:#ffc04d}.btn-icon[aria-pressed=true]{border-color:var(--accent-support);color:var(--accent-support)}.mistake-note{padding:var(--space-2);border-radius:var(--radius-sm);color:var(--danger);background:#ff5a5f1f;border:1px solid #ff5a5f66;margin:0;font-size:.85rem}.win-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;padding:var(--space-3);background:#040810b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-overlay[hidden]{display:none}.win-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.win-card{z-index:1;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);text-align:center;width:100%;max-width:420px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 16px 48px #0009}.win-eyebrow{color:var(--accent-support);text-transform:uppercase;letter-spacing:.1em;margin:0 0 4px;font-size:.75rem}.win-card h2{margin:0 0 var(--space-2);color:var(--accent);font-size:1.95rem}.win-stats{font-family:var(--font-ui);color:var(--text);margin:0 0 var(--space-1)}.win-rating{color:var(--text-muted);margin:0 0 var(--space-3)}.win-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.page-extras{border-top:1px solid var(--line);background:linear-gradient(#38bdf80a 1px, transparent 1px), linear-gradient(90deg, #38bdf80a 1px, transparent 1px), var(--bg);background-size:32px 32px,32px 32px,100% 100%}.extras-inner{max-width:68ch;padding:var(--space-8) var(--space-4);margin:0 auto}.page-extras h2{font-family:var(--font-display);color:var(--text);margin:var(--space-6) 0 var(--space-2);font-size:1.55rem}.extras-inner>h2:first-child{margin-top:0}.page-extras h3{font-family:var(--font-display);color:var(--accent-support);margin:var(--space-4) 0 var(--space-1);font-size:1.15rem}.page-extras p{color:var(--text-muted);margin:0 0 var(--space-2);line-height:1.7}.faq{margin:0}.faq dt{color:var(--text);margin-top:var(--space-3);font-weight:600}.faq dd{margin:var(--space-1) 0 0;padding-left:var(--space-2);border-left:2px solid var(--line);color:var(--text-muted);line-height:1.7}.extras-cta{margin-top:var(--space-6)}.extras-cta .btn{text-decoration:none;display:inline-block}.page-footer{gap:var(--space-2) var(--space-3);max-width:68ch;padding:var(--space-3) var(--space-4) var(--space-6);border-top:1px solid var(--line);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;font-size:.85rem;display:flex}.page-footer a{color:var(--text-muted);transition:color .18s var(--ease-out);text-decoration:none}.page-footer a:hover{color:var(--accent-support)}@media (width<=900px){.layout{flex-direction:column}.board-region{flex:none;height:60vh;min-height:380px}.hud{min-width:0}.hud-stats{flex-wrap:wrap}.hud-controls{flex-flow:wrap}.hud-controls .btn{flex:45%}}@media (width<=480px){.wordmark{width:190px;height:32px}.tagline{display:none}}.fieldguide{color:#b6c2d8;max-width:1300px;margin:20px auto 0;padding:0 32px;line-height:1.6}.edition{letter-spacing:3px;color:#ffbd67;font-size:11px}.fieldguide p{max-width:850px;margin:8px 0}.dispatch-readout{padding:18px 0}.manifest{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.cargo{background:#152037;border:1px solid;border-radius:7px;place-items:center;width:29px;height:34px;font-weight:700;display:grid}.cargo.next{outline-offset:3px;outline:2px solid #fff;margin-right:5px}.cargo-1{color:#ffb020}.cargo-2{color:#38bdf8}.cargo-3{color:#3ddc84}.cargo-4{color:#ff8fa3}.cargo-5{color:#c084fc}.cargo-6{color:#5eead4}#hint-note{color:#ffcd83;min-height:2em;font-size:13px;line-height:1.5}.board-region{border:1px solid #3c4664;border-radius:20px;overflow:hidden}.topbar{background:#0c1425}.wordmark-text{letter-spacing:3px;font-family:Georgia,serif}.hud{border-radius:18px}.btn{border-radius:9px}@media (width<=600px){.fieldguide{margin-top:12px;padding:0 16px;font-size:13px}.edition{font-size:9px}.tagline{font-size:12px}.dispatch-readout{padding:8px 0}}.switch-lever{font-size:0}@media (width<=600px){.layout{gap:14px;padding:12px}.board-region{height:280px;min-height:280px}.switch-lever{color:#ecf1fa;background:#17243c;border:1px solid #8290ad;font-size:14px}.switch-lever--thrown{color:#122039;background:#ffb020}.hud{padding:18px}.hud-controls{gap:8px}.fieldguide p{font-size:12px}.topbar{padding:12px 16px}.dispatch-readout small{font-size:11px}}