/* Game page only: one screen row, followed by its information. */
.play-page{max-width:none;padding:16px 28px 30px}
.play-layout{width:min(100%,calc(var(--game-fit-width,1280px) + 304px));margin-inline:auto;grid-template-columns:130px minmax(0,1fr) 130px;column-gap:22px;row-gap:0;align-items:stretch}
.game-column{display:contents}
.play-page .game-stage{grid-column:2;grid-row:1;min-width:0}
.play-page .ad-side{display:flex;grid-row:1;height:auto;min-height:0;margin:0;align-self:stretch}
.play-page .ad-side:first-child{grid-column:1}
.play-page .ad-side:last-child{grid-column:3}
.play-page .game-bar{grid-column:2;grid-row:2;border-top:2px solid var(--gold);border-bottom:1px solid #3b4d3e}
.play-page .game-heading{grid-column:2;grid-row:3;margin:0;padding:22px 0 0;align-items:center}
.play-page .game-heading h1{font-size:clamp(22px,2.1vw,34px)}
.play-page .game-heading .eyebrow{margin-top:0}
.play-page #game-frame{height:auto;min-height:0;aspect-ratio:16/9}
.play-page .ad-top{display:none}
@media(max-width:1199px){
 .play-layout{grid-template-columns:96px minmax(0,1fr) 96px;column-gap:16px;width:min(100%,calc(var(--game-fit-width,1280px) + 224px))}
}
@media(max-width:899px){
 .play-page{padding:16px 12px 24px}
 .play-layout{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,var(--game-fit-width,1280px))}
 .play-page .ad-side{display:none}
 .play-page :is(.game-stage,.game-bar,.game-heading){grid-column:1}
}
@media(max-width:599px),(pointer:coarse){
 .play-page{padding:12px 8px 24px}
 .play-layout{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none}
 .play-page .ad-side{display:none}
 .play-page .ad-top{display:flex;width:min(100%,728px);height:60px;margin:0 auto 12px}
 .play-page :is(.game-stage,.game-bar,.game-heading){grid-column:1}
 .play-page .game-heading{flex-wrap:wrap;gap:14px;padding:18px 4px 0}
 .play-page .game-heading h1{max-width:none;font-size:24px}
 .play-page .more-link{font-size:12px;padding:8px 0}
}
/* Touch controls keep their own space below/alongside the arena. */
@media(pointer:coarse){
 .play-page #game-frame{aspect-ratio:auto;height:calc(100cqw * .5625 + 156px)}
}
@media(pointer:coarse) and (orientation:landscape){
 .play-page .ad-top{height:50px}
 .play-page #game-frame{height:calc((100cqw - 324px) * .5625 + 68px);min-height:230px}
}