/* George Dale - stadium background.
   The scene itself is stadium.svg, printed inline by gd-site-theme.php on
   wp_body_open. This file only places it; text stays readable because every
   content block now sits on its own solid, yellow-edged card. */

/* ---- the fixed layer ------------------------------------------------------ */
.gd-stadium {
	position: fixed;
	inset: 0;
	z-index: -10;
	pointer-events: none;
	overflow: hidden;
	background: var(--gd-base);
	transform: translateZ(0);     /* own compositor layer: no repaint on scroll */
}
.gd-stadium > svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}

/* the team wheel owns the right 240px on desktop, so centre the field (and its
   vanishing point) on the content area instead of the whole window */
@media (min-width: 783px) {
	body:has(.gd-team-wheel) .gd-stadium { right: 240px; }
}

/* ---- tablet: same scene, fewer fine details --------------------------------- */
@media (max-width: 1023px) {
	.gd-stadium .gd-st-hash { display: none; }
}

/* ---- phones: sky, lights and the near yard lines only ----------------------- */
/* Portrait crops the scene to its centre strip. */
@media (max-width: 782px) {
	.gd-stadium .gd-st-seating,
	.gd-stadium .gd-st-far-posts,
	.gd-stadium .gd-st-numbers { display: none; }
}