/* v2.4: gold cabinet, jewel controls and prismatic stage lighting. */
.game-screen{background:#070a16}
.stage-photo{height:100%;filter:saturate(1.2) contrast(1.05) brightness(1.12)}
.stage-shade,.landscape .stage-shade{background:radial-gradient(ellipse at 4% 22%,#ce1cf02b,transparent 48%),radial-gradient(ellipse at 97% 28%,#00cfff24,transparent 48%),linear-gradient(#0808192b 0%,#090d1833 35%,#080d1966 69%,#060b18d9 100%)}
#app[data-view="game"]{box-shadow:0 0 2px #f9d182,0 0 35px #b02ac74d,0 0 85px #22c8f233}
#hud{grid-template-rows:44px 58px;filter:drop-shadow(0 3px 5px #000b)}
#hud .track-h{height:38px;filter:drop-shadow(0 0 4px #ffcc6560)}
#hud .track-h strong{--hud-title-size:20px;color:#fff6db;text-shadow:0 1px #5f3310,0 0 10px #ffc56966,0 2px 3px #000}
#hud .gauge-wrap{height:58px}
#hud .gauge-housing{height:38px;filter:drop-shadow(0 0 4px #ffcc6559)}
#hud .gauge i{box-shadow:inset 0 1px 2px #fff,0 0 8px #3dffc6a6,0 0 18px #28d9ff59}
#hud .gauge-text b{font-size:14px;color:#eafff5;text-shadow:0 0 7px #6affd7}
#hud .score-h b{font-size:clamp(19px,5cqw,24px);color:#fff4bb;text-shadow:0 0 9px #ffcf7945,0 2px 2px #000}
#hud #pause:before{border-color:#f6d18e;background:linear-gradient(145deg,#473322aa,#0c1024ee);box-shadow:inset 0 0 8px #ffe6ab33,0 0 6px #ffd07735}
.landscape #hud{grid-template-rows:52px}
.landscape #hud .track-h{height:32px}
.landscape #hud .gauge-wrap{height:52px}
.landscape #hud .gauge-housing{height:32px}
.landscape #hud .score-h b{font-size:18px}
.pad{isolation:isolate}
.pad::before{inset:10% 3% 2%;opacity:.28;border-radius:27%;background:radial-gradient(ellipse at 50% 80%,var(--ink),transparent 70%);box-shadow:0 4px 12px var(--ink),0 0 5px #fff2;transform:rotate(var(--tilt,0deg));z-index:-1}
.pad::after{content:"";position:absolute;inset:11% 4% 6%;border:1px solid #ffe4adad;border-radius:24%;box-shadow:inset 0 0 3px #fff5,0 1px 2px #5b2b1c,0 0 5px var(--ink);transform:rotate(var(--tilt,0deg));pointer-events:none}
.pad img{width:98%;height:95%;filter:saturate(1.25) contrast(1.05) drop-shadow(0 5px 3px #000b) drop-shadow(0 0 5px var(--ink));transition:filter .08s,transform .08s}
.pad.down::before{opacity:.9;box-shadow:0 0 25px var(--ink),0 0 7px #fff9}
.pad.down img{transform:translateY(2px) rotate(var(--tilt,0deg)) scale(.95);filter:brightness(1.8) saturate(1.3) drop-shadow(0 0 12px var(--ink));transition-duration:0s}
.pad.down::after{border-color:#fff9df;box-shadow:0 0 12px #fff5,inset 0 0 6px var(--ink)}
#song-progress{color:#efe2da;text-shadow:0 1px 3px #000}
#song-progress>div{height:3px;background:#bdd2ed33;box-shadow:0 0 0 1px #0a0924,0 0 10px #68dfff17}
#song-progress i{background:linear-gradient(90deg,#ff63ba,#ffdc7a,#84fbe6);box-shadow:0 0 7px #ffafdd88}
.unlock-hint{margin:9px 0 1px;font-size:10px;line-height:1.6;color:#f4d39b;text-align:center}
.unlock-help{font-size:12px;line-height:1.7;color:#f4d39b}
.landscape .unlock-hint{font-size:9px;margin:5px 0}
@media(prefers-reduced-motion:reduce){.pad img{transition:none}}