#stage[data-state="highscores"] .mini-logo{display:none}
body:has(#stage[data-state="highscores"]) .instructions{display:none!important}
#highscores{background:url('assets/images/level-01/lvl01-ui-level-01-background-v-01.jpg') center/cover no-repeat}
.highscore-panel{position:absolute;z-index:4;left:32.5%;top:17%;width:35%;height:65%;color:var(--yellow);background:url('assets/images/shared/shared-ui-background-panel-v-01.png') center/100% 100% no-repeat;font-family:var(--font-h1)}
.highscore-title{position:absolute;width:107%;left:-3.5%;top:-23%;height:32%;object-fit:contain}
#highscore-entry{position:absolute;inset:16% 10% 13%}
.highscore-kicker{font-size:1.65cqw;line-height:1}
#highscore-entry h1{font-size:4.8cqw;line-height:1;margin:.3cqw 0 1.2cqw}
#highscore-form label{display:block;color:var(--ink);font-size:1.8cqw;line-height:1.05;margin-bottom:1.25cqw}
#highscore-name{display:block;width:68%;height:5.1cqw;margin:0 auto 1.6cqw;padding:0 .3em;border:2px inset #493765;border-radius:0;background:var(--ink);color:var(--yellow);font:4cqw/1 var(--font-h1);text-align:center;letter-spacing:.05em;caret-color:var(--yellow);user-select:text}
.highscore-stone{background:url('assets/images/shared/shared-ui-button-background-v-01.png') center/100% 100% no-repeat;font-family:var(--font-h1);font-size:2.7cqw;line-height:1;padding:0 0 .3cqw;width:63%;height:3.7cqw;white-space:nowrap}
.highscore-stone:hover{filter:brightness(1.12)}
#highscore-main-menu{position:absolute;bottom:-8%;left:22%;width:56%}
#highscore-run-total{font-size:1.2cqw;margin-top:.4cqw;color:var(--ink)}
#highscore-board{position:absolute;inset:12% 10% 20%;margin:0;padding:0;list-style:none;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:.65cqw}
.highscore-row{position:relative;display:grid;grid-template-columns:25% 31% 44%;align-items:center;min-width:0;min-height:0;background:var(--ink);padding:0 .65cqw 0 0;line-height:1}
.highscore-row img{min-height:0;max-height:100%;height:100%;width:100%;object-fit:contain;transform:scale(1.12);transform-origin:center}
.highscore-player{font-size:3.6cqw;text-align:center}
.highscore-value{font-size:2.25cqw;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.highscore-row.is-empty span{color:#8770ae}
.highscore-row.is-new{outline:2px solid var(--yellow);outline-offset:2px}
#highscore-status{position:absolute;left:9%;right:9%;bottom:12%;font-family:var(--font-h2);font-size:1.25cqw;line-height:1.05;color:var(--ink)}
.highscore-panel:has(#highscore-board[hidden]):has(#highscore-entry[hidden]) #highscore-status{top:35%;bottom:auto;font-size:2.3cqw}
.highscore-options{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:center;gap:1cqw}
.highscore-options button{font:1.25cqw var(--font-h1);color:var(--ink);text-decoration:none;border:2px solid var(--yellow);box-shadow:none;background:#211940dd;padding:.35cqw .65cqw}
#menu-highscores{position:absolute;top:98%;left:50%;transform:translateX(-50%);width:24cqw;height:3.1cqw;padding:0;font:1.8cqw var(--font-h1);border:2px solid var(--yellow);box-shadow:none;background:#211940bb;color:var(--yellow)}
#menu-highscores:hover{filter:brightness(1.2)}
#stage[data-state="loading"] #menu-highscores{display:none}
#overall-highscores{position:absolute;left:24%;width:52%;bottom:10%;font:1.5cqw var(--font-h1);color:var(--ink);text-decoration:none}
#overall-global-status{position:absolute;left:8%;right:8%;top:101%;font:1.15cqw var(--font-h2);color:var(--yellow)}
@media(max-width:600px) and (orientation:portrait){
 #stage[data-state="highscores"]{aspect-ratio:3/4}
 #stage[data-state="highscores"] .cave-frame{object-fit:fill;transform:none;inset:0;width:100%;height:100%}
 .highscore-panel{left:8%;top:27%;width:84%;height:57%}
 .highscore-title{top:-27%;height:35%}
 .highscore-kicker{font-size:4cqw}
 #highscore-entry h1{font-size:11cqw;margin:1cqw 0 3cqw}
 #highscore-form label{font-size:4.3cqw;margin-bottom:3cqw}
 #highscore-name{font-size:9cqw;height:12cqw;margin-bottom:3cqw}
 .highscore-stone{font-size:6.4cqw;height:9.5cqw;min-height:36px}
 #highscore-run-total{font-size:3cqw;margin-top:1cqw}
 #highscore-board{gap:1.5cqw}
 .highscore-player{font-size:8.5cqw}.highscore-value{font-size:5.3cqw}
 #highscore-status{font-size:3cqw;bottom:12%}
 .highscore-panel:has(#highscore-board[hidden]):has(#highscore-entry[hidden]) #highscore-status{font-size:5cqw}
 .highscore-options button{font-size:3cqw;padding:1cqw;min-height:28px}
 #menu-highscores{top:94%;width:52cqw;height:8cqw;font-size:4.5cqw}
 #overall-highscores{font-size:3.5cqw;bottom:12%}#overall-global-status{font-size:3cqw}
}
@media(orientation:landscape) and (max-height:500px){#app:has(#stage[data-state="highscores"]){width:min(96vw,850px)}.highscore-options button{min-height:24px}}
@media(max-width:600px) and (orientation:portrait){
 #highscore-entry{top:14%}.highscore-kicker{font-size:3.5cqw}
 #highscore-entry h1{font-size:10cqw;margin:1cqw 0 2cqw}
 #highscore-form label{font-size:4cqw;margin-bottom:2cqw}
 #highscore-name{height:11cqw;margin-bottom:2cqw}
 #highscore-run-total{display:none}
}

/* The summary CTA gets its own row below the panel, clear of the personal best. */
#overall-highscores{top:101%;bottom:auto;left:7%;width:86%;height:10%;font-size:1.9cqw;text-decoration:none;border:2px solid var(--yellow);color:var(--yellow);background:#211940ee}
#overall-global-status{top:114%;font-size:1cqw}
.highscore-options{bottom:-20%;align-items:center;gap:.7cqw}
.highscore-options button{color:var(--yellow)}
.highscore-options button{white-space:nowrap}
@media(max-width:600px) and (orientation:portrait){
 #overall-highscores{font-size:4.5cqw;height:10%}
 #overall-global-status{font-size:2.4cqw}
 .highscore-options{left:3%;right:3%;gap:1cqw}
 .highscore-options button{font-size:2.7cqw;padding:.5cqw;min-height:24px}
}
.highscore-panel:has(#highscore-entry:not([hidden])) #highscore-status{bottom:4%;font-size:1cqw;line-height:1.15}
@media(max-width:600px) and (orientation:portrait){.highscore-panel:has(#highscore-entry:not([hidden])) #highscore-status{font-size:2.4cqw}}