/* Final five-level score uses the existing stone panel and cave shell. */
.overall-score{background:url('assets/images/shared/shared-ui-splash-screen-background-v-01.jpg') center/cover no-repeat;color:var(--ink);image-rendering:pixelated}
#stage[data-state="overall"] .mini-logo{display:none}
.overall-panel{position:absolute;left:32.5%;top:14%;width:35%;height:66%;background:url('assets/images/shared/shared-ui-background-panel-v-01.png') center/100% 100% no-repeat}
.overall-full-title{position:absolute;left:1%;top:-19%;width:103%;height:31%;z-index:4;opacity:0;transform:translateY(-1.2cqw);transition:opacity .3s steps(4,end),transform .4s cubic-bezier(.2,.75,.2,1)}
.overall-score.is-visible .overall-full-title{opacity:1;transform:none}
.overall-levels{position:absolute;left:14%;right:14%;top:11%;height:50%;display:grid;grid-template-rows:repeat(5,1fr)}
.overall-level-row{display:grid;grid-template-columns:48% 48%;column-gap:4%;align-items:center;opacity:0;transform:translateY(.5cqw);transition:opacity .16s steps(3,end),transform .18s ease-out}
.overall-level-row.is-visible{opacity:1;transform:none}
.overall-level-name{text-align:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.overall-level-name span{font-family:var(--font-h1);font-size:1.75cqw;white-space:nowrap}
.overall-level-name small{font-family:var(--font-h1);font-size:1.3cqw;white-space:nowrap;letter-spacing:.02em;margin-top:.15cqw}
.overall-row-score{font-family:var(--font-h1);font-size:3.2cqw;font-weight:400;line-height:1;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}
.overall-total-block{position:absolute;left:8%;right:8%;top:62%;height:17%;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(.4cqw);transition:opacity .2s steps(4,end),transform .2s ease-out}
.overall-total-block.is-visible,.overall-high-block.is-visible{opacity:1;transform:none}
.overall-total-block span{font-family:var(--font-h1);font-size:1.8cqw;color:#fff0aa;line-height:1}
#overall-total{font-family:var(--font-h1);font-size:5.8cqw;font-weight:400;color:#fff0aa;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}
.overall-high-block{position:absolute;left:10%;right:10%;top:79%;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(.4cqw);transition:opacity .18s steps(3,end),transform .2s ease-out}
.overall-high-block span{font-family:var(--font-h1);font-size:1.8cqw;line-height:1.15;letter-spacing:.02em;white-space:nowrap}
.overall-high-block strong{font-family:var(--font-h1);font-size:1.9cqw;font-weight:400;line-height:1.05;font-variant-numeric:tabular-nums}
.overall-high-block.is-new{color:#fff0aa;animation:overall-high-pulse .6s steps(2,end) 2}
@keyframes overall-high-pulse{50%{filter:brightness(1.45)}}
#overall-main-menu{position:absolute;z-index:4;left:27%;bottom:0;width:46%;height:9%;padding:0 0 .5cqw;background:url('assets/images/shared/shared-ui-button-background-v-01.png') center/100% 100% no-repeat;color:#fff0aa;font-family:var(--font-h1);font-size:2.9cqw;line-height:1;white-space:nowrap;opacity:0;transition:opacity .2s steps(4,end)}
#overall-main-menu.is-visible{opacity:1}
#overall-main-menu:hover:not(:disabled){filter:brightness(1.18)}
#overall-main-menu:disabled{pointer-events:none}
@media(max-width:600px) and (orientation:portrait){
 #stage[data-state="overall"]{aspect-ratio:3/4}
 #stage[data-state="overall"] .cave-frame{object-fit:fill;transform:none;left:0;top:0;width:100%;height:100%}
 .overall-panel{left:8%;top:28%;width:84%;height:auto;aspect-ratio:480/460}
 .overall-full-title{top:-28%;height:34%;width:103%;left:1%}
 .overall-levels{left:11%;right:11%;top:11%;height:50%}
 .overall-level-name span{font-size:3.2cqw}
 .overall-level-name small{font-size:2.4cqw;letter-spacing:0}
 .overall-row-score{font-size:5.3cqw}
 .overall-total-block{top:62%;height:15%}
 .overall-total-block span{font-size:3.1cqw}
 #overall-total{font-size:9cqw}
 .overall-high-block{top:78%}
 .overall-high-block span{font-size:3.1cqw}
 .overall-high-block strong{font-size:3.5cqw}
 #overall-main-menu{bottom:3%;height:9%;font-size:5.4cqw}
}
@media(prefers-reduced-motion:reduce){.overall-full-title,.overall-level-row,.overall-total-block,.overall-high-block,#overall-main-menu{transition:none!important;animation:none!important}}