/* Each matchup gets the stage, with a TV-sized game title. */
.game-title-scene{width:min(1500px,96vw);max-width:none}.game-title-scene h2.game-logo{font-size:clamp(72px,11vw,175px);line-height:.87;margin:14px auto 22px;max-width:100%;overflow-wrap:normal}.game-title-kicker{font-size:clamp(12px,1.25vw,17px)}.game-title-tagline{font-size:clamp(15px,1.7vw,24px)}.game-title-ribbon{font-size:clamp(12px,1.2vw,16px);padding:9px 16px}.game-title-icon{font-size:clamp(75px,15vh,150px);line-height:1}.world-fly .game-title-icon,.world-runner .game-title-icon{width:clamp(200px,26vw,360px);height:clamp(110px,21vh,205px)}
.matchup-scene{max-width:min(1450px,100%)}.matchup-scene .competitor{width:clamp(175px,26vw,360px)}.matchup-scene .matchup-game{font-size:clamp(20px,2.6vw,34px)}
.live:has(.phase-vs-records){color:#20394b}.live:has(.phase-vs-records):before{background:radial-gradient(ellipse at 50% 25%,#fff,#f7f4ec 63%,#e7ebe6);opacity:1;transform:none;animation:none}.live:has(.phase-vs-records):after{background:radial-gradient(ellipse at 50% 105%,#b9cbd34d,transparent 55%)}.live:has(.phase-vs-records) .live-top{display:none}.live:has(.phase-vs-records) .hint{color:#536a79}.live:has(.phase-vs-records) .control-bar .btn-outline{color:#304656;background:#fff;border-color:#d2dade}
.vs-record-list{display:grid;gap:8px;max-width:1080px;margin:12px auto;text-align:left}.vs-record-list>div{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;background:#fff;border:1px solid #dce3e2;border-radius:9px;box-shadow:0 6px 18px #23475716}.vs-record-list span,.vs-record-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,1.8vw,22px)}.vs-record-list small{color:#9a4a3c;font-size:clamp(11px,1.1vw,14px);font-weight:900;text-align:right}
@media(max-height:700px){.game-title-scene h2.game-logo{font-size:clamp(60px,9vw,125px);margin:10px auto 14px}.game-title-icon{max-height:17vh}.world-fly .game-title-icon,.world-runner .game-title-icon{height:16vh}.game-title-tagline{margin-top:9px}.vs-record-list>div{padding:8px 12px}}
@media(max-width:700px){.game-title-scene h2.game-logo{font-size:clamp(49px,10.5vw,76px)}.game-title-icon{font-size:70px}.world-fly .game-title-icon,.world-runner .game-title-icon{height:115px;width:190px}.vs-record-list>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;padding:7px}.vs-record-list small{grid-column:1/-1;text-align:left}.vs-record-list span,.vs-record-list strong{font-size:13px}}
/* Give the words their own lines so a game title fills the display. */
.game-title-scene h2.game-logo span{display:block}.game-title-scene h2.game-logo{font-size:clamp(72px,12vw,170px);line-height:.78;margin:10px auto 18px}
@media(max-height:700px){.game-title-scene h2.game-logo{font-size:clamp(58px,10.5vw,140px);line-height:.8;margin:6px auto 12px}.game-title-icon{margin:4px auto;max-height:14vh}.world-fly .game-title-icon,.world-runner .game-title-icon{height:14vh}}
@media(max-width:700px){.game-title-scene h2.game-logo{font-size:clamp(44px,11vw,74px);line-height:.86}}
.game-title-scene h2.game-logo span{width:max-content;max-width:100%;margin-inline:auto}
.game-title-scene h2.game-logo{line-height:.96}.world-fly .game-logo .logo-accent{transform:none}
@media(max-height:700px){.game-title-scene h2.game-logo{line-height:.94}}
@media(max-width:700px){.game-title-scene h2.game-logo{line-height:.96}}
@media(min-height:701px){.world-fly .game-title-icon,.world-runner .game-title-icon{height:15vh}}