:root{color-scheme:dark;--bg:#090c20;--panel:#10172c;--ink:#ebf8ff;--muted:#8fa4be;--line:#293751;--cyan:#73fff2;--pink:#f88ccc;--button:#163c45}
:root[data-theme=light]{color-scheme:light;--bg:#edf2f8;--panel:#fff;--ink:#16233b;--muted:#50637b;--line:#b3c3d9;--cyan:#007c79;--pink:#a03880;--button:#d2eeed}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 15%,#7850ba22,transparent 45%),radial-gradient(ellipse at 95% 50%,#24cdbb18,transparent 45%),var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 15px;cursor:pointer}button:hover{border-color:var(--cyan);background:var(--button)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--pink);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:1100px;width:calc(100% - 40px);margin:auto;padding:26px 0}header,footer,.brand,.controls,.heading,.mission,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{justify-content:flex-start;font-weight:800;letter-spacing:.05em}.brand>b{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--cyan);color:var(--cyan);border-radius:10px;box-shadow:0 0 24px #73fff212}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:5px;letter-spacing:.12em}.controls button{width:45px;padding:0;font-size:22px}#sound-toggle[aria-pressed=false]{opacity:.5;text-decoration:line-through}.heading{margin:48px 0 26px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--cyan);font-weight:bold}h1{font-family:system-ui,sans-serif;font-size:clamp(32px,5vw,58px);margin:12px 0;letter-spacing:.01em}h1 span{font-family:monospace;display:block;font-size:13px;letter-spacing:.45em;color:var(--pink);margin-top:8px}.tagline{line-height:1.8;color:var(--muted);font-size:13px}.machine{border:1px solid var(--line);border-radius:19px;background:var(--panel);padding:18px;box-shadow:0 22px 70px #0003}.hud{display:grid;grid-template-columns:repeat(4,1fr);padding:7px 0 19px;gap:10px}.hud>div{padding-left:15px;border-left:1px solid var(--line)}.hud small{color:var(--muted);font-size:10px}.hud strong{display:block;font-size:clamp(16px,2.7vw,26px);margin-top:7px;color:var(--cyan);font-variant-numeric:tabular-nums}.mission{font-size:12px;padding:12px 5px;border-top:1px solid var(--line)}#status{color:var(--muted)}.arena{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#080820;aspect-ratio:4/3}.arena canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.arena:fullscreen{border:0;border-radius:0;width:100vw;height:100dvh;aspect-ratio:auto;display:grid;place-items:center;background:#080820}.arena:fullscreen canvas{width:min(100vw,133.333dvh);height:min(100dvh,75vw)}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(#080d20b8,#0a172be8);color:#efffff;padding:25px;backdrop-filter:blur(3px)}.overlay h2{font-size:clamp(23px,4vw,42px);margin:10px 0}.overlay>p:not(.eyebrow){max-width:490px;line-height:1.8;font:15px/1.8 system-ui,sans-serif;color:#c3d4e7}.primary{background:#73fff2;color:#072329;font-weight:900;border:0;padding:13px 30px;box-shadow:0 0 25px #73fff233}.primary:hover{background:#aefff7}.effects{min-height:39px;padding:12px 3px;color:var(--pink);font-size:12px}.actions{justify-content:flex-start;flex-wrap:wrap}.help{font:12px/1.8 system-ui,sans-serif;color:var(--muted);margin-bottom:0}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,700px);margin:12px 0}.choices button{color:#efffff;background:#142942;border-color:#427c90;min-height:95px;padding:12px 8px}.choices button:hover{border-color:#73fff2;background:#20525a}.choices b,.choices span{display:block}.choices span{font:12px/1.6 system-ui,sans-serif;color:#bad6e0;margin-top:10px}.field-guide{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:32px 5px}.field-guide span{color:var(--pink);font-size:10px;letter-spacing:.13em}.field-guide h3{font:600 18px system-ui,sans-serif}.field-guide p{font:14px/1.8 system-ui,sans-serif;color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px 0;font-size:10px;color:var(--muted)}.notice{font:12px system-ui,sans-serif;color:var(--pink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.shell{width:calc(100% - 20px);padding-top:15px}.heading{margin:28px 0 20px}.tagline{display:none}.machine{padding:9px}.hud{gap:4px;padding-bottom:12px}.hud>div{padding-left:6px}.hud small{font-size:8px}.hud strong{font-size:16px}.overlay{padding:12px}.overlay .eyebrow{font-size:9px}.overlay>p:not(.eyebrow){font-size:12px;line-height:1.5;margin:5px 0 12px}.overlay h2{font-size:23px;margin:4px}.choices{gap:5px;margin:5px 0}.choices button{font-size:11px;min-height:75px;padding:8px 4px}.choices span{font-size:10px;margin-top:5px}.field-guide{grid-template-columns:1fr;gap:16px}.actions{gap:6px}.actions button{font-size:12px;padding:8px 10px}.brand small{font-size:8px}footer span{display:none}}
.arena{width:min(100%,calc((100dvh - 190px) * 4 / 3));margin-inline:auto}
.arena:fullscreen{width:100vw}
.payment-panel{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font:12px/1.65 system-ui,sans-serif}.payment-panel p{margin:0 0 8px}.payment-panel #payment-status{color:var(--cyan);min-height:20px}.payment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.payment-actions button,.payment-actions a{font-size:12px}.payment-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px 13px;border:1px solid var(--pink);border-radius:10px;color:var(--pink);overflow-wrap:anywhere}
@media(max-width:600px){.payment-panel{padding:10px}.payment-actions{display:grid;grid-template-columns:1fr 1fr}.payment-actions button{padding:8px 6px}.payment-actions a{grid-column:1/-1;justify-content:center}}
.overlay .eyebrow{color:#73fff2}
.fullscreen-controls{display:none}.arena:fullscreen .fullscreen-controls{display:flex;position:absolute;right:12px;bottom:10px;gap:8px;z-index:3}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.music-panel{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.music-info{flex:1;min-width:190px}.music-info small{display:block;color:var(--pink);font-size:9px;letter-spacing:.1em}.music-info span{display:block;font:13px/1.6 system-ui,sans-serif;margin-top:5px}.music-volume{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:11px;color:var(--muted);width:170px}.music-volume input{grid-column:1/-1;min-height:28px;width:100%;margin:0;accent-color:var(--cyan)}.music-volume input:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.music-panel p{flex-basis:100%;font:11px/1.7 system-ui,sans-serif;color:var(--muted);margin:0}#music-toggle[aria-pressed=false]{color:var(--muted)}
@media(max-width:600px){.music-panel{gap:10px}.music-panel button{font-size:12px;padding:8px 10px}.music-info{min-width:175px}.music-info span{font-size:12px}.music-volume{width:100%}}