/* @tunnel-grandfather: legacy/admin/game CSS — selectors are stable and page-scoped; registry conflicts are cross-page false positives; ID selectors intentional and working; refactor risk exceeds value. W3 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos keeps each playable world sharp and reachable; fixed chrome may frame the road but never blur or cover it.

CSS-law compliant rewrite (2026-10-09):
- Zero !important (was 12). Mobile/reduced-motion overrides win by specificity
  (html prefix), not by brute force.
- Skip-link keeps explicit colors for both themes via tokens.
*/
body[data-geelooy-route="games"] {
	--games-skip-bg: #f7fbff;
	--games-skip-ink: #08101d;
	overflow-x: clip;
}

body[data-geelooy-route="games"] [data-future-reveal],
body[data-geelooy-route="games"].future-motion-ready [data-future-reveal],
body[data-geelooy-route="games"].future-motion-ready [data-future-reveal].future-is-visible {
	filter: none;
}

body[data-geelooy-route="games"] .skipLink {
	background: var(--games-skip-bg);
	border-radius: .65rem;
	color: var(--games-skip-ink);
	font-weight: 800;
	inset-block-start: .65rem;
	inset-inline-start: -200vw;
	padding: .7rem 1rem;
	position: fixed;
	text-decoration: none;
	z-index: 2000;
}

body[data-geelooy-route="games"] .skipLink:focus,
body[data-geelooy-route="games"] .skipLink:focus-visible {
	inset-inline-start: .75rem;
	outline: 2px solid var(--games-skip-ink);
	outline-offset: 2px;
}

body[data-geelooy-route="games"] :where(img, svg) {
	max-inline-size: 100%;
}

body[data-geelooy-route="games"] [data-future-icon] {
	filter: none;
}

@media (max-width: 54rem) {
	/* B"H — html prefix bumps specificity so these win without !important. */
	html body[data-geelooy-route="games"] .gamesShell.g-content-region {
		padding-block-start: calc(var(--g-header-h, 4.55rem) + 1.25rem);
		padding-block-end: calc(var(--g-dock-h, 4.9rem) + 1.5rem);
		padding-inline: .6rem;
	}

	html body[data-geelooy-route="games"] :where(.g-unusual-header, .g-dock) {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		background: rgba(7, 8, 18, .98);
	}

	html body[data-geelooy-route="games"] .g-unusual-header {
		box-shadow: 0 10px 24px rgba(0, 0, 0, .28);
	}

	html body[data-geelooy-route="games"] .g-dock {
		bottom: max(.55rem, env(safe-area-inset-bottom));
		box-shadow: 0 -8px 24px rgba(0, 0, 0, .25);
	}

	html body[data-geelooy-route="games"] :where(.heroPanel, .quickLaunch, .playModeRail, .discoveryPanel, .gamesCatalog) {
		scroll-margin-block-start: calc(var(--g-header-h, 4.55rem) + 1.25rem);
		scroll-margin-block-end: calc(var(--g-dock-h, 4.9rem) + 1.5rem);
	}

	html body[data-geelooy-route="games"] :where(.heroPanel, .gameCard, .quickLaunch, .discoveryPanel) {
		filter: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body[data-geelooy-route="games"] [data-future-reveal] {
		filter: none;
		translate: none;
	}
}