:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7e8df;background:#151a1b;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{flex-direction:column;height:100dvh;display:flex}header,footer{justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}header{letter-spacing:.13em;border-bottom:1px solid #485253;font-size:12px}a{color:#c6d5b3;text-decoration:none}button{color:#e7e8df;cursor:pointer;font:inherit;background:#2b3535;border:1px solid #64716a;padding:12px 19px}button:hover{background:#43504a}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d6e6a0}button:disabled{opacity:.5;cursor:wait}.mode-choice{gap:8px;margin:16px 0;font-size:12px;display:grid}.mode-choice select,textarea{font:inherit;color:inherit;background:#2b3535;border:1px solid #64716a;width:100%;padding:10px}#online-setup{border-top:1px solid #485253;margin-bottom:16px;padding-top:12px}#online-setup label{margin:12px 0 6px;font-size:12px;display:block}#online-setup textarea{resize:vertical;font:11px monospace}.connection-actions{flex-wrap:wrap;gap:8px;display:flex}#online-setup button{margin:4px 0;font-size:12px}#online-setup.connected>:not(#online-status):not(#leave-btn){display:none}#menu:not([hidden])~#location{visibility:hidden}select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #d6e6a0}#stage{flex:1;min-height:0;position:relative;overflow:hidden}canvas{object-fit:contain;touch-action:none;width:100%;height:100%;display:block}.overlay{background:#11191bef;align-items:safe center;padding:32px 8%;display:grid;position:absolute;inset:0;overflow:auto}.overlay>div{max-width:580px}[hidden]{display:none!important}.eyebrow,footer{letter-spacing:.16em;color:#a8b0a5;font-size:11px}h1{letter-spacing:-.065em;margin:24px 0;font-size:clamp(42px,7vw,82px);line-height:.95}.intro{color:#d6e6a0;font-size:20px}p{color:#bec8c6;line-height:1.6}.controls,.note{font-size:12px}#start-btn{color:#1a2420;background:#d6e6a0;border-color:#d6e6a0;font-weight:700}#location{pointer-events:none;background:#152022db;margin:0;padding:7px 12px;font-size:12px;position:absolute;bottom:12px;left:22px}#touch-controls{display:none}#reticle{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font-size:20px;line-height:1;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}#reticle.hit{color:#d6ff58}#practice-hud{pointer-events:none;font-variant-numeric:tabular-nums;background:#152022db;gap:5px;padding:8px 12px;font-size:12px;display:grid;position:absolute;top:14px;left:22px}#menu:not([hidden])~#reticle,#menu:not([hidden])~#practice-hud{display:none}#frame-rate{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:7ch}@media (pointer:coarse){#touch-controls{padding:12px 26px max(12px, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;height:130px;display:flex}#joystick{touch-action:none;border:1px solid #899787;border-radius:50%;width:88px;height:88px;position:relative}#thumb{background:#a3b28c;border-radius:50%;width:32px;height:32px;position:absolute;top:27px;left:27px}#jump-btn,#fire-btn{touch-action:none}header{letter-spacing:.04em;padding:9px 12px;font-size:9px}footer>span:not(#frame-rate){display:none}.overlay{padding:20px 7%}h1{margin:14px 0;font-size:43px}.intro{font-size:16px}p{margin:10px 0;font-size:13px}}#stage.damaged{box-shadow:inset 0 0 0 6px #ef5264}#ceasefire{color:#ecf6cf;letter-spacing:.15em;text-shadow:0 2px 8px #000;pointer-events:none;justify-items:center;gap:6px;font-size:12px;font-weight:750;display:grid;position:absolute;inset:20% 0 auto}#ceasefire strong{font-variant-numeric:tabular-nums;font-size:clamp(48px,9vh,84px);line-height:1}#result{z-index:2;text-align:center;--result-accent:#d6e6a0;background:#101a1aee;border-top:5px solid #d6e6a0;justify-items:center}#result.defeat{--result-accent:#ffad9f;border-color:var(--result-accent)}.result-card{width:100%}#result h2{letter-spacing:-.065em;color:var(--result-accent);text-wrap:balance;outline:none;margin:12px 0;font-size:clamp(56px,10vw,116px);line-height:1}.result-score{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:clamp(24px,5vw,56px);margin:28px 0 0;display:flex}.result-score>div{gap:4px;display:grid}.result-score div>span{letter-spacing:.2em;font-size:12px}.result-score strong{font-size:clamp(80px,13vh,128px);font-weight:800;line-height:1}.score-divider{color:#87988d;font-size:48px}.result-rule{letter-spacing:.2em;margin:18px 0 28px;font-size:10px}#replay-btn{background:var(--result-accent);color:#17221b;border:0;min-width:190px;min-height:48px;font-weight:750;transition:opacity .18s,transform .18s}#replay-btn:active:not(:disabled){transform:scale(.96)}#result:not([hidden]) h2{animation:.42s both result-reveal}#result:not([hidden]) .result-score{animation:.42s .12s both result-reveal}#result:not([hidden]) #result-detail{animation:.42s 60ms both result-reveal}#result:not([hidden])~#practice-hud,#result:not([hidden])~#reticle,#result:not([hidden])~#location{visibility:hidden}@keyframes result-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#result:not([hidden]) h2,#result:not([hidden]) .result-score,#result:not([hidden]) #result-detail{animation:none}#replay-btn{transition:none}}