:root{--amber:#ffb347;--hivis:#ff7a1a;--cyan:#6fd8ff;--red:#ff4d5e;--ink:#05070a;--paper:#dfe6ea}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--paper);-webkit-font-smoothing:antialiased;background:#05070a;margin:0;padding:0;font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.cs-root{--cs-accent:#ffb347;--cs-bar:11vh}#ui{pointer-events:none;z-index:60;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:fixed;inset:0}.hud{opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.hud.on{opacity:1}.hud:not(.on){visibility:hidden}.hud-top{letter-spacing:.1em;text-shadow:0 2px 8px #000,0 0 3px #000;align-items:center;gap:1.6em;font-size:clamp(11px,1.5vh,17px);display:flex;position:absolute;top:1.2vh;left:50%;transform:translate(-50%)}.hud-score{color:var(--amber);font-size:1.35em;font-weight:700}.hud-chain{color:var(--hivis);font-weight:700}.hud-chain.hot{color:#fff;text-shadow:0 0 12px var(--hivis)}.hud-level,.hud-time{color:#9fb3c0}.hud-ghost{color:#63d9ff;font-weight:700}.hud-ghost.ahead{color:#7dffc4}.hud-ghost.behind{color:#ff8a7a}.hud-ghost.flash{animation:.5s ease-out infinite ghost-flash}@keyframes ghost-flash{0%,to{opacity:1;text-shadow:0 2px 8px #000,0 0 3px #000}50%{opacity:.55;text-shadow:0 0 14px,0 2px 8px #000}}.beat-ring{border:2px solid #46596a;border-radius:50%;width:2.6vh;min-width:18px;height:2.6vh;min-height:18px;position:absolute;top:1.2vh;right:1.4vw}.beat-ring i{background:var(--cyan);opacity:0;border-radius:50%;width:100%;height:100%;display:block;transform:scale(0)}.beat-ring i.pulse{animation:.6s linear beatpulse}@keyframes beatpulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(.1)}}.hud-left{letter-spacing:.08em;flex-direction:column;gap:.7em;font-size:clamp(10px,1.3vh,15px);display:flex;position:absolute;top:24%;left:1.6vw}.suit-chip{border:2px solid var(--amber);color:var(--amber);background:#0a0c10b8;padding:.35em .7em;font-weight:700}.suit-chip.bare{border-color:var(--red);color:var(--red)}.brace-chip{border:1px solid var(--cyan);color:var(--cyan);background:#0a0c1099;align-self:flex-start;padding:.2em .55em;font-size:.82em;font-weight:700}.brace-chip.spent{color:#566673;background:#06080b80;border-color:#3c4a57}.rowd-chip{color:#cfeaff;letter-spacing:.1em;background:#0a1018b8;border:2px solid #9fd8ff;align-self:flex-start;padding:.28em .6em;font-size:.9em;font-weight:700}.rowd-chip.carrying{border-color:var(--amber);color:#1a1206;background:var(--amber);animation:1.1s ease-in-out infinite rowd-hold}.rowd-chip.done{color:#7fe3a0;border-color:#7fe3a0}@keyframes rowd-hold{0%,to{filter:brightness()}50%{filter:brightness(.82)}}.bar{background:#06080bcc;border:2px solid #46596a;width:13vw;min-width:92px;height:.95em}.bar i{background:var(--cyan);height:100%;transition:width .12s;display:block}.bar.low i{background:var(--red)}.bar-label{color:#90a5b3;font-size:.82em}.hud-right{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:.6em;display:flex;position:absolute;top:30%;right:1.6vw}.tool-chip{letter-spacing:.08em;color:#8fa3b1;cursor:pointer;background:#080a0ec7;border:2px solid #3c4c5a;align-items:center;gap:.55em;min-width:9.6em;padding:.45em .7em;font-size:clamp(10px,1.3vh,15px);display:flex}.tool-chip .tool-ico{opacity:.92;flex:none;width:1.5em;height:1.5em;margin-block:-.24em}.tool-chip .nm{flex:auto}.tool-chip.active{border-color:var(--amber);color:var(--amber);background:#1c1206d9}.tool-chip .ammo{font-weight:700}.tool-chip.empty{color:#5a6672;border-color:#2b343c}.hud-boss{text-align:center;letter-spacing:.18em;color:#ffd0b0;width:46vw;min-width:240px;font-size:clamp(10px,1.4vh,16px);position:absolute;top:6vh;left:50%;transform:translate(-50%)}.hud-boss .bar{border-color:#7a3040;width:100%;height:1.1em}.hud-boss .bar i{background:linear-gradient(90deg,#ff4d5e,#ffb347)}.toast{letter-spacing:.16em;color:var(--amber);text-shadow:0 0 14px #ff8c2899,0 2px 6px #000;text-align:center;white-space:pre-line;pointer-events:none;font-size:clamp(12px,2vh,22px);position:absolute;top:26%;left:50%;transform:translate(-50%)}.speech{text-align:center;color:#ffd9c4;text-shadow:0 2px 8px #000;max-width:60vw;font-size:clamp(11px,1.7vh,19px);font-style:italic;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.hint{color:#7e94a3;letter-spacing:.12em;text-align:center;max-width:70vw;font-size:clamp(9px,1.2vh,14px);position:absolute;top:max(30px,4.6vh);left:50%;transform:translate(-50%)}.purge-warn{border:0 solid var(--red);opacity:0;transition:opacity .15s;position:absolute;inset:0;box-shadow:inset 0 0 12vh #ff3c5073}.purge-warn.on{opacity:1}.purge-warn.cold{box-shadow:inset 0 0 12vh #78c8ff73}#screen{pointer-events:auto;background:radial-gradient(120% 90% at 50% 40%,#080c12c7,#030406f5);display:none;position:absolute;inset:0;overflow:hidden}#screen.on{display:block}#screen .bg{opacity:.3;filter:saturate(.6)contrast(1.1);background-position:50%;background-size:cover;position:absolute;inset:0}#screen .vignette{background:radial-gradient(90% 70% at 50% 45%,#0000 30%,#000000eb 100%);position:absolute;inset:0}#screen .panel{flex-direction:column;justify-content:center;align-items:center;gap:1.6vh;height:100%;padding:3vh 4vw;display:flex;position:relative}.logo{letter-spacing:.22em;color:#fff;text-shadow:0 0 26px #ff963273,0 6px #2a1c0c,0 8px 26px #000;margin:0;font-size:clamp(34px,9vh,96px);font-weight:800}.logo em{color:var(--hivis);font-style:normal}.tagline{color:#93a7b5;letter-spacing:.3em;margin:0 0 1vh;font-size:clamp(9px,1.5vh,15px)}.menu{flex-direction:column;gap:.55vh;width:min(430px,78vw);display:flex}.menu button{font:inherit;letter-spacing:.16em;text-align:left;color:#a9bcc8;cursor:pointer;background:#080b0fa8;border:2px solid #2c3742;justify-content:space-between;align-items:center;gap:1em;min-height:44px;padding:.62em 1em;font-size:clamp(12px,2vh,19px);display:flex}.menu button .val{color:#6f8494}.menu button:disabled{color:#4c5763;cursor:not-allowed;border-color:#1e262e}.menu button.sel{color:#fff;border-color:var(--amber);background:#261808d9}.menu button.sel .val{color:var(--amber)}.menu button.sel:before{content:"▸ ";color:var(--amber)}.foot{color:#6b7f8d;letter-spacing:.14em;text-align:center;font-size:clamp(9px,1.3vh,14px)}.foot b{color:var(--amber);font-weight:700}.board{width:min(720px,92vw)}.board h3{letter-spacing:.22em;color:var(--amber);margin:0 0 .6em;font-size:clamp(11px,1.8vh,18px)}.board table{border-collapse:collapse;width:100%;font-size:clamp(10px,1.6vh,16px)}.board td{letter-spacing:.1em;border-bottom:1px solid #1b232b;padding:.28em .5em}.board td.rank{color:#6f8494;width:3em}.board td.name{color:#fff;font-weight:700}.board td.sc{color:var(--amber);text-align:right}.board td.bd{color:var(--cyan);font-size:.82em}.board .empty{color:#5d6d7a;text-align:center;padding:1em 0}.aaa{gap:2.2vw;margin:1.4vh 0;display:flex}.aaa .slot{color:#7d8f9c;cursor:pointer;background:#06090cd9;border:3px solid #35424e;flex-direction:column;justify-content:center;align-items:center;width:15vh;min-width:66px;height:19vh;min-height:84px;font-size:clamp(30px,9vh,80px);font-weight:800;display:flex;position:relative}.aaa .slot.sel{border-color:var(--amber);color:#fff;box-shadow:0 0 34px #ff963252}.aaa .slot .arrow{color:#55677a;font-size:.22em;position:absolute}.aaa .slot .arrow.up{top:.35em}.aaa .slot .arrow.down{bottom:.35em}.aaa .slot.sel .arrow{color:var(--amber)}.results{text-align:center}.results .row{color:#9fb3c0;letter-spacing:.12em;justify-content:space-between;gap:3em;padding:.2em 0;font-size:clamp(11px,1.7vh,17px);display:flex}.results .row b{color:var(--amber)}.results .big{color:var(--amber);letter-spacing:.1em;font-size:clamp(24px,6vh,58px);font-weight:800}.attract{pointer-events:none;position:absolute;inset:0}.attract .crawl{background:#040609b3;border:2px solid #2c3742;padding:2.4vh 3vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.attract .tag{letter-spacing:.4em;color:var(--amber);font-size:clamp(12px,2.4vh,26px);animation:1.3s steps(2,end) infinite blink;position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}@keyframes blink{50%{opacity:0}}.opts-note{color:#6b7f8d;text-align:center;max-width:min(560px,84vw);font-size:clamp(9px,1.2vh,13px);line-height:1.5}#gate{z-index:90;cursor:pointer;background:#05070a;flex-direction:column;justify-content:center;align-items:center;gap:2vh;display:flex;position:fixed;inset:0}#gate.off{display:none}#gate .press{color:var(--amber);letter-spacing:.4em;font-size:clamp(12px,2.2vh,24px);animation:1.3s steps(2,end) infinite blink}#gate .load{color:#55677a;letter-spacing:.2em;font-size:clamp(9px,1.3vh,14px)}@media (height<=460px){.hud-left,.hud-right{font-size:10px}.menu{width:min(360px,70vw)}}.kit-list{font-size:.88em}.kit-list .row{align-items:flex-start;gap:1.2em}.kit-list .row span{color:var(--amber);letter-spacing:.1em;flex:0 0 6.5em}.kit-list .row b{text-align:left;opacity:.82;flex:auto;font-weight:400;line-height:1.34}