.pause-overlay{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:rgba(5,5,8,.82);backdrop-filter:blur(8px)}
.game-active .topbar{display:none}.game-active .game-screen{height:100vh;min-height:100vh;grid-template-rows:1fr auto}.game-active .game-wrap{grid-row:1}.game-active .touch-controls{grid-row:2}.game-active .hud{position:absolute;inset:0 0 auto;z-index:8;height:0;min-height:0;padding:0;background:transparent;border:0;pointer-events:none}.game-active .hud>*{position:absolute;pointer-events:auto}.game-active .song-meta{left:24px;top:22px;padding-left:12px;border-left:2px solid var(--red);text-shadow:0 2px 8px #000}.game-active .song-meta b{font-size:13px}.game-active .song-meta span{margin-top:3px}.game-active #backBtn{left:24px;top:70px;border:1px solid #343138;background:#0b0b0ecc}.game-active #pauseBtn{right:24px;top:92px;border:1px solid #343138;background:#0b0b0ecc}.game-active .score{right:24px;top:18px;margin:0}.game-active .score b{font-size:30px;text-shadow:0 2px 10px #000}.game-active .accuracy{right:24px;top:61px;margin:0}.game-active .accuracy b{font:800 13px monospace;text-shadow:0 2px 8px #000}.game-active #gameCanvas{height:100%}
.pause-overlay[hidden]{display:none}.pause-panel{width:min(390px,calc(100% - 28px));padding:30px;background:#111115;border:1px solid #403c42;border-top:3px solid var(--red)}
.pause-panel h2{margin:7px 0 22px;font-size:40px;letter-spacing:-1.5px}.pause-song{display:flex;justify-content:space-between;gap:20px;padding:12px 0 16px;border-top:1px solid #302d33;color:#ddd;font-size:12px}.pause-song span{color:#858188;font-family:monospace}
.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pause-actions .primary,.pause-actions .danger{grid-column:1/-1}.pause-actions .secondary{border:1px solid #302d33}.pause-actions .primary span{float:right;color:#ffc0ca}.pause-panel>p{margin:18px 0 0;color:#68646c;font:9px monospace;text-align:center}
.result-screen{place-items:center;padding:clamp(18px,4vw,55px);background:linear-gradient(135deg,#09090c 0%,#111016 100%)}.result-shell{width:min(920px,100%);border:1px solid #343138;border-top:3px solid var(--red);background:#0e0e12}
.result-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid #302d33}.result-head h2{margin:5px 0 3px;font-size:25px}.result-head p{margin:0;color:#7f7a82;font:10px monospace}
.clear-badge{padding:8px 11px;color:#e8e2d8;border:1px solid #6b626c;font:800 10px monospace;letter-spacing:1px}.clear-badge[data-state="perfect"]{color:#f4d88a;border-color:#f4d88a}.clear-badge[data-state="full"]{color:var(--cyan);border-color:var(--cyan)}.clear-badge[data-state="fail"]{color:#ed5369;border-color:#8c2837}
.result-body{display:grid;grid-template-columns:270px 1fr}.grade-block{display:flex;flex-direction:column;justify-content:center;padding:30px;text-align:center;border-right:1px solid #302d33}.grade-block>span{color:#77717b;font:9px monospace;letter-spacing:2px}.grade-block .rank{margin:8px 0;font-size:120px;color:#eee8dd}.grade-block p{min-height:32px;margin:7px 0 0;color:#89838c;font:11px/1.5 monospace}
.result-data{padding:30px}.score-line{display:flex;align-items:end;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #302d33}.score-line span,.record-line span{display:block;margin-bottom:6px;color:#77717b;font:9px monospace;letter-spacing:1px}.result-score{font:900 clamp(30px,5vw,48px) monospace;letter-spacing:2px}.new-best{padding:7px 9px;color:#111;background:#f0cc73;font:900 10px monospace}
.result-grid{margin:16px 0}.result-grid div{padding:12px}.result-grid b{font:800 17px monospace}.judgement-report{display:grid;gap:10px;padding:6px 0 19px}.judgement-report>div{display:grid;grid-template-columns:48px 1fr 44px;align-items:center;gap:10px}.judgement-report span{color:#aaa4ac;font:9px monospace}.judgement-report i{height:3px;background:#29272c}.judgement-report em{display:block;width:0;height:100%;background:var(--paper);transition:width .6s ease}.judgement-report>div:nth-child(2) em{background:var(--cyan)}.judgement-report>div:nth-child(3) em{background:var(--red)}.judgement-report b{text-align:right;font:800 13px monospace}
.record-line{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #302d33}.record-line span{margin:0}.record-line b{font:700 16px monospace}.result-actions{padding:0 30px 30px}.result-actions .secondary{border:1px solid #302d33}.result-actions>*{min-height:46px}
@media(max-width:650px){.result-body{grid-template-columns:1fr}.grade-block{padding:20px 25px;border-right:0;border-bottom:1px solid #302d33}.grade-block .rank{font-size:82px}.result-data{padding:22px}.result-head{padding:18px}.result-head .clear-badge{font-size:8px}.result-actions{padding:0 22px 22px;flex-direction:column}.pause-actions{grid-template-columns:1fr}.game-active .song-meta{left:12px;top:12px}.game-active #backBtn{left:12px;top:57px}.game-active .score{right:12px;top:10px}.game-active .score b{font-size:23px}.game-active .accuracy{display:flex;right:12px;top:45px}.game-active #pauseBtn{right:12px;top:72px}}