:root{--cyan: #00e5ff;--magenta: #ff2bd6;--sun: #ff5da2;--gold: #ffe45e;--bg: #05010f;--ink: #eaf6ff;--font: "Segoe UI", "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);user-select:none}#app{position:fixed;inset:0}#gl{display:block;width:100%;height:100%}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none;padding:max(18px,env(safe-area-inset-top)) 22px;display:flex;flex-direction:column;justify-content:space-between;text-shadow:0 0 12px rgba(0,229,255,.5)}.hud-top{display:flex;gap:26px;align-items:flex-start}.hud-block{display:flex;flex-direction:column;gap:2px}.hud-label{font-size:12px;letter-spacing:3px;color:var(--cyan);opacity:.8}.hud-value{font-size:clamp(22px,4vw,38px);font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums}#hud-mult-block .hud-value{color:var(--sun)}#hud-tier-block .hud-value{color:var(--gold)}.hud-beat{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:10px}.hud-beat .pip{width:12px;height:12px;border:2px solid var(--cyan);border-radius:50%;opacity:.35;transition:none}.hud-beat .pip.on{background:var(--cyan);opacity:1;box-shadow:0 0 16px var(--cyan)}.hud-beat .pip.downbeat.on{background:var(--magenta);border-color:var(--magenta);box-shadow:0 0 20px var(--magenta)}.hud-boss{position:absolute;top:54px;left:50%;transform:translate(-50%);width:min(420px,76vw);text-align:center}.hud-boss.hidden{display:none}.boss-name{font-size:15px;font-weight:800;letter-spacing:6px;color:var(--gold);text-shadow:0 0 16px rgba(255,228,94,.7)}.boss-phase{font-size:11px;letter-spacing:3px;color:var(--ink);opacity:.75;margin:2px 0 6px}.boss-track{height:8px;border:1px solid rgba(255,228,94,.5);border-radius:5px;overflow:hidden;background:#ffe45e14}.boss-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--sun));box-shadow:0 0 14px var(--gold);transition:width .2s ease}#hud.jammed .hud-value,#hud.jammed .slot-value{animation:jam .4s steps(3) infinite}@keyframes jam{0%,70%{opacity:1;transform:translate(0)}80%{opacity:.55;transform:translate(-2px)}to{opacity:.8;transform:translate(1px)}}@media (prefers-reduced-motion: reduce){#hud.jammed .hud-value,#hud.jammed .slot-value{animation:none;opacity:.75}}.hud-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.meter{flex:1;max-width:520px}.meter-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:3px;color:var(--magenta);margin-bottom:6px}.od-tag{color:var(--gold);font-weight:800;animation:odpulse .5s steps(2) infinite}@keyframes odpulse{50%{opacity:.3}}.meter-track{height:14px;border:2px solid rgba(255,43,214,.5);border-radius:8px;overflow:hidden;background:#ff2bd614}.meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--magenta),var(--cyan));box-shadow:0 0 18px var(--cyan);transition:width .08s linear}.meter-fill.overdrive{background:linear-gradient(90deg,var(--gold),var(--sun));box-shadow:0 0 24px var(--gold)}.powerup-slot{text-align:right;min-width:140px}.slot-label{display:block;font-size:11px;letter-spacing:3px;color:var(--cyan);opacity:.8}.slot-value{display:block;font-size:18px;font-weight:700;color:var(--gold)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#ff2bd61f,#05010fd1 70%);backdrop-filter:blur(2px)}.overlay.hidden{display:none}.overlay-card{text-align:center;padding:40px 46px;max-width:560px;border:1px solid rgba(0,229,255,.25);border-radius:18px;background:#0a041a8c;box-shadow:0 0 60px #ff2bd640}.title{margin:0;font-size:clamp(32px,7vw,56px);font-weight:900;letter-spacing:clamp(2px,1vw,5px);white-space:nowrap;padding:0 6px;background:linear-gradient(180deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px rgba(0,229,255,.6))}.subtitle{margin:4px 0 20px;font-size:15px;letter-spacing:10px;color:var(--magenta)}.pitch{font-size:16px;line-height:1.6;color:var(--ink);opacity:.92;margin-bottom:26px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin:8px 0 26px;text-align:left}.result-stats .k{font-size:12px;letter-spacing:2px;color:var(--cyan);opacity:.8}.result-stats .v{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.btn{pointer-events:auto;cursor:pointer;font:inherit;font-weight:800;letter-spacing:3px;font-size:17px;color:var(--bg);background:linear-gradient(90deg,var(--cyan),var(--magenta));border:none;border-radius:999px;padding:14px 40px;box-shadow:0 0 30px #00e5ff80;transition:transform .1s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 44px #ff2bd6b3}.btn:active{transform:translateY(0) scale(.99)}.overlay-card.wide{max-width:900px}.title.small{font-size:clamp(26px,5vw,40px)}.subtitle.tight{letter-spacing:3px;margin-bottom:10px}.best-tag{color:var(--gold);font-weight:800;letter-spacing:4px;font-size:13px;margin:0 0 10px}.link{color:var(--cyan);cursor:pointer;pointer-events:auto}.btn.ghost{background:transparent;color:var(--cyan);border:2px solid var(--cyan);box-shadow:none;margin-left:10px}.sector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:20px 0 8px;max-height:58vh;overflow-y:auto;padding:2px}.sector-card{pointer-events:auto;cursor:pointer;font:inherit;text-align:left;display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:12px;color:var(--ink);background:linear-gradient(140deg,color-mix(in srgb,var(--sc-a) 18%,transparent),#0a041a99);border:1px solid color-mix(in srgb,var(--sc-a) 55%,transparent);transition:transform .12s ease,box-shadow .2s ease}.sector-card:hover:not(.locked){transform:translateY(-3px);box-shadow:0 0 26px color-mix(in srgb,var(--sc-b) 60%,transparent)}.sector-card.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.sc-num{font-size:11px;letter-spacing:3px;color:var(--sc-a);font-weight:800}.sc-name{font-size:19px;font-weight:800;letter-spacing:.5px}.sc-meta{font-size:11px;opacity:.7;letter-spacing:1px}.sc-boss{font-size:11px;color:var(--sc-b);letter-spacing:2px;font-weight:700;margin-top:2px}.sc-status{font-size:10px;letter-spacing:2px;opacity:.85;margin-top:6px}.sc-status.cleared{color:var(--gold)}.sc-best{font-size:10px;letter-spacing:1px;opacity:.65}.hints{margin-top:26px;font-size:13px;line-height:1.9;opacity:.75}.hints b{color:var(--cyan)}.audio-note{margin-top:18px;font-size:12px;opacity:.5}.boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--cyan);letter-spacing:4px;font-size:14px}.boot.hidden{display:none}.death-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}