.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.mode-button{min-height:58px;border:1px solid #3b3a47;background:#171721;color:var(--paper);font:11px var(--display);cursor:pointer;text-align:left;padding:10px 13px;transition:.15s}
.mode-button small{display:block;font:7px var(--mono);color:#777682;margin-top:4px;letter-spacing:.5px}
.mode-button:hover{border-color:var(--acid);transform:translateY(-2px)}
.mode-button.arcade{border-color:var(--blue)}
.mode-button.rhythm{border-color:var(--pink);grid-column:1/-1}
.lives{font-size:10px;color:var(--pink);letter-spacing:2px;margin-top:4px;min-height:12px}
.focus-hud{display:grid;grid-template-columns:48px 1fr 30px;gap:8px;align-items:center;margin-top:12px;color:#777682;font-size:7px;font-weight:bold;letter-spacing:1px}.focus-hud>div{height:5px;background:#252532;overflow:hidden}.focus-hud i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--blue),var(--acid));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.focus-hud b{text-align:right;color:var(--paper)}.focus-hud.ready{color:var(--acid);animation:focusPulse .6s infinite alternate}.focus-hud.ready i{box-shadow:0 0 14px var(--acid)}@keyframes focusPulse{to{filter:brightness(1.5)}}
.level-flash{position:absolute;inset:0;display:grid;place-items:center;background:var(--ink);z-index:5;font:34px var(--display);color:var(--acid);opacity:0;pointer-events:none}
.level-flash.show{animation:levelFlash .65s ease}
@keyframes levelFlash{0%,100%{opacity:0}20%,70%{opacity:1}}
.arena.reverse .runner span{background:var(--blue)}
.arena.frenzy{box-shadow:inset 0 0 50px rgba(255,67,101,.12)}
.arena.overdrive{border-color:var(--acid);box-shadow:inset 0 0 65px rgba(201,255,53,.16),0 0 18px rgba(201,255,53,.15)}.arena.overdrive:before{content:'OVERDRIVE ×2';position:absolute;z-index:3;top:12px;left:50%;transform:translateX(-50%);font:10px var(--display);letter-spacing:1px;color:var(--acid)}.arena.final-round:after{content:'FINAL ROUND ×2';position:absolute;z-index:3;bottom:12px;left:50%;transform:translateX(-50%);font:9px var(--display);color:var(--pink);white-space:nowrap}.arena.jackpot{animation:jackpotFlash .35s ease}.arena.miss{animation:missShake .3s ease}@keyframes jackpotFlash{50%{filter:brightness(1.8);box-shadow:inset 0 0 100px var(--acid)}}@keyframes missShake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.round-result small{font-size:8px;color:var(--acid);letter-spacing:1.5px;margin-top:9px;min-height:10px}
.arena.rhythm{transition:box-shadow .08s,background-color .08s}.arena.rhythm.beat{box-shadow:inset 0 0 80px rgba(201,255,53,.2);background-color:rgba(201,255,53,.04)}.arena.rhythm.beat .target-zone span{transform:translate(-50%,-50%) scale(1.45);box-shadow:0 0 30px var(--acid)}
.ghost-marker{display:none;position:absolute;top:0;bottom:0;width:2px;background:rgba(188,167,255,.7);z-index:2;pointer-events:none;filter:drop-shadow(0 0 7px #bca7ff)}.ghost-marker.show{display:block}.ghost-marker:after{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;border:2px dashed #bca7ff;border-radius:50%;transform:translate(-50%,-50%)}.ghost-marker span{position:absolute;top:calc(50% + 17px);left:50%;transform:translateX(-50%);font-size:6px;font-weight:bold;color:#bca7ff;letter-spacing:1px;white-space:nowrap}.ghost-marker.reveal{animation:ghostReveal .35s ease}@keyframes ghostReveal{from{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}
.menu-back{align-self:flex-start;border:0;background:none;color:#85848f;font:9px var(--mono);font-weight:bold;letter-spacing:1px;padding:4px 0 12px;cursor:pointer}.special-banner{position:absolute;z-index:4;top:12px;left:50%;transform:translateX(-50%) translateY(-10px);opacity:0;padding:7px 12px;border:1px solid var(--acid);background:#0b0b12d9;color:var(--acid);font:9px var(--display);letter-spacing:1px;white-space:nowrap;transition:.25s}.special-banner.show{opacity:1;transform:translateX(-50%) translateY(0)}.arena.narrow .target-zone{width:48px}.arena.boss{border-color:var(--pink);box-shadow:inset 0 0 90px rgba(255,67,101,.2),0 0 22px rgba(255,67,101,.22)}.arena.boss .target-zone{width:38px;background:linear-gradient(90deg,transparent,rgba(255,67,101,.2),transparent);border-color:var(--pink)}.arena.boss .target-zone span{border-color:var(--pink);animation:bossPulse .45s infinite alternate}.arena.chaos .runner{box-shadow:0 0 34px var(--blue)}@keyframes bossPulse{to{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 25px var(--pink)}}
.menu-back:hover{color:var(--acid)}