#cover.results-view{position:fixed;inset:0;z-index:100;width:100%;height:100%;max-height:none;overflow:auto;display:flex;align-items:center;justify-content:center;padding:42px 4vw;background:#10121ceF;isolation:isolate}
#cover.results-view::before{content:'';position:fixed;inset:-40px;z-index:-1;background-image:linear-gradient(#10121b99,#10121bdd),var(--result-art,none);background-size:cover;background-position:center;filter:blur(28px);pointer-events:none}
#cover.results-view #coverTag,#cover.results-view #coverTitle{display:none!important}
#cover.results-view .cover-content{width:100%;max-width:1500px;max-height:none;overflow:visible;padding:0;margin:auto}
#cover.results-view #results{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(270px,1.25fr) minmax(300px,1fr);align-items:center;gap:clamp(24px,4vw,64px);width:100%;text-align:left}
#results .res-songinfo{display:flex;flex-direction:column;gap:20px;width:100%;padding:0;border:0;background:none;text-align:center}
#results .res-cd{width:min(100%,260px);height:auto;aspect-ratio:1;margin:0 auto;flex:none}
#results .res-cd .cd-disc{width:100%;height:100%;border-radius:0;border:2px solid #ffffffa0;box-shadow:0 12px 40px #0005;animation:none;transform:none;background:#20283b}
#results .res-cd .cd-disc img{width:100%;height:100%;object-fit:cover;border-radius:0}
#results .res-cd .cd-hole{display:none}
#results .res-songmeta{width:100%;min-width:0}
#results .res-songtitle{font-size:clamp(18px,1.8vw,26px);line-height:1.35;font-weight:800;overflow-wrap:anywhere}
.result-artist{color:#b5bac8;font-size:14px;margin:7px 0 15px}
#results .res-songbadges{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:14px}
.result-statistics{min-width:0;width:100%}
#results .res-rank{position:relative;isolation:isolate;display:grid;place-items:center;width:150px;height:150px;margin:0 auto 30px;color:#232542;font:bold 76px/1 Impact,"Arial Narrow",sans-serif;text-shadow:none;filter:drop-shadow(0 6px 10px #ffc84255)}
#results .res-rank::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#ffeb87,#ffc938 60%,#c88716);clip-path:polygon(50% 0,61% 34%,98% 36%,69% 58%,80% 95%,50% 74%,20% 95%,31% 58%,2% 36%,39% 34%)}
#results .res-counts{display:flex;flex-direction:column;gap:0;width:100%;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:8px 0}
#results .res-counts>span{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;line-height:1.3;border:0;border-radius:0;background:none;font-size:clamp(16px,1.5vw,20px);font-weight:800;font-style:italic;color:#51d4ad}
#results .res-counts>span:nth-child(1){color:#ffe078}#results .res-counts>span:nth-child(3){color:#5aceff}#results .res-counts>span:nth-child(4){color:#ffc546}#results .res-counts>span:nth-child(5){color:#ff707b}
#results .res-counts b{color:#fff;font-style:normal;font-family:Consolas,monospace;font-size:18px}
#results .res-row{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px 8px;margin:0}
#results .res-row>div{display:flex;justify-content:space-between;align-items:center;width:100%}
#results .res-row span{font-size:14px;color:#bdc2d0}#results .res-row b{font:700 18px Consolas,monospace;color:#fff}
#results .res-overdrive{display:flex;justify-content:space-between;margin:0;padding:0 8px 14px;font-size:13px;color:#ffd166}
#results .res-score{display:flex;flex-direction:column;border-top:1px solid #ffffff30;padding:15px 8px 0;gap:8px;text-align:center}
#results .res-score>span{align-self:flex-start;letter-spacing:1px;font-size:13px;color:#bdc2d0}
#results .res-score>b{font:700 clamp(38px,4.5vw,68px)/1.15 Impact,"Arial Narrow",sans-serif;letter-spacing:3px;color:#60d5ff;text-shadow:0 0 20px #36bfff66}
#results .res-coins{margin:8px 0;padding:8px;font-size:13px}
.result-sidebar{min-width:0;width:100%}.result-ranking-slot{padding:20px;background:#0b0d1bb8;border:1px solid #ffffff28;min-height:160px}
.result-ranking-slot .result-ranking{border:0;margin:0;padding:0}.result-ranking-slot .result-position{font-size:20px;color:#ffdb82;margin-bottom:16px;text-align:right}
.result-ranking-slot .result-board{max-height:420px;overflow:auto}.result-ranking-slot .result-board li{margin-bottom:5px;border:1px solid #ffffff20;background:#ffffff06;padding:9px 8px;gap:8px;min-height:38px}
.result-ranking-slot .result-board .is-me{background:#ad813a40;border-color:#ffe08988;border-radius:0;box-shadow:none}
.result-ranking-slot .result-combo{display:none}.result-ranking-slot .result-acc{font-size:11px;color:#b5bac8;order:5}.result-ranking-slot .result-points{font-size:12px}.result-ranking-slot .result-no{width:18px;color:#ff789d!important}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.result-actions button{min-height:48px;border:1px solid #ffffff55;border-radius:5px;background:#121322d9;color:white;font-weight:800;font-size:15px}.result-actions .result-retry{background:var(--accent,#4da6ff);border-color:var(--accent,#4da6ff);color:#101623}.result-actions button:hover{filter:brightness(1.15)}
@media(max-width:950px){#cover.results-view #results{grid-template-columns:minmax(160px,.8fr) minmax(240px,1.2fr);gap:30px}.result-sidebar{grid-column:1/-1}.result-ranking-slot .result-board{max-height:260px}}
@media(max-width:580px){#cover.results-view{padding:24px 18px;align-items:flex-start}#cover.results-view #results{display:flex;flex-direction:column;gap:26px}#results .res-cd{width:160px}#results .res-rank{width:116px;height:116px;font-size:60px;margin-bottom:20px}#results .res-songtitle{font-size:20px}#results .res-score>b{font-size:48px}.result-ranking-slot{padding:14px}}

/* Release the playfield containment only while showing the full-screen result. */
body:has(#cover.results-view) #playfield{contain:none;overflow:visible}body:has(#cover.results-view) .cabinet{overflow:visible}
#cover.results-view .cover-content> :not(#results){display:none!important}
#cover.results-view .res-row>div{flex-direction:row}
#cover.results-view .res-songmeta{display:block;text-align:center}

#results .res-coins{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:14px 8px 0;padding:10px 12px;border:1px solid #ffd16655;border-radius:6px;background:#ffd1660d;color:#ffd166;font-size:14px}#results .res-coins b{font-size:22px;font-weight:800;color:#ffe08a}#results .res-coins small{flex-basis:100%;text-align:right;font-size:12px;color:#bdc2d0}
