/* Shared picture headers for game welcome, level, pause and result cards. */
.scenery-card{position:relative;isolation:isolate;grid-column:1/-1;flex:0 0 auto;height:110px;margin:0 0 12px;overflow:hidden;border-radius:12px 12px 0 0;background:#0a2941;text-align:left}
.scenery-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.scenery-card:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#061b46e8)}
.scenery-card figcaption{position:absolute;z-index:1;inset:auto 13px 9px;display:flex;flex-direction:column;gap:3px;color:#fff;text-shadow:0 1px 3px #061b46}
.scenery-card strong{font-size:18px;line-height:1.1}.scenery-card span{font-size:10px;line-height:1.3;color:#fff0c6}
#ring-world .round-card{max-width:400px;padding:0 18px 14px;gap:9px 12px}
#ring-world .round-overlay{inset:3% 5%}
#ring-world .scenery-card{margin:0 -18px 2px}
#ring-world .round-copy h3{font-size:21px}
#basketball-world .overlay-card,#basketball-world .round-overlay.is-arrival .overlay-card{padding-top:0;max-height:100%;overflow-y:auto}
#basketball-world .scenery-card{margin-inline:-20px}
#basketball-world .round-overlay.is-arrival .scenery-card{margin-inline:-22px}
#basketball-world .arrival-crest{display:none}
#carnival-world .world-arrival-card,#carnival-world .pause-panel,#carnival-world .result-panel{--card-inset:14px;padding:0 var(--card-inset) 14px;overflow:auto;max-height:94%;justify-content:flex-start}
#carnival-world .scenery-card{align-self:stretch;margin-inline:calc(-1 * var(--card-inset,14px));min-height:95px;height:clamp(95px,28cqw,120px)}
#carnival-world .arrival-crest{display:none}
#carnival-world .result-panel>.maya-portrait{width:44px;height:44px;min-height:44px;max-width:44px}
#carnival-world .world-arrival h2{font-size:clamp(22px,6cqw,30px);margin:8px 0}
#carnival-world .pause-panel{top:4%;bottom:auto}
#carnival-world .ready-ribbon{display:block;padding:0 12px 12px;border:1px solid #e0ba6c;border-radius:14px;background:#fff1d1;color:#173e55;text-align:center;overflow:hidden;pointer-events:none}
#carnival-world .ready-ribbon .scenery-card{margin-inline:-12px;--card-inset:12px}
#carnival-world .ready-ribbon>span{display:block;margin-top:6px}
#carnival-world .ready-ribbon .scenery-card span{font-size:9px;letter-spacing:0;font-weight:400}
@media(max-width:760px){
 .scenery-card{height:86px}.scenery-card strong{font-size:16px}.scenery-card span{font-size:9px}
 #ring-world .round-card{padding:0 12px 10px;gap:7px 9px;grid-template-columns:32px 1fr}#ring-world .scenery-card{margin-inline:-12px}#ring-world .round-copy h3{font-size:18px}
 #basketball-world .scenery-card{margin-inline:-15px}#basketball-world .round-overlay.is-arrival .scenery-card{margin-inline:-14px}
 #carnival-world .result-panel h2{font-size:24px}#carnival-world .result-time strong{font-size:34px}#carnival-world .result-panel .sample-caption{font-size:10px;margin-bottom:8px}
}
@media(max-width:370px){.scenery-card{height:76px}#basketball-world .scenery-card,#basketball-world .round-overlay.is-arrival .scenery-card{margin-inline:-12px}}
/* The picture header already carries the level name. Keep the action in view. */
#basketball-world .arrival-level{display:none}
@media(max-width:760px){#basketball-world .round-overlay.is-arrival .scenery-card{height:76px}#basketball-world .round-overlay.is-arrival h2{font-size:22px}}