/* Size the seven cards from the space between the header and footer. */
body.play-page{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column}
.play-page>header,.play-page>footer{flex:none}
.play-page .play-shell{flex:1;min-height:0;width:min(1280px,100%);padding:14px 24px;display:flex}
.play-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
.play-card{grid-column:span 2;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;color:inherit;text-decoration:none;cursor:pointer;border:1px solid #ffffff25;border-radius:16px;background:#10203b}
.play-card:nth-child(5){grid-column:2/span 2}.play-card:nth-child(6){grid-column:4/span 2}.play-card:nth-child(7){grid-column:6/span 2}
.play-card>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;padding:8px}
.play-details{min-width:0;padding:0 10px 10px;text-align:center}
.play-details h1,.play-details h2{font-size:clamp(14px,1.4vw,20px);line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center;margin:0;overflow-wrap:normal}
.play-card:hover{border-color:#ffffff70}.play-page a:focus-visible{outline:3px solid #ffc65b;outline-offset:3px}
.play-page>footer{margin-top:0}.play-page>footer>.section-shell{min-height:54px;padding-block:8px;gap:10px 24px}
.play-page #main-nav a[aria-current="page"]{font-weight:900;color:#fff}
@media(max-width:700px) and (orientation:portrait){
 .play-page .play-shell{padding:8px 12px}.play-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}
 .play-card,.play-card:nth-child(n){grid-column:auto}.play-card:last-child{grid-column:1/-1;width:calc(50% - 4px);justify-self:center}
 .play-details{padding:0 5px 5px}.play-details h1,.play-details h2{font-size:13px}.play-card>img{padding:4px}
 .play-page>footer>.section-shell{gap:3px 10px;min-height:0;padding-block:6px}.play-page>footer a{font-size:11px}.play-page>footer span{font-size:12px}
}
@media(max-height:600px) and (orientation:landscape){
 .play-page .play-shell{padding:6px 14px}.play-grid{gap:6px}.play-details{padding:0 4px 4px}.play-details h1,.play-details h2{font-size:12px;min-height:2.4em}.play-card>img{padding:3px}
 .play-page>footer>.section-shell{min-height:30px;padding-block:3px;gap:4px 12px}.play-page>footer a,.play-page>footer span{font-size:11px}
}
/* Enlarged accessibility text must remain reachable instead of being clipped. */
html.a11y-large-text body.play-page{height:auto;min-height:100dvh}html.a11y-large-text .play-grid{grid-auto-rows:minmax(180px,auto);grid-template-rows:none}