:root {
	--material-graphite-950: #030711;
	--material-graphite-900: #060b16;
	--material-graphite-850: #09111f;
	--material-graphite-800: #0d1727;
	--material-graphite-700: #142033;
	--material-cyan-energy: #42d9e8;
	--material-cyan-energy-soft: rgba(66, 217, 232, 0.15);
	--material-cyan-energy-line: rgba(66, 217, 232, 0.32);
	--material-warm-gold: #d4b16a;
	--material-warm-gold-soft: rgba(212, 177, 106, 0.15);
	--material-white: #f7fbff;
	--material-white-muted: rgba(219, 228, 240, 0.76);
	--material-line: rgba(226, 232, 240, 0.12);
	--material-line-strong: rgba(226, 232, 240, 0.19);
	--material-graphite-surface:
		radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.045), transparent 52%),
		radial-gradient(ellipse at 50% 100%, rgba(66, 217, 232, 0.035), transparent 62%),
		linear-gradient(180deg, rgba(13, 23, 39, 0.96), rgba(3, 7, 17, 0.98));
	--material-graphite-panel:
		radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.04), transparent 46%),
		linear-gradient(180deg, rgba(16, 27, 45, 0.9), rgba(5, 10, 22, 0.96));
	--material-inner-light: inset 0 1px 0 rgba(255, 255, 255, 0.055), inset 0 -24px 48px rgba(0, 0, 0, 0.2);
	--material-shadow: 0 22px 58px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.026) inset;
	--corp-bg: var(--material-graphite-950);
	--corp-bg-2: var(--material-graphite-900);
	--corp-surface: var(--material-graphite-800);
	--corp-border: var(--material-line);
	--corp-text: var(--material-white);
	--corp-text-2: rgba(230, 237, 247, 0.86);
	--corp-muted: var(--material-white-muted);
	--corp-action: var(--material-cyan-energy);
	--corp-leadership: var(--material-warm-gold);
	--corp-momentum: var(--material-cyan-energy);
	--corp-gold: var(--material-warm-gold);
	--corp-live: var(--material-cyan-energy);
	--corp-success: #7fd6b0;
	--corp-warning: var(--material-warm-gold);
	--corp-danger: #f87171;
	--corp-panel: rgba(13, 23, 39, 0.9);
	--corp-panel-strong: rgba(5, 10, 22, 0.96);
	--corp-panel-soft: rgba(3, 7, 17, 0.5);
	--corp-line: var(--material-line);
	--corp-line-strong: var(--material-line-strong);
	--corp-radius-sm: 10px;
	--corp-radius-md: 16px;
	--corp-radius-lg: 24px;
	--corp-radius-xl: 32px;
	--corp-space-1: 0.25rem;
	--corp-space-2: 0.5rem;
	--corp-space-3: 0.75rem;
	--corp-space-4: 1rem;
	--corp-space-5: 1.5rem;
	--corp-space-6: 2rem;
	--corp-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--corp-font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
}

/* Participant changes are actionable context, not an error state. Keep the
 * signal compact in the Golf renderer while making the required repick clear. */
html:root.corporate-surface .play-page .golf-podium-field-update {
	display: grid;
	gap: 0.28rem;
	margin: 0.9rem 0.9rem 0;
	padding: 0.82rem 0.9rem;
	border: 1px solid rgba(230, 181, 82, 0.46);
	border-radius: 0.72rem;
	background: linear-gradient(120deg, rgba(115, 76, 21, 0.3), rgba(31, 42, 38, 0.42));
	box-shadow: inset 0 1px rgba(255, 231, 166, 0.08);
}

html:root.corporate-surface .play-page .golf-podium-field-update .corporate-section-eyebrow {
	margin: 0;
	color: #f0c46a;
}

html:root.corporate-surface .play-page .golf-podium-field-update strong {
	color: #fff1cf;
	font-size: 0.96rem;
}

html:root.corporate-surface .play-page .golf-podium-field-update p {
	margin: 0;
	color: rgba(238, 231, 210, 0.8);
	font-size: 0.82rem;
	line-height: 1.42;
}

html:root.corporate-surface .play-page .golf-podium-field-update.is-locked-review {
	border-color: rgba(159, 183, 201, 0.35);
	background: rgba(25, 42, 53, 0.48);
}

/* Specificity bridge: older renderer rules cannot collapse the shared card anatomy. */
html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice) {
	display: grid !important;
	grid-template-rows: minmax(1.25rem, auto) minmax(0, 1fr) !important;
	align-items: start !important;
	justify-items: start !important;
	align-content: start !important;
	gap: clamp(0.6rem, 1vw, 0.9rem) !important;
	padding: clamp(1rem, 1.7vw, 1.45rem) !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__identity, .mlb-team-panel__identity, .player-panel__identity, .mma-fighter-panel__identity, .franchise-identity, .nhl-matchup-card__choice > span) {
	position: relative !important;
	z-index: 1 !important;
	display: grid !important;
	align-content: end !important;
	justify-items: start !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	padding-top: 1.7rem !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__role, .mlb-team-panel__role, .nhl-matchup-card__choice small, .franchise-identity__side) {
	display: block !important;
	color: rgba(248, 251, 255, 0.78) !important;
	font-size: clamp(0.68rem, 0.85vw, 0.78rem) !important;
	font-weight: 850 !important;
	letter-spacing: 0.06em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .franchise-identity__monogram) {
	position: relative !important;
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	padding: 0.3rem 0 0.7rem !important;
	overflow: hidden !important;
	color: #fff !important;
	font-size: clamp(2.85rem, 5.35vw, 5.4rem) !important;
	font-weight: 950 !important;
	letter-spacing: -0.06em !important;
	line-height: 0.82 !important;
	text-align: left !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__name, .mlb-team-panel__name, .nhl-matchup-card__choice em, .franchise-identity__copy strong) {
	display: -webkit-box !important;
	overflow: hidden !important;
	color: rgba(248, 251, 255, 0.96) !important;
	font-size: clamp(0.88rem, 1.2vw, 1.18rem) !important;
	font-style: normal !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	line-height: 1.08 !important;
	text-align: left !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.player-panel__identity strong, .mma-fighter-panel__identity strong) {
	display: -webkit-box !important;
	overflow: hidden !important;
	color: #fff !important;
	font-size: clamp(1.55rem, 3vw, 3rem) !important;
	font-weight: 950 !important;
	letter-spacing: -0.04em !important;
	line-height: 0.9 !important;
	text-align: left !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.player-panel__meta, .mma-fighter-panel__meta, .mma-fighter-panel__poster-meta, .franchise-identity__copy small) {
	display: -webkit-box !important;
	overflow: hidden !important;
	margin-top: 0.56rem !important;
	color: rgba(237, 246, 248, 0.76) !important;
	font-size: clamp(0.68rem, 0.82vw, 0.78rem) !important;
	font-style: normal !important;
	font-weight: 780 !important;
	letter-spacing: 0.03em !important;
	line-height: 1.15 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice) {
		gap: 0.32rem !important;
		padding: 0.58rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__identity, .mlb-team-panel__identity, .player-panel__identity, .mma-fighter-panel__identity, .franchise-identity, .nhl-matchup-card__choice > span) {
		padding-top: 1.3rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .franchise-identity__monogram) {
		padding-bottom: 0.42rem !important;
		font-size: clamp(1.7rem, 9vw, 2.35rem) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.player-panel__identity strong, .mma-fighter-panel__identity strong) {
		font-size: clamp(1rem, 5.5vw, 1.38rem) !important;
	}
}


/* NFL uses the same Decision Card System without its former franchise halo. */
html:root.corporate-surface .play-page .arena-match-card--nfl .match-card__options .nfl-team-showcase {
	display: block !important;
	padding: clamp(1rem, 1.7vw, 1.45rem) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity,
html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-game-field .franchise-tile--compact .franchise-identity {
	position: relative !important;
	z-index: 1 !important;
	display: grid !important;
	grid-template-rows: auto auto minmax(0, 1fr) !important;
	align-content: end !important;
	justify-items: start !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	padding: 1.7rem 0 0 !important;
	gap: 0.38rem !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity::before,
html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity::after {
	display: none !important;
	background: none !important;
	box-shadow: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity__header {
	display: block !important;
	grid-row: 1 !important;
	width: 100% !important;
	min-height: 0 !important;
	padding: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase :is(.franchise-identity__state, .franchise-identity__technical-line, .franchise-identity__copy em) {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity__side {
	display: block !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: rgba(248, 251, 255, 0.78) !important;
	font-size: clamp(0.68rem, 0.85vw, 0.78rem) !important;
	font-weight: 850 !important;
	letter-spacing: 0.06em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity__monogram {
	position: relative !important;
	grid-row: 2 !important;
	align-self: end !important;
	justify-self: start !important;
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	padding: 0.3rem 0 0.7rem !important;
	overflow: hidden !important;
	color: #fff !important;
	font-size: clamp(2.85rem, 5.35vw, 5.4rem) !important;
	font-weight: 950 !important;
	letter-spacing: -0.06em !important;
	line-height: 0.82 !important;
	text-align: left !important;
	text-overflow: ellipsis !important;
	text-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity__monogram::after {
	position: absolute !important;
	bottom: 0.26rem !important;
	left: 0 !important;
	display: block !important;
	width: 42% !important;
	height: 3px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--decision-card-accent) !important;
	box-shadow: 0 0 10px color-mix(in srgb, var(--decision-card-accent) 34%, transparent) !important;
	content: "" !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity__copy {
	grid-row: 3 !important;
	display: grid !important;
	align-content: start !important;
	justify-items: start !important;
	gap: 0.3rem !important;
	width: 100% !important;
	padding: 0 !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity__copy strong {
	display: -webkit-box !important;
	overflow: hidden !important;
	color: rgba(248, 251, 255, 0.96) !important;
	font-size: clamp(0.88rem, 1.2vw, 1.18rem) !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	line-height: 1.08 !important;
	text-align: left !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity__copy small {
	display: -webkit-box !important;
	overflow: hidden !important;
	margin: 0 !important;
	color: rgba(237, 246, 248, 0.76) !important;
	font-size: clamp(0.68rem, 0.82vw, 0.78rem) !important;
	font-weight: 780 !important;
	letter-spacing: 0.03em !important;
	line-height: 1.15 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card--nfl .match-card__options .nfl-team-showcase {
		padding: 0.58rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity {
		padding-top: 1.3rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase .franchise-identity__monogram {
		padding-bottom: 0.42rem !important;
		font-size: clamp(1.7rem, 9vw, 2.35rem) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-team-showcase :is(.franchise-identity__side, .franchise-identity__copy strong, .franchise-identity__copy small) {
		font-size: 0.56rem !important;
	}
}


/*
 * Shared Decision Card System
 *
 * Arena owns the card material. The playing surface remains sport specific;
 * selectable participant cards use one carbon-and-titanium visual grammar.
 */
html:root.corporate-surface .play-page :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice) {
	--decision-card-primary: #164e63;
	--decision-card-secondary: #8bc8d8;
	--decision-card-accent: var(--decision-card-secondary);
	--decision-card-text: #f8fbff;
	position: relative !important;
	isolation: isolate !important;
	display: grid !important;
	grid-template-rows: minmax(1.25rem, auto) minmax(0, 1fr) !important;
	align-items: start !important;
	justify-items: start !important;
	align-content: start !important;
	gap: clamp(0.6rem, 1vw, 0.9rem) !important;
	min-width: 0 !important;
	padding: clamp(1rem, 1.7vw, 1.45rem) !important;
	overflow: hidden !important;
	border: 1px solid var(--surface-material-border, var(--brand-border-subtle, rgba(194, 207, 216, 0.16))) !important;
	border-radius: 1.35rem !important;
	background: var(--surface-material-layer, linear-gradient(180deg, var(--decision-card-primary), #0b1016)) !important;
	box-shadow: var(--surface-material-shadow-stack, 0 8px 22px rgba(0, 0, 0, 0.2)) !important;
	color: var(--decision-card-text) !important;
	text-align: left !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .nba-team-panel {
	--decision-card-primary: var(--nba-team-primary, #1d428a);
	--decision-card-secondary: var(--nba-team-secondary, #fdb927);
	--decision-card-accent: var(--nba-team-accent, var(--decision-card-secondary));
}

html:root.corporate-surface .play-page .mlb-team-panel {
	--decision-card-primary: var(--mlb-team-primary-safe, #13294b);
	--decision-card-secondary: var(--mlb-team-secondary-safe, #d7b46a);
	--decision-card-accent: var(--mlb-team-accent-safe, var(--decision-card-secondary));
}

html:root.corporate-surface .play-page .nfl-team-showcase {
	--decision-card-primary: var(--nfl-team-primary, #1d4ed8);
	--decision-card-secondary: var(--nfl-team-secondary, #f4d477);
	--decision-card-accent: var(--nfl-team-accent, var(--decision-card-secondary));
}

html:root.corporate-surface .play-page .nhl-matchup-card__choice {
	--decision-card-primary: var(--nhl-team-primary, #325d78);
	--decision-card-secondary: var(--nhl-team-secondary, #d9edf3);
}

html:root.corporate-surface .play-page .mma-fighter-panel {
	--decision-card-primary: var(--mma-panel-primary, #6f2335);
	--decision-card-secondary: var(--mma-panel-secondary, #d8b76b);
	--decision-card-accent: var(--mma-panel-accent, var(--decision-card-secondary));
}

html:root.corporate-surface .play-page .player-panel--home {
	--decision-card-primary: #6f2538;
	--decision-card-secondary: #dfbd70;
}

html:root.corporate-surface .play-page .player-panel--away {
	--decision-card-primary: #15556b;
	--decision-card-secondary: #8bd5df;
}

html:root.corporate-surface .play-page :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice)::before {
	position: absolute !important;
	inset: 0.5rem !important;
	z-index: 0 !important;
	border: 1px solid color-mix(in srgb, var(--surface-material-border, var(--brand-border-subtle, rgba(194, 207, 216, 0.16))) 82%, rgba(255, 255, 255, 0.08)) !important;
	border-radius: 0.98rem !important;
	background: linear-gradient(180deg, color-mix(in srgb, var(--surface-material-highlight, #f3f8fb) 3.5%, transparent), transparent 30%) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight, #f3f8fb) 5.5%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--surface-material-highlight, #f3f8fb) 2.5%, transparent) !important;
	content: "" !important;
	pointer-events: none !important;
}

html:root.corporate-surface .play-page :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice)::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice):is(.is-selected, :has(input:checked), [aria-pressed="true"])::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page :is(.nba-team-panel__identity, .mlb-team-panel__identity, .player-panel__identity, .mma-fighter-panel__identity, .franchise-identity, .nhl-matchup-card__choice > span) {
	position: relative !important;
	z-index: 1 !important;
	display: grid !important;
	align-content: end !important;
	justify-items: start !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	padding-top: 1.7rem !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page :is(.nba-team-panel__role, .mlb-team-panel__role, .nhl-matchup-card__choice small, .franchise-identity__side) {
	color: rgba(248, 251, 255, 0.78) !important;
	font-size: clamp(0.68rem, 0.85vw, 0.78rem) !important;
	font-weight: 850 !important;
	letter-spacing: 0.06em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .franchise-identity__monogram) {
	position: relative !important;
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	padding: 0.3rem 0 0.7rem !important;
	overflow: hidden !important;
	color: #fff !important;
	font-size: clamp(2.85rem, 5.35vw, 5.4rem) !important;
	font-weight: 950 !important;
	letter-spacing: -0.06em !important;
	line-height: 0.82 !important;
	text-align: left !important;
	text-overflow: ellipsis !important;
	text-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .franchise-identity__monogram)::after {
	position: absolute !important;
	bottom: 0.26rem !important;
	left: 0 !important;
	width: 42% !important;
	height: 3px !important;
	border-radius: 999px !important;
	background: var(--decision-card-accent) !important;
	box-shadow: 0 0 10px color-mix(in srgb, var(--decision-card-accent) 34%, transparent) !important;
	content: "" !important;
}

html:root.corporate-surface .play-page :is(.nba-team-panel__name, .mlb-team-panel__name, .nhl-matchup-card__choice em, .franchise-identity__copy strong) {
	display: -webkit-box !important;
	overflow: hidden !important;
	color: rgba(248, 251, 255, 0.96) !important;
	font-size: clamp(0.88rem, 1.2vw, 1.18rem) !important;
	font-style: normal !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	line-height: 1.08 !important;
	text-align: left !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .player-panel__identity strong,
html:root.corporate-surface .play-page .mma-fighter-panel__identity strong {
	display: -webkit-box !important;
	overflow: hidden !important;
	color: #fff !important;
	font-size: clamp(1.55rem, 3vw, 3rem) !important;
	font-weight: 950 !important;
	letter-spacing: -0.04em !important;
	line-height: 0.9 !important;
	text-align: left !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .player-panel__identity strong::after,
html:root.corporate-surface .play-page .mma-fighter-panel__identity strong::after {
	display: block !important;
	width: 42% !important;
	height: 3px !important;
	margin-top: 0.56rem !important;
	border-radius: 999px !important;
	background: var(--decision-card-accent) !important;
	box-shadow: 0 0 10px color-mix(in srgb, var(--decision-card-accent) 34%, transparent) !important;
	content: "" !important;
}

html:root.corporate-surface .play-page :is(.player-panel__flag, .mma-fighter-panel__flag, .mma-selection-indicator, .mma-pick-label, .franchise-identity__state, .franchise-identity__technical-line, .franchise-identity__copy em) {
	display: none !important;
}

html:root.corporate-surface .play-page :is(.player-panel__meta, .mma-fighter-panel__meta, .mma-fighter-panel__poster-meta, .franchise-identity__copy small) {
	display: -webkit-box !important;
	overflow: hidden !important;
	margin-top: 0.56rem !important;
	color: rgba(237, 246, 248, 0.76) !important;
	font-size: clamp(0.68rem, 0.82vw, 0.78rem) !important;
	font-style: normal !important;
	font-weight: 780 !important;
	letter-spacing: 0.03em !important;
	line-height: 1.15 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice):is(.is-selected, :has(input:checked), [aria-pressed="true"]) {
	border-color: color-mix(in srgb, var(--decision-card-accent) 76%, #ffffff 24%) !important;
	filter: saturate(1.08) brightness(1.08) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -28px 40px rgba(1, 8, 17, 0.4), 0 0 0 1px color-mix(in srgb, var(--decision-card-accent) 42%, transparent), 0 14px 30px color-mix(in srgb, var(--decision-card-primary) 28%, transparent) !important;
}

@media (hover: hover) {
	html:root.corporate-surface .play-page :is(.nba-team-panel--choice, .mlb-team-panel--choice, .player-panel--choice, .mma-fighter-panel--choice, .nfl-team-choice, .nhl-matchup-card__choice):hover {
		transform: none !important;
		filter: saturate(1.05) brightness(1.05) !important;
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice) {
		gap: 0.32rem !important;
		padding: 0.58rem !important;
		border-radius: 0.9rem !important;
	}

	html:root.corporate-surface .play-page :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice)::before {
		inset: 0.3rem !important;
		border-radius: 0.62rem !important;
	}

	html:root.corporate-surface .play-page :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice)::after {
		top: 0.48rem !important;
		right: 0.48rem !important;
		min-height: 1.25rem !important;
		padding: 0.18rem 0.34rem !important;
		font-size: 0.48rem !important;
	}

	html:root.corporate-surface .play-page :is(.nba-team-panel__identity, .mlb-team-panel__identity, .player-panel__identity, .mma-fighter-panel__identity, .franchise-identity, .nhl-matchup-card__choice > span) {
		padding-top: 1.3rem !important;
	}

	html:root.corporate-surface .play-page :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .franchise-identity__monogram) {
		padding-bottom: 0.42rem !important;
		font-size: clamp(1.7rem, 9vw, 2.35rem) !important;
	}

	html:root.corporate-surface .play-page .player-panel__identity strong,
	html:root.corporate-surface .play-page .mma-fighter-panel__identity strong {
		font-size: clamp(1rem, 5.5vw, 1.38rem) !important;
	}

	html:root.corporate-surface .play-page :is(.nba-team-panel__role, .mlb-team-panel__role, .nhl-matchup-card__choice small, .franchise-identity__side, .nba-team-panel__name, .mlb-team-panel__name, .nhl-matchup-card__choice em, .franchise-identity__copy strong, .player-panel__meta, .mma-fighter-panel__meta, .mma-fighter-panel__poster-meta, .franchise-identity__copy small) {
		font-size: 0.56rem !important;
	}
}


/* MLB Premium Dark Grass Pass: nocturnal material without changing the ballpark geometry. */
html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond {
	--mlb-grass-deep: #071f17;
	--mlb-grass-dark: #0b2e20;
	--mlb-grass-mid: #12442b;
	--mlb-grass-light: #1c5b36;
	--mlb-field-line: rgba(239, 234, 214, 0.82);
	position: relative !important;
	isolation: isolate !important;
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.018) 0 11%, rgba(0, 0, 0, 0.018) 11% 22%),
		linear-gradient(180deg, var(--mlb-grass-deep) 0%, var(--mlb-grass-dark) 34%, var(--mlb-grass-mid) 68%, #0b3021 100%) !important;
}

/* Desktop draws the ballpark material directly on this canvas; keep every visual layer below its geometry. */
html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond::before {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	display: block !important;
	border: 0 !important;
	border-radius: inherit !important;
	background:
		radial-gradient(ellipse at 50% 43%, rgba(115, 175, 118, 0.16) 0%, rgba(60, 122, 74, 0.08) 30%, rgba(23, 65, 41, 0.035) 52%, transparent 72%),
		radial-gradient(ellipse at 50% 59%, rgba(191, 148, 92, 0.07) 0%, rgba(129, 100, 67, 0.025) 34%, transparent 58%),
		radial-gradient(ellipse at center, transparent 38%, rgba(0, 9, 7, 0.14) 68%, rgba(0, 6, 5, 0.34) 100%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E") !important;
	background-size: 100% 100%, 100% 100%, 100% 100%, 132px 132px !important;
	box-shadow: none !important;
	mix-blend-mode: soft-light;
	opacity: 0.96 !important;
	content: "" !important;
	pointer-events: none;
}

html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond__field {
	position: absolute;
	isolation: isolate;
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.018) 0 11%, rgba(0, 0, 0, 0.018) 11% 22%),
		linear-gradient(180deg, var(--mlb-grass-deep) 0%, var(--mlb-grass-dark) 34%, var(--mlb-grass-mid) 68%, #0b3021 100%) !important;
	box-shadow:
		inset 0 0 0 1px rgba(224, 245, 222, 0.055),
		inset 0 -30px 44px rgba(0, 9, 7, 0.18),
		0 0 20px rgba(34, 101, 58, 0.06) !important;
}

html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond__field::before {
	z-index: 1;
	border-color: rgba(155, 136, 95, 0.42);
	box-shadow: 0 -1px 12px rgba(134, 112, 76, 0.04);
}

html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond__field::after {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	background:
		radial-gradient(ellipse at 50% 43%, rgba(115, 175, 118, 0.16) 0%, rgba(60, 122, 74, 0.08) 30%, rgba(23, 65, 41, 0.035) 52%, transparent 72%),
		radial-gradient(ellipse at 50% 59%, rgba(191, 148, 92, 0.07) 0%, rgba(129, 100, 67, 0.025) 34%, transparent 58%),
		radial-gradient(ellipse at center, transparent 38%, rgba(0, 9, 7, 0.14) 68%, rgba(0, 6, 5, 0.34) 100%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
	background-size: 100% 100%, 100% 100%, 100% 100%, 132px 132px;
	mix-blend-mode: soft-light;
	opacity: 0.96;
	content: "";
	pointer-events: none;
}

html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond__infield {
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.14));
}

html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond__inner-diamond {
	border-color: rgba(163, 201, 167, 0.13);
	background: linear-gradient(180deg, #1c5b36 0%, #12442b 100%);
	box-shadow:
		inset 0 1px 0 rgba(220, 255, 210, 0.055),
		inset 0 0 0 1px rgba(4, 30, 17, 0.16),
		0 7px 13px rgba(0, 0, 0, 0.14);
}

html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond__guide-line,
html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond__foul-line {
	background: var(--mlb-field-line) !important;
	box-shadow: none !important;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18));
}

@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond::before,
	html:root.corporate-surface .play-page .mlb-decision-card__matchup .mlb-matchup-diamond__field::after {
		background:
			radial-gradient(ellipse at 50% 43%, rgba(115, 175, 118, 0.19) 0%, rgba(60, 122, 74, 0.1) 30%, rgba(23, 65, 41, 0.04) 52%, transparent 72%),
			radial-gradient(ellipse at 50% 59%, rgba(191, 148, 92, 0.075) 0%, rgba(129, 100, 67, 0.03) 34%, transparent 58%),
			radial-gradient(ellipse at center, transparent 40%, rgba(0, 9, 7, 0.12) 68%, rgba(0, 6, 5, 0.29) 100%),
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
	}
}

/* MMA Fight Poster Renderer: typography and tension replace a literal arena. */
html:root.corporate-surface .play-page .mma-fight-card__title {
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
	gap: 0.45rem !important;
	margin: 0 !important;
	font-size: clamp(0.76rem, 1vw, 0.96rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.05 !important;
	text-transform: uppercase;
	opacity: 0.72;
}

html:root.corporate-surface .play-page .mma-fight-card__title span {
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .mma-fight-card__title strong {
	color: rgba(212, 177, 106, 0.78) !important;
	font-size: 0.78em !important;
	text-shadow: none !important;
}

html:root.corporate-surface .play-page .mma-fight-card__matchup {
	position: relative !important;
	isolation: isolate !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(72px, 0.22fr) minmax(0, 1fr) !important;
	grid-template-rows: minmax(290px, 1fr) !important;
	align-items: stretch !important;
	gap: clamp(0.7rem, 1.8vw, 1.5rem) !important;
	min-width: 0 !important;
	min-height: clamp(290px, 31vw, 420px) !important;
	padding: clamp(2rem, 4vw, 3.4rem) clamp(1.1rem, 3vw, 2.7rem) !important;
	overflow: hidden !important;
	border-color: rgba(196, 210, 220, 0.16) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(ellipse at 50% 8%, rgba(255, 255, 255, 0.1), transparent 52%),
		radial-gradient(circle at 18% 45%, color-mix(in srgb, var(--mma-left-primary) 24%, transparent), transparent 35%),
		radial-gradient(circle at 82% 45%, color-mix(in srgb, var(--mma-right-primary) 22%, transparent), transparent 35%),
		linear-gradient(115deg, color-mix(in srgb, var(--mma-left-primary) 78%, #15060c 22%) 0%, color-mix(in srgb, var(--mma-left-primary) 56%, #090d13 44%) 30%, transparent 47%),
		linear-gradient(245deg, color-mix(in srgb, var(--mma-right-primary) 76%, #07111a 24%) 0%, color-mix(in srgb, var(--mma-right-primary) 54%, #090d13 46%) 30%, transparent 47%),
		linear-gradient(180deg, #161c24 0%, #090d13 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.055),
		inset 0 -48px 70px rgba(0, 0, 0, 0.34),
		0 18px 38px rgba(0, 0, 0, 0.28) !important;
}

html:root.corporate-surface .play-page .mma-fight-card__matchup::before {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	display: block !important;
	background:
		linear-gradient(124deg, transparent 0 12%, rgba(255, 255, 255, 0.035) 12.2% 28%, transparent 28.3%),
		linear-gradient(304deg, transparent 0 14%, rgba(255, 255, 255, 0.028) 14.2% 31%, transparent 31.3%),
		linear-gradient(119deg, transparent 0 51%, rgba(0, 0, 0, 0.22) 51.2% 70%, transparent 70.3%),
		linear-gradient(299deg, transparent 0 48%, rgba(0, 0, 0, 0.2) 48.2% 67%, transparent 67.3%) !important;
	opacity: 1 !important;
	content: "" !important;
	pointer-events: none;
}

html:root.corporate-surface .play-page .mma-fight-card__matchup::after {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	display: block !important;
	background-image:
		radial-gradient(ellipse 112% 96% at 50% 50%, transparent 46%, rgba(0, 0, 0, 0.4) 100%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E") !important;
	background-size: 100% 100%, 132px 132px !important;
	mix-blend-mode: soft-light;
	opacity: 0.026 !important;
	content: "" !important;
	pointer-events: none;
}

html:root.corporate-surface .play-page .mma-octagon-frame {
	position: relative !important;
	/* The cage is the middle artwork only; the fighter panels own columns 1 and 3. */
	grid-column: 2 !important;
	grid-row: 1 !important;
	align-self: stretch !important;
	justify-self: stretch !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
	z-index: 1 !important;
}

html:root.corporate-surface .play-page .mma-octagon-frame__inner,
html:root.corporate-surface .play-page .mma-octagon-frame__mark,
html:root.corporate-surface .play-page .mma-octagon-frame__center,
html:root.corporate-surface .play-page .mma-octagon-frame__axis {
	display: none !important;
}

/* MMA's centre artwork is a CSS-only chain-link cage: dark, structural, and
 * independent of either fighter's visual identity. */
html:root.corporate-surface .play-page .mma-octagon-frame__shape {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	display: block !important;
	clip-path: none !important;
	border: 1px solid rgba(198, 211, 216, 0.32) !important;
	border-radius: 12px !important;
	background:
		radial-gradient(ellipse at 50% -18%, rgba(255, 255, 255, 0.09), transparent 58%),
		repeating-linear-gradient(45deg, transparent 0 6px, rgba(203, 216, 220, 0.30) 6px 7px, transparent 7px 13px),
		repeating-linear-gradient(-45deg, transparent 0 6px, rgba(236, 244, 245, 0.15) 6px 7px, transparent 7px 13px),
		linear-gradient(180deg, #141d22 0%, #060a0e 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.10),
		inset 0 0 0 4px rgba(0, 0, 0, 0.22),
		inset 0 -26px 34px rgba(0, 0, 0, 0.48),
		0 10px 22px rgba(0, 0, 0, 0.24) !important;
}

html:root.corporate-surface .play-page .mma-octagon-frame::before,
html:root.corporate-surface .play-page .mma-octagon-frame::after {
	display: none !important;
}

html:root.corporate-surface .play-page .mma-octagon-frame::before {
	top: 9% !important;
	bottom: 10% !important;
	left: -9% !important;
	width: 47% !important;
	inset: 9% auto 10% -9% !important;
	clip-path: polygon(0 0, 100% 16%, 82% 100%, 0 86%) !important;
	background: linear-gradient(124deg, color-mix(in srgb, var(--mma-left-primary) 24%, transparent), rgba(255, 255, 255, 0.018)) !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .mma-octagon-frame::after {
	top: 16% !important;
	right: -8% !important;
	bottom: 4% !important;
	width: 49% !important;
	inset: 16% -8% 4% auto !important;
	clip-path: polygon(18% 0, 100% 14%, 100% 100%, 0 84%) !important;
	background: linear-gradient(304deg, color-mix(in srgb, var(--mma-right-primary) 24%, transparent), rgba(255, 255, 255, 0.018)) !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .mma-poster-event,
html:root.corporate-surface .play-page .mma-poster-signature {
	position: relative;
	grid-column: 1 / -1;
	z-index: 4;
	max-width: 100%;
	overflow: hidden;
	color: rgba(242, 246, 249, 0.74);
	font-size: clamp(0.58rem, 0.75vw, 0.78rem);
	font-weight: 850;
	letter-spacing: 0.13em;
	line-height: 1.25;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

html:root.corporate-surface .play-page .mma-poster-event {
	grid-row: 1;
	align-self: start;
	justify-self: center;
	padding-bottom: 0.55rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

html:root.corporate-surface .play-page .mma-poster-signature {
	grid-row: 1;
	align-self: end;
	justify-self: center;
	color: rgba(212, 177, 106, 0.66);
	font-size: clamp(0.55rem, 0.68vw, 0.72rem);
	letter-spacing: 0.19em;
}

html:root.corporate-surface .play-page .mma-fighter-panel {
	grid-row: 1 !important;
	z-index: 3 !important;
	display: flex !important;
	align-self: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .mma-fighter-panel--home {
	grid-column: 1 !important;
	align-self: start !important;
	justify-content: flex-start !important;
	padding-top: clamp(2.7rem, 7vw, 5.2rem) !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .mma-fighter-panel--away {
	grid-column: 3 !important;
	align-self: end !important;
	justify-content: flex-end !important;
	padding-bottom: clamp(2.3rem, 6vw, 4.6rem) !important;
	text-align: right !important;
}

html:root.corporate-surface .play-page .mma-fighter-panel__identity,
html:root.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: clamp(0.34rem, 0.75vw, 0.62rem) !important;
	width: 100% !important;
	min-width: 0 !important;
	text-align: inherit !important;
}

html:root.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity {
	align-items: flex-end !important;
}

html:root.corporate-surface .play-page .mma-fighter-panel__flag {
	display: inline-flex !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 2px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(255, 255, 255, 0.92) !important;
	font-size: clamp(0.9rem, 1.2vw, 1.18rem) !important;
}

html:root.corporate-surface .play-page .mma-fighter-panel__flag img {
	width: 1.28rem !important;
	height: 0.86rem !important;
	border-radius: 2px;
	object-fit: cover;
}

html:root.corporate-surface .play-page .mma-fighter-panel__identity strong {
	display: flex !important;
	flex-wrap: wrap !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: #f7fbff !important;
	font-size: clamp(2.4rem, 4.6vw, 5.2rem) !important;
	font-weight: 900 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.9 !important;
	text-align: inherit !important;
	text-transform: uppercase;
	word-break: normal !important;
	overflow-wrap: normal !important;
	text-shadow: 0 10px 26px rgba(0, 0, 0, 0.32);
}

html:root.corporate-surface .play-page .mma-fighter-panel__poster-meta {
	display: block;
	max-width: 100%;
	padding-top: 0.48rem;
	border-top: 2px solid var(--mma-panel-accent);
	color: rgba(245, 248, 250, 0.82);
	font-size: clamp(0.64rem, 0.92vw, 0.86rem);
	font-weight: 850;
	letter-spacing: 0.1em;
	line-height: 1.2;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page .mma-fighter-panel__meta,
html:root.corporate-surface .play-page .mma-fighter-panel__pick-state {
	display: none !important;
}

html:root.corporate-surface .play-page .mma-fighter-panel--home.is-selected,
html:root.corporate-surface .play-page .mma-fighter-panel--home:has(input:checked),
html:root.corporate-surface .play-page .mma-fighter-panel--away.is-selected,
html:root.corporate-surface .play-page .mma-fighter-panel--away:has(input:checked) {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	filter: brightness(1.07) !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .mma-fight-vs {
	position: relative !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	align-self: center !important;
	justify-self: center !important;
	z-index: 5 !important;
	display: grid !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: rotate(-7deg) !important;
	pointer-events: none;
}

html:root.corporate-surface .play-page .mma-fight-vs::before,
html:root.corporate-surface .play-page .mma-fight-vs::after {
	display: none !important;
}

html:root.corporate-surface .play-page .mma-fight-vs span {
	position: relative !important;
	display: inline-block !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 0 0.28em !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #d4b16a !important;
	font-size: clamp(2rem, 3vw, 3.6rem) !important;
	font-style: italic;
	font-weight: 950 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.84 !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	text-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
	box-shadow: none !important;
	writing-mode: horizontal-tb !important;
	text-orientation: mixed !important;
}

html:root.corporate-surface .play-page .mma-fight-vs span::after {
	position: absolute;
	right: 8%;
	bottom: 0;
	left: 8%;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 0 12px rgba(212, 177, 106, 0.22);
	content: "";
}

@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mma-fight-card__title {
		display: none !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__meta::before {
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden !important;
		white-space: normal !important;
		line-height: 1.35 !important;
		text-overflow: clip !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) !important;
		gap: 0 !important;
		min-height: 330px !important;
		padding: 26px 20px !important;
	}

	html:root.corporate-surface .play-page .mma-octagon-frame {
		grid-column: 1 !important;
		grid-row: 1 / -1 !important;
	}

	html:root.corporate-surface .play-page .mma-octagon-frame::before {
		top: 7% !important;
		bottom: 38% !important;
		left: -21% !important;
		width: 79% !important;
		inset: 7% auto 38% -21% !important;
	}

	html:root.corporate-surface .play-page .mma-octagon-frame::after {
		top: 47% !important;
		right: -20% !important;
		bottom: 7% !important;
		width: 79% !important;
		inset: 47% -20% 7% auto !important;
	}

	html:root.corporate-surface .play-page .mma-poster-event,
	html:root.corporate-surface .play-page .mma-poster-signature {
		grid-column: 1 !important;
		font-size: 0.58rem !important;
	}

	html:root.corporate-surface .play-page .mma-poster-event {
		grid-row: 1 !important;
		align-self: start !important;
		max-width: calc(100% - 1rem);
	}

	html:root.corporate-surface .play-page .mma-poster-signature {
		grid-row: 3 !important;
		align-self: end !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel {
		grid-column: 1 !important;
		width: 100% !important;
		min-width: 0 !important;
		padding: 0 !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--home {
		grid-row: 1 !important;
		align-self: end !important;
		padding-top: 2.6rem !important;
		text-align: left !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--away {
		grid-row: 3 !important;
		align-self: start !important;
		padding-bottom: 2rem !important;
		text-align: right !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel__identity,
	html:root.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity {
		gap: 0.32rem !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel__identity strong {
		font-size: clamp(2.1rem, 11vw, 3.1rem) !important;
		line-height: 0.88 !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel__poster-meta {
		font-size: 0.66rem !important;
	}

	html:root.corporate-surface .play-page .mma-fight-vs {
		grid-column: 1 !important;
		grid-row: 2 !important;
		align-self: center !important;
		justify-self: center !important;
		transform: none !important;
	}

	html:root.corporate-surface .play-page .mma-fight-vs span {
		font-size: clamp(2.25rem, 11vw, 3.25rem) !important;
	}
}

@media (max-width: 420px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		min-height: 314px !important;
		padding-inline: 14px !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel__identity strong {
		font-size: clamp(1.9rem, 10.5vw, 2.65rem) !important;
	}
}

/* MMA Fight Poster — Interaction and Selection Pass. */
html:root.corporate-surface .play-page .mma-fight-card__matchup {
	--mma-poster-focus: #75e6ef;
}

html:root.corporate-surface .play-page .mma-poster-event,
html:root.corporate-surface .play-page .mma-poster-signature {
	position: absolute !important;
	left: 50% !important;
	grid-column: auto !important;
	grid-row: auto !important;
	pointer-events: none;
	transform: translateX(-50%);
}

html:root.corporate-surface .play-page .mma-poster-event {
	top: clamp(0.9rem, 1.8vw, 1.35rem) !important;
}

html:root.corporate-surface .play-page .mma-poster-signature {
	bottom: clamp(0.72rem, 1.6vw, 1.15rem) !important;
	max-width: calc(100% - 2rem) !important;
	padding-top: 0.42rem;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	background: linear-gradient(90deg, transparent, rgba(4, 8, 14, 0.38), transparent);
	color: rgba(230, 238, 244, 0.58) !important;
	letter-spacing: 0.2em !important;
}

html:root.corporate-surface .play-page .mma-pick-zone__input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

html:root.corporate-surface .play-page .mma-pick-zone {
	position: relative !important;
	z-index: 3 !important;
	display: flex !important;
	align-self: stretch !important;
	width: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: clamp(3.8rem, 8vw, 5.7rem) clamp(1rem, 2vw, 1.7rem) clamp(3.55rem, 7vw, 5rem) !important;
	appearance: none;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.018) !important;
	color: inherit;
	font: inherit;
	cursor: pointer;
	transition:
		transform 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease,
		background-color 160ms ease,
		filter 160ms ease,
		opacity 160ms ease;
}

html:root.corporate-surface .play-page .mma-pick-zone::before {
	position: absolute !important;
	inset: 1px !important;
	display: block !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 30%) !important;
	box-shadow: none !important;
	content: "" !important;
	pointer-events: none;
}

html:root.corporate-surface .play-page .mma-pick-zone::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page .mma-pick-zone--home,
html:root.corporate-surface .play-page .mma-fighter-panel--home.mma-pick-zone {
	grid-column: 1 !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .mma-pick-zone--away,
html:root.corporate-surface .play-page .mma-fighter-panel--away.mma-pick-zone {
	grid-column: 3 !important;
	align-items: flex-end !important;
	justify-content: flex-end !important;
	text-align: right !important;
}

html:root.corporate-surface .play-page .mma-pick-zone:focus-visible {
	outline: 2px solid var(--mma-poster-focus);
	outline-offset: 4px;
}

html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity {
	position: relative;
	z-index: 1;
}

html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity strong {
	color: rgba(247, 251, 255, 0.9) !important;
	transition: color 160ms ease, text-shadow 160ms ease;
}

html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity strong::after {
	position: absolute;
	right: auto;
	bottom: -0.18rem;
	left: 0;
	width: 42%;
	height: 2px;
	border-radius: 999px;
	background: var(--mma-panel-accent);
	box-shadow: 0 0 9px color-mix(in srgb, var(--mma-panel-accent) 26%, transparent);
	content: "";
	transition: width 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

html:root.corporate-surface .play-page .mma-fighter-panel--away.mma-pick-zone .mma-fighter-panel__identity strong::after {
	right: 0;
	left: auto;
}

html:root.corporate-surface .play-page .mma-pick-label {
	display: inline-block;
	color: rgba(255, 255, 255, 0.58);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.13em;
	line-height: 1;
	text-transform: uppercase;
	transition: color 160ms ease, opacity 160ms ease;
}

html:root.corporate-surface .play-page .mma-fighter-panel__identity-meta {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	max-width: 100%;
	margin-top: 0.18rem;
}

html:root.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity-meta {
	flex-direction: row-reverse;
}

html:root.corporate-surface .play-page .mma-fighter-panel__flag {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: clamp(28px, 2.2vw, 34px) !important;
	height: auto !important;
	aspect-ratio: 4 / 3;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 3px !important;
	background: transparent !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16), 0 4px 10px rgba(0, 0, 0, 0.28) !important;
}

html:root.corporate-surface .play-page .mma-fighter-panel__flag img {
	width: 100% !important;
	height: 100% !important;
	border-radius: inherit !important;
	object-fit: cover;
}

html:root.corporate-surface .play-page .mma-fighter-panel__flag > span {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	font-size: clamp(1rem, 1.5vw, 1.25rem);
}

html:root.corporate-surface .play-page .mma-fighter-panel__poster-meta {
	max-width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	color: rgba(245, 248, 250, 0.82) !important;
	font-size: clamp(0.64rem, 0.92vw, 0.86rem) !important;
	line-height: 1.2;
	white-space: nowrap;
}

html:root.corporate-surface .play-page .mma-selection-indicator {
	position: absolute;
	top: clamp(0.72rem, 1.4vw, 1.05rem);
	z-index: 2;
	display: grid;
	place-items: center;
	width: clamp(34px, 2.55vw, 40px);
	aspect-ratio: 1;
	border: 1px solid color-mix(in srgb, var(--mma-panel-accent) 34%, rgba(255, 255, 255, 0.2));
	border-radius: 50%;
	background: rgba(4, 9, 16, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color: transparent;
	font-size: 1rem;
	font-weight: 950;
	line-height: 1;
	transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

html:root.corporate-surface .play-page .mma-fighter-panel--home .mma-selection-indicator {
	left: clamp(0.72rem, 1.4vw, 1.05rem);
}

html:root.corporate-surface .play-page .mma-fighter-panel--away .mma-selection-indicator {
	right: clamp(0.72rem, 1.4vw, 1.05rem);
}

@media (hover: hover) and (pointer: fine) {
	html:root.corporate-surface .play-page .mma-pick-zone:hover {
		border-color: color-mix(in srgb, var(--mma-panel-accent) 48%, rgba(255, 255, 255, 0.2)) !important;
		background: linear-gradient(145deg, color-mix(in srgb, var(--mma-panel-primary) 14%, transparent), rgba(255, 255, 255, 0.025)) !important;
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mma-panel-accent) 16%, transparent), 0 12px 26px color-mix(in srgb, var(--mma-panel-primary) 12%, transparent) !important;
		filter: brightness(1.07);
		transform: translateY(-2px) !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone:hover .mma-pick-label {
		color: rgba(255, 255, 255, 0.82);
	}

	html:root.corporate-surface .play-page .mma-pick-zone:hover .mma-fighter-panel__identity strong {
		color: #ffffff !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone:hover .mma-fighter-panel__identity strong::after {
		width: 58%;
		box-shadow: 0 0 14px color-mix(in srgb, var(--mma-panel-accent) 46%, transparent);
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--home.mma-pick-zone:hover) .mma-fighter-panel--away.mma-pick-zone,
	html:root.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--away.mma-pick-zone:hover) .mma-fighter-panel--home.mma-pick-zone {
		opacity: 0.72;
	}
}

html:root.corporate-surface .play-page .mma-pick-zone.is-selected,
html:root.corporate-surface .play-page .mma-pick-zone[aria-pressed="true"] {
	border-color: color-mix(in srgb, var(--mma-panel-accent) 72%, white 28%) !important;
	background: linear-gradient(145deg, color-mix(in srgb, var(--mma-panel-primary) 22%, transparent), rgba(255, 255, 255, 0.04)) !important;
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--mma-panel-accent) 28%, transparent),
		0 0 28px color-mix(in srgb, var(--mma-panel-accent) 16%, transparent) !important;
	filter: brightness(1.08) saturate(1.05) !important;
}

html:root.corporate-surface .play-page .mma-pick-zone.is-selected .mma-selection-indicator,
html:root.corporate-surface .play-page .mma-pick-zone[aria-pressed="true"] .mma-selection-indicator {
	border-color: var(--mma-panel-accent);
	background: var(--mma-panel-accent);
	box-shadow: 0 0 16px color-mix(in srgb, var(--mma-panel-accent) 48%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.36);
	color: #ffffff;
	transform: scale(1.04);
}

html:root.corporate-surface .play-page .mma-pick-zone.is-selected .mma-pick-label,
html:root.corporate-surface .play-page .mma-pick-zone[aria-pressed="true"] .mma-pick-label {
	color: #ffffff;
}

html:root.corporate-surface .play-page .mma-pick-zone.is-selected .mma-fighter-panel__identity strong,
html:root.corporate-surface .play-page .mma-pick-zone[aria-pressed="true"] .mma-fighter-panel__identity strong {
	color: #ffffff !important;
	text-shadow: 0 0 22px color-mix(in srgb, var(--mma-panel-accent) 22%, transparent), 0 10px 26px rgba(0, 0, 0, 0.32);
}

html:root.corporate-surface .play-page .mma-pick-zone.is-selected .mma-fighter-panel__identity strong::after,
html:root.corporate-surface .play-page .mma-pick-zone[aria-pressed="true"] .mma-fighter-panel__identity strong::after {
	width: 64%;
	box-shadow: 0 0 16px color-mix(in srgb, var(--mma-panel-accent) 54%, transparent);
}

html:root.corporate-surface .play-page .mma-fight-vs {
	z-index: 6 !important;
	transform: translateY(-21px) rotate(-7deg) !important;
}

html:root.corporate-surface .play-page .mma-fight-vs span {
	color: #e3c57f !important;
	font-size: clamp(2.4rem, 3.45vw, 4.15rem) !important;
	text-shadow: 0 8px 24px rgba(0, 0, 0, 0.52) !important;
}

html:root.corporate-surface .play-page .mma-fight-action--open .mma-fight-action__status.mobile-matchup-action__state {
	display: inline-flex !important;
	border-color: rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.045);
	color: rgba(245, 248, 250, 0.72);
}

html:root.corporate-surface .play-page .mma-fight-card:has(.mma-pick-zone[aria-pressed="true"]) .mma-fight-action--open .mma-fight-action__status.mobile-matchup-action__state {
	border-color: color-mix(in srgb, var(--corp-action) 50%, rgba(255, 255, 255, 0.24));
	background: color-mix(in srgb, var(--corp-action) 12%, transparent);
	color: #efffff;
}

@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		grid-template-rows: minmax(132px, 1fr) auto minmax(132px, 1fr) !important;
		min-height: 408px !important;
		padding: 26px 20px !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone {
		grid-column: 1 !important;
		min-height: 132px !important;
		padding: 3.1rem 0.85rem 1.2rem !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--home.mma-pick-zone {
		grid-row: 1 !important;
		align-items: flex-end !important;
		justify-content: flex-start !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--away.mma-pick-zone {
		grid-row: 3 !important;
		align-items: flex-start !important;
		justify-content: flex-end !important;
		padding-top: 1.2rem !important;
		padding-bottom: 3.05rem !important;
	}

	html:root.corporate-surface .play-page .mma-poster-event {
		top: 0.78rem !important;
	}

	html:root.corporate-surface .play-page .mma-poster-signature {
		bottom: 0.72rem !important;
		font-size: 0.56rem !important;
	}

	html:root.corporate-surface .play-page .mma-selection-indicator {
		width: clamp(30px, 8.5vw, 34px);
	}

	html:root.corporate-surface .play-page .mma-fighter-panel__flag {
		width: clamp(24px, 7vw, 28px) !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel__poster-meta {
		font-size: 0.64rem !important;
	}

	html:root.corporate-surface .play-page .mma-fight-vs {
		transform: translateY(-11px) !important;
	}

	html:root.corporate-surface .play-page .mma-fight-vs span {
		font-size: clamp(2.45rem, 12vw, 3.65rem) !important;
	}
}

@media (max-width: 420px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		min-height: 390px !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone {
		min-height: 126px !important;
		padding-inline: 0.65rem !important;
	}
}

/* MMA Fight Poster — VS Anchor Pass. */
html:root.corporate-surface .play-page .mma-fight-vs {
	position: absolute !important;
	top: calc(50% - clamp(24px, 3vw, 36px)) !important;
	bottom: auto !important;
	left: 50% !important;
	grid-column: auto !important;
	grid-row: auto !important;
	z-index: 7 !important;
	display: grid !important;
	place-items: center;
	overflow: visible;
	transform: translate(-50%, -50%) !important;
	pointer-events: none;
}

html:root.corporate-surface .play-page .mma-fight-vs::before {
	position: absolute !important;
	inset: -50px -80px !important;
	z-index: 0;
	display: block !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.16) 42%, transparent 72%) !important;
	filter: blur(10px);
	content: "" !important;
	pointer-events: none;
}

html:root.corporate-surface .play-page .mma-fight-vs::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page .mma-fight-vs span {
	position: relative !important;
	z-index: 1;
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #e7c66e !important;
	font-size: clamp(3rem, 4.4vw, 4.8rem) !important;
	font-style: italic;
	font-weight: 950 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.82 !important;
	text-align: center;
	text-shadow: 0 4px 14px rgba(0, 0, 0, 0.55), 0 0 20px rgba(218, 174, 74, 0.12) !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .mma-fight-vs span::after {
	position: static !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	display: block !important;
	width: 54px !important;
	height: 2px !important;
	margin: 10px auto 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(90deg, transparent, #d5ad55 18%, #f0cf78 50%, #d5ad55 82%, transparent) !important;
	box-shadow: none !important;
	opacity: 0.9;
	content: "" !important;
}

html:root.corporate-surface .play-page .mma-poster-signature {
	position: absolute !important;
	bottom: 22px !important;
	left: 50% !important;
	z-index: 6 !important;
	max-width: calc(100% - 2rem) !important;
	padding-top: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
	color: rgba(240, 244, 248, 0.96) !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.16em !important;
	opacity: 0.58;
	transform: translateX(-50%) !important;
}

@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(132px, 1fr) minmax(62px, auto) minmax(132px, 1fr) !important;
		min-height: 420px !important;
	}

	html:root.corporate-surface .play-page .mma-fight-vs {
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	html:root.corporate-surface .play-page .mma-fight-vs span {
		font-size: clamp(2.8rem, 13vw, 3.8rem) !important;
	}

	html:root.corporate-surface .play-page .mma-poster-signature {
		bottom: 14px !important;
		font-size: 0.62rem !important;
		letter-spacing: 0.14em !important;
	}
}

@media (max-width: 420px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		min-height: 400px !important;
	}

	html:root.corporate-surface .play-page .mma-fight-vs span {
		font-size: clamp(2.6rem, 12.5vw, 3.35rem) !important;
	}
}

/* MMA Fight Poster — Compact Fit. */
html:root.corporate-surface .play-page .mma-fight-card__matchup {
	min-height: clamp(270px, 28vw, 380px) !important;
}

html:root.corporate-surface .play-page .mma-pick-zone {
	padding-top: clamp(3.35rem, 7vw, 4.75rem) !important;
	padding-bottom: clamp(3.1rem, 6.2vw, 4.35rem) !important;
}

html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity strong {
	font-size: clamp(2.2rem, 4.05vw, 4.6rem) !important;
}

html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity strong .matchup-name-token:last-child {
	max-width: 100% !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		min-height: 390px !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone {
		padding-top: 2.8rem !important;
		padding-bottom: 1rem !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--away.mma-pick-zone {
		padding-top: 1rem !important;
		padding-bottom: 2.65rem !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity strong {
		font-size: clamp(1.8rem, 8.6vw, 2.55rem) !important;
	}
}

@media (max-width: 420px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		min-height: 380px !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity strong {
		font-size: clamp(1.7rem, 8.3vw, 2.3rem) !important;
	}
}

/* MMA Fight Poster — Balanced Vertical Pick Zones. */
@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) 72px minmax(0, 1fr) !important;
		align-items: stretch !important;
		min-height: 390px !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone {
		display: flex !important;
		grid-column: 1 !important;
		align-self: stretch !important;
		justify-self: stretch !important;
		inline-size: 100% !important;
		block-size: 100% !important;
		min-inline-size: 0 !important;
		min-block-size: 0 !important;
		margin: 0 !important;
		padding: 2.75rem 1.1rem 1.1rem !important;
		border-radius: 12px !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--home.mma-pick-zone {
		grid-row: 1 !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--away.mma-pick-zone {
		grid-row: 3 !important;
		align-items: flex-end !important;
		justify-content: flex-end !important;
		padding: 1.1rem 1.1rem 2.65rem !important;
		text-align: right !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity,
	html:root.corporate-surface .play-page .mma-fighter-panel--away.mma-pick-zone .mma-fighter-panel__identity {
		width: min(100%, 31rem) !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--home.mma-pick-zone .mma-fighter-panel__identity {
		align-items: flex-start !important;
		text-align: left !important;
	}

	html:root.corporate-surface .play-page .mma-fighter-panel--away.mma-pick-zone .mma-fighter-panel__identity {
		align-items: flex-end !important;
		text-align: right !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone .mma-fighter-panel__identity strong {
		max-width: 100% !important;
		white-space: normal !important;
	}

	html:root.corporate-surface .play-page .mma-fight-vs {
		top: 50% !important;
	}
}

@media (max-width: 420px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup {
		grid-template-rows: minmax(0, 1fr) 64px minmax(0, 1fr) !important;
		min-height: 380px !important;
	}

	html:root.corporate-surface .play-page .mma-pick-zone {
		padding-inline: 0.85rem !important;
	}
}

/* MMA Fight Poster — Mobile Zone Geometry Guard. */
@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel.mma-pick-zone {
		box-sizing: border-box !important;
		grid-column: 1 !important;
		justify-self: stretch !important;
		inline-size: 100% !important;
		max-inline-size: 100% !important;
		min-inline-size: 0 !important;
		block-size: calc(100% - 40px) !important;
		min-block-size: 0 !important;
		margin: 0 !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel--home.mma-pick-zone {
		grid-row: 1 !important;
		align-self: end !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel--away.mma-pick-zone {
		grid-row: 3 !important;
		align-self: start !important;
		align-items: flex-end !important;
		justify-content: flex-end !important;
	}
}

@media (max-width: 420px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel.mma-pick-zone {
		block-size: calc(100% - 32px) !important;
	}
}

/* MMA Fight Poster — Mobile Containment Lock. */
@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel.mma-pick-zone {
		flex-direction: column !important;
		justify-content: center !important;
		overflow: hidden !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel--home.mma-pick-zone {
		align-items: flex-start !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel--away.mma-pick-zone {
		align-items: flex-end !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-pick-zone .mma-fighter-panel__identity {
		position: relative !important;
		inset: auto !important;
		align-self: auto !important;
		max-block-size: 100% !important;
		margin: 0 !important;
		transform: none !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel--home.mma-pick-zone .mma-fighter-panel__identity {
		align-self: flex-start !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fighter-panel--away.mma-pick-zone .mma-fighter-panel__identity {
		align-self: flex-end !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fight-vs {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		grid-column: 1 !important;
		grid-row: 2 !important;
		align-self: center !important;
		justify-self: center !important;
		transform: none !important;
	}
}

/* MMA Fight Poster — Mobile Name Fit. */
@media (max-width: 860px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-pick-zone .mma-fighter-panel__identity {
		min-height: 0 !important;
		overflow: visible !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-pick-zone .mma-fighter-panel__identity strong {
		display: flex !important;
		width: auto !important;
		min-height: 0 !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		font-size: clamp(1.65rem, 7.4vw, 2.25rem) !important;
		line-height: 0.9 !important;
	}
}

@media (max-width: 420px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-pick-zone .mma-fighter-panel__identity strong {
		font-size: clamp(1.55rem, 7.8vw, 2.05rem) !important;
	}
}

/* MMA Arena Sprint 01: Matchup Pattern v1 applied to one-versus-one fight cards. */
html.corporate-surface .play-page .mma-fight-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	padding: 1.35rem;
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 20px;
	background:
		radial-gradient(ellipse at 50% 0%, rgba(53, 208, 226, 0.09), transparent 46%),
		radial-gradient(ellipse at 50% 100%, rgba(216, 183, 106, 0.08), transparent 50%),
		linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(3, 10, 19, 0.98));
	box-shadow:
		0 24px 58px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.028) inset;
}

html.corporate-surface .play-page .mma-fight-card,
html.corporate-surface .play-page .mma-fight-card * {
	box-sizing: border-box;
}

html.corporate-surface .play-page .mma-fight-card::before {
	content: "";
	position: absolute;
	inset: -16% -8%;
	background:
		linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.025), transparent),
		radial-gradient(ellipse at 50% 50%, rgba(216, 183, 106, 0.06), transparent 58%);
	pointer-events: none;
	opacity: 0.72;
}

html.corporate-surface .play-page .mma-fight-card > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page .mma-fight-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.9rem;
	margin: 0;
}

html.corporate-surface .play-page .mma-fight-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	min-width: 0;
}

html.corporate-surface .play-page .mma-fight-meta-pill,
html.corporate-surface .play-page .mma-fight-status,
html.corporate-surface .play-page .mma-fight-state-chip,
html.corporate-surface .play-page .mma-fight-action__status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.34rem;
	min-height: 34px;
	padding: 0.38rem 0.8rem;
	border: 1px solid rgba(226, 232, 240, 0.13);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.58);
	color: rgba(226, 232, 240, 0.84);
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1;
	text-transform: uppercase;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.028) inset;
}

html.corporate-surface .play-page .mma-fight-meta-pill {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	border-radius: 14px;
	padding: 0.48rem 0.78rem;
}

html.corporate-surface .play-page .mma-fight-meta-pill small {
	color: rgba(148, 163, 184, 0.9);
	font-size: 0.58rem;
	font-weight: 850;
	line-height: 1;
	text-transform: uppercase;
}

html.corporate-surface .play-page .mma-fight-meta-pill strong {
	color: rgba(248, 250, 252, 0.92);
	font-size: 0.82rem;
	font-weight: 900;
	line-height: 1.08;
}

html.corporate-surface .play-page .mma-fight-card__title {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: clamp(1rem, 3vw, 2rem);
	color: rgba(248, 250, 252, 0.96);
	font-size: clamp(2rem, 5vw, 4.8rem);
	font-weight: 950;
	letter-spacing: 0;
	line-height: 0.98;
	text-align: center;
}

html.corporate-surface .play-page .mma-fight-card__title span {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.18em;
	min-width: 0;
	min-height: 1.98em;
	overflow-wrap: normal;
	white-space: nowrap;
	word-break: normal;
	hyphens: none;
}

html.corporate-surface .play-page .mma-fight-card__title span:first-child {
	justify-content: flex-end;
	text-align: right;
}

html.corporate-surface .play-page .mma-fight-card__title span:last-child {
	justify-content: flex-start;
	text-align: left;
}

html.corporate-surface .play-page .mma-fight-card__title strong {
	color: #35d0e2;
	font-size: 0.58em;
	line-height: 1;
	text-transform: lowercase;
	text-shadow: 0 0 18px rgba(53, 208, 226, 0.26);
}

html.corporate-surface .play-page .prediction-controls--mma-fight {
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	width: 100%;
	margin: 0;
}

html.corporate-surface .play-page .mma-fight-card__matchup {
	position: relative;
	display: grid;
	grid-template-columns: minmax(230px, 0.38fr) minmax(360px, 1fr) minmax(230px, 0.38fr);
	align-items: stretch;
	min-height: 360px;
	padding: clamp(1.2rem, 2.5vw, 2rem);
	overflow: hidden;
	border: 1px solid rgba(226, 232, 240, 0.13);
	border-radius: 18px;
	background:
		radial-gradient(ellipse at 50% 48%, rgba(71, 85, 105, 0.42), transparent 54%),
		radial-gradient(ellipse at 18% 50%, rgba(53, 208, 226, 0.12), transparent 40%),
		radial-gradient(ellipse at 82% 50%, rgba(216, 183, 106, 0.1), transparent 40%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(180deg, rgba(15, 23, 42, 0.86), rgba(2, 6, 15, 0.94));
	background-size: 100% 100%, 100% 100%, 100% 100%, 72px 100%, 100% 100%;
	box-shadow:
		inset 0 0 50px rgba(0, 0, 0, 0.44),
		0 18px 36px rgba(0, 0, 0, 0.22);
}

html.corporate-surface .play-page .mma-fight-card__matchup::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.12), transparent 32%, transparent 68%, rgba(216, 183, 106, 0.1)),
		radial-gradient(ellipse at 50% 50%, transparent 46%, rgba(0, 0, 0, 0.25) 100%);
	pointer-events: none;
	opacity: 0.64;
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--home input:checked)::before,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="home"]::before {
	background:
		radial-gradient(ellipse at 22% 50%, rgba(216, 93, 82, 0.18), transparent 44%),
		linear-gradient(90deg, rgba(216, 93, 82, 0.1), transparent 54%),
		radial-gradient(ellipse at 50% 50%, transparent 44%, rgba(0, 0, 0, 0.26) 100%);
	opacity: 0.78;
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--away input:checked)::before,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="away"]::before {
	background:
		radial-gradient(ellipse at 78% 50%, rgba(53, 208, 226, 0.2), transparent 44%),
		linear-gradient(270deg, rgba(53, 208, 226, 0.1), transparent 54%),
		radial-gradient(ellipse at 50% 50%, transparent 44%, rgba(0, 0, 0, 0.26) 100%);
	opacity: 0.78;
}

html.corporate-surface .play-page .mma-octagon-frame {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: 300px;
	pointer-events: none;
	z-index: 1;
	filter: saturate(0.94) contrast(1.02);
}

html.corporate-surface .play-page .mma-octagon-frame::before,
html.corporate-surface .play-page .mma-octagon-frame::after {
	content: "";
	position: absolute;
	clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
	pointer-events: none;
}

html.corporate-surface .play-page .mma-octagon-frame::before {
	inset: -3%;
	background:
		radial-gradient(ellipse at 50% 50%, rgba(53, 208, 226, 0.14), transparent 54%),
		radial-gradient(ellipse at 50% 72%, rgba(0, 0, 0, 0.48), transparent 58%),
		linear-gradient(135deg, rgba(15, 23, 42, 0.72), rgba(2, 6, 15, 0.94));
	filter: blur(18px);
	opacity: 0.92;
	z-index: 0;
}

html.corporate-surface .play-page .mma-octagon-frame::after {
	inset: 2%;
	background:
		radial-gradient(circle at 30% 0%, rgba(248, 250, 252, 0.16), transparent 4.6%),
		radial-gradient(circle at 70% 0%, rgba(248, 250, 252, 0.12), transparent 4.4%),
		radial-gradient(circle at 100% 30%, rgba(53, 208, 226, 0.12), transparent 4.4%),
		radial-gradient(circle at 100% 70%, rgba(53, 208, 226, 0.08), transparent 4.2%),
		radial-gradient(circle at 70% 100%, rgba(248, 250, 252, 0.1), transparent 4.4%),
		radial-gradient(circle at 30% 100%, rgba(216, 183, 106, 0.1), transparent 4.4%),
		radial-gradient(circle at 0% 70%, rgba(216, 183, 106, 0.1), transparent 4.4%),
		radial-gradient(circle at 0% 30%, rgba(216, 183, 106, 0.14), transparent 4.6%);
	opacity: 0.58;
	z-index: 3;
}

html.corporate-surface .play-page .mma-octagon-frame__shape,
html.corporate-surface .play-page .mma-octagon-frame__inner {
	position: absolute;
	inset: 0;
	clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
}

html.corporate-surface .play-page .mma-octagon-frame__shape {
	background:
		radial-gradient(circle at 50% 49%, rgba(248, 250, 252, 0.13), transparent 12%),
		radial-gradient(ellipse at 50% 48%, rgba(91, 106, 128, 0.56), transparent 48%),
		radial-gradient(circle at 0 30%, rgba(216, 183, 106, 0.08), transparent 20%),
		radial-gradient(circle at 100% 30%, rgba(53, 208, 226, 0.08), transparent 20%),
		linear-gradient(135deg, rgba(58, 68, 84, 0.98), rgba(30, 39, 54, 0.99) 42%, rgba(13, 21, 35, 1) 100%),
		repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 18px);
	border: 1px solid rgba(226, 232, 240, 0.24);
	box-shadow:
		0 26px 50px rgba(0, 0, 0, 0.42),
		0 10px 26px rgba(0, 0, 0, 0.34),
		0 0 44px rgba(53, 208, 226, 0.075),
		inset 0 0 0 1px rgba(255, 255, 255, 0.055),
		inset 0 18px 38px rgba(255, 255, 255, 0.035),
		inset 0 -34px 58px rgba(0, 0, 0, 0.5);
	z-index: 1;
}

html.corporate-surface .play-page .mma-octagon-frame__inner {
	inset: 10%;
	border: 1px solid rgba(226, 232, 240, 0.11);
	background:
		radial-gradient(ellipse at 50% 48%, rgba(226, 232, 240, 0.075), transparent 46%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.026), transparent 46%, rgba(0, 0, 0, 0.16));
	box-shadow:
		inset 0 0 28px rgba(0, 0, 0, 0.28),
		0 0 18px rgba(226, 232, 240, 0.028);
	z-index: 2;
}

html.corporate-surface .play-page .mma-octagon-frame__center {
	position: relative;
	width: 62px;
	height: 62px;
	border: 1px solid rgba(216, 183, 106, 0.58);
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 48%, rgba(248, 250, 252, 0.18), transparent 20%),
		radial-gradient(circle, rgba(216, 183, 106, 0.22), transparent 58%),
		rgba(3, 10, 19, 0.72);
	box-shadow:
		0 14px 24px rgba(0, 0, 0, 0.24),
		0 0 24px rgba(216, 183, 106, 0.16),
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
	z-index: 4;
}

html.corporate-surface .play-page .mma-octagon-frame__center::before {
	content: "";
	position: absolute;
	inset: 20px;
	border-radius: 999px;
	background: rgba(248, 250, 252, 0.72);
}

html.corporate-surface .play-page .mma-octagon-frame__axis {
	position: absolute;
	background: rgba(226, 232, 240, 0.07);
	z-index: 2;
}

html.corporate-surface .play-page .mma-octagon-frame__axis--vertical {
	top: 11%;
	bottom: 11%;
	width: 1px;
}

html.corporate-surface .play-page .mma-octagon-frame__axis--horizontal {
	left: 11%;
	right: 11%;
	height: 1px;
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--home input:checked) .mma-octagon-frame::before,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="home"] .mma-octagon-frame::before {
	background:
		radial-gradient(ellipse at 20% 50%, rgba(216, 93, 82, 0.24), transparent 44%),
		radial-gradient(ellipse at 50% 50%, rgba(216, 183, 106, 0.12), transparent 58%),
		linear-gradient(135deg, rgba(15, 23, 42, 0.58), rgba(2, 6, 15, 0.82));
	opacity: 0.92;
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--away input:checked) .mma-octagon-frame::before,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="away"] .mma-octagon-frame::before {
	background:
		radial-gradient(ellipse at 80% 50%, rgba(53, 208, 226, 0.24), transparent 44%),
		radial-gradient(ellipse at 50% 50%, rgba(148, 163, 184, 0.12), transparent 58%),
		linear-gradient(135deg, rgba(15, 23, 42, 0.58), rgba(2, 6, 15, 0.82));
	opacity: 0.92;
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--home input:checked) .mma-octagon-frame__shape,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="home"] .mma-octagon-frame__shape {
	box-shadow:
		0 24px 46px rgba(0, 0, 0, 0.34),
		-18px 0 42px rgba(216, 93, 82, 0.12),
		inset 16px 0 34px rgba(216, 93, 82, 0.08),
		inset 0 0 54px rgba(0, 0, 0, 0.5);
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--away input:checked) .mma-octagon-frame__shape,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="away"] .mma-octagon-frame__shape {
	box-shadow:
		0 24px 46px rgba(0, 0, 0, 0.34),
		18px 0 42px rgba(53, 208, 226, 0.12),
		inset -16px 0 34px rgba(53, 208, 226, 0.08),
		inset 0 0 54px rgba(0, 0, 0, 0.5);
}

html.corporate-surface .play-page .mma-fighter-panel {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	min-width: 0;
	min-height: 100%;
	padding: clamp(1rem, 2vw, 1.6rem);
	overflow: hidden;
	border: 1px solid rgba(226, 232, 240, 0.13);
	background:
		linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(3, 10, 19, 0.86));
	color: rgba(248, 250, 252, 0.96);
	cursor: default;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		background 180ms ease,
		box-shadow 180ms ease,
		filter 180ms ease;
}

html.corporate-surface .play-page .mma-fighter-panel--choice {
	cursor: pointer;
}

html.corporate-surface .play-page .mma-fighter-panel--home {
	grid-column: 1;
	justify-content: flex-start;
	border-radius: 16px 0 0 16px;
}

html.corporate-surface .play-page .mma-fighter-panel--away {
	grid-column: 3;
	justify-content: flex-end;
	border-radius: 0 16px 16px 0;
	text-align: right;
}

html.corporate-surface .play-page .mma-fighter-panel input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

html.corporate-surface .play-page .mma-fighter-panel__identity {
	display: flex;
	flex-direction: column;
	gap: 0.56rem;
	min-width: 0;
}

html.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity {
	align-items: flex-end;
}

html.corporate-surface .play-page .mma-fighter-panel__flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.15rem;
	height: 2.15rem;
	overflow: hidden;
	border: 1px solid rgba(226, 232, 240, 0.26);
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.14), transparent 52%),
		rgba(15, 23, 42, 0.82);
	color: rgba(226, 232, 240, 0.86);
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 1;
	box-shadow:
		0 10px 18px rgba(0, 0, 0, 0.22),
		0 0 0 1px rgba(255, 255, 255, 0.045) inset;
}

html.corporate-surface .play-page .mma-fighter-panel__flag span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

html.corporate-surface .play-page .mma-fighter-panel__flag img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.corporate-surface .play-page .mma-fighter-panel__identity strong {
	display: flex;
	flex-wrap: wrap;
	gap: 0.02em 0.24em;
	max-width: 11ch;
	color: rgba(248, 250, 252, 0.98);
	font-size: clamp(1.6rem, 3.1vw, 3.8rem);
	font-weight: 950;
	letter-spacing: 0;
	line-height: 0.96;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

html.corporate-surface .play-page .matchup-name-token {
	display: inline-block;
	min-width: 0;
	max-width: 100%;
	white-space: nowrap;
	overflow-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
}

html.corporate-surface .play-page .mma-fighter-panel__meta {
	max-width: 24ch;
	color: rgba(148, 163, 184, 0.88);
	font-size: 0.74rem;
	font-weight: 850;
	line-height: 1.18;
	text-transform: uppercase;
}

html.corporate-surface .play-page .mma-fighter-panel__pick-state {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 0.7rem;
	border: 1px solid rgba(226, 232, 240, 0.13);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.68);
	color: rgba(203, 213, 225, 0.84);
	font-size: 0.62rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

html.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__pick-state {
	right: auto;
	left: 1rem;
}

html.corporate-surface .play-page .mma-fighter-panel__pick-state-selected,
html.corporate-surface .play-page .mma-fighter-panel.is-selected .mma-fighter-panel__pick-state-available,
html.corporate-surface .play-page .mma-fighter-panel:has(input:checked) .mma-fighter-panel__pick-state-available {
	display: none;
}

html.corporate-surface .play-page .mma-fighter-panel.is-selected .mma-fighter-panel__pick-state-selected,
html.corporate-surface .play-page .mma-fighter-panel:has(input:checked) .mma-fighter-panel__pick-state-selected {
	display: inline;
}

html.corporate-surface .play-page .mma-fighter-panel--home.is-selected,
html.corporate-surface .play-page .mma-fighter-panel--home:has(input:checked) {
	border-color: rgba(53, 208, 226, 0.5);
	background:
		radial-gradient(ellipse at 18% 50%, rgba(53, 208, 226, 0.2), transparent 56%),
		linear-gradient(180deg, rgba(22, 78, 99, 0.72), rgba(3, 18, 31, 0.92));
	box-shadow:
		0 0 28px rgba(53, 208, 226, 0.14),
		0 0 0 1px rgba(255, 255, 255, 0.046) inset;
}

html.corporate-surface .play-page .mma-fighter-panel--away.is-selected,
html.corporate-surface .play-page .mma-fighter-panel--away:has(input:checked) {
	border-color: rgba(216, 183, 106, 0.48);
	background:
		radial-gradient(ellipse at 82% 50%, rgba(216, 183, 106, 0.18), transparent 56%),
		linear-gradient(180deg, rgba(63, 53, 35, 0.7), rgba(18, 15, 10, 0.92));
	box-shadow:
		0 0 26px rgba(216, 183, 106, 0.12),
		0 0 0 1px rgba(255, 255, 255, 0.046) inset;
}

@media (hover: hover) {
	html.corporate-surface .play-page .mma-fighter-panel--choice:hover {
		transform: translateY(-1px);
		border-color: rgba(53, 208, 226, 0.34);
		box-shadow:
			0 16px 28px rgba(0, 0, 0, 0.22),
			0 0 18px rgba(53, 208, 226, 0.08);
	}
}

html.corporate-surface .play-page .mma-fight-vs {
	position: relative;
	z-index: 3;
	grid-column: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

html.corporate-surface .play-page .mma-fight-vs span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border: 1px solid rgba(226, 232, 240, 0.22);
	border-radius: 999px;
	background: rgba(3, 10, 19, 0.72);
	color: rgba(248, 250, 252, 0.96);
	font-size: 1rem;
	font-weight: 950;
	line-height: 1;
	box-shadow:
		0 14px 24px rgba(0, 0, 0, 0.26),
		0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

html.corporate-surface .play-page .mma-fight-card__decision,
html.corporate-surface .play-page .mma-fight-action,
html.corporate-surface .play-page .mma-fight-readonly {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	width: 100%;
}

html.corporate-surface .play-page .mma-fight-action__status.mobile-matchup-action__state {
	display: none;
}

html.corporate-surface .play-page .mma-fight-card:has(.mma-fighter-panel--choice input:checked) .mma-fight-action--open .mma-fight-action__status.mobile-matchup-action__state,
html.corporate-surface .play-page .prediction-native-save-form.has-unsaved-changes .mma-fight-action__status.mobile-matchup-action__state {
	display: inline-flex;
	border-color: rgba(216, 183, 106, 0.48);
	background: rgba(216, 183, 106, 0.12);
	color: #fedb8b;
}

html.corporate-surface .play-page .mma-fight-card__decision--confirmed .mobile-matchup-action__state,
html.corporate-surface .play-page .prediction-native-save-form.has-save-success:not(.has-unsaved-changes) .mma-fight-action__status.mobile-matchup-action__state {
	display: inline-flex;
	border-color: rgba(53, 208, 226, 0.36);
	background: rgba(53, 208, 226, 0.1);
	color: rgba(248, 250, 252, 0.94);
}

html.corporate-surface .play-page .mma-fight-action--confirmed .mma-fight-action__status:not(.mobile-matchup-action__state) {
	display: none;
}

html.corporate-surface .play-page .mma-fight-readonly__pick {
	display: inline-flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 170px;
	padding: 0.62rem 0.86rem;
	border: 1px solid rgba(226, 232, 240, 0.13);
	border-radius: 14px;
	background: rgba(15, 23, 42, 0.6);
}

html.corporate-surface .play-page .mma-fight-readonly__pick small,
html.corporate-surface .play-page .mma-fight-readonly__detail {
	color: rgba(148, 163, 184, 0.88);
	font-size: 0.64rem;
	font-weight: 850;
	line-height: 1;
	text-transform: uppercase;
}

html.corporate-surface .play-page .mma-fight-readonly__pick strong {
	color: rgba(248, 250, 252, 0.96);
	font-size: 0.92rem;
	font-weight: 950;
	line-height: 1.08;
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .mma-fight-card {
		width: min(100%, calc(100vw - 1.5rem), 560px) !important;
		max-width: calc(100vw - 1.5rem) !important;
		min-width: 0 !important;
		margin-inline: auto !important;
		gap: 0.8rem !important;
		padding: 1rem !important;
		border-radius: 20px !important;
	}

	html.corporate-surface .play-page .mma-fight-card__header {
		margin: 0 !important;
	}

	html.corporate-surface .play-page .mma-fight-card__meta {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	html.corporate-surface .play-page .mma-fight-card__meta::before {
		content: attr(data-mobile-context);
		display: block;
		max-width: 100%;
		overflow: hidden;
		color: rgba(203, 213, 225, 0.9);
		font-size: 0.76rem;
		font-weight: 850;
		line-height: 1.18;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .mma-fight-card__meta > * {
		display: none !important;
	}

	html.corporate-surface .play-page .mma-fight-card__title {
		grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) !important;
		gap: 0.6rem !important;
		font-size: clamp(1.45rem, 8.2vw, 2.12rem) !important;
		line-height: 0.98 !important;
	}

	html.corporate-surface .play-page .mma-fight-card__title span {
		min-height: 2em !important;
		max-width: 100% !important;
		flex-wrap: nowrap !important;
		overflow-wrap: normal !important;
		white-space: nowrap !important;
		word-break: normal !important;
		hyphens: none !important;
	}

	html.corporate-surface .play-page .mma-fight-card__title strong {
		font-size: 0.74em !important;
	}

	html.corporate-surface .play-page .prediction-controls--mma-fight {
		gap: 0.72rem !important;
	}

	html.corporate-surface .play-page .mma-fight-card__matchup {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		border-radius: 16px !important;
		background:
			radial-gradient(ellipse at 50% 58%, rgba(71, 85, 105, 0.34), transparent 54%),
			linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(3, 10, 19, 0.94)) !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel {
		order: 1 !important;
		flex: 0 0 50% !important;
		width: 50% !important;
		min-height: 70px !important;
		padding: 0.72rem 0.76rem !important;
		border-radius: 0 !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel--home {
		border-radius: 15px 0 0 0 !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel--away {
		border-radius: 0 15px 0 0 !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__pick-state,
	html.corporate-surface .play-page .mma-fighter-panel__meta {
		display: none !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0.58rem !important;
		width: 100% !important;
		min-height: 100% !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity {
		align-items: center !important;
		justify-content: center !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__flag {
		flex: 0 0 auto !important;
		width: 1.6rem !important;
		height: 1.6rem !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity strong {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 0 !important;
		max-width: 7.8ch !important;
		color: rgba(248, 250, 252, 0.96) !important;
		font-size: clamp(0.98rem, 5vw, 1.34rem) !important;
		line-height: 0.98 !important;
		text-align: left !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity strong {
		text-align: left !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame {
		position: relative !important;
		grid-column: auto !important;
		grid-row: auto !important;
		order: 3 !important;
		inset: auto !important;
		flex: 0 0 calc(100% - 1.2rem) !important;
		width: calc(100% - 1.2rem) !important;
		height: 164px !important;
		margin: 0.6rem auto !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__center {
		width: 42px !important;
		height: 42px !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__center::before {
		inset: 13px !important;
	}

	html.corporate-surface .play-page .mma-fight-vs {
		display: none !important;
	}

	html.corporate-surface .play-page .mma-fight-card__decision,
	html.corporate-surface .play-page .mma-fight-action,
	html.corporate-surface .play-page .mma-fight-readonly {
		width: 100% !important;
		gap: 0.62rem !important;
	}

}

/*
 * Arena Event Cards — canonical composition pass
 *
 * Standard binary events always read as metadata, matchup, renderer, selector
 * and one action state. Sport classes own palette/art only; this layer owns
 * the shared geometry.
 */
html:root.corporate-surface .play-page {
	--match-card-padding: 1.125rem;
	--match-card-section-gap: 1rem;
	--match-card-block-gap: var(--match-card-section-gap);
	--match-card-tight-gap: 0.5rem;
	--match-renderer-gap: 0.75rem;
	--match-selector-gap: 0.75rem;
	--match-status-gap: 0.5rem;
	/* 250px is the desktop visual target. Smaller viewports step down without
	 * changing the 1 / 2 / 1 matchup proportions. */
	--match-renderer-height-desktop: clamp(14.5rem, 22vw, 15.625rem);
	--match-renderer-height-tablet: clamp(12.5rem, 25vw, 14.5rem);
	--match-renderer-height-mobile: clamp(10rem, 50vw, 12.5rem);
	--match-renderer-radius: 0.9rem;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
	--match-card-renderer-height: var(--match-renderer-height-desktop);
	gap: var(--match-card-section-gap) !important;
}

/* Main Event is the only allowed taller renderer, not a second card shell. */
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).arena-match-card--immersive {
	--match-card-renderer-height: clamp(15rem, 24vw, 20rem);
}

/* Two-line metadata: competition/timing above the date, without inner cards. */
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__shell-header,
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__metadata-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: var(--match-card-tight-gap) !important;
	min-width: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__timing {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0.35rem !important;
	min-width: 0 !important;
	min-height: 1.55rem !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__timing-detail {
	order: initial !important;
	max-width: 9rem !important;
	overflow: hidden !important;
	color: rgba(210, 224, 236, 0.56) !important;
	font-size: 0.64rem !important;
	text-align: right !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__timing-pill {
	order: initial !important;
	margin: 0 !important;
	padding: 0.28rem 0.5rem !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary {
	display: block !important;
	min-width: 0 !important;
	overflow: hidden !important;
	color: rgba(230, 240, 248, 0.78) !important;
	font-size: 0.72rem !important;
	font-weight: 760 !important;
	letter-spacing: 0.015em !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
	display: block !important;
	margin-top: 0.18rem !important;
	color: rgba(210, 224, 236, 0.53) !important;
	font-size: 0.69rem !important;
	font-weight: 650 !important;
}

/* The matchup is the shared dominant text lockup. */
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__matchup-head, [data-match-card-matchup]) {
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
	gap: clamp(0.45rem, 1.35vw, 0.8rem) !important;
	min-height: 2.1em !important;
	font-size: clamp(1.5rem, 2.5vw, 2.35rem) !important;
	line-height: 0.98 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__matchup-head, [data-match-card-matchup]) > span:first-child {
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__matchup-head, [data-match-card-matchup]) > span:last-child {
	text-align: right !important;
}

/* Renderer wrappers are transport only: each canvas is the actual sport area. */
html:root.corporate-surface .play-page .arena-match-card :is(.mlb-decision-card__matchup, .player-matchup-card__matchup, .nfl-pickem-stage, .nhl-matchup-card__competition, .mma-fight-card__matchup).match-card__renderer {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-court-frame, .mlb-matchup-diamond, .player-matchup-court, .nfl-field-surface, .nhl-matchup-card__rink) {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: var(--match-card-renderer-height) !important;
	min-height: var(--match-card-renderer-height) !important;
	margin: 0 !important;
	border-radius: var(--match-renderer-radius) !important;
}

/* One neutral decision rail; sport-specific panels retain their own color variables. */
html:root.corporate-surface .play-page .arena-match-card .match-card__options:not(.match-score-control) {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: var(--match-selector-gap) !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel) {
	display: grid !important;
	place-items: center !important;
	min-width: 0 !important;
	min-height: 2.75rem !important;
	margin: 0 !important;
	padding: 0.42rem 0.62rem !important;
	border-radius: 0.75rem !important;
	box-shadow: none !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel):is(.is-selected, :has(input:checked)) {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), inset 0 -12px 22px rgba(0, 0, 0, 0.12) !important;
	filter: saturate(1.05) brightness(1.04) !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel):has(input:focus-visible) {
	outline: 2px solid var(--match-card-accent) !important;
	outline-offset: 2px !important;
}

/* A standard MMA fight has no card-inside-card: the octagon is artwork only. */
html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-card__matchup {
	position: relative !important;
	min-height: var(--match-card-renderer-height) !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(110deg, rgba(115, 18, 35, 0.58), rgba(5, 12, 20, 0.94) 48%, rgba(20, 71, 108, 0.58)) !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]) .mma-octagon-frame {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]) :is(.mma-poster-event, .mma-poster-signature, .mma-fight-vs) {
	display: none !important;
}

/* Football retains the team panels inside its renderer around a real pitch canvas. */
html:root.corporate-surface .play-page .arena-match-card--football .football-mobile-matchup {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.45fr) minmax(0, 0.72fr) !important;
	align-items: stretch !important;
	gap: var(--match-renderer-gap) !important;
	padding: var(--match-renderer-gap) !important;
	overflow: hidden !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team {
	display: grid !important;
	place-items: center !important;
	min-height: 0 !important;
	padding: 0.5rem !important;
	border: 1px solid color-mix(in srgb, var(--football-team-accent, #d9edf3) 28%, rgba(255, 255, 255, 0.12)) !important;
	border-radius: 0.7rem !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team::after {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team--home { grid-column: 1 !important; }
html:root.corporate-surface .play-page .arena-match-card--football .football-pitch { grid-column: 2 !important; }
html:root.corporate-surface .play-page .arena-match-card--football .match-team--away { grid-column: 3 !important; }

html:root.corporate-surface .play-page .arena-match-card--football .football-pitch:not(.football-pitch-renderer) {
	position: relative !important;
	min-width: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(197, 237, 203, 0.22) !important;
	border-radius: 0.68rem !important;
	background:
		repeating-linear-gradient(90deg, rgba(104, 186, 116, 0.08) 0 12.5%, rgba(2, 48, 27, 0.05) 12.5% 25%),
		linear-gradient(145deg, #123d29, #0a251a) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .football-pitch:not(.football-pitch-renderer)::before,
html:root.corporate-surface .play-page .arena-match-card--football .football-pitch:not(.football-pitch-renderer)::after {
	position: absolute;
	content: "";
	pointer-events: none;
}

html:root.corporate-surface .play-page .arena-match-card--football .football-pitch:not(.football-pitch-renderer)::before {
	inset: 13% 7%;
	border: 1px solid rgba(236, 255, 236, 0.37);
	background: linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(236, 255, 236, 0.4) calc(50% - 0.5px) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}

html:root.corporate-surface .play-page .arena-match-card--football .football-pitch:not(.football-pitch-renderer)::after {
	top: 50%;
	left: 50%;
	width: 28%;
	aspect-ratio: 1;
	border: 1px solid rgba(236, 255, 236, 0.4);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

/* Tennis and NHL use their existing geometry with a denser premium material. */
html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-court {
	background:
		radial-gradient(circle at 50% 48%, rgba(170, 245, 210, 0.18), transparent 32%),
		repeating-linear-gradient(12deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 9px),
		linear-gradient(145deg, #0b362c, #061c18 74%) !important;
	box-shadow: inset 0 0 42px rgba(0, 0, 0, 0.35), 0 12px 24px rgba(0, 0, 0, 0.15) !important;
}

html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-court__net {
	border-color: rgba(232, 255, 235, 0.72) !important;
	box-shadow: 0 0 12px rgba(218, 255, 227, 0.2) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__rink {
	background:
		radial-gradient(ellipse at 50% 48%, rgba(237, 251, 255, 0.8), transparent 37%),
		repeating-linear-gradient(161deg, rgba(166, 212, 226, 0.09) 0 1px, transparent 1px 10px),
		linear-gradient(115deg, #527b8c, #b4d0da 48%, #4d7487) !important;
	box-shadow: inset 0 0 42px rgba(8, 37, 57, 0.42), 0 12px 24px rgba(0, 0, 0, 0.15) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl :is(.nhl-rink__line, .nhl-rink__circle, .nhl-rink__crease) {
	filter: contrast(1.22) saturate(1.1) !important;
}

/* One sentence plus the real CTA: duplicated status labels stay hidden. */
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) [data-match-card-status] :is(.nfl-pick-action__status, .nba-pick-action__status, .mlb-pick-action__status, .player-matchup-action__status, .mma-fight-action__status):not(.mobile-matchup-action__state) {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) [data-match-card-action-state],
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) [data-match-card-status] .mobile-matchup-action__state {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 1.35rem !important;
	color: rgba(220, 231, 240, 0.66) !important;
	font-size: 0.72rem !important;
	font-weight: 720 !important;
	line-height: 1.15 !important;
	text-align: center !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-native-save-btn {
	min-height: 2.75rem !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-native-save-btn:disabled {
	cursor: not-allowed !important;
	filter: saturate(0.5) !important;
	opacity: 0.52 !important;
}

/* Special experiences stay distinct, but lose duplicated vertical weight. */
html:root.corporate-surface .play-page :is(.play-special-picks-divider, .play-main-event-divider) {
	display: flex !important;
	align-items: center !important;
	gap: 0.7rem !important;
	margin: 1.25rem 0 0.2rem !important;
	color: rgba(185, 205, 220, 0.68) !important;
	font-size: 0.68rem !important;
	font-weight: 850 !important;
	letter-spacing: 0.12em !important;
}

html:root.corporate-surface .play-page :is(.play-special-picks-divider, .play-main-event-divider)::after {
	flex: 1;
	height: 1px;
	background: rgba(151, 179, 202, 0.18);
	content: "";
}

html:root.corporate-surface .play-page .play-special-picks-divider > div {
	display: grid;
	gap: 0.14rem;
}

html:root.corporate-surface .play-page .play-special-picks-divider small {
	color: rgba(185, 205, 220, 0.48);
	font-size: 0.62rem;
	font-weight: 650;
	letter-spacing: 0.01em;
	text-transform: none;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__hero {
	min-height: 6.5rem !important;
	padding: 0.9rem 1rem !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-starting-grid-preview {
	width: 5.75rem !important;
	height: 2.8rem !important;
}

html:root.corporate-surface .play-page .f1-race-card__context {
	gap: 0.4rem !important;
	padding: 0.48rem 1rem !important;
	font-size: 0.72rem !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-selector-panel {
	margin: 0.72rem 1rem 0 !important;
	padding: 0.72rem !important;
	border-color: rgba(225, 6, 0, 0.22) !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern :is(.f1-selector-group, .f1-podium-selector-stack) {
	gap: 0.42rem !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-podium-selector-stack {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger {
	min-height: 3.35rem !important;
	padding: 0.48rem 0.56rem !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger__role,
html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger__selection small {
	display: none !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern [data-f1-implied-winner-copy] {
	margin: 0 !important;
	color: rgba(174, 190, 202, 0.6) !important;
	font-size: 0.64rem !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-actions {
	gap: 0.65rem !important;
	padding: 0.72rem 1rem 1rem !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-save-pick-btn {
	min-width: 10.5rem !important;
	min-height: 2.75rem !important;
}

html:root.corporate-surface .play-page .golf-podium-card__hero {
	min-height: 6.5rem !important;
	padding: 0.9rem 1rem !important;
}

html:root.corporate-surface .play-page .golf-podium-card__context {
	gap: 0.4rem !important;
	padding: 0.48rem 1rem !important;
	font-size: 0.72rem !important;
}

html:root.corporate-surface .play-page .golf-podium-builder {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 0.55rem !important;
	padding: 0.8rem 1rem !important;
}

html:root.corporate-surface .play-page .golf-podium-builder > header {
	grid-column: 1 / -1;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .golf-podium-slot {
	grid-template-columns: 1.5rem minmax(0, 1fr) !important;
	gap: 0.4rem !important;
	margin: 0 !important;
	padding: 0.5rem !important;
}

html:root.corporate-surface .play-page .golf-podium-slot select {
	grid-column: 1 / -1;
	min-height: 2.6rem;
}

html:root.corporate-surface .play-page .golf-podium-action {
	padding: 0 1rem 1rem !important;
}

@media (max-width: 1023.98px) and (min-width: 576px) {
	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
		--match-card-renderer-height: var(--match-renderer-height-tablet);
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page {
		--match-card-padding: 0.875rem;
		--match-card-section-gap: 0.75rem;
		--match-card-block-gap: var(--match-card-section-gap);
		--match-card-tight-gap: 0.375rem;
		--match-renderer-gap: 0.625rem;
		--match-selector-gap: 0.625rem;
		--match-status-gap: 0.4rem;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
		--match-card-renderer-height: var(--match-renderer-height-mobile);
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).arena-match-card--immersive {
		--match-card-renderer-height: clamp(13.5rem, 62vw, 17rem);
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__timing-detail {
		display: none !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary {
		font-size: 0.68rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
		font-size: 0.66rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) {
		font-size: clamp(1rem, 4.5vw, 1.125rem) !important;
		line-height: 1.02 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
		grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr) minmax(0, 0.76fr) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-team {
		padding: 0.35rem !important;
	}

	html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__hero,
	html:root.corporate-surface .play-page .golf-podium-card__hero {
		min-height: 6rem !important;
	}

	html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-podium-selector-stack,
	html:root.corporate-surface .play-page .golf-podium-builder {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	html:root.corporate-surface .play-page .golf-podium-builder > header {
		grid-column: auto;
	}

	html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-save-pick-btn {
		width: 100% !important;
	}
}

/* Community v1 — participant-facing championship context. */
html.corporate-surface .community-page {
	padding-bottom: max(2.25rem, calc(var(--bottom-nav-height, 0px) + 1.5rem));
}

html.corporate-surface .community-page .glass-card {
	border: 1px solid rgba(156, 163, 175, 0.15);
	border-radius: var(--corp-radius-lg);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 42%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.92));
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface .community-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	overflow: hidden;
	padding: clamp(1.35rem, 3vw, 2.35rem);
	border-color: rgba(53, 208, 226, 0.26) !important;
	background:
		radial-gradient(circle at 88% 12%, rgba(212, 177, 106, 0.2), transparent 29%),
		radial-gradient(circle at 5% 100%, rgba(53, 208, 226, 0.14), transparent 39%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.95)) !important;
}

html.corporate-surface .community-hero::after {
	position: absolute;
	top: -50%;
	right: 8%;
	width: 15rem;
	height: 15rem;
	border: 1px solid rgba(184, 247, 255, 0.12);
	border-radius: 50%;
	box-shadow: 0 0 0 2.6rem rgba(184, 247, 255, 0.025), 0 0 0 5.4rem rgba(184, 247, 255, 0.018);
	content: "";
	pointer-events: none;
}

html.corporate-surface .community-hero__content,
html.corporate-surface .community-hero__actions,
html.corporate-surface .community-section-heading,
html.corporate-surface .community-invite > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .community-kicker {
	margin: 0 0 0.45rem;
	color: var(--ds-accent);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

html.corporate-surface .community-hero h1,
html.corporate-surface .community-section-heading h2,
html.corporate-surface .community-organizer h2,
html.corporate-surface .community-invite h2 {
	margin: 0;
	color: var(--ds-text-primary);
	font-family: var(--corp-font-display);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.04;
}

html.corporate-surface .community-hero h1 { font-size: clamp(2rem, 5vw, 3.7rem); }

html.corporate-surface .community-hero__copy {
	max-width: 40rem;
	margin: 0.75rem 0 0;
	color: var(--ds-text-secondary);
	font-size: clamp(1rem, 2vw, 1.16rem);
	line-height: 1.55;
}

html.corporate-surface .community-host {
	display: flex;
	align-items: center;
	gap: 0.48rem;
	margin: 1rem 0 0;
	color: var(--ds-primary);
	font-size: 0.87rem;
	font-weight: 750;
}

html.corporate-surface .community-host i { color: var(--ds-accent); }

html.corporate-surface .community-hero__actions,
html.corporate-surface .community-invite__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	justify-content: flex-end;
}

html.corporate-surface .community-section-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

html.corporate-surface .community-section-heading h2,
html.corporate-surface .community-organizer h2,
html.corporate-surface .community-invite h2 { font-size: clamp(1.38rem, 3vw, 1.9rem); }

html.corporate-surface .community-section-heading p:not(.community-kicker),
html.corporate-surface .community-organizer > p:last-child,
html.corporate-surface .community-invite p:not(.community-kicker) {
	max-width: 43rem;
	margin: 0.6rem 0 0;
	color: var(--ds-text-secondary);
	line-height: 1.52;
}

html.corporate-surface .community-chat,
html.corporate-surface .community-rivals,
html.corporate-surface .community-organizer,
html.corporate-surface .community-invite { padding: clamp(1.15rem, 2.8vw, 1.75rem); }

html.corporate-surface .community-preview-label {
	flex: 0 0 auto;
	padding: 0.38rem 0.65rem;
	border: 1px solid rgba(212, 177, 106, 0.34);
	border-radius: 999px;
	color: var(--ds-accent);
	background: rgba(212, 177, 106, 0.08);
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

html.corporate-surface .community-message-list {
	display: grid;
	gap: 0.8rem;
	margin: 1.4rem 0 0;
	padding: 0;
	list-style: none;
}

html.corporate-surface .community-message {
	display: grid;
	grid-template-columns: 2.4rem minmax(0, 1fr);
	gap: 0.75rem;
	align-items: flex-start;
}

html.corporate-surface .community-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border: 1px solid rgba(184, 247, 255, 0.24);
	border-radius: 50%;
	color: #04111f;
	background: linear-gradient(145deg, #b8f7ff, #42d9e8);
	font-size: 0.7rem;
	font-weight: 900;
}

html.corporate-surface .community-message--organizer .community-avatar {
	border-color: rgba(245, 211, 107, 0.42);
	background: linear-gradient(145deg, #f5d36b, #d4b16a);
}

html.corporate-surface .community-message article {
	min-width: 0;
	padding: 0.75rem 0.9rem;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 0.35rem 1rem 1rem;
	background: rgba(5, 8, 22, 0.46);
}

html.corporate-surface .community-message--organizer article {
	border-color: rgba(212, 177, 106, 0.25);
	background: linear-gradient(135deg, rgba(212, 177, 106, 0.11), rgba(5, 8, 22, 0.5));
}

html.corporate-surface .community-message header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
}

html.corporate-surface .community-message strong { color: var(--ds-text-primary); font-size: 0.9rem; }
html.corporate-surface .community-message time { color: var(--ds-text-muted); font-size: 0.72rem; white-space: nowrap; }
html.corporate-surface .community-message p { margin: 0.3rem 0 0; color: var(--ds-text-secondary); line-height: 1.46; }

html.corporate-surface .community-participant-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
	gap: 0.75rem;
	margin: 1.35rem 0 0;
	padding: 0;
	list-style: none;
}

html.corporate-surface .community-participant-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.75rem;
	align-items: center;
	min-width: 0;
	padding: 0.85rem;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 16px;
	background: rgba(5, 8, 22, 0.42);
}

html.corporate-surface .community-participant-card.is-current-user { border-color: rgba(53, 208, 226, 0.42); }
html.corporate-surface .community-avatar--participant { width: 2.8rem; height: 2.8rem; }
html.corporate-surface .community-participant-card__identity { min-width: 0; }
html.corporate-surface .community-participant-card__identity strong,
html.corporate-surface .community-participant-card__identity span { display: block; overflow-wrap: anywhere; }
html.corporate-surface .community-participant-card__identity strong { color: var(--ds-text-primary); font-size: 0.94rem; }
html.corporate-surface .community-participant-card__identity span { margin-top: 0.18rem; color: var(--ds-text-muted); font-size: 0.78rem; font-weight: 700; }

html.corporate-surface .community-participant-card__ranking {
	grid-column: 2;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.65rem;
	min-width: 0;
	padding-top: 0.58rem;
	border-top: 1px solid rgba(156, 163, 175, 0.12);
}

html.corporate-surface .community-participant-card__ranking span { color: var(--ds-text-muted); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
html.corporate-surface .community-participant-card__ranking strong { color: var(--ds-accent); font-size: 0.8rem; white-space: nowrap; }

html.corporate-surface .community-organizer {
	border-color: rgba(212, 177, 106, 0.27) !important;
	background: linear-gradient(120deg, rgba(212, 177, 106, 0.13), rgba(5, 8, 22, 0.78) 60%) !important;
}

html.corporate-surface .community-invite {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	border-color: rgba(53, 208, 226, 0.26) !important;
}

html.corporate-surface .community-invite__code summary {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 48px;
	padding: 0.78rem 1rem;
	border: 1px solid rgba(156, 163, 175, 0.25);
	border-radius: 999px;
	color: var(--ds-text-primary);
	background: rgba(5, 8, 22, 0.5);
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

html.corporate-surface .community-invite__code summary::-webkit-details-marker { display: none; }
html.corporate-surface .community-invite__code[open] summary { border-color: rgba(53, 208, 226, 0.45); }
html.corporate-surface .community-invite__code strong { display: block; margin: 0.6rem 0.4rem 0; color: var(--ds-accent); font-family: var(--corp-font-display); letter-spacing: 0.1em; text-align: center; }

html.corporate-surface .community-page a:focus-visible,
html.corporate-surface .community-page button:focus-visible,
html.corporate-surface .community-page summary:focus-visible {
	outline: 3px solid rgba(184, 247, 255, 0.9);
	outline-offset: 3px;
}

@media (max-width: 575.98px) {
	html.corporate-surface .community-page { padding-bottom: calc(var(--bottom-nav-height, 76px) + env(safe-area-inset-bottom, 0px) + 1.5rem); }
	html.corporate-surface .community-hero,
	html.corporate-surface .community-invite { display: grid; gap: 1.25rem; }
	html.corporate-surface .community-hero__actions,
	html.corporate-surface .community-invite__actions { display: grid; grid-template-columns: 1fr; justify-content: stretch; }
	html.corporate-surface .community-hero__actions .btn-primary-gradient,
	html.corporate-surface .community-hero__actions .btn-secondary-soft,
	html.corporate-surface .community-invite__actions .btn-primary-gradient,
	html.corporate-surface .community-invite__code summary { width: 100%; }
	html.corporate-surface .community-invite__code { width: 100%; }
	html.corporate-surface .community-section-heading { display: grid; }
	html.corporate-surface .community-preview-label { justify-self: start; }
	html.corporate-surface .community-message article { padding: 0.7rem 0.75rem; }
	html.corporate-surface .community-message header { align-items: flex-start; flex-direction: column; gap: 0.15rem; }
}

/* Community keeps one complete product surface for participants and managers. */
html.corporate-surface .community-app-shell { display: flex; flex-direction: column; min-height: 100vh; }
html.corporate-surface .community-app-shell .community-page { flex: 1 0 auto; }

html.corporate-surface .community-invite-dialog {
	width: min(calc(100vw - 2rem), 31rem);
	max-width: none;
	padding: 0;
	border: 1px solid rgba(53, 208, 226, 0.36);
	border-radius: var(--corp-radius-lg);
	color: var(--ds-text-primary);
	background: linear-gradient(145deg, #102535, #070d18);
	box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.55);
}
html.corporate-surface .community-invite-dialog::backdrop { background: rgba(2, 8, 16, 0.76); backdrop-filter: blur(3px); }
html.corporate-surface .community-invite-dialog__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.25rem 1rem; }
html.corporate-surface .community-invite-dialog h2 { margin: 0; color: var(--ds-text-primary); font-family: var(--corp-font-display); font-size: 1.38rem; font-weight: 800; letter-spacing: -0.03em; overflow-wrap: anywhere; }
html.corporate-surface .community-invite-dialog__close { display: grid; flex: 0 0 auto; place-items: center; width: 2.5rem; height: 2.5rem; border: 1px solid rgba(156, 163, 175, 0.25); border-radius: 50%; color: var(--ds-text-primary); background: rgba(5, 8, 22, 0.52); }
html.corporate-surface .community-invite-dialog__actions { display: grid; gap: 0.8rem; padding: 0 1.25rem 1.25rem; }
html.corporate-surface .community-invite-dialog__actions .btn-primary-gradient { justify-content: center; }
html.corporate-surface .community-invite-dialog__code { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.45rem 0.8rem; align-items: center; padding: 0.85rem; border: 1px solid rgba(156, 163, 175, 0.17); border-radius: 0.8rem; background: rgba(5, 8, 22, 0.45); }
html.corporate-surface .community-invite-dialog__code > span { color: var(--ds-text-muted); font-size: 0.73rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
html.corporate-surface .community-invite-dialog__code strong { color: var(--ds-accent); font-family: var(--corp-font-display); font-size: 1rem; letter-spacing: 0.08em; }
html.corporate-surface .community-invite-dialog__code .btn-secondary-soft { grid-column: 1 / -1; justify-content: center; }

/* Ranking Experience v1: an Arena-wide official standing, never a sport surface. */
html.corporate-surface .ranking-page--neutral {
	max-width: none;
	padding: clamp(1.15rem, 3vw, 2.25rem) 0 clamp(3.5rem, 8vw, 6rem);
}

html.corporate-surface .ranking-page--neutral .page-container {
	max-width: 1180px;
}

html.corporate-surface .ranking-neutral-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(18rem, 0.94fr);
	align-items: center;
	gap: clamp(1.5rem, 5vw, 5rem);
	min-height: clamp(19rem, 31vw, 27rem);
	padding: clamp(1.5rem, 4.5vw, 3.6rem);
	overflow: hidden;
	border-color: rgba(94, 180, 208, 0.24);
	background:
		radial-gradient(circle at 89% 12%, rgba(53, 208, 226, 0.13), transparent 30%),
		radial-gradient(circle at 70% 105%, rgba(92, 242, 165, 0.06), transparent 34%),
		linear-gradient(140deg, rgba(15, 31, 49, 0.98), rgba(5, 14, 26, 0.99));
	box-shadow: 0 28px 72px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.corporate-surface .ranking-neutral-hero__copy {
	position: relative;
	z-index: 1;
	max-width: 41rem;
}

html.corporate-surface .ranking-neutral-hero .corporate-section-eyebrow {
	margin: 0 0 0.62rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	color: #35d0e2;
}

html.corporate-surface .ranking-neutral-hero__arena {
	margin: 0 0 0.45rem;
	font-size: clamp(1rem, 1.8vw, 1.28rem);
	font-weight: 740;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .ranking-neutral-hero h1 {
	margin: 0;
	font-size: clamp(2.55rem, 5.5vw, 5.15rem);
	line-height: 0.93;
	letter-spacing: -0.065em;
	white-space: nowrap;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .ranking-neutral-hero__copy > p:not(.corporate-section-eyebrow):not(.ranking-neutral-hero__arena) {
	margin: 1.05rem 0 0;
	font-size: clamp(1rem, 1.55vw, 1.15rem);
	line-height: 1.56;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .ranking-neutral-hero__status {
	display: grid;
	gap: 0.55rem;
	margin-top: 1.3rem;
	color: var(--text-secondary, #aebfd1);
	font-size: 0.86rem;
	line-height: 1.4;
}

html.corporate-surface .ranking-status-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.42rem;
	width: fit-content;
	padding: 0.42rem 0.7rem;
	border: 1px solid rgba(92, 242, 165, 0.35);
	border-radius: 999px;
	background: rgba(8, 30, 31, 0.48);
	font-size: 0.71rem;
	font-weight: 850;
	letter-spacing: 0.075em;
	color: #79f4b6;
}

html.corporate-surface .ranking-status-chip.is-provisional {
	border-color: rgba(53, 208, 226, 0.38);
	color: #6de8f1;
}

html.corporate-surface .ranking-status-chip.is-pending {
	border-color: rgba(231, 190, 95, 0.38);
	background: rgba(49, 37, 13, 0.3);
	color: #e7be5f;
}

html.corporate-surface .ranking-neutral-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.72rem;
	margin-top: 1.35rem;
}

html.corporate-surface .ranking-neutral-hero__actions .btn-primary-gradient,
html.corporate-surface .ranking-neutral-hero__actions .btn-secondary-soft {
	justify-content: center;
	min-width: 10.5rem;
}

html.corporate-surface .ranking-trajectory {
	position: relative;
	min-height: 15.5rem;
	margin: -1.2rem -1.6rem -1.2rem 0;
	opacity: 0.92;
}

html.corporate-surface .ranking-trajectory::before {
	position: absolute;
	inset: 9% 0 7% 7%;
	border: 1px solid rgba(115, 186, 210, 0.11);
	border-radius: 1.6rem;
	box-shadow: inset 0 0 80px rgba(53, 208, 226, 0.035), 0 0 60px rgba(53, 208, 226, 0.04);
	content: '';
}

html.corporate-surface .ranking-trajectory svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}

html.corporate-surface .ranking-trajectory__layer {
	fill: none;
	stroke: rgba(139, 181, 205, 0.16);
	stroke-width: 1;
}

html.corporate-surface .ranking-trajectory__path {
	fill: none;
	stroke: #43d3e3;
	stroke-linecap: round;
	stroke-width: 3;
	filter: drop-shadow(0 0 7px rgba(53, 208, 226, 0.28));
}

html.corporate-surface .ranking-trajectory__path--quiet {
	stroke: rgba(156, 206, 220, 0.38);
	stroke-width: 1.5;
	filter: none;
}

html.corporate-surface .ranking-trajectory__node {
	fill: #0a1b2d;
	stroke: #62dfea;
	stroke-width: 3;
	filter: drop-shadow(0 0 6px rgba(53, 208, 226, 0.35));
}

html.corporate-surface .ranking-trajectory__node--current {
	fill: #75f4b1;
	stroke: #d9fff3;
}

html.corporate-surface .ranking-competition-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 1.05rem 0;
}

html.corporate-surface .ranking-summary-card {
	display: grid;
	align-content: center;
	min-height: 8rem;
	padding: 1.1rem;
	border-color: rgba(138, 172, 203, 0.18);
	background: linear-gradient(145deg, rgba(15, 30, 47, 0.88), rgba(7, 16, 28, 0.95));
}

html.corporate-surface .ranking-summary-card > span,
html.corporate-surface .ranking-summary-card > small {
	font-size: 0.72rem;
	font-weight: 780;
	letter-spacing: 0.055em;
	text-transform: uppercase;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .ranking-summary-card > strong {
	margin-top: 1rem;
	font-size: clamp(1.25rem, 2.25vw, 1.9rem);
	line-height: 1.06;
	letter-spacing: -0.045em;
	color: #4cdfed;
}

html.corporate-surface .ranking-summary-card > strong small {
	font-size: 0.76rem;
	letter-spacing: 0;
	color: inherit;
}

html.corporate-surface .ranking-summary-card > small {
	margin-top: 0.55rem;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
}

html.corporate-surface .ranking-summary-card__status {
	font-size: clamp(1rem, 1.7vw, 1.35rem) !important;
	color: #7cf1b7 !important;
}

html.corporate-surface .ranking-page--neutral .ranking-board--official {
	padding: clamp(1.25rem, 3vw, 2.25rem);
	border-color: rgba(111, 177, 204, 0.23);
	background: linear-gradient(145deg, rgba(14, 30, 47, 0.97), rgba(5, 13, 25, 0.99));
}

html.corporate-surface .ranking-page--neutral .ranking-board__header--neutral {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: clamp(1rem, 3vw, 2rem);
	margin-bottom: 1.35rem;
}

html.corporate-surface .ranking-page--neutral .ranking-board__header--neutral > :first-child {
	min-width: 0;
	flex: 1 1 auto;
}

html.corporate-surface .ranking-page--neutral .ranking-board__search-controls {
	display: grid;
	justify-items: end;
	gap: 0.75rem;
	flex: 0 1 26rem;
	min-width: min(100%, 20rem);
}

html.corporate-surface .ranking-page--neutral .ranking-board__header h2 {
	margin: 0;
	font-size: clamp(1.5rem, 2.75vw, 2.25rem);
	line-height: 1.03;
	letter-spacing: -0.045em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .ranking-page--neutral .ranking-board__story {
	margin: 0.5rem 0 0;
	color: var(--text-secondary, #aebfd1);
	line-height: 1.48;
}

html.corporate-surface .ranking-board__count {
	padding: 0.43rem 0.68rem;
	border: 1px solid rgba(100, 193, 216, 0.24);
	border-radius: 999px;
	font-size: 0.73rem;
	font-weight: 800;
	color: #8dc8d8;
	white-space: nowrap;
}

html.corporate-surface .ranking-page--neutral .ranking-search-shell {
	margin: 0;
}

html.corporate-surface .ranking-empty--official {
	display: grid;
	justify-items: center;
	max-width: 43rem;
	margin: 0 auto;
	padding: clamp(1.6rem, 4vw, 2.8rem);
	border: 1px solid rgba(111, 177, 204, 0.2);
	border-radius: 1.1rem;
	background: rgba(6, 17, 29, 0.5);
	text-align: center;
}

html.corporate-surface .ranking-empty--official h3 {
	margin: 0.85rem 0 0;
	font-size: clamp(1.35rem, 2.4vw, 1.9rem);
	letter-spacing: -0.035em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .ranking-empty--official p {
	max-width: 34rem;
	margin: 0.58rem 0 1.15rem;
	color: var(--text-secondary, #aebfd1);
	line-height: 1.5;
}

html.corporate-surface .ranking-page--neutral .ranking-list--official {
	display: grid;
	gap: 0.56rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

html.corporate-surface .ranking-page--neutral .ranking-entry-card {
	display: grid;
	grid-template-columns: minmax(17rem, 1fr) 6.25rem 8.5rem 10.5rem;
	align-items: center;
	gap: 0.85rem;
	min-height: 5.55rem;
	padding: 0.72rem 1rem;
	border: 1px solid rgba(138, 172, 203, 0.16);
	border-radius: 0.85rem;
	background: rgba(7, 18, 31, 0.62);
	box-shadow: none;
}

html.corporate-surface .ranking-page--neutral .ranking-entry-card::before {
	display: none;
}

html.corporate-surface .ranking-page--neutral .ranking-entry-card:hover {
	transform: none;
	border-color: rgba(95, 202, 223, 0.28);
}

html.corporate-surface .ranking-page--neutral .ranking-entry-card.is-current-user {
	border-color: rgba(53, 208, 226, 0.5);
	background: linear-gradient(92deg, rgba(21, 62, 76, 0.74), rgba(8, 23, 36, 0.86));
	box-shadow: inset 3px 0 0 #35d0e2;
}

html.corporate-surface .ranking-page--neutral .ranking-card__identity {
	grid-template-columns: 3.2rem 2.55rem minmax(0, 1fr);
	align-items: center;
}

html.corporate-surface .ranking-page--neutral .ranking-position span {
	color: #60dae7;
}

html.corporate-surface .ranking-page--neutral .ranking-position small,
html.corporate-surface .ranking-page--neutral .ranking-points span,
html.corporate-surface .ranking-page--neutral .ranking-gap span,
html.corporate-surface .ranking-page--neutral .ranking-movement span {
	font-size: 0.68rem;
	font-weight: 760;
	letter-spacing: 0.045em;
	text-transform: uppercase;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .ranking-page--neutral .ranking-avatar {
	width: 2.45rem;
	height: 2.45rem;
	border-color: rgba(108, 204, 222, 0.25);
	background: rgba(35, 87, 103, 0.36);
	color: #dffbff;
}

html.corporate-surface .ranking-page--neutral .ranking-name {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-width: 0;
}

html.corporate-surface .ranking-page--neutral .ranking-name strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .ranking-page--neutral .ranking-points,
html.corporate-surface .ranking-page--neutral .ranking-gap,
html.corporate-surface .ranking-page--neutral .ranking-movement {
	display: grid;
	gap: 0.18rem;
}

html.corporate-surface .ranking-page--neutral .ranking-points strong,
html.corporate-surface .ranking-page--neutral .ranking-gap strong,
html.corporate-surface .ranking-page--neutral .ranking-movement strong {
	font-size: 1rem;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .ranking-page--neutral .ranking-movement .movement-up {
	color: #73e7b0;
}

html.corporate-surface .ranking-page--neutral .ranking-movement .movement-down {
	color: #e69a9a;
}

html.corporate-surface .ranking-page--neutral .ranking-movement .movement-neutral {
	color: #aebfd1;
}

html.corporate-surface .ranking-page--neutral .ranking-mobile-stack {
	display: none;
}

@media (max-width: 991.98px) {
	html.corporate-surface .ranking-neutral-hero {
		grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.72fr);
		gap: 1rem;
	}

	html.corporate-surface .ranking-competition-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .ranking-page--neutral .ranking-entry-card {
		grid-template-columns: minmax(15rem, 1fr) 5.5rem 7.5rem 8.75rem;
		gap: 0.55rem;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .ranking-page--neutral {
		padding-top: 0;
	}

	html.corporate-surface .ranking-neutral-hero {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 1.3rem;
	}

	html.corporate-surface .ranking-neutral-hero h1 {
		font-size: clamp(1.8rem, 9vw, 3.45rem);
	}

	html.corporate-surface .ranking-neutral-hero__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	html.corporate-surface .ranking-neutral-hero__actions .btn-primary-gradient,
	html.corporate-surface .ranking-neutral-hero__actions .btn-secondary-soft {
		width: 100%;
	}

	html.corporate-surface .ranking-trajectory {
		height: 7.25rem;
		min-height: 0;
		margin: -0.1rem -0.9rem -0.8rem;
		opacity: 0.72;
	}

	html.corporate-surface .ranking-competition-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.6rem;
	}

	html.corporate-surface .ranking-summary-card {
		min-height: 5.55rem;
	}

	html.corporate-surface .ranking-page--neutral .ranking-board--official {
		padding: 1.15rem;
	}

	html.corporate-surface .ranking-page--neutral .ranking-board__header--neutral {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 1rem;
	}

	html.corporate-surface .ranking-page--neutral .ranking-board__search-controls {
		justify-items: stretch;
		flex: none;
		min-width: 0;
		width: 100%;
	}

	html.corporate-surface .ranking-board__count {
		font-size: 0.68rem;
	}

	html.corporate-surface .ranking-page--neutral .ranking-search-shell {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	html.corporate-surface .ranking-page--neutral .ranking-entry-card {
		display: block;
		min-height: 0;
		padding: 0.92rem;
	}

	html.corporate-surface .ranking-page--neutral .ranking-card__identity,
	html.corporate-surface .ranking-page--neutral .ranking-entry-card > .ranking-points,
	html.corporate-surface .ranking-page--neutral .ranking-entry-card > .ranking-gap,
	html.corporate-surface .ranking-page--neutral .ranking-entry-card > .ranking-movement,
	html.corporate-surface .ranking-page--neutral .ranking-entry-card > .ranking-entry-card__link > .ranking-points,
	html.corporate-surface .ranking-page--neutral .ranking-entry-card > .ranking-entry-card__link > .ranking-gap,
	html.corporate-surface .ranking-page--neutral .ranking-entry-card > .ranking-entry-card__link > .ranking-movement {
		display: none;
	}

	html.corporate-surface .ranking-page--neutral .ranking-mobile-stack {
		display: grid;
		gap: 0.54rem;
	}

	html.corporate-surface .ranking-page--neutral .ranking-entry-top {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0.8rem;
	}

	html.corporate-surface .ranking-page--neutral .ranking-entry-position,
	html.corporate-surface .ranking-page--neutral .ranking-entry-points {
		font-size: 1.15rem;
		font-weight: 850;
		letter-spacing: -0.03em;
		color: #60dae7;
	}

	html.corporate-surface .ranking-page--neutral .ranking-entry-position-label,
	html.corporate-surface .ranking-page--neutral .ranking-entry-points-label {
		font-size: 0.67rem;
		font-weight: 760;
		letter-spacing: 0.055em;
		text-transform: uppercase;
		color: var(--text-secondary, #aebfd1);
	}

	html.corporate-surface .ranking-page--neutral .ranking-entry-name {
		font-size: 1.05rem;
		font-weight: 760;
		color: var(--text-primary, #f8fbff);
	}

	html.corporate-surface .ranking-page--neutral .ranking-mobile-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 0.38rem 0.8rem;
		font-size: 0.78rem;
		color: var(--text-secondary, #aebfd1);
	}

	html.corporate-surface .ranking-empty--official {
		padding: 1.5rem 1rem;
	}
}

@media (max-width: 390px) {
	html.corporate-surface .ranking-neutral-hero,
	html.corporate-surface .ranking-page--neutral .ranking-board--official {
		padding: 1rem;
	}
}

/* NBA Arena Sprint 01 — visual refresh: hardwood arena scene with floating team boards. */
html.corporate-surface .play-page .nba-decision-card {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 1.15rem;
	border: 1px solid rgba(126, 231, 255, 0.24);
	border-radius: 18px;
	background:
		radial-gradient(ellipse 72% 38% at 50% 100%, rgba(126, 231, 255, 0.1), transparent 70%),
		linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(3, 10, 19, 0.98));
	box-shadow:
		0 22px 54px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

html.corporate-surface .play-page .nba-meta-pill,
html.corporate-surface .play-page .nba-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 0.42rem;
	min-height: 30px;
	padding: 0.36rem 0.66rem;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.62);
	color: rgba(226, 232, 240, 0.84);
	font-size: 0.7rem;
	font-weight: 850;
	line-height: 1;
}

html.corporate-surface .play-page .nba-meta-pill {
	border-color: rgba(126, 231, 255, 0.28);
	color: rgba(126, 231, 255, 0.92);
	text-transform: uppercase;
}

html.corporate-surface .play-page .nba-team-panel {
	position: relative;
	display: grid;
	align-items: center;
	justify-items: start;
	align-self: stretch;
	min-width: 0;
	min-height: 0;
	padding: 1.1rem 1.25rem;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--nba-team-accent, #e9c46a) 24%, rgba(255, 255, 255, 0.16));
	border-radius: 14px;
	background: var(--surface-material-layer);
	color: #ffffff;
	cursor: default;
	opacity: 1;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.13),
		inset 0 -18px 30px rgba(2, 8, 18, 0.14),
		var(--nba-panel-glow-x, 14px) 0 30px color-mix(in srgb, var(--nba-team-accent, #e9c46a) 14%, transparent),
		0 14px 24px rgba(0, 0, 0, 0.28);
	text-shadow: 0 3px 12px rgba(0, 0, 0, 0.34);
	z-index: 4;
}

html.corporate-surface .play-page .nba-team-panel::before,
html.corporate-surface .play-page .nba-team-panel::after {
	position: absolute;
	content: "";
	pointer-events: none;
}

html.corporate-surface .play-page .nba-team-panel::before {
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.035) 24%, transparent 50%);
}

html.corporate-surface .play-page .nba-team-panel::after {
	inset: 5px;
	border: 1px solid color-mix(in srgb, var(--nba-team-accent, #e9c46a) 38%, transparent);
	border-radius: 10px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		inset 0 0 0 1px color-mix(in srgb, var(--nba-team-accent, #e9c46a) 10%, transparent);
	opacity: 0.78;
}

html.corporate-surface .play-page .nba-team-panel--choice {
	cursor: pointer;
}

html.corporate-surface .play-page .nba-team-panel input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

html.corporate-surface .play-page .nba-team-panel--away {
	--nba-panel-angle: 110deg;
	--nba-panel-glow-x: 14px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

html.corporate-surface .play-page .nba-team-panel--home {
	--nba-panel-angle: 250deg;
	--nba-panel-glow-x: -14px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	justify-items: end;
	text-align: right;
}

html.corporate-surface .play-page .nba-team-panel--home .nba-team-panel__identity {
	justify-items: end;
	text-align: right;
}

html.corporate-surface .play-page .nba-team-panel__identity {
	display: grid;
	gap: 0.44rem;
	min-width: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

html.corporate-surface .play-page .nba-team-panel__role,
html.corporate-surface .play-page .nba-team-panel__name {
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

html.corporate-surface .play-page .nba-team-panel__role { opacity: 0.72; }

html.corporate-surface .play-page .nba-team-panel__name {
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
}

html.corporate-surface .play-page .nba-team-panel__abbr {
	position: relative;
	display: inline-block;
	width: fit-content;
	padding-bottom: 0.38rem;
	color: #ffffff;
	font-size: clamp(2.15rem, 4.6vw, 4.35rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 0.9;
}

html.corporate-surface .play-page .nba-team-panel__abbr::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 42%;
	height: 2px;
	border-radius: 999px;
	background: var(--nba-team-accent, #e9c46a);
	box-shadow: 0 0 9px color-mix(in srgb, var(--nba-team-accent, #e9c46a) 36%, transparent);
	content: "";
}

html.corporate-surface .play-page .nba-team-panel--home .nba-team-panel__abbr::after {
	right: 0;
	left: auto;
}

html.corporate-surface .play-page .nba-team-panel--choice:has(input:checked),
html.corporate-surface .play-page .nba-team-panel.is-selected {
	background: var(--surface-material-layer);
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--nba-team-accent, #e9c46a) 48%, rgba(255, 255, 255, 0.12)),
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		var(--nba-panel-glow-x, 14px) 0 32px color-mix(in srgb, var(--nba-team-accent, #e9c46a) 20%, transparent),
		0 14px 24px rgba(0, 0, 0, 0.3);
	filter: none;
}

html.corporate-surface .play-page .nba-court-frame {
	position: relative;
	min-width: 0;
	min-height: 0;
	aspect-ratio: 94 / 50;
	overflow: hidden;
	border: 1px solid rgba(255, 232, 190, 0.24);
	border-radius: 12px;
	transform: perspective(1100px) rotateX(2.2deg) scaleY(0.985);
	transform-origin: 50% 52%;
	background:
		linear-gradient(180deg, rgba(2, 5, 10, 0.66) 0%, transparent 20%, transparent 76%, rgba(2, 4, 9, 0.62) 100%),
		radial-gradient(ellipse 36% 62% at 50% 50%, rgba(255, 242, 212, 0.45) 0%, rgba(255, 218, 157, 0.17) 30%, transparent 70%),
		radial-gradient(ellipse at 50% 50%, transparent 44%, rgba(0, 0, 0, 0.46) 100%),
		repeating-linear-gradient(90deg, rgba(255, 211, 152, 0.13) 0 54px, rgba(61, 30, 11, 0.2) 54px 108px),
		linear-gradient(100deg, #4a260f 0%, #93603a 22%, #b98351 49%, #6b371c 76%, #331807 100%);
	background-size: 100% 100%, 100% 100%, 100% 100%, 216px 100%, 100% 100%;
	box-shadow:
		inset 0 0 70px rgba(2, 7, 14, 0.6),
		inset 0 20px 34px rgba(255, 232, 190, 0.16),
		inset 0 -26px 48px rgba(7, 3, 1, 0.5),
		inset 0 0 0 1px rgba(255, 232, 190, 0.12),
		0 10px 22px rgba(0, 0, 0, 0.33);
	z-index: 2;
}

html.corporate-surface .play-page .nba-court-frame::before,
html.corporate-surface .play-page .nba-court-frame::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

html.corporate-surface .play-page .nba-court-frame::before {
	background: radial-gradient(ellipse at 50% 50%, rgba(255, 233, 190, 0.1), transparent 52%);
	opacity: 0.7;
	z-index: 1;
}

html.corporate-surface .play-page .nba-court-frame::after {
	opacity: 0;
	transition: opacity 180ms ease-out, background 180ms ease-out;
	z-index: 3;
}

html.corporate-surface .play-page .nba-court-frame__half,
html.corporate-surface .play-page .nba-court-frame__paint,
html.corporate-surface .play-page .nba-court-frame__arc,
html.corporate-surface .play-page .nba-court-frame__circle {
	position: absolute;
	pointer-events: none;
	z-index: 2;
}

html.corporate-surface .play-page .nba-court-frame__lines {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	pointer-events: none;
	z-index: 4;
}

html.corporate-surface .play-page .nba-court-line {
	fill: none;
	stroke: rgba(255, 247, 228, 0.62);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
	filter: drop-shadow(0 0 1px rgba(255, 239, 207, 0.18));
}

html.corporate-surface .play-page .nba-court-line--boundary {
	stroke: rgba(255, 247, 228, 0.42);
	stroke-width: 1.5;
}

html.corporate-surface .play-page .nba-court-line--three-point {
	stroke: rgba(255, 248, 230, 0.68);
}

html.corporate-surface .play-page .nba-court-line--free-throw {
	stroke: rgba(255, 247, 228, 0.66);
}

html.corporate-surface .play-page .nba-court-frame__half {
	display: none;
}

html.corporate-surface .play-page .nba-court-frame__paint {
	display: none;
}

html.corporate-surface .play-page .nba-court-frame__paint--away {
	left: 0;
	border-left: 0;
}

html.corporate-surface .play-page .nba-court-frame__paint--home {
	right: 0;
	border-right: 0;
}

html.corporate-surface .play-page .nba-court-frame__arc {
	display: none;
}

html.corporate-surface .play-page .nba-court-frame__arc--away {
	left: max(-118px, -8vw);
}

html.corporate-surface .play-page .nba-court-frame__arc--home {
	right: max(-118px, -8vw);
}

html.corporate-surface .play-page .nba-court-frame--away::after,
html.corporate-surface .play-page [data-nba-matchup]:has(.nba-team-panel--away input:checked) .nba-court-frame::after {
	opacity: 1;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--nba-team-primary, #35d0e2) 16%, transparent) 0 44%, transparent 68%),
		radial-gradient(ellipse at 24% 50%, color-mix(in srgb, var(--nba-team-secondary, #e9c46a) 12%, transparent), transparent 46%);
}

html.corporate-surface .play-page .nba-court-frame--home::after,
html.corporate-surface .play-page [data-nba-matchup]:has(.nba-team-panel--home input:checked) .nba-court-frame::after {
	opacity: 1;
	background:
		linear-gradient(270deg, color-mix(in srgb, var(--nba-team-primary, #35d0e2) 16%, transparent) 0 44%, transparent 68%),
		radial-gradient(ellipse at 76% 50%, color-mix(in srgb, var(--nba-team-secondary, #e9c46a) 12%, transparent), transparent 46%);
}

html.corporate-surface .play-page .nba-court-frame__circle {
	display: none;
}

html.corporate-surface .play-page .nba-matchup-vs {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: clamp(58px, 6vw, 76px);
	height: clamp(58px, 6vw, 76px);
	border: 1px solid rgba(255, 244, 221, 0.54);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.2), transparent 32%),
		linear-gradient(145deg, rgba(29, 44, 62, 0.92), rgba(5, 11, 20, 0.86));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.42),
		inset 0 0 0 4px rgba(255, 237, 202, 0.06),
		0 8px 22px rgba(0, 0, 0, 0.46),
		0 0 20px rgba(255, 229, 183, 0.14);
	color: rgba(255, 249, 237, 0.98);
	font-size: clamp(0.9rem, 1.25vw, 1.08rem);
	font-weight: 950;
	letter-spacing: 0.08em;
	text-indent: 0.08em;
	text-shadow: 0 2px 9px rgba(0, 0, 0, 0.7);
	z-index: 6;
}

html.corporate-surface .play-page .nba-pick-module--action,
html.corporate-surface .play-page .nba-pick-action {
	display: grid;
	gap: 0.5rem;
	justify-items: center;
}

html.corporate-surface .play-page .nba-pick-action__status,
html.corporate-surface .play-page .nba-decision-state-chip,
html.corporate-surface .play-page .nba-decision-state-pick {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 34px;
	padding: 0.42rem 0.82rem;
	border: 1px solid rgba(126, 231, 255, 0.22);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.72);
	color: rgba(248, 250, 252, 0.92);
	font-size: 0.74rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .nba-pick-module--action .mobile-matchup-action__state {
	display: none;
}

html.corporate-surface .play-page .nba-decision-card:has(.nba-team-panel--choice input:checked) .nba-pick-module--action .mobile-matchup-action__state {
	display: inline-flex;
}

html.corporate-surface .play-page .nba-decision-readonly {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

html.corporate-surface .play-page .nba-decision-state-pick {
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--nba-team-primary, #1d4ed8) 92%, #ffffff 8%), color-mix(in srgb, var(--nba-team-primary, #1d4ed8) 78%, #000000 22%));
	color: var(--nba-team-text, #ffffff);
}

html.corporate-surface .play-page .nba-decision-state-detail {
	color: rgba(203, 213, 225, 0.84);
	font-size: 0.84rem;
	font-weight: 800;
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .nba-meta-item--arena,
	html.corporate-surface .play-page .nba-meta-status--next {
		display: none;
	}

	html.corporate-surface .play-page .nba-meta-pill,
	html.corporate-surface .play-page .nba-meta-item {
		min-height: 30px;
		padding: 0.34rem 0.56rem;
		font-size: 0.68rem;
	}

	html.corporate-surface .play-page .nba-team-panel {
		min-width: 0;
		min-height: 64px;
		padding: 0.42rem;
		text-align: center;
	}

	html.corporate-surface .play-page .nba-team-panel--away {
		order: 1;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	html.corporate-surface .play-page .nba-team-panel--home {
		order: 2;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}

	html.corporate-surface .play-page .nba-team-panel__identity {
		place-items: center;
	}

	html.corporate-surface .play-page .nba-team-panel--home .nba-team-panel__identity {
		place-items: center;
		text-align: center;
	}

	html.corporate-surface .play-page .nba-team-panel__role,
	html.corporate-surface .play-page .nba-team-panel__name {
		display: none;
	}

	html.corporate-surface .play-page .nba-team-panel__abbr {
		font-size: clamp(1.28rem, 6vw, 1.55rem);
		line-height: 1;
	}

	html.corporate-surface .play-page .nba-court-frame__paint {
		width: 54px;
		height: 82px;
	}

	html.corporate-surface .play-page .nba-court-frame__arc {
		width: 96px;
		height: 126px;
	}

	html.corporate-surface .play-page .nba-pick-module--action,
html.corporate-surface .play-page .nba-pick-action {
		gap: 0.48rem;
	}

	html.corporate-surface .play-page .nba-pick-action__status:not(.mobile-matchup-action__state) {
		display: none;
	}

	html.corporate-surface .play-page .nba-decision-card:has(.nba-team-panel--choice input:checked) .nba-pick-module--action .mobile-matchup-action__state,
	html.corporate-surface .play-page .nba-pick-edit-form .mobile-matchup-action__state {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}

	html.corporate-surface .play-page .nba-pick-edit-form.has-unsaved-changes .mobile-matchup-action__state {
		border-color: rgba(255, 214, 128, 0.34);
		color: rgba(255, 224, 166, 0.96);
	}
}

/* Corporate game narrative */
html.corporate-surface .corporate-game-flow {
	position: relative;
	display: grid;
	grid-template-columns: minmax(220px, 0.78fr) minmax(0, 1.3fr);
	gap: 1rem;
	margin: 1rem 0;
	padding: clamp(1rem, 2vw, 1.25rem);
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(8, 15, 29, 0.88)),
		var(--ds-surface);
	box-shadow:
		0 20px 52px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.corporate-surface .corporate-game-flow::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.08) 1px, transparent 1px),
		linear-gradient(180deg, rgba(53, 208, 226, 0.06) 1px, transparent 1px);
	background-size: 54px 54px;
	mask-image: linear-gradient(120deg, rgba(0, 0, 0, 0.88), transparent 72%);
	pointer-events: none;
}

html.corporate-surface .corporate-game-flow::after {
	content: "";
	position: absolute;
	inset: auto 1rem 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.8), rgba(53, 208, 226, 0.64), transparent);
	opacity: 0.72;
}

html.corporate-surface .corporate-game-flow > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .corporate-game-flow__intro {
	display: grid;
	align-content: center;
	gap: 0.42rem;
	min-width: 0;
}

html.corporate-surface .corporate-game-flow__intro h2 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.28rem, 2.4vw, 1.9rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.04;
}

html.corporate-surface .corporate-game-flow__intro p:last-child {
	margin: 0;
	color: var(--ds-text-muted);
	font-weight: 650;
	line-height: 1.42;
}

html.corporate-surface .corporate-game-flow__steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.62rem;
}

html.corporate-surface .corporate-game-flow__steps > div {
	display: grid;
	align-content: start;
	gap: 0.44rem;
	min-height: 154px;
	padding: 0.86rem;
	border: 1px solid rgba(156, 163, 175, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024)),
		rgba(5, 8, 22, 0.34);
}

html.corporate-surface .corporate-game-flow__steps span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 8px;
	color: var(--ds-accent);
	background: rgba(53, 208, 226, 0.08);
}

html.corporate-surface .corporate-game-flow__steps strong {
	color: var(--ds-text-primary);
	font-size: 0.94rem;
	font-weight: 850;
	line-height: 1.12;
}

html.corporate-surface .corporate-game-flow__steps small {
	color: var(--ds-text-muted);
	font-size: 0.78rem;
	font-weight: 650;
	line-height: 1.34;
}

html.corporate-surface .corporate-game-flow__metrics {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.62rem;
}

html.corporate-surface .corporate-game-flow__metrics > div {
	display: grid;
	gap: 0.18rem;
	min-height: 68px;
	padding: 0.68rem 0.78rem;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
}

html.corporate-surface .corporate-game-flow__metrics span {
	color: var(--ds-text-muted);
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.corporate-surface .corporate-game-flow__metrics strong {
	color: var(--ds-text-primary);
	font-family: "Space Grotesk", sans-serif;
	font-size: 1.32rem;
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .corporate-game-flow__metrics .is-live {
	border-color: rgba(53, 208, 226, 0.36);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.16), rgba(53, 208, 226, 0.06)),
		rgba(5, 8, 22, 0.44);
	box-shadow: 0 0 24px rgba(53, 208, 226, 0.12);
}

html.corporate-surface .official-result-feature--corporate {
	border-color: rgba(53, 208, 226, 0.18);
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(8, 15, 29, 0.9)),
		var(--ds-surface);
}

html.corporate-surface .official-result-feature--corporate .section-title,
html.corporate-surface .official-result-feature--corporate .section-copy {
	color: var(--ds-text-primary);
}

html.corporate-surface .official-result-feature--corporate .section-copy {
	color: var(--ds-text-muted);
}

html.corporate-surface .official-result-feature--corporate .official-status-pill {
	border-color: rgba(53, 208, 226, 0.28);
	color: #07111f;
	background:
		linear-gradient(135deg, rgba(246, 238, 204, 0.96), rgba(255, 255, 255, 0.82));
	text-shadow: none;
	box-shadow:
		0 14px 34px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.38) inset;
}

html.corporate-surface .official-result-feature--corporate .official-status-pill--pending,
html.corporate-surface .official-result-feature--corporate .official-status-pill--official {
	color: #07111f;
}

html.corporate-surface .official-result-feature--corporate .official-status-pill--live {
	border-color: rgba(53, 208, 226, 0.5);
	color: #06131f;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.95), rgba(53, 208, 226, 0.92));
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.22) inset,
		0 18px 46px rgba(53, 208, 226, 0.2);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card {
	border-color: rgba(53, 208, 226, 0.42);
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 0 1px, transparent 1px 7.5rem),
		linear-gradient(135deg, rgba(53, 208, 226, 0.12), transparent 28%),
		linear-gradient(135deg, #123f3d 0%, #1f5870 44%, #2c55b5 100%);
	box-shadow:
		0 22px 58px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.12) inset,
		0 0 36px rgba(53, 208, 226, 0.14) inset;
}

html.corporate-surface .official-result-feature--corporate.is-live .official-pitch-card {
	border-color: rgba(53, 208, 226, 0.68);
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.07) 0 1px, transparent 1px 6.5rem),
		linear-gradient(120deg, rgba(53, 208, 226, 0.18), transparent 30%, rgba(53, 208, 226, 0.18) 72%, transparent),
		linear-gradient(135deg, #0e4d45 0%, #13717a 46%, #2f63d7 100%);
	box-shadow:
		0 30px 86px rgba(0, 0, 0, 0.36),
		0 0 0 1px rgba(255, 255, 255, 0.2) inset,
		0 0 44px rgba(53, 208, 226, 0.28) inset,
		0 0 52px rgba(53, 208, 226, 0.16);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card::before {
	background:
		linear-gradient(90deg, transparent 0%, rgba(53, 208, 226, 0.4) 48%, rgba(53, 208, 226, 0.22) 58%, transparent 76%);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card::after {
	border-color: rgba(53, 208, 226, 0.32);
	box-shadow:
		0 0 38px rgba(53, 208, 226, 0.22) inset,
		0 0 34px rgba(53, 208, 226, 0.16);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card__field {
	opacity: 0.64;
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card__field::before,
html.corporate-surface .official-result-feature--corporate .official-pitch-card__midline,
html.corporate-surface .official-result-feature--corporate .official-pitch-card__circle,
html.corporate-surface .official-result-feature--corporate .official-pitch-card__box {
	border-color: rgba(246, 238, 204, 0.5);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card__midline {
	background: rgba(246, 238, 204, 0.44);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-team strong {
	color: #ffffff;
	text-shadow:
		0 1px 0 rgba(0, 0, 0, 0.2),
		0 18px 34px rgba(0, 0, 0, 0.34);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card--compact .official-pitch-team strong {
	font-size: 1.18rem;
	white-space: normal;
}

html.corporate-surface .official-result-feature--corporate .official-pitch-team span {
	color: #09111f;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(53, 208, 226, 0.76));
	box-shadow:
		0 10px 24px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.42) inset;
}

html.corporate-surface .official-result-feature--corporate .official-pitch-score {
	border-color: rgba(53, 208, 226, 0.56);
	color: #07111f;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 238, 204, 0.9));
	box-shadow:
		0 22px 54px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.36) inset;
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card--compact .official-pitch-score {
	gap: 0.35rem;
	min-width: 5.6rem;
	min-height: 3.7rem;
	padding: 0 0.72rem;
	font-size: 1.75rem;
}

html.corporate-surface .official-result-feature--corporate.is-live .official-pitch-score {
	box-shadow:
		0 26px 64px rgba(0, 0, 0, 0.34),
		0 0 0 4px rgba(53, 208, 226, 0.18),
		0 0 36px rgba(53, 208, 226, 0.34);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-minute {
	color: #06131f;
	background: rgba(246, 238, 204, 0.92);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-event {
	color: #06131f;
	background: rgba(255, 255, 255, 0.9);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-card.has-prediction-partial,
html.corporate-surface .official-result-feature--corporate .official-pitch-card.has-prediction-exact {
	border-color: rgba(53, 208, 226, 0.64);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-pick,
html.corporate-surface .official-result-feature--corporate .official-pitch-impact {
	border-color: rgba(53, 208, 226, 0.36);
	color: rgba(255, 255, 255, 0.94);
	background: rgba(8, 15, 29, 0.62);
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-pick span {
	color: rgba(246, 238, 204, 0.72);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-pick strong {
	color: #ffffff;
}

html.corporate-surface .official-result-feature--corporate .official-pitch-pick.is-partial,
html.corporate-surface .official-result-feature--corporate .official-pitch-impact.is-partial {
	border-color: rgba(53, 208, 226, 0.44);
	color: #dffbff;
	background: rgba(8, 47, 73, 0.46);
}

html.corporate-surface .official-result-feature--corporate .official-pitch-pick.is-exact,
html.corporate-surface .official-result-feature--corporate .official-pitch-impact.is-exact {
	border-color: rgba(53, 208, 226, 0.52);
	color: #07111f;
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.98), rgba(234, 255, 122, 0.92));
}

html.corporate-surface .official-result-feature--corporate .official-pitch-pick.is-exact span,
html.corporate-surface .official-result-feature--corporate .official-pitch-pick.is-exact strong {
	color: #07111f;
}

html.corporate-surface .official-result-feature--corporate .official-result-state-grid span {
	color: var(--ds-text-primary);
}

html.corporate-surface .official-result-feature--corporate .official-user-pick-chip.has-pick {
	border-color: rgba(53, 208, 226, 0.32);
	color: var(--ds-text-primary);
	background: rgba(53, 208, 226, 0.1);
}

html.corporate-surface .official-result-feature--corporate .official-user-pick-chip.is-partial {
	border-color: rgba(53, 208, 226, 0.34);
	color: #dffbff;
	background: rgba(8, 47, 73, 0.28);
}

html.corporate-surface .official-result-feature--corporate .official-user-pick-chip.is-exact {
	border-color: rgba(53, 208, 226, 0.46);
	color: #07111f;
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.98), rgba(234, 255, 122, 0.92));
}

html.corporate-surface .official-result-feature--corporate .official-result-state-grid i {
	color: var(--ds-cyan);
}

html.corporate-surface .official-result-feature--corporate .btn-primary-gradient {
	border-color: rgba(53, 208, 226, 0.48);
	color: #07111f;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.98), rgba(234, 255, 122, 0.92));
	box-shadow:
		0 18px 46px rgba(0, 0, 0, 0.22),
		0 0 0 1px rgba(255, 255, 255, 0.38) inset;
}

html.corporate-surface .official-ranking-bridge--corporate {
	border-color: rgba(53, 208, 226, 0.2);
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.9), rgba(8, 15, 29, 0.82)),
		var(--ds-surface);
}

html.corporate-surface .official-ranking-bridge--corporate strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .official-ranking-bridge--corporate span {
	color: var(--ds-text-muted);
}

@media (max-width: 991.98px) {
	html.corporate-surface .official-result-feature--corporate .official-pitch-card--compact .official-pitch-team strong {
		font-size: 0.86rem;
	}

	html.corporate-surface .official-result-feature--corporate .official-pitch-card--compact .official-pitch-score {
		min-width: 4.2rem;
		min-height: 3rem;
		font-size: 1.18rem;
	}
}

html.corporate-surface .league-competition-hero {
	border: 1px solid rgba(53, 208, 226, 0.16);
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(8, 15, 29, 0.88)),
		var(--ds-surface);
	box-shadow: 0 20px 52px rgba(0, 0, 0, 0.24);
}

html.corporate-surface .league-competition-hero .app-hero-label,
html.corporate-surface .league-competition-eyebrow {
	color: var(--ds-accent);
}

html.corporate-surface .league-competition-hero__scoreboard,
html.corporate-surface .league-competition-card,
html.corporate-surface .league-glory-card,
html.corporate-surface .league-admin-secondary {
	border-color: rgba(156, 163, 175, 0.16);
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.92), rgba(8, 15, 29, 0.82)),
		var(--ds-surface);
	box-shadow:
		0 18px 48px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.corporate-surface .league-competition-hero__scoreboard span,
html.corporate-surface .league-competition-hero__scoreboard strong,
html.corporate-surface .league-competition-card h2,
html.corporate-surface .league-glory-card h2,
html.corporate-surface .league-empty-state strong,
html.corporate-surface .league-rival-stack strong,
html.corporate-surface .league-activity-list strong,
html.corporate-surface .league-state-grid strong,
html.corporate-surface .league-glory-metrics strong,
html.corporate-surface .league-podium__place strong,
html.corporate-surface .league-progress-ring strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .league-competition-hero__scoreboard small,
html.corporate-surface .league-competition-card p,
html.corporate-surface .league-glory-card p,
html.corporate-surface .league-state-grid span,
html.corporate-surface .league-glory-metrics span,
html.corporate-surface .league-rival-stack em,
html.corporate-surface .league-activity-list small,
html.corporate-surface .league-podium__place small {
	color: var(--ds-text-muted);
}

html.corporate-surface .league-state-grid div,
html.corporate-surface .league-glory-metrics div,
html.corporate-surface .league-rival-stack div,
html.corporate-surface .league-activity-list div,
html.corporate-surface .league-empty-state,
html.corporate-surface .league-podium__place {
	border-color: rgba(156, 163, 175, 0.14);
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface .league-rival-stack .is-you,
html.corporate-surface .member-row.is-current-user {
	border-color: rgba(53, 208, 226, 0.32);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.14), rgba(53, 208, 226, 0.06)),
		rgba(255, 255, 255, 0.04);
}

html.corporate-surface .league-podium__place--1 {
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.16), rgba(255, 255, 255, 0.05)),
		rgba(255, 255, 255, 0.04);
}

html.corporate-surface .league-progress-track {
	background: rgba(156, 163, 175, 0.18);
}

html.corporate-surface .league-progress-ring {
	background:
		radial-gradient(circle, rgba(17, 24, 39, 0.96) 58%, transparent 60%),
		conic-gradient(var(--ds-accent) var(--league-progress), rgba(156, 163, 175, 0.22) 0);
}

html.corporate-surface .league-members-preview-card .member-row {
	border-color: rgba(156, 163, 175, 0.14);
	background: rgba(5, 8, 22, 0.28);
}

html.corporate-surface .league-rules-compact .score-rules-card,
html.corporate-surface .league-admin-entry {
	border-color: rgba(156, 163, 175, 0.16);
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.92), rgba(8, 15, 29, 0.82)),
		var(--ds-surface);
}

html.corporate-surface .ranking-page .ranking-pending-banner {
	border: 1px solid rgba(53, 208, 226, 0.18);
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(8, 15, 29, 0.84)),
		var(--ds-surface);
	box-shadow:
		0 18px 44px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.corporate-surface .ranking-page .ranking-pending-banner strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .ranking-page .ranking-pending-banner p {
	color: var(--ds-text-muted);
}

html.corporate-surface .ranking-page .ranking-pending-banner__icon {
	color: var(--ds-accent);
	background: rgba(53, 208, 226, 0.1);
}

html.corporate-surface[data-theme="light-premium"] .corporate-game-flow,
html.corporate-surface[data-theme="light-premium"] .official-result-feature--corporate,
html.corporate-surface[data-theme="light-premium"] .official-ranking-bridge--corporate {
	border-color: rgba(29, 78, 216, 0.14);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.88)),
		#ffffff;
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

html.corporate-surface[data-theme="light-premium"] .corporate-game-flow__steps > div,
html.corporate-surface[data-theme="light-premium"] .corporate-game-flow__metrics > div {
	border-color: rgba(37, 99, 235, 0.12);
	background: rgba(255, 255, 255, 0.72);
}

html.corporate-surface[data-theme="light-premium"] .corporate-game-flow__intro h2,
html.corporate-surface[data-theme="light-premium"] .corporate-game-flow__steps strong,
html.corporate-surface[data-theme="light-premium"] .corporate-game-flow__metrics strong,
html.corporate-surface[data-theme="light-premium"] .official-result-feature--corporate .section-title,
html.corporate-surface[data-theme="light-premium"] .official-ranking-bridge--corporate strong {
	color: #0f172a;
}

html.corporate-surface[data-theme="light-premium"] .corporate-game-flow__intro p:last-child,
html.corporate-surface[data-theme="light-premium"] .corporate-game-flow__steps small,
html.corporate-surface[data-theme="light-premium"] .corporate-game-flow__metrics span,
html.corporate-surface[data-theme="light-premium"] .official-result-feature--corporate .section-copy,
html.corporate-surface[data-theme="light-premium"] .official-ranking-bridge--corporate span {
	color: #64748b;
}

@media (max-width: 1024px) {
	html.corporate-surface .corporate-game-flow {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .corporate-game-flow__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	html.corporate-surface .corporate-game-flow__steps,
	html.corporate-surface .corporate-game-flow__metrics {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .corporate-game-flow__steps > div {
		min-height: 0;
	}
}

:root,
html.corporate-surface,
[data-theme="dark-premium"] {
	--ds-bg: var(--corp-bg);
	--ds-bg-soft: var(--corp-bg-2);
	--ds-surface: var(--corp-surface);
	--ds-surface-elevated: var(--corp-panel);
	--ds-surface-strong: var(--corp-panel-strong);
	--ds-surface-soft: var(--corp-panel-soft);
	--ds-border: var(--corp-border);
	--ds-border-subtle: var(--corp-line);
	--ds-border-strong: var(--corp-line-strong);
	--ds-text-primary: var(--corp-text);
	--ds-text-secondary: var(--corp-text-2);
	--ds-text-muted: var(--corp-muted);
	--ds-text-inverse: var(--corp-bg);
	--ds-text-inverse-soft: #08111f;
	--ds-primary: var(--corp-action);
	--ds-primary-strong: #0891b2;
	--ds-accent: var(--corp-live);
	--ds-success: var(--corp-success);
	--ds-warning: var(--corp-warning);
	--ds-danger: var(--corp-danger);
	--ds-gradient-page: linear-gradient(180deg, var(--ds-bg) 0%, var(--ds-bg-soft) 100%);
	--ds-gradient-primary: linear-gradient(135deg, #d8fbff 0%, #35d0e2 58%, #0e7490 100%);
	--ds-gradient-dark: linear-gradient(135deg, var(--ds-bg) 0%, var(--ds-surface) 100%);
	--ds-gradient-hero:
		radial-gradient(circle at 12% -8%, rgba(53, 208, 226, 0.12), transparent 28%),
		radial-gradient(circle at 88% 4%, rgba(14, 165, 233, 0.1), transparent 30%),
		radial-gradient(circle at 52% 0%, rgba(92, 242, 165, 0.045), transparent 28%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.98) 0%, rgba(11, 18, 32, 0.98) 100%),
		var(--ds-bg);
	--ds-shadow-card: 0 18px 55px rgba(0, 0, 0, 0.36);
	--ds-shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.26);
	--ds-shadow-glow: 0 12px 34px rgba(53, 208, 226, 0.16);
	--ds-shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(245, 245, 244, 0.04);

	--color-bg: var(--ds-bg);
	--color-surface: var(--ds-surface);
	--color-surface-soft: var(--ds-bg-soft);
	--color-text: var(--ds-text-primary);
	--color-text-muted: var(--ds-text-muted);
	--color-border: var(--ds-border);
	--color-primary: var(--ds-primary);
	--color-primary-dark: var(--ds-primary-strong);
	--color-cyan: var(--ds-accent);
	--color-success: var(--ds-success);
	--color-warning: var(--ds-warning);
	--color-danger: var(--ds-danger);
	--gradient-page: var(--ds-gradient-page);
	--gradient-primary: var(--ds-gradient-primary);
	--gradient-dark: var(--ds-gradient-dark);
	--shadow-card: var(--ds-shadow-card);
	--shadow-soft: var(--ds-shadow-soft);
	--shadow-glow: var(--ds-shadow-glow);
	--shadow-corporate-panel: var(--ds-shadow-panel);
}

[data-theme="light-premium"],
html.corporate-surface[data-theme="light-premium"] {
	--color-bg: #f7f8fb;
	--color-surface: #ffffff;
	--color-surface-elevated: #f1f5f9;
	--color-border: #e2e8f0;
	--color-text: #0f172a;
	--color-text-muted: #64748b;
	--color-primary: #2563eb;
	--color-primary-soft: rgba(37, 99, 235, 0.1);
	--color-accent: #d97706;
	--color-success: #16a34a;
	--color-warning: #d97706;
	--color-danger: #dc2626;

	--ds-bg: var(--color-bg);
	--ds-bg-soft: #eef2f7;
	--ds-surface: var(--color-surface);
	--ds-surface-elevated: #ffffff;
	--ds-surface-strong: #ffffff;
	--ds-surface-soft: var(--color-surface-elevated);
	--ds-border: var(--color-border);
	--ds-border-subtle: rgba(148, 163, 184, 0.28);
	--ds-border-strong: rgba(37, 99, 235, 0.2);
	--ds-text-primary: var(--color-text);
	--ds-text-secondary: #334155;
	--ds-text-muted: var(--color-text-muted);
	--ds-text-inverse: #ffffff;
	--ds-text-inverse-soft: #f8fafc;
	--ds-primary: var(--color-primary);
	--ds-primary-strong: #1d4ed8;
	--ds-accent: var(--color-accent);
	--ds-success: var(--color-success);
	--ds-warning: var(--color-warning);
	--ds-danger: var(--color-danger);
	--ds-gradient-page:
		radial-gradient(circle at 16% -10%, rgba(37, 99, 235, 0.1), transparent 30%),
		radial-gradient(circle at 88% -4%, rgba(217, 119, 6, 0.08), transparent 28%),
		linear-gradient(180deg, #ffffff 0%, var(--ds-bg) 48%, #eef2f7 100%);
	--ds-gradient-primary: linear-gradient(135deg, var(--ds-primary) 0%, #60a5fa 100%);
	--ds-gradient-dark: linear-gradient(135deg, #ffffff 0%, #eaf1fb 100%);
	--ds-gradient-hero:
		radial-gradient(circle at 12% 0%, rgba(37, 99, 235, 0.12), transparent 30%),
		radial-gradient(circle at 88% 6%, rgba(217, 119, 6, 0.1), transparent 28%),
		linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%);
	--ds-shadow-card: 0 18px 50px rgba(15, 23, 42, 0.1);
	--ds-shadow-soft: 0 14px 36px rgba(15, 23, 42, 0.08);
	--ds-shadow-glow: 0 12px 34px rgba(37, 99, 235, 0.12);
	--ds-shadow-panel: 0 24px 70px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.82);

	--color-surface-soft: var(--ds-bg-soft);
	--color-primary-dark: var(--ds-primary-strong);
	--color-cyan: #0891b2;
	--gradient-page: var(--ds-gradient-page);
	--gradient-primary: var(--ds-gradient-primary);
	--gradient-dark: var(--ds-gradient-dark);
	--shadow-card: var(--ds-shadow-card);
	--shadow-soft: var(--ds-shadow-soft);
	--shadow-glow: var(--ds-shadow-glow);
	--shadow-corporate-panel: var(--ds-shadow-panel);
}

html.corporate-surface,
html[data-theme="dark-premium"] {
	color-scheme: dark;
	background: var(--ds-bg);
	scroll-behavior: smooth;
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) {
	color-scheme: light;
	background: var(--ds-bg);
	scroll-behavior: smooth;
}

html.corporate-surface,
html.corporate-surface body,
html[data-theme="dark-premium"],
html[data-theme="dark-premium"] body,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]),
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) body {
	background: var(--ds-bg);
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
	font-feature-settings: "cv02", "cv03", "cv04", "cv11";
	text-rendering: geometricPrecision;
}

html.corporate-surface body,
html[data-theme="dark-premium"] body,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) body {
	position: relative;
	background: var(--ds-gradient-hero);
}

html.corporate-surface body::before,
html[data-theme="dark-premium"] body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(rgba(53, 208, 226, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.018) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 78%);
}

html.corporate-surface .app-splash {
	background: var(--ds-gradient-hero);
}

html.corporate-surface .app-splash::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(rgba(53, 208, 226, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.018) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 78%);
}

html.corporate-surface .app-splash-inner {
	position: relative;
	z-index: 1;
}

html.corporate-surface .app-splash-wordmark {
	filter: none;
}

html.corporate-surface h1,
html.corporate-surface .app-hero-title,
html.corporate-surface .ranking-hero__title,
html.corporate-surface .section-title,
html.corporate-surface .leagues-hero h1 {
	font-family: var(--corp-font-sans);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 0.98;
}

html.corporate-surface h2,
html.corporate-surface h3,
html.corporate-surface .corporate-section-title,
html.corporate-surface .dashboard-kpi__value,
html.corporate-surface .metric-card__value,
html.corporate-surface .home-world-metric strong {
	font-family: var(--corp-font-sans);
	font-weight: 800;
	letter-spacing: -0.03em;
}

html.corporate-surface h4,
html.corporate-surface h5,
html.corporate-surface h6,
html.corporate-surface .league-card h2,
html.corporate-surface .league-card h3,
html.corporate-surface .dashboard-league-card h3,
html.corporate-surface .ranking-board h2 {
	font-family: var(--corp-font-sans);
	font-weight: 750;
	letter-spacing: -0.025em;
}

html.corporate-surface p,
html.corporate-surface li,
html.corporate-surface .section-copy,
html.corporate-surface .app-hero-subtitle,
html.corporate-surface .ranking-hero__copy,
html.corporate-surface .form-help-text {
	line-height: 1.55;
}

html.corporate-surface .eyebrow,
html.corporate-surface .section-eyebrow,
html.corporate-surface .corporate-section-eyebrow,
html.corporate-surface .app-hero-label,
html.corporate-surface .badge,
html.corporate-surface .badge-premium,
html.corporate-surface .corporate-badge,
html.corporate-surface .corporate-status {
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.corporate-surface .btn-primary-gradient,
html.corporate-surface .btn-secondary-soft,
html.corporate-surface .btn-dark-premium,
html.corporate-surface .pwa-install-btn,
html.corporate-surface .corporate-btn-primary,
html.corporate-surface .corporate-btn-secondary,
html.corporate-surface .corporate-btn-ghost,
html.corporate-surface .corporate-btn-danger,
html.corporate-surface button {
	font-family: var(--corp-font-sans);
	font-weight: 800;
	letter-spacing: -0.01em;
}

html.corporate-surface .form-label-premium,
html.corporate-surface .form-label,
html.corporate-surface .corporate-label,
html.corporate-surface .metric-card__label,
html.corporate-surface .active-league-context__label {
	font-weight: 700;
	letter-spacing: 0.02em;
}

.app-shell,
.main-shell,
.leagues-page,
.ranking-page,
.dashboard-page,
.matches-page,
.play-page {
	background: transparent;
	color: var(--ds-text-primary);
}

a {
	color: var(--ds-accent);
}

a:hover {
	color: #8ee9f3;
}

:focus-visible {
	outline: 2px solid rgba(53, 208, 226, 0.88);
	outline-offset: 3px;
}

.app-navbar {
	background: rgba(5, 8, 22, 0.9);
	border-bottom: 1px solid rgba(53, 208, 226, 0.12);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(18px);
}

.app-navbar .container {
	gap: var(--corp-space-4);
}

.brand-orb--app-icon {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	border: 1px solid var(--ds-border-strong);
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(53, 208, 226, 0.05);
}

.brand-orb--app-icon img {
	object-fit: cover;
}

.brand-orb--casazar-logo {
	width: clamp(112px, 12vw, 156px);
	height: 42px;
	padding: 0 4px;
	border-color: transparent;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.brand-orb--casazar-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

html.corporate-surface .app-navbar .navbar-brand,
html.corporate-surface .app-navbar .brand-mark,
html.corporate-surface .app-navbar .nav-link,
html.corporate-surface .app-navbar .profile-switcher,
html.corporate-surface .app-navbar .user-pill {
	color: var(--ds-text-secondary);
}

html.corporate-surface .app-navbar .nav-link:hover,
html.corporate-surface .app-navbar .nav-link:focus,
html.corporate-surface .app-navbar .profile-switcher:hover,
html.corporate-surface .app-navbar .profile-switcher:focus {
	color: var(--ds-text-primary);
	background: rgba(53, 208, 226, 0.055);
}

html.corporate-surface .app-navbar .nav-link {
	border-radius: 999px;
	transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
}

html.corporate-surface .app-navbar .nav-login-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0.58rem 1.05rem;
	border: 1px solid rgba(53, 208, 226, 0.2);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)),
		rgba(53, 208, 226, 0.075);
	color: var(--ds-text-primary) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(2, 8, 23, 0.2);
}

html.corporate-surface .app-navbar .nav-login-action:hover,
html.corporate-surface .app-navbar .nav-login-action:focus-visible,
html.corporate-surface .app-navbar .nav-login-action.active {
	border-color: rgba(53, 208, 226, 0.36);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)),
		rgba(53, 208, 226, 0.12);
	color: var(--ds-text-primary) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 14px 30px rgba(2, 8, 23, 0.26);
}

html.corporate-surface .app-navbar .nav-link.active,
html.corporate-surface .app-navbar .profile-switcher.active,
html.corporate-surface .app-navbar .profile-switcher[aria-expanded="true"] {
	color: var(--ds-text-primary) !important;
	background: rgba(53, 208, 226, 0.075);
}

html.corporate-surface .app-navbar .nav-link.active::after,
html.corporate-surface .app-navbar .profile-switcher.active::after {
	background: linear-gradient(90deg, transparent, var(--ds-primary), transparent);
	box-shadow: 0 0 14px rgba(53, 208, 226, 0.28);
}

html.corporate-surface .app-navbar .nav-utility-action {
	border-color: var(--ds-border-strong);
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-text-primary);
	box-shadow: none;
}

html.corporate-surface .app-navbar .nav-utility-action:hover,
html.corporate-surface .app-navbar .nav-utility-action:focus-visible {
	border-color: rgba(53, 208, 226, 0.28);
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-text-primary);
}

html.corporate-surface .nav-notification-dot {
	border-color: rgba(5, 8, 22, 0.95);
}

html.corporate-surface .nav-notification-count {
	border-color: rgba(5, 8, 22, 0.96);
}

html.corporate-surface .app-navbar--marketing-minimal {
	position: sticky;
	top: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.055);
	background:
		linear-gradient(180deg, rgba(3, 7, 18, 0.82), rgba(3, 7, 18, 0.44));
	box-shadow: none;
	backdrop-filter: blur(22px);
}

html.corporate-surface .app-navbar--marketing-minimal .container {
	max-width: min(1560px, calc(100vw - 32px));
	min-height: 72px;
	gap: clamp(0.8rem, 2vw, 1.4rem);
}

html.corporate-surface .app-navbar--marketing-minimal .navbar-brand-cluster {
	flex: 1 1 auto;
}

html.corporate-surface .app-navbar--marketing-minimal .brand-orb--app-icon {
	width: 38px;
	height: 38px;
	border-color: rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.035);
	box-shadow:
		0 16px 42px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(53, 208, 226, 0.045) inset;
}

html.corporate-surface .app-navbar--marketing-minimal .navbar-collapse {
	display: flex !important;
	flex: 0 1 auto;
	flex-basis: auto;
	align-items: center;
}

html.corporate-surface .app-navbar--marketing-minimal .navbar-nav {
	flex-direction: row;
	align-items: center;
	gap: clamp(0.28rem, 1vw, 0.55rem) !important;
}

html.corporate-surface .app-navbar--marketing-minimal .navbar-toggler,
html.corporate-surface .app-navbar--marketing-minimal .nav-mobile-actions {
	display: none !important;
}

html.corporate-surface .app-navbar--marketing-minimal .nav-link,
html.corporate-surface .app-navbar--marketing-minimal .nav-plans-action {
	min-height: 38px;
	padding: 0.48rem 0.82rem;
	border: 1px solid transparent;
	border-radius: 999px;
	color: rgba(232, 238, 249, 0.72);
	font-size: 0.9rem;
	font-weight: 760;
	line-height: 1;
	text-decoration: none;
	background: transparent;
}

html.corporate-surface .app-navbar--marketing-minimal .nav-link:hover,
html.corporate-surface .app-navbar--marketing-minimal .nav-link:focus-visible,
html.corporate-surface .app-navbar--marketing-minimal .nav-plans-action:hover,
html.corporate-surface .app-navbar--marketing-minimal .nav-plans-action:focus-visible {
	border-color: rgba(255, 255, 255, 0.095);
	background: rgba(255, 255, 255, 0.045);
	color: #f8fafc;
}

html.corporate-surface .app-navbar--marketing-minimal .nav-login-action {
	min-height: 38px;
	padding-inline: 0.88rem;
	border-color: rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.035);
	color: rgba(248, 250, 252, 0.86) !important;
	box-shadow: none;
}

html.corporate-surface .app-navbar--marketing-minimal .btn-primary-gradient {
	min-height: 40px;
	padding: 0.55rem 1rem;
	border: 1px solid rgba(191, 248, 255, 0.42);
	background:
		linear-gradient(135deg, rgba(199, 249, 255, 0.98), rgba(92, 242, 165, 0.88));
	color: #03101f !important;
	font-size: 0.9rem;
	font-weight: 900;
	box-shadow:
		0 18px 44px rgba(53, 208, 226, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

html.corporate-surface .app-navbar--marketing-minimal .btn-primary-gradient:hover,
html.corporate-surface .app-navbar--marketing-minimal .btn-primary-gradient:focus-visible {
	transform: translateY(-1px);
	box-shadow:
		0 22px 54px rgba(53, 208, 226, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.64);
}

@media (max-width: 575.98px) {
	html.corporate-surface .app-navbar--marketing-minimal .container {
		max-width: calc(100vw - 18px);
		min-height: 64px;
		padding-inline: 0;
	}

	html.corporate-surface .app-navbar--marketing-minimal .navbar-brand-cluster {
		flex: 0 0 auto;
	}

	html.corporate-surface .app-navbar--marketing-minimal .brand-orb--app-icon {
		width: 34px;
		height: 34px;
		border-radius: 10px;
	}

	html.corporate-surface .app-navbar--marketing-minimal .navbar-nav {
		gap: 0.18rem !important;
	}

	html.corporate-surface .app-navbar--marketing-minimal .nav-link,
	html.corporate-surface .app-navbar--marketing-minimal .nav-plans-action,
	html.corporate-surface .app-navbar--marketing-minimal .nav-login-action {
		min-height: 34px;
		padding: 0.42rem 0.52rem;
		font-size: 0.78rem;
	}

	html.corporate-surface .app-navbar--marketing-minimal .btn-primary-gradient {
		min-height: 36px;
		padding: 0.48rem 0.62rem;
		font-size: 0.78rem;
	}
}

html.corporate-surface .play-page .champions-mobile-matchup-line,
html.corporate-surface .play-page .champions-mobile-pick-summary {
	display: none;
}

/* Mobile Play System Sprint 04: premium Champions reference composition. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page,
	html.corporate-surface .play-page .play-predictions-panel,
	html.corporate-surface .play-page .prediction-group-card,
	html.corporate-surface .play-page .champions-pitch-module,
	html.corporate-surface .play-page .champions-pitch-module * {
		min-width: 0;
	}

	html.corporate-surface .play-page,
	html.corporate-surface .play-page .play-predictions-panel,
	html.corporate-surface .play-page .prediction-group-card {
		max-width: 100vw;
	}

	html.corporate-surface .play-page .champions-pitch-module {
		width: min(100%, calc(100vw - 2rem));
		max-width: calc(100vw - 2rem);
		padding: 0.92rem;
		gap: 0.92rem;
		overflow: hidden;
		border-color: rgba(53, 208, 226, 0.24);
		border-radius: 18px;
		background:
			radial-gradient(circle at 16% 16%, rgba(53, 208, 226, 0.11), transparent 30%),
			radial-gradient(circle at 86% 60%, rgba(37, 99, 235, 0.1), transparent 36%),
			linear-gradient(180deg, rgba(8, 19, 34, 0.96), rgba(3, 10, 19, 0.96));
		box-shadow:
			0 22px 50px rgba(0, 0, 0, 0.28),
			0 0 0 1px rgba(255, 255, 255, 0.025) inset;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__header {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.72rem;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .prediction-card__status-stack {
		order: 2;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.42rem;
		width: 100%;
	}

	html.corporate-surface .play-page .champions-pitch-module .prediction-next-chip,
	html.corporate-surface .play-page .champions-pitch-module .prediction-status-badge,
	html.corporate-surface .play-page .champions-pitch-module .match-deadline-chip {
		justify-content: center;
		min-height: 32px;
		padding: 0.35rem 0.58rem;
		border-radius: 999px;
		font-size: 0.62rem;
		letter-spacing: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__meta {
		order: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.18rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__meta span {
		color: #22d3ee;
		font-size: 0.72rem;
		font-weight: 950;
		text-transform: uppercase;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__meta strong {
		color: rgba(226, 232, 240, 0.86);
		font-size: 0.92rem;
		font-weight: 780;
	}

	html.corporate-surface .play-page .champions-match-card__matchup {
		display: none;
	}

	html.corporate-surface .play-page .champions-mobile-matchup-line {
		display: grid;
		grid-template-columns: minmax(0, 0.94fr) auto minmax(0, 0.94fr);
		align-items: center;
		gap: 0.38rem;
		margin: 0.06rem 0 0;
		min-width: 0;
		overflow: hidden;
	}

	html.corporate-surface .play-page .champions-mobile-side {
		display: grid;
		gap: 0.08rem;
		min-width: 0;
	}

	html.corporate-surface .play-page .champions-mobile-side--away {
		text-align: right;
	}

	html.corporate-surface .play-page .champions-mobile-side strong {
		color: #f8fafc;
		font-size: clamp(1.58rem, 8.2vw, 2.1rem);
		font-weight: 950;
		line-height: 0.92;
		letter-spacing: 0;
	}

	html.corporate-surface .play-page .champions-mobile-side span {
		overflow: hidden;
		color: rgba(248, 250, 252, 0.94);
		font-size: 0.82rem;
		font-weight: 780;
		line-height: 1.1;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .champions-mobile-side small {
		color: #22d3ee;
		font-size: 0.66rem;
		font-weight: 950;
		text-transform: uppercase;
	}

	html.corporate-surface .play-page .champions-mobile-matchup-line em {
		color: #22d3ee;
		font-size: 1rem;
		font-style: normal;
		font-weight: 950;
		line-height: 1;
		text-transform: uppercase;
		text-shadow: 0 0 18px rgba(34, 211, 238, 0.28);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr) minmax(0, 1fr) !important;
		grid-template-areas:
			"home draw away"
			"pitch pitch pitch" !important;
		gap: 0 0;
		overflow: visible;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice {
		border-radius: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home,
	html.corporate-surface .play-page .champions-pitch-module .club-tile--away,
	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice {
		min-height: 76px !important;
		border-color: rgba(53, 208, 226, 0.28);
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
			rgba(4, 13, 24, 0.82);
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.025) inset,
			0 12px 24px rgba(0, 0, 0, 0.12);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home.is-selected,
	html.corporate-surface .play-page .champions-pitch-module .club-tile--home:has(input:checked) {
		border-color: rgba(250, 204, 21, 0.86);
		box-shadow:
			0 0 0 1px rgba(250, 204, 21, 0.26) inset,
			0 0 26px rgba(250, 204, 21, 0.16),
			0 14px 24px rgba(0, 0, 0, 0.18);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice.is-selected,
	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice:has(input:checked) {
		border-color: rgba(34, 211, 238, 0.78);
		box-shadow:
			0 0 0 1px rgba(34, 211, 238, 0.24) inset,
			0 0 24px rgba(34, 211, 238, 0.14);
		transform: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away.is-selected,
	html.corporate-surface .play-page .champions-pitch-module .club-tile--away:has(input:checked) {
		border-color: rgba(14, 165, 233, 0.86);
		box-shadow:
			0 0 0 1px rgba(14, 165, 233, 0.26) inset,
			0 0 26px rgba(14, 165, 233, 0.16),
			0 14px 24px rgba(0, 0, 0, 0.18);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		min-height: 76px !important;
		align-content: center;
		justify-items: center;
		padding: 0.6rem 0.28rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__state,
	html.corporate-surface .play-page .champions-pitch-module .champions-outcome-choice__state {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code,
	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice > span {
		color: #f8fafc;
		font-size: clamp(1.08rem, 6.2vw, 1.42rem);
		font-weight: 950;
		line-height: 0.95;
		text-align: center;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__side,
	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice small {
		display: block;
		color: color-mix(in srgb, var(--club-accent, #22d3ee) 76%, #f8fafc);
		font-size: 0.62rem;
		font-weight: 950;
		letter-spacing: 0;
		text-align: center;
		text-transform: uppercase;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice small .champions-outcome-choice__state-default,
	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice small .champions-outcome-choice__state-selected {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice small::before {
		content: "Draw";
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		min-height: 176px !important;
		margin: 0.98rem 0 0.7rem;
		overflow: hidden;
		border: 1px solid rgba(53, 208, 226, 0.18);
		border-radius: 18px;
		background:
			radial-gradient(circle at 18% 55%, rgba(250, 204, 21, 0.23), transparent 15%),
			radial-gradient(circle at 50% 50%, rgba(34, 211, 238, 0.22), transparent 16%),
			radial-gradient(circle at 82% 55%, rgba(14, 165, 233, 0.25), transparent 15%),
			repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 12.5%, rgba(0, 0, 0, 0.06) 12.5% 25%),
			linear-gradient(180deg, rgba(14, 93, 58, 0.78), rgba(8, 52, 42, 0.9));
		box-shadow:
			0 18px 42px rgba(0, 0, 0, 0.24),
			0 0 34px rgba(34, 211, 238, 0.07) inset;
		transform: perspective(520px) rotateX(13deg);
		transform-origin: center top;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__field-border {
		inset: 7% 3.5%;
		border-color: rgba(148, 255, 235, 0.42);
		border-radius: 14px;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__midline {
		background: rgba(34, 211, 238, 0.58);
		box-shadow: 0 0 14px rgba(34, 211, 238, 0.2);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__center-circle {
		width: 62px;
		height: 62px;
		border-color: rgba(34, 211, 238, 0.72);
		box-shadow: 0 0 20px rgba(34, 211, 238, 0.18);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__box,
	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__small-box {
		border-color: rgba(148, 255, 235, 0.38);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__vs-marker {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface::before {
		background:
			linear-gradient(90deg, rgba(250, 204, 21, 0.14), transparent 28%, transparent 72%, rgba(14, 165, 233, 0.16)),
			linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 42%, rgba(0, 0, 0, 0.16));
		opacity: 1;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface::after {
		opacity: 1;
		background:
			radial-gradient(circle at 18% 55%, rgba(250, 204, 21, 0.3), transparent 11%),
			radial-gradient(circle at 50% 50%, rgba(34, 211, 238, 0.26), transparent 12%),
			radial-gradient(circle at 82% 55%, rgba(14, 165, 233, 0.3), transparent 11%);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage::after {
		content: none;
		display: none;
	}

	html.corporate-surface .play-page .champions-mobile-pick-summary {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center;
		gap: 0.72rem;
		min-height: 76px;
		padding: 0.78rem 0.86rem;
		border: 1px solid rgba(53, 208, 226, 0.22);
		border-radius: 14px;
		background: rgba(3, 12, 22, 0.72);
		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.025) inset;
	}

	html.corporate-surface .play-page .champions-mobile-pick-summary__icon {
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		border: 1px solid rgba(34, 211, 238, 0.42);
		border-radius: 50%;
		background: rgba(34, 211, 238, 0.12);
		color: #22d3ee;
		font-size: 1.25rem;
		font-weight: 950;
		box-shadow: 0 0 20px rgba(34, 211, 238, 0.14);
	}

	html.corporate-surface .play-page .champions-mobile-pick-summary__copy {
		display: grid;
		gap: 0.12rem;
		min-width: 0;
	}

	html.corporate-surface .play-page .champions-mobile-pick-summary__copy small {
		color: #22d3ee;
		font-size: 0.74rem;
		font-weight: 950;
		text-transform: uppercase;
	}

	html.corporate-surface .play-page .champions-mobile-pick-summary__copy strong {
		overflow: hidden;
		color: #f8fafc;
		font-size: 1rem;
		font-weight: 850;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .champions-mobile-pick-summary__change {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 38px;
		padding: 0.52rem 0.9rem;
		border: 1px solid rgba(34, 211, 238, 0.38);
		border-radius: 999px;
		color: #22d3ee;
		font-size: 0.72rem;
		font-weight: 950;
		text-transform: uppercase;
	}

	html.corporate-surface .play-page .champions-pitch-module .prediction-controls--champions-pickem {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.5rem;
		padding: 0;
		border: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-save-pick-btn {
		width: 100%;
		min-height: 64px;
		border: 0;
		border-radius: 12px;
		background: linear-gradient(135deg, #20d7df, #10c8d2);
		color: #031018;
		font-size: 1rem;
		font-weight: 950;
		box-shadow:
			0 18px 38px rgba(6, 182, 212, 0.18),
			0 0 0 1px rgba(255, 255, 255, 0.18) inset;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-save-pick-btn::after {
		content: "→";
		margin-left: 1.35rem;
		font-size: 1.8rem;
		line-height: 0;
	}

	html.corporate-surface .play-page .champions-pick-action__status,
	html.corporate-surface .play-page .champions-edit-pick-btn {
		display: none;
	}
}

html.corporate-surface .notification-center-panel {
	border-color: rgba(53, 208, 226, 0.18);
	background: var(--arena-page-canvas);
	background-attachment: fixed;
	background-size: var(--arena-page-canvas-size);
	color: var(--ds-text-primary);
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
}

html.corporate-surface .notification-center-panel__header,
html.corporate-surface .notification-center-panel__push {
	border-color: rgba(53, 208, 226, 0.14);
}

html.corporate-surface .notification-center-panel h2,
html.corporate-surface .notification-center-panel__empty strong,
html.corporate-surface .notification-center-panel__push strong,
html.corporate-surface .notification-center-item h3 {
	color: var(--ds-text-primary);
}

@media (min-width: 576px) {
	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-areas: "home pitch away";
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		grid-area: pitch;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away {
		grid-area: away;
	}
}

html.corporate-surface .notification-center-panel__eyebrow,
html.corporate-surface .notification-center-panel__toolbar button,
html.corporate-surface .notification-center-item__action,
html.corporate-surface .notification-center-item__actions button {
	color: var(--ds-accent-gold);
}

html.corporate-surface .notification-center-panel__toolbar,
html.corporate-surface .notification-center-panel__empty,
html.corporate-surface .notification-center-panel__empty p,
html.corporate-surface .notification-center-panel__push p,
html.corporate-surface .notification-center-item p,
html.corporate-surface .notification-center-item__meta {
	color: var(--ds-text-muted);
}

html.corporate-surface .notification-center-panel__close {
	background: rgba(255, 255, 255, 0.08);
	color: var(--ds-text-primary);
}

html.corporate-surface .notification-center-item {
	border-color: rgba(53, 208, 226, 0.12);
	background: rgba(255, 255, 255, 0.055);
}

html.corporate-surface .notification-center-item.is-unread {
	border-color: rgba(53, 208, 226, 0.28);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.12), rgba(53, 208, 226, 0.06)),
		rgba(255, 255, 255, 0.07);
}

html.corporate-surface .notification-center-panel__push {
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface[data-theme="light-premium"] .notification-center-panel {
	border-color: rgba(148, 163, 184, 0.32);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)),
		#ffffff;
	color: var(--ds-text-primary);
	box-shadow: 0 30px 90px rgba(15, 23, 42, 0.18);
}

html.corporate-surface[data-theme="light-premium"] .notification-center-panel__header,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__toolbar,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__push {
	border-color: rgba(203, 213, 225, 0.9);
}

html.corporate-surface[data-theme="light-premium"] .notification-center-panel h2,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__empty strong,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__push strong,
html.corporate-surface[data-theme="light-premium"] .notification-center-item h3 {
	color: #0f172a;
}

html.corporate-surface[data-theme="light-premium"] .notification-center-panel__eyebrow,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__toolbar button,
html.corporate-surface[data-theme="light-premium"] .notification-center-item__action,
html.corporate-surface[data-theme="light-premium"] .notification-center-item__actions button {
	color: #2563eb;
}

html.corporate-surface[data-theme="light-premium"] .notification-center-panel__toolbar,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__empty,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__empty p,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__push p,
html.corporate-surface[data-theme="light-premium"] .notification-center-item p,
html.corporate-surface[data-theme="light-premium"] .notification-center-item__meta {
	color: #64748b;
}

html.corporate-surface[data-theme="light-premium"] .notification-center-panel__close {
	background: rgba(226, 232, 240, 0.82);
	color: #0f172a;
}

html.corporate-surface[data-theme="light-premium"] .notification-center-panel__close:hover,
html.corporate-surface[data-theme="light-premium"] .notification-center-panel__close:focus-visible {
	background: rgba(203, 213, 225, 0.96);
	color: #020617;
}

html.corporate-surface[data-theme="light-premium"] .notification-center-item {
	border-color: rgba(203, 213, 225, 0.9);
	background: rgba(248, 250, 252, 0.9);
}

html.corporate-surface[data-theme="light-premium"] .notification-center-item.is-unread {
	border-color: rgba(37, 99, 235, 0.26);
	background:
		linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(53, 208, 226, 0.06)),
		#ffffff;
}

html.corporate-surface[data-theme="light-premium"] .notification-center-panel__push {
	background: rgba(248, 250, 252, 0.92);
}

html.corporate-surface .app-navbar .nav-mobile-primary-action {
	border-color: rgba(53, 208, 226, 0.22);
	color: var(--ds-text-primary);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.14), rgba(53, 208, 226, 0.08)),
		rgba(17, 24, 39, 0.92);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.06), 0 16px 34px rgba(0, 0, 0, 0.24);
}

html.corporate-surface .app-navbar .nav-mobile-primary-action:hover,
html.corporate-surface .app-navbar .nav-mobile-primary-action:focus-visible,
html.corporate-surface .app-navbar .nav-mobile-primary-action.is-active {
	border-color: rgba(53, 208, 226, 0.38);
	color: var(--ds-primary);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.18), rgba(53, 208, 226, 0.12)),
		rgba(17, 24, 39, 0.96);
	box-shadow: 0 0 0 1px rgba(53, 208, 226, 0.08), 0 18px 38px rgba(0, 0, 0, 0.3);
}

html.corporate-surface .app-navbar .navbar-toggler {
	border: 1px solid rgba(53, 208, 226, 0.22);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.08), rgba(53, 208, 226, 0.035)),
		rgba(17, 24, 39, 0.92);
	box-shadow:
		0 14px 34px rgba(0, 0, 0, 0.32),
		inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

html.corporate-surface .app-navbar .navbar-toggler:focus,
html.corporate-surface .app-navbar .navbar-toggler:hover {
	border-color: rgba(53, 208, 226, 0.38);
	background:
		linear-gradient(180deg, rgba(53, 208, 226, 0.12), rgba(53, 208, 226, 0.06)),
		rgba(17, 24, 39, 0.96);
	box-shadow:
		0 0 0 3px rgba(53, 208, 226, 0.12),
		0 16px 38px rgba(0, 0, 0, 0.36);
}

html.corporate-surface .app-navbar .navbar-toggler-icon {
	width: 1.55rem;
	height: 1.55rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28245,245,244,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M5 7h20M5 15h20M5 23h20'/%3e%3c/svg%3e");
	filter: drop-shadow(0 0 8px rgba(53, 208, 226, 0.2));
	opacity: 1;
}

.locale-switcher,
.active-league-switcher,
.profile-menu,
.league-context-menu {
	background: rgba(17, 24, 39, 0.94);
	border: 1px solid rgba(53, 208, 226, 0.13);
	box-shadow: var(--shadow-card);
	color: var(--ds-text-primary);
}

.active-league-switcher {
	border-radius: 999px;
}

.active-league-switcher__name,
.profile-menu__identity strong {
	color: var(--ds-text-primary);
}

.dropdown-item,
.league-context-menu__item,
.profile-menu__identity span,
.active-league-context__label,
.active-league-switcher__meta {
	color: var(--ds-text-secondary);
}

.dropdown-item:hover,
.dropdown-item:focus,
.league-context-menu__item:hover,
.league-context-menu__item.is-active {
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-text-primary);
}

.bottom-nav {
	background: rgba(5, 8, 22, 0.94);
	border-top: 1px solid rgba(53, 208, 226, 0.13);
	box-shadow: 0 -18px 45px rgba(0, 0, 0, 0.32);
}

.bottom-nav__item {
	color: var(--ds-text-muted);
}

.bottom-nav__item.active,
.bottom-nav__item:hover {
	color: var(--ds-primary);
}

.corporate-card,
.corporate-panel,
.corporate-stat-card,
.corporate-action-card,
.corporate-empty-card,
.glass-card,
.metric-card,
.ranking-card,
.ranking-board,
.ranking-empty,
.league-card,
.join-league-card,
.premium-info-card,
.rules-summary-card,
.dashboard-panel,
.dashboard-league-card,
.dashboard-action-card,
.dashboard-onboarding-card,
.dashboard-managed-card,
.admin-detail-panel,
.auth-card,
.feature-card,
.activation-card,
.home-world-status,
.home-context-card,
.home-status-alert,
.section-card,
.league-switch-card,
.empty-state-wide,
.owner-participation-card,
.push-broadcast-card,
.prize-league-card {
	position: relative;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.028), transparent 44%),
		var(--ds-surface-elevated);
	border: 1px solid rgba(53, 208, 226, 0.12);
	box-shadow: var(--shadow-corporate-panel);
	color: var(--ds-text-primary);
}

.corporate-card,
.corporate-panel,
.corporate-stat-card,
.corporate-action-card,
.corporate-empty-card {
	border-radius: var(--corp-radius-lg);
	padding: clamp(1rem, 2vw, 1.5rem);
}

.corporate-panel {
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(11, 18, 32, 0.92)),
		var(--ds-surface);
}

.corporate-stat-card {
	min-height: 118px;
	display: grid;
	align-content: space-between;
}

.corporate-stat-card__label,
.corporate-card__meta,
.corporate-empty-card p {
	color: var(--ds-text-muted);
}

.corporate-stat-card__value {
	color: var(--ds-primary);
	font-family: var(--corp-font-sans);
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 800;
	line-height: 0.92;
	letter-spacing: -0.035em;
}

.corporate-action-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--corp-space-4);
}

.corporate-empty-card {
	text-align: left;
	border-style: dashed;
	border-color: rgba(156, 163, 175, 0.22);
}

.corporate-card::after,
.corporate-panel::after,
.glass-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.05), transparent 34%, rgba(53, 208, 226, 0.035));
	opacity: 0.65;
}

.glass-card:hover,
.metric-card:hover,
.league-card:hover,
.ranking-card:hover,
.dashboard-league-card:hover,
.activation-card:hover {
	border-color: rgba(53, 208, 226, 0.28);
}

.section-header,
.corporate-section-header {
	gap: var(--corp-space-4);
	align-items: flex-start;
}

.corporate-section-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--corp-space-5);
}

.corporate-section-eyebrow,
.section-eyebrow,
.eyebrow,
.app-hero-label {
	color: var(--ds-primary);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.corporate-section-title {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-display);
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.02;
}

.corporate-section-copy {
	max-width: 64ch;
	color: var(--ds-text-muted);
}

.app-hero,
.home-hero,
.leagues-hero,
.ranking-hero,
.dashboard-hero {
	background:
		radial-gradient(circle at 78% 20%, rgba(53, 208, 226, 0.09), transparent 32%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96) 0%, rgba(11, 18, 32, 0.92) 100%),
		var(--ds-surface);
	border-color: rgba(53, 208, 226, 0.16);
}

.app-hero-label,
.eyebrow,
.badge-premium {
	color: var(--ds-primary);
}

.app-hero-title,
.section-title,
.ranking-hero__title,
.leagues-hero h1,
.league-card h2,
.league-card h3,
.metric-card__value,
.dashboard-kpi__value,
.ranking-board h2,
.home-context-card h2,
.home-status-alert h2 {
	color: var(--ds-text-primary);
}

html.corporate-surface .home-hero .app-hero-title {
	max-width: 880px;
	font-size: clamp(3.45rem, 5.35vw, 4.25rem);
	line-height: 0.94;
	letter-spacing: 0;
	overflow-wrap: normal;
}

html.corporate-surface .home-hero .app-hero-subtitle {
	max-width: 720px;
	margin-top: 0.85rem;
	line-height: 1.32;
}

html.corporate-surface .home-hero .app-hero__actions {
	margin-top: 1.35rem;
}

html.corporate-surface .home-hero .app-hero__microcopy {
	margin-top: 1rem;
}

.casazar-home-invite {
	position: relative;
	display: grid;
	grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) auto;
	column-gap: clamp(1.75rem, 4vw, 4.5rem);
	row-gap: 1rem;
	align-items: center;
	overflow: hidden;
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(231, 215, 177, 0.16);
	border-radius: var(--corp-radius-lg);
	background:
		radial-gradient(ellipse at 86% 46%, rgba(214, 179, 106, 0.12), transparent 36%),
		linear-gradient(135deg, rgba(12, 18, 36, 0.94), rgba(5, 8, 22, 0.88));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.26),
		inset 0 1px 0 rgba(245, 237, 203, 0.055);
}

.casazar-home-invite > *:not(.casazar-home-invite__glow):not(.casazar-home-invite__agave) {
	position: relative;
	z-index: 2;
}

.casazar-home-invite__glow {
	position: absolute;
	top: 50%;
	right: -4%;
	z-index: 0;
	width: clamp(220px, 28vw, 390px);
	height: clamp(220px, 28vw, 390px);
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 50%, rgba(241, 223, 167, 0.16), transparent 30%),
		radial-gradient(circle at 50% 50%, rgba(216, 184, 108, 0.14), transparent 64%);
	filter: blur(34px);
	opacity: 0.78;
	pointer-events: none;
	transform: translateY(-50%);
}

.casazar-home-invite__agave {
	position: absolute;
	top: 50%;
	right: -3%;
	z-index: 1;
	width: clamp(190px, 22vw, 320px);
	height: auto;
	opacity: 0.075;
	pointer-events: none;
	transform: translateY(-50%);
	filter:
		sepia(1)
		saturate(1.3)
		hue-rotate(354deg)
		brightness(1.08)
		drop-shadow(0 0 26px rgba(216, 184, 108, 0.16));
}

.casazar-home-invite__brand img {
	display: block;
	width: clamp(132px, 11vw, 190px);
	max-width: 100%;
	height: auto;
	opacity: 0.78;
	filter:
		saturate(0.96)
		drop-shadow(0 0 18px rgba(216, 184, 108, 0.14));
}

.casazar-home-invite__content h2 {
	max-width: 760px;
	margin: 0;
	color: #fffaf0;
	font-size: clamp(1.35rem, 2.1vw, 2.35rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.04;
}

.casazar-home-invite__content p {
	max-width: 680px;
	margin: 0.35rem 0 0;
	color: rgba(245, 245, 244, 0.68);
}

.casazar-home-invite__content .corporate-section-eyebrow {
	margin: 0 0 0.45rem;
	color: #35d0e2;
}

.casazar-home-invite__cta {
	white-space: nowrap;
}

.casazar-awards-share-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.85rem;
	align-items: stretch;
	overflow: hidden;
	padding: clamp(0.85rem, 1.8vw, 1.1rem);
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: var(--corp-radius-lg);
	background:
		radial-gradient(circle at 12% 20%, rgba(247, 237, 203, 0.16), transparent 28%),
		radial-gradient(circle at 86% 52%, rgba(53, 208, 226, 0.1), transparent 30%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.9));
	box-shadow:
		0 28px 80px rgba(0, 0, 0, 0.3),
		0 0 0 1px rgba(214, 179, 106, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.casazar-awards-share-card::before {
	content: "";
	position: absolute;
	inset: auto -12% -58% 18%;
	height: 140px;
	border-radius: 999px;
	background: radial-gradient(ellipse, rgba(214, 179, 106, 0.2), transparent 68%);
	filter: blur(26px);
	pointer-events: none;
}

.casazar-awards-share-card__main,
.casazar-awards-share-card__share {
	position: relative;
	z-index: 1;
}

.casazar-awards-share-card__main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.9rem;
	align-items: center;
	min-width: 0;
	padding: 0.65rem 0.75rem;
	color: #fffaf0;
	text-decoration: none;
}

.casazar-awards-share-card__main:hover,
.casazar-awards-share-card__main:focus-visible {
	color: #fffaf0;
}

.casazar-awards-share-card__icon {
	display: inline-grid;
	width: 3.1rem;
	height: 3.1rem;
	place-items: center;
	border: 1px solid rgba(53, 208, 226, 0.28);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(247, 237, 203, 0.2), rgba(214, 179, 106, 0.09)),
		rgba(5, 8, 22, 0.56);
	color: #c7f7ff;
	box-shadow: 0 14px 34px rgba(214, 179, 106, 0.12);
}

.casazar-awards-share-card small,
.casazar-awards-share-card strong,
.casazar-awards-share-card em {
	display: block;
}

.casazar-awards-share-card small {
	margin-bottom: 0.2rem;
	color: #35d0e2;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.casazar-awards-share-card strong {
	color: #fffaf0;
	font-size: clamp(1.25rem, 2vw, 1.8rem);
	font-weight: 900;
	line-height: 1.04;
}

.casazar-awards-share-card em {
	margin-top: 0.22rem;
	color: rgba(245, 245, 244, 0.68);
	font-style: normal;
	font-weight: 700;
}

.casazar-awards-share-card__share {
	display: inline-flex;
	gap: 0.55rem;
	align-items: center;
	justify-content: center;
	min-width: 178px;
	border: 1px solid rgba(53, 208, 226, 0.45);
	border-radius: 999px;
	background: linear-gradient(135deg, #c7f7ff 0%, #35d0e2 52%, #c7f7ff 100%);
	color: #07111f;
	font-weight: 900;
	box-shadow:
		0 18px 42px rgba(214, 179, 106, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.35);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.casazar-awards-share-card__share:hover,
.casazar-awards-share-card__share:focus-visible {
	color: #07111f;
	transform: translateY(-1px);
	box-shadow:
		0 22px 52px rgba(214, 179, 106, 0.26),
		inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.casazar-awards-share-card__share.is-haptic {
	animation: casazar-share-haptic 280ms ease-out;
}

@keyframes casazar-share-haptic {
	0% { transform: translate3d(0, 0, 0) scale(1); }
	18% { transform: translate3d(-1px, 0, 0) scale(0.992); }
	36% { transform: translate3d(1px, 0, 0) scale(1.006); }
	54% { transform: translate3d(-1px, 0, 0) scale(0.998); }
	72% { transform: translate3d(1px, 0, 0) scale(1.002); }
	100% { transform: translate3d(0, 0, 0) scale(1); }
}

.casazar-awards-share-card__share.is-copied span {
	font-size: 0;
}

.casazar-awards-share-card__share.is-copied span::after {
	content: "Copied";
	font-size: 1rem;
}

@media (min-width: 1440px) {
	.casazar-home-invite {
		grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) auto;
		column-gap: clamp(3rem, 5vw, 6.5rem);
		padding-inline: clamp(1.75rem, 3vw, 3.25rem);
	}

	.casazar-home-invite__brand img {
		width: clamp(180px, 16vw, 260px);
	}
}

.hero-accent,
.section-title span,
.ranking-hero__title span {
	color: var(--ds-primary);
}

.app-hero-subtitle,
.section-copy,
.ranking-hero__copy,
.ranking-hero__lead,
.leagues-hero p,
.league-card__meta,
.metric-card__label,
.form-help-text,
.small,
.text-muted {
	color: var(--ds-text-muted) !important;
}

html.corporate-surface .ranking-page .ranking-hero {
	grid-template-columns: minmax(0, 1fr) minmax(170px, 260px);
	min-height: clamp(260px, 28vw, 360px);
}

html.corporate-surface .ranking-page .ranking-hero__lead {
	max-width: 860px;
	margin-bottom: 0.9rem;
	color: var(--ds-text-primary) !important;
	font-family: var(--corp-font-sans);
	font-weight: 800;
	letter-spacing: -0.045em;
}

html.corporate-surface .ranking-page .ranking-hero__lead .hero-accent,
html.corporate-surface .ranking-page .ranking-hero__lead .accent {
	background: none;
	color: var(--ds-primary) !important;
	-webkit-text-fill-color: currentColor;
}

html.corporate-surface .ranking-page .ranking-hero__copy {
	max-width: 760px;
	color: var(--ds-text-secondary) !important;
	font-weight: 750;
}

html.corporate-surface .ranking-page .ranking-hero__actions {
	justify-content: center;
}

html.corporate-surface .ranking-page .ranking-search-empty,
html.corporate-surface .ranking-page .ranking-placeholder,
html.corporate-surface .ranking-page .ranking-empty {
	border-color: rgba(53, 208, 226, 0.16);
	background:
		radial-gradient(circle at 50% 0%, rgba(53, 208, 226, 0.08), transparent 34%),
		linear-gradient(145deg, rgba(15, 23, 42, 0.9), rgba(5, 8, 22, 0.78));
	color: var(--ds-text-muted);
	box-shadow: inset 0 1px 0 rgba(248, 250, 252, 0.04);
}

html.corporate-surface .ranking-page .ranking-search-empty h3,
html.corporate-surface .ranking-page .ranking-placeholder h3,
html.corporate-surface .ranking-page .ranking-empty h2 {
	color: var(--ds-text-primary);
}

html.corporate-surface .ranking-page .ranking-search-empty p,
html.corporate-surface .ranking-page .ranking-placeholder p,
html.corporate-surface .ranking-page .ranking-empty p {
	color: var(--ds-text-secondary);
}

html.corporate-surface .ranking-page .ranking-search-empty i,
html.corporate-surface .ranking-page .ranking-placeholder i,
html.corporate-surface .ranking-page .empty-icon {
	background: rgba(53, 208, 226, 0.1);
	border: 1px solid rgba(53, 208, 226, 0.2);
	color: var(--ds-accent);
}

.corporate-live-network {
	position: relative;
	width: clamp(270px, 28vw, 430px);
	aspect-ratio: 1.26 / 1;
	margin-inline: auto;
	isolation: isolate;
	filter: drop-shadow(0 28px 58px rgba(0, 0, 0, 0.24));
}

.corporate-live-network::before {
	content: "";
	position: absolute;
	inset: 18% 4% 12% 18%;
	border-radius: 38% 62% 42% 58%;
	background:
		radial-gradient(circle at 76% 40%, rgba(53, 208, 226, 0.14), transparent 30%),
		radial-gradient(circle at 36% 58%, rgba(53, 208, 226, 0.1), transparent 36%);
	filter: blur(22px);
	opacity: 0.78;
	pointer-events: none;
	z-index: -1;
}

.corporate-live-network__field {
	position: absolute;
	inset: 0;
	animation: corporateNetworkDrift 12s ease-in-out infinite;
}

.corporate-live-network__plane,
.corporate-live-network__horizon,
.corporate-live-network__track,
.corporate-live-network__vector,
.corporate-live-network__signal,
.corporate-live-network__node {
	position: absolute;
	pointer-events: none;
}

.corporate-live-network__plane {
	inset: 17% 5% 19% 3%;
	border: 1px solid rgba(53, 208, 226, 0.12);
	border-radius: 28px 16px 34px 18px;
	background:
		linear-gradient(116deg, rgba(245, 245, 244, 0.045), transparent 28%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.52), rgba(5, 8, 22, 0.08) 62%),
		repeating-linear-gradient(90deg, rgba(53, 208, 226, 0.055) 0 1px, transparent 1px 58px);
	box-shadow:
		inset 0 1px 0 rgba(245, 245, 244, 0.05),
		inset 0 -38px 90px rgba(5, 8, 22, 0.28),
		0 18px 56px rgba(0, 0, 0, 0.22);
	transform: perspective(840px) rotateX(56deg) rotateZ(-9deg) skewX(-4deg);
	transform-origin: 48% 56%;
}

.corporate-live-network__horizon {
	left: 14%;
	right: 10%;
	top: 47%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.56), rgba(53, 208, 226, 0.08), transparent);
	transform: rotate(-9deg);
}

.corporate-live-network__track,
.corporate-live-network__vector {
	height: 1px;
	transform-origin: left center;
}

.corporate-live-network__track--primary {
	left: 19%;
	top: 36%;
	width: 62%;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.1), rgba(53, 208, 226, 0.62), transparent);
	transform: rotate(-18deg);
}

.corporate-live-network__track--secondary {
	left: 26%;
	top: 63%;
	width: 46%;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.24), rgba(53, 208, 226, 0.04), transparent);
	transform: rotate(-7deg);
}

.corporate-live-network__vector--one {
	left: 33%;
	top: 28%;
	width: 30%;
	background: linear-gradient(90deg, transparent, rgba(245, 245, 244, 0.2), transparent);
	transform: rotate(30deg);
	opacity: 0.58;
}

.corporate-live-network__vector--two {
	right: 17%;
	top: 35%;
	width: 26%;
	background: linear-gradient(90deg, transparent, rgba(156, 163, 175, 0.24), transparent);
	transform: rotate(73deg);
	opacity: 0.52;
}

.corporate-live-network__signal {
	right: 24%;
	top: 32%;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: var(--ds-accent);
	box-shadow: 0 0 14px rgba(53, 208, 226, 0.42);
	animation: corporateNetworkPulse 3.6s ease-in-out infinite;
}

.corporate-live-network__node {
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: rgba(209, 213, 219, 0.76);
	border: 1px solid rgba(245, 245, 244, 0.22);
	box-shadow: 0 0 12px rgba(245, 245, 244, 0.08);
}

.corporate-live-network__node--lead {
	top: 45%;
	left: 32%;
	width: 12px;
	height: 12px;
	background: var(--ds-primary);
	border-color: rgba(53, 208, 226, 0.58);
	box-shadow:
		0 0 0 6px rgba(53, 208, 226, 0.035),
		0 0 24px rgba(53, 208, 226, 0.28);
}

.corporate-live-network__node--one {
	top: 31%;
	left: 52%;
}

.corporate-live-network__node--two {
	top: 61%;
	left: 63%;
	background: var(--ds-accent);
	border-color: rgba(53, 208, 226, 0.34);
	box-shadow: 0 0 14px rgba(53, 208, 226, 0.26);
}

.corporate-live-network__node--three {
	top: 70%;
	left: 37%;
	opacity: 0.74;
}

.matches-hero .corporate-live-network {
	width: clamp(150px, 16vw, 220px);
}

html.corporate-surface .matches-page {
	padding-top: clamp(2rem, 4vw, 3.2rem);
}

html.corporate-surface .matches-hero {
	grid-template-columns: minmax(0, 1fr) minmax(210px, 320px);
	gap: 1.5rem;
	min-height: 360px;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: var(--corp-radius-lg);
	background:
		radial-gradient(circle at 82% 26%, rgba(53, 208, 226, 0.14), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.94));
	box-shadow: var(--corp-shadow-soft);
}

html.corporate-surface .matches-hero::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.08), transparent 34%),
		linear-gradient(rgba(245, 245, 244, 0.024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.028) 1px, transparent 1px);
	background-size: auto, 64px 64px, 64px 64px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.68) 62%, transparent 100%);
}

html.corporate-surface .matches-hero__content,
html.corporate-surface .matches-hero > .corporate-live-network {
	position: relative;
	z-index: 1;
}

html.corporate-surface .matches-hero .app-hero-title {
	max-width: 780px;
	margin-top: 0.6rem;
	color: var(--ds-text-primary);
	font-size: 4rem;
	line-height: 0.96;
}

html.corporate-surface .matches-hero .app-hero-subtitle {
	max-width: 720px;
	color: var(--ds-text-secondary);
}

html.corporate-surface .casazar-wordmark-text {
	color: inherit;
	white-space: nowrap;
}

html.corporate-surface .casazar-wordmark-text__azar {
	color: #35d0e2;
	background: linear-gradient(135deg, #c7f7ff 0%, #35d0e2 42%, #28ff7a 100%);
	background-clip: text;
	-webkit-background-clip: text;
	text-shadow:
		0 0 18px rgba(214, 179, 106, 0.18),
		0 1px 0 rgba(255, 255, 255, 0.08);
	-webkit-text-fill-color: transparent;
}

html.corporate-surface .play-hero--casazar {
	grid-template-columns: minmax(0, 1fr) minmax(230px, 350px);
	min-height: 306px;
	padding-block: clamp(1.35rem, 2.55vw, 1.9rem);
	background:
		radial-gradient(ellipse at 82% 42%, rgba(255, 242, 196, 0.18), rgba(214, 179, 106, 0.12) 22%, transparent 46%),
		radial-gradient(ellipse at 78% 82%, rgba(132, 92, 36, 0.15), transparent 34%),
		radial-gradient(circle at 14% 10%, rgba(245, 237, 203, 0.052), transparent 24%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.985), rgba(5, 8, 22, 0.955));
}

html.corporate-surface .play-hero--casazar::before {
	background:
		linear-gradient(100deg, rgba(255, 242, 196, 0.065), transparent 38%, rgba(214, 179, 106, 0.08) 66%, transparent 88%),
		linear-gradient(rgba(245, 245, 244, 0.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(214, 179, 106, 0.022) 1px, transparent 1px);
	background-size: auto, 68px 68px, 68px 68px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.66) 64%, transparent 100%);
}

html.corporate-surface .play-hero--casazar::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		radial-gradient(ellipse at 78% 48%, rgba(255, 242, 196, 0.18), transparent 26%),
		radial-gradient(ellipse at 82% 58%, rgba(214, 179, 106, 0.2), transparent 38%),
		linear-gradient(105deg, transparent 24%, rgba(245, 237, 203, 0.052) 55%, transparent 76%);
	filter: blur(0.2px);
	opacity: 0.72;
	mix-blend-mode: screen;
	mask-image: linear-gradient(90deg, transparent 28%, #000 58%, rgba(0, 0, 0, 0.52) 100%);
}

html.corporate-surface .play-hero--casazar .matches-hero__content {
	position: relative;
	z-index: 3;
	max-width: 720px;
	padding-top: 0;
}

html.corporate-surface .matches-hero--casazar {
	grid-template-columns: minmax(0, 1fr) minmax(180px, 300px);
	border-color: rgba(231, 215, 177, 0.18);
	background:
		radial-gradient(circle at 84% 48%, rgba(214, 179, 106, 0.11), transparent 32%),
		radial-gradient(circle at 14% 14%, rgba(245, 245, 244, 0.035), transparent 24%),
		linear-gradient(135deg, rgba(12, 18, 36, 0.985), rgba(5, 8, 22, 0.955));
	box-shadow:
		0 32px 90px rgba(0, 0, 0, 0.32),
		0 0 42px rgba(214, 179, 106, 0.045),
		inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .matches-hero--casazar::before {
	background:
		linear-gradient(90deg, rgba(214, 179, 106, 0.075), transparent 38%),
		linear-gradient(rgba(245, 245, 244, 0.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(214, 179, 106, 0.02) 1px, transparent 1px);
	background-size: auto, 68px 68px, 68px 68px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.68) 64%, transparent 100%);
}

html.corporate-surface .matches-hero--casazar .matches-hero__content {
	position: relative;
	z-index: 3;
}

.casazar-matches-agave {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

.casazar-matches-agave__glow,
.casazar-matches-agave__mark {
	position: absolute;
	pointer-events: none;
}

.casazar-matches-agave__glow {
	top: 50%;
	right: -8%;
	width: clamp(300px, 34vw, 500px);
	height: clamp(300px, 34vw, 500px);
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 50%, rgba(245, 237, 203, 0.105), transparent 27%),
		radial-gradient(circle at 50% 50%, rgba(214, 179, 106, 0.14), transparent 58%);
	filter: blur(34px);
	opacity: 0.62;
	transform: translateY(-50%);
}

.casazar-matches-agave__mark {
	top: 50%;
	right: -6%;
	width: clamp(280px, 25vw, 360px);
	height: auto;
	opacity: 0.14;
	transform: translateY(-50%);
	filter:
		blur(0.3px)
		saturate(1.08)
		drop-shadow(0 0 28px rgba(214, 179, 106, 0.12));
}

html.corporate-surface .play-page.play-page--casazar {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 82% 5%, rgba(214, 179, 106, 0.075), transparent 30%),
		radial-gradient(circle at 10% 34%, rgba(231, 215, 177, 0.045), transparent 24%),
		linear-gradient(180deg, rgba(5, 8, 22, 0), rgba(5, 8, 22, 0.28));
}

html.corporate-surface .matches-page--casazar {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 88% 2%, rgba(214, 179, 106, 0.07), transparent 30%),
		radial-gradient(circle at 8% 30%, rgba(231, 215, 177, 0.04), transparent 24%),
		linear-gradient(180deg, rgba(5, 8, 22, 0), rgba(5, 8, 22, 0.3));
}

html.corporate-surface .matches-page--casazar .matches-control-panel,
html.corporate-surface .matches-page--casazar .group-card,
html.corporate-surface .matches-page--casazar .live-matches-panel,
html.corporate-surface .matches-page--casazar .knockout-card,
html.corporate-surface .matches-page--casazar .match-card.match-card-compact,
html.corporate-surface .matches-page--casazar .matches-filter-loading,
html.corporate-surface .matches-page--casazar .group-standings-panel {
	border-color: rgba(231, 215, 177, 0.13);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.04), transparent 46%),
		radial-gradient(circle at 88% 14%, rgba(214, 179, 106, 0.055), transparent 34%),
		rgba(5, 8, 22, 0.58);
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .matches-page--casazar .matches-filter-loading__card {
	border-color: rgba(231, 215, 177, 0.13);
	background: rgba(5, 8, 22, 0.42);
}

html.corporate-surface .matches-page--casazar .matches-filter-loading__pill,
html.corporate-surface .matches-page--casazar .matches-filter-loading__line {
	background: rgba(231, 215, 177, 0.12);
}

html.corporate-surface .matches-page--casazar .matches-filter-loading__pill::after,
html.corporate-surface .matches-page--casazar .matches-filter-loading__line::after {
	background: linear-gradient(90deg, transparent, rgba(231, 215, 177, 0.18), transparent);
}

html.corporate-surface .matches-page--casazar .matches-control-panel {
	position: relative;
	overflow: hidden;
	border-radius: 24px;
}

html.corporate-surface .matches-page--casazar .matches-control-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(115deg, transparent 8%, rgba(245, 237, 203, 0.055) 46%, transparent 68%),
		linear-gradient(rgba(245, 245, 244, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(214, 179, 106, 0.018) 1px, transparent 1px);
	background-size: auto, 60px 60px, 60px 60px;
	opacity: 0.72;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 66%, transparent 100%);
}

html.corporate-surface .matches-page--casazar .matches-control-panel > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .matches-page--casazar .phase-tab,
html.corporate-surface .matches-page--casazar .mobile-group-tab,
html.corporate-surface .matches-page--casazar .group-card__view-tab {
	border-color: rgba(231, 215, 177, 0.16);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.025), transparent 52%),
		rgba(5, 8, 22, 0.52);
	color: rgba(226, 232, 240, 0.74);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .matches-page--casazar .phase-tab:hover,
html.corporate-surface .matches-page--casazar .mobile-group-tab:hover,
html.corporate-surface .matches-page--casazar .group-card__view-tab:hover {
	border-color: rgba(214, 179, 106, 0.34);
	color: #f7f4ec;
}

html.corporate-surface .matches-page--casazar .phase-tab.active,
html.corporate-surface .matches-page--casazar .phase-tab.is-active,
html.corporate-surface .matches-page--casazar .mobile-group-tab.active,
html.corporate-surface .matches-page--casazar .mobile-group-tab.is-active,
html.corporate-surface .matches-page--casazar .group-card__view-tab.is-active {
	border-color: rgba(231, 215, 177, 0.44);
	background: linear-gradient(135deg, #c7f7ff, #35d0e2);
	color: #07101f;
	box-shadow: 0 16px 32px rgba(214, 179, 106, 0.16);
}

html.corporate-surface .matches-page--casazar .matches-control-panel .form-control-premium {
	border-color: rgba(231, 215, 177, 0.16);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.025), transparent 60%),
		rgba(5, 8, 22, 0.62);
	color: #f7f4ec;
}

html.corporate-surface .matches-page--casazar .matches-control-panel .form-control-premium:focus {
	border-color: rgba(214, 179, 106, 0.42);
	box-shadow: 0 0 0 4px rgba(214, 179, 106, 0.08);
}

html.corporate-surface .matches-page--casazar .section-title,
html.corporate-surface .matches-page--casazar .group-card__header h3,
html.corporate-surface .matches-page--casazar .team-side strong,
html.corporate-surface .matches-page--casazar .knockout-team strong,
html.corporate-surface .matches-page--casazar .group-standings-team strong {
	color: #f7f4ec;
}

html.corporate-surface .matches-page--casazar .eyebrow,
html.corporate-surface .matches-page--casazar .group-standings-row--head,
html.corporate-surface .matches-page--casazar .group-standings-position,
html.corporate-surface .matches-page--casazar .group-standings-points {
	color: #35d0e2;
}

html.corporate-surface .matches-page--casazar .section-copy,
html.corporate-surface .matches-page--casazar .group-card__stats,
html.corporate-surface .matches-page--casazar .team-side span,
html.corporate-surface .matches-page--casazar .knockout-team span,
html.corporate-surface .matches-page--casazar .match-meta,
html.corporate-surface .matches-page--casazar .group-standings-team small {
	color: rgba(226, 232, 240, 0.62);
}

html.corporate-surface .matches-page--casazar .match-card.match-card-compact,
html.corporate-surface .matches-page--casazar .knockout-card {
	border-radius: 22px;
}

html.corporate-surface .matches-page--casazar .match-card.match-card-compact:hover,
html.corporate-surface .matches-page--casazar .knockout-card:hover {
	border-color: rgba(214, 179, 106, 0.3);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.052), transparent 50%),
		radial-gradient(circle at 88% 14%, rgba(214, 179, 106, 0.075), transparent 34%),
		rgba(5, 8, 22, 0.64);
	box-shadow:
		0 28px 78px rgba(0, 0, 0, 0.34),
		0 0 30px rgba(214, 179, 106, 0.06),
		inset 0 1px 0 rgba(245, 245, 244, 0.055);
	transform: translateY(-2px);
}

html.corporate-surface .matches-page--casazar .team-flag,
html.corporate-surface .matches-page--casazar .team-flag-fallback {
	border-color: rgba(231, 215, 177, 0.22);
	box-shadow:
		0 12px 26px rgba(0, 0, 0, 0.28),
		0 0 0 4px rgba(214, 179, 106, 0.045);
}

html.corporate-surface .matches-page--casazar .score-box {
	border-color: rgba(231, 215, 177, 0.16);
	background:
		radial-gradient(circle at 50% 0%, rgba(214, 179, 106, 0.12), transparent 52%),
		rgba(5, 8, 22, 0.66);
	color: #c7f7ff;
}

html.corporate-surface .matches-page--casazar .match-card.match-card-compact.is-live,
html.corporate-surface .matches-page--casazar .knockout-card.is-live,
html.corporate-surface .matches-page--casazar .live-match-card {
	border-color: rgba(214, 179, 106, 0.36);
	background:
		radial-gradient(circle at 90% 12%, rgba(214, 179, 106, 0.18), transparent 35%),
		linear-gradient(180deg, rgba(245, 237, 203, 0.06), transparent 52%),
		rgba(5, 8, 22, 0.72);
	box-shadow:
		0 0 0 1px rgba(214, 179, 106, 0.08),
		0 24px 64px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .matches-page--casazar .live-match-card__ambient {
	background:
		radial-gradient(circle at 50% 18%, rgba(214, 179, 106, 0.18), transparent 28%),
		radial-gradient(circle at 10% 92%, rgba(245, 237, 203, 0.08), transparent 32%),
		linear-gradient(108deg, transparent 20%, rgba(245, 245, 244, 0.08) 46%, transparent 64%);
}

html.corporate-surface .matches-page--casazar .live-match-card__badge,
html.corporate-surface .matches-page--casazar .live-match-card__momentum {
	border-color: rgba(214, 179, 106, 0.34);
	color: #c7f7ff;
	background:
		linear-gradient(135deg, rgba(214, 179, 106, 0.15), rgba(245, 237, 203, 0.035)),
		rgba(5, 8, 22, 0.72);
	box-shadow: 0 0 22px rgba(214, 179, 106, 0.1), inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .matches-page--casazar .live-score,
html.corporate-surface .matches-page--casazar .live-score--hero {
	border-color: rgba(214, 179, 106, 0.44);
	color: #f8fafc;
	background:
		radial-gradient(circle at 50% 0%, rgba(214, 179, 106, 0.22), transparent 58%),
		linear-gradient(180deg, rgba(11, 18, 32, 0.96), rgba(5, 8, 22, 0.9));
	text-shadow: 0 0 24px rgba(214, 179, 106, 0.18);
	box-shadow: 0 0 0 1px rgba(214, 179, 106, 0.1), 0 20px 54px rgba(0, 0, 0, 0.32), 0 0 34px rgba(214, 179, 106, 0.09), inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

html.corporate-surface .matches-page--casazar .group-standings-panel__header,
html.corporate-surface .matches-page--casazar .group-standings-row {
	border-color: rgba(231, 215, 177, 0.1);
}

html.corporate-surface .matches-page--casazar .btn-predict-disabled:not(.btn-predict-disabled--live) {
	border-color: rgba(231, 215, 177, 0.13);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.04), transparent 50%),
		rgba(5, 8, 22, 0.58);
	color: rgba(226, 232, 240, 0.7);
}

html.corporate-surface .corporate-landing-page {
	padding-bottom: clamp(4rem, 8vw, 7rem);
}

html.corporate-surface .corporate-landing-page > .page-container {
	margin-top: clamp(2.75rem, 6vw, 5.25rem) !important;
}

html.corporate-surface .corporate-landing-page > .page-container:first-child {
	margin-top: 0 !important;
}

html.corporate-surface .corporate-landing-page .home-hero {
	padding: clamp(2.4rem, 6vw, 5.6rem) !important;
	border-color: rgba(245, 245, 244, 0.1);
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.94));
	box-shadow:
		0 40px 120px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .corporate-landing-page .app-hero-label,
html.corporate-surface .corporate-landing-page .corporate-section-eyebrow,
html.corporate-surface .corporate-landing-page .corporate-pricing-kicker {
	letter-spacing: 0.14em;
}

html.corporate-surface .corporate-landing-page .home-hero .app-hero-title {
	max-width: 820px;
	font-size: clamp(3.4rem, 8vw, 6.55rem);
	line-height: 0.92;
}

html.corporate-surface .corporate-landing-page .home-hero .app-hero-subtitle {
	max-width: 660px;
	margin-top: clamp(1.1rem, 2vw, 1.45rem);
	color: rgba(226, 232, 240, 0.76) !important;
	font-size: clamp(1.1rem, 1.7vw, 1.42rem);
	line-height: 1.42;
}

.corporate-hero-metric {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	margin: clamp(1.2rem, 2.2vw, 1.65rem) 0 0;
	padding: 0.7rem 1rem;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: 999px;
	background: rgba(5, 8, 22, 0.42);
	color: rgba(245, 245, 244, 0.82);
	font-size: 0.92rem;
	font-weight: 800;
}

.corporate-hero-signal-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	max-width: 760px;
	margin: clamp(1.25rem, 2.4vw, 1.9rem) 0 0;
}

.corporate-hero-signal-strip span {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 0.72rem 0.98rem;
	border: 1px solid rgba(53, 208, 226, 0.16);
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
		rgba(5, 8, 22, 0.48);
	color: rgba(245, 245, 244, 0.86);
	font-size: 0.9rem;
	font-weight: 850;
	line-height: 1;
	box-shadow:
		0 18px 44px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.corporate-hero-signal-strip span::after {
	content: "";
	position: absolute;
	inset: -40% auto -40% -38%;
	z-index: -1;
	width: 42%;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.22), transparent);
	transform: translateX(calc(var(--signal-index, 0) * 18%));
	opacity: 0.72;
}

html.corporate-surface .corporate-landing-page .home-hero .app-hero__actions {
	margin-top: clamp(1.55rem, 3vw, 2.25rem);
}

html.corporate-surface .corporate-landing-page .home-hero .app-hero__microcopy {
	max-width: 520px;
	color: rgba(226, 232, 240, 0.58);
	font-size: 0.94rem;
}

html.corporate-surface .corporate-landing-page .corporate-landing-section {
	padding: clamp(2rem, 4.6vw, 4.25rem);
	border-color: rgba(245, 245, 244, 0.1);
	border-radius: 28px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%),
		rgba(9, 14, 27, 0.72);
	box-shadow:
		0 28px 90px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html.corporate-surface .corporate-landing-page .corporate-section-header {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.62fr);
	gap: clamp(1.5rem, 4vw, 4rem);
	margin-bottom: clamp(1.5rem, 3vw, 2.35rem);
}

html.corporate-surface .corporate-landing-page .corporate-section-title {
	max-width: 820px;
	font-size: clamp(2rem, 4.5vw, 4rem);
	font-weight: 850;
	line-height: 0.98;
}

html.corporate-surface .corporate-landing-page .corporate-section-copy {
	max-width: 520px;
	align-self: end;
	color: rgba(226, 232, 240, 0.64);
	font-size: clamp(1rem, 1.45vw, 1.18rem);
	line-height: 1.42;
}

html.corporate-surface .corporate-landing-page .corporate-value-grid,
html.corporate-surface .corporate-landing-page .corporate-model-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.9rem, 2vw, 1.35rem);
}

html.corporate-surface .corporate-landing-page .corporate-launch-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
}

html.corporate-surface .corporate-landing-page .corporate-value-card,
html.corporate-surface .corporate-landing-page .corporate-model-card,
html.corporate-surface .corporate-landing-page .corporate-launch-card,
html.corporate-surface .corporate-landing-page .corporate-event-card,
html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card {
	border-color: rgba(245, 245, 244, 0.1);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 52%),
		rgba(5, 8, 22, 0.48);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html.corporate-surface .corporate-landing-page .corporate-value-card {
	min-height: 210px;
	padding: clamp(1.15rem, 2.4vw, 1.65rem);
}

html.corporate-surface .corporate-landing-page .corporate-value-card h3,
html.corporate-surface .corporate-landing-page .corporate-launch-card h3,
html.corporate-surface .corporate-landing-page .corporate-model-card h3,
html.corporate-surface .corporate-landing-page .corporate-event-card h3 {
	font-size: clamp(1.25rem, 2vw, 1.72rem);
	line-height: 1.05;
}

html.corporate-surface .corporate-landing-page .corporate-value-card p,
html.corporate-surface .corporate-landing-page .corporate-launch-card p,
html.corporate-surface .corporate-landing-page .corporate-model-card li,
html.corporate-surface .corporate-landing-page .corporate-event-card p,
html.corporate-surface .corporate-landing-page .corporate-pricing-description {
	color: rgba(226, 232, 240, 0.62);
	line-height: 1.42;
}

html.corporate-surface .corporate-landing-page .corporate-launch-card__lists,
html.corporate-surface .corporate-landing-page .corporate-pricing-intro,
html.corporate-surface .corporate-landing-page .corporate-pricing-plan-badge {
	display: none;
}

html.corporate-surface .corporate-landing-page .corporate-capability-list--compact {
	margin-top: 1.25rem;
}

html.corporate-surface .corporate-landing-page .corporate-capability-list--compact li,
html.corporate-surface .corporate-landing-page .corporate-pricing-feature-list li {
	padding-block: 0.42rem;
}

html.corporate-surface .corporate-landing-page .corporate-proof-card {
	gap: clamp(1.5rem, 4vw, 3.25rem);
	border-color: rgba(245, 245, 244, 0.12);
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(245, 245, 244, 0.055), transparent 34%),
		rgba(5, 8, 22, 0.5);
}

html.corporate-surface .corporate-landing-page .corporate-proof-card__content h3 {
	max-width: 640px;
	font-size: clamp(2rem, 4vw, 4.15rem);
	line-height: 0.96;
}

html.corporate-surface .corporate-landing-page .corporate-proof-points {
	gap: 0.55rem;
}

html.corporate-surface .corporate-landing-page .corporate-proof-points span,
html.corporate-surface .corporate-landing-page .corporate-pricing-badge {
	border-color: rgba(53, 208, 226, 0.18);
	background: rgba(53, 208, 226, 0.08);
}

html.corporate-surface .corporate-landing-page .corporate-events-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.85rem;
}

html.corporate-surface .corporate-landing-page .corporate-event-card {
	display: block;
	min-height: 150px;
	padding: 1.15rem;
}

html.corporate-surface .corporate-landing-page .corporate-event-card__icon {
	margin-bottom: 1rem;
}

html.corporate-surface .corporate-landing-page .corporate-ai-studio-section {
	grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.72fr);
}

html.corporate-surface .corporate-landing-page .corporate-ai-studio-section__points {
	gap: 0.55rem;
}

html.corporate-surface .corporate-landing-page .corporate-ai-studio-section__points span {
	border-color: rgba(245, 245, 244, 0.1);
	background: rgba(5, 8, 22, 0.38);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-story {
	gap: clamp(1rem, 2.5vw, 1.75rem);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-card {
	border-radius: 26px;
	border-color: rgba(245, 245, 244, 0.12);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), transparent 44%),
		rgba(5, 8, 22, 0.56);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.85rem;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card {
	min-height: 250px;
	padding: 1.15rem;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card h3 {
	font-size: clamp(1.45rem, 2vw, 1.95rem);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card > p {
	margin-bottom: 0.7rem;
}

html.corporate-surface .corporate-landing-page .corporate-closing-section .corporate-section-header {
	grid-template-columns: minmax(0, 1fr);
	text-align: left;
}

html.corporate-surface .corporate-landing-page .corporate-closing-row {
	align-items: center;
	padding-top: clamp(1rem, 2vw, 1.5rem);
	border-top: 1px solid rgba(245, 245, 244, 0.08);
}

@media (max-width: 1199.98px) {
	html.corporate-surface .corporate-landing-page .corporate-events-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	html.corporate-surface .corporate-landing-page .home-hero {
		padding: clamp(1.55rem, 6vw, 2.5rem) !important;
	}

	html.corporate-surface .corporate-landing-page .home-hero .app-hero-title {
		font-size: clamp(3rem, 14vw, 5rem);
	}

	html.corporate-surface .corporate-landing-page .corporate-section-header,
	html.corporate-surface .corporate-landing-page .corporate-ai-studio-section {
		grid-template-columns: minmax(0, 1fr);
	}

	html.corporate-surface .corporate-landing-page .corporate-section-copy {
		align-self: start;
	}

	html.corporate-surface .corporate-landing-page .corporate-value-grid,
	html.corporate-surface .corporate-landing-page .corporate-launch-grid,
	html.corporate-surface .corporate-landing-page .corporate-model-grid,
	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-list {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .corporate-landing-page > .page-container {
		margin-top: 2.35rem !important;
	}

	html.corporate-surface .corporate-landing-page .corporate-landing-section {
		padding: 1.15rem;
		border-radius: 22px;
	}

	html.corporate-surface .corporate-landing-page .home-hero .app-hero-title {
		font-size: clamp(2.55rem, 16vw, 3.85rem);
	}

	html.corporate-surface .corporate-landing-page .home-hero .app-hero-subtitle {
		font-size: 1.03rem;
	}

	.corporate-hero-metric {
		border-radius: 18px;
	}

	html.corporate-surface .corporate-landing-page .corporate-section-title {
		font-size: clamp(1.85rem, 11vw, 2.8rem);
	}

	html.corporate-surface .corporate-landing-page .corporate-events-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	html.corporate-surface .corporate-landing-page .corporate-event-card,
	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card {
		min-height: auto;
	}
}

html.corporate-surface .play-page.play-page--casazar::before,
html.corporate-surface .play-page.play-page--casazar::after {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
}

html.corporate-surface .play-page.play-page--casazar::before {
	inset: -5rem 0 45% 0;
	background:
		linear-gradient(90deg, transparent 0%, rgba(231, 215, 177, 0.055) 46%, transparent 78%),
		repeating-linear-gradient(90deg, rgba(231, 215, 177, 0.028) 0 1px, transparent 1px 72px);
	opacity: 0.42;
	mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
}

html.corporate-surface .play-page.play-page--casazar::after {
	top: 8rem;
	right: clamp(0.75rem, 3vw, 2.5rem);
	width: min(28vw, 360px);
	height: min(72vh, 640px);
	background: url("/assets/brand/casazar/casazar-black-bottle.png.avif") center / contain no-repeat;
	opacity: 0.04;
	filter:
		blur(1.4px)
		drop-shadow(0 0 52px rgba(214, 179, 106, 0.18));
	transform: none;
}

html.corporate-surface .play-page.play-page--casazar .app-hero-label,
html.corporate-surface .play-page.play-page--casazar .eyebrow,
html.corporate-surface .play-page.play-page--casazar .match-prediction-label {
	color: #35d0e2;
}

html.corporate-surface .play-page.play-page--casazar .hero-accent {
	color: #e7d7b1;
	text-shadow: 0 0 30px rgba(214, 179, 106, 0.22);
}

html.corporate-surface .play-page.play-page--casazar .play-panel,
html.corporate-surface .play-page.play-page--casazar .matches-control-panel,
html.corporate-surface .play-page.play-page--casazar .prediction-group-card,
html.corporate-surface .play-page.play-page--casazar .prediction-match-card {
	border-color: rgba(231, 215, 177, 0.16);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.045), transparent 34%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.94), rgba(5, 8, 22, 0.9));
	box-shadow:
		0 28px 82px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

.play-page.play-page--casazar .matches-control-panel,
.play-page.play-page--casazar .prediction-group-card,
.play-page.play-page--casazar .prediction-match-card {
	position: relative;
	overflow: hidden;
}

.play-page.play-page--casazar .matches-control-panel::before,
.play-page.play-page--casazar .prediction-group-card::before,
.play-page.play-page--casazar .prediction-match-card::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 92% 0%, rgba(214, 179, 106, 0.085), transparent 30%),
		linear-gradient(115deg, transparent 18%, rgba(245, 245, 244, 0.035) 48%, transparent 68%);
	opacity: 0.7;
}

.play-page.play-page--casazar .prediction-group-card > *,
.play-page.play-page--casazar .prediction-match-card > *,
.play-page.play-page--casazar .matches-control-panel > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page.play-page--casazar .phase-tab,
html.corporate-surface .play-page.play-page--casazar .mobile-group-tab,
html.corporate-surface .play-page.play-page--casazar .group-card__view-tab {
	border-color: rgba(231, 215, 177, 0.16);
	background: rgba(5, 8, 22, 0.66);
	color: rgba(226, 232, 240, 0.78);
}

html.corporate-surface .play-page.play-page--casazar .phase-tab:hover,
html.corporate-surface .play-page.play-page--casazar .mobile-group-tab:hover,
html.corporate-surface .play-page.play-page--casazar .group-card__view-tab:hover {
	border-color: rgba(214, 179, 106, 0.4);
	color: var(--ds-text-primary);
}

html.corporate-surface .play-page.play-page--casazar .phase-tab.active,
html.corporate-surface .play-page.play-page--casazar .phase-tab.is-active,
html.corporate-surface .play-page.play-page--casazar .mobile-group-tab.active,
html.corporate-surface .play-page.play-page--casazar .mobile-group-tab.is-active,
html.corporate-surface .play-page.play-page--casazar .group-card__view-tab.is-active {
	border-color: rgba(53, 208, 226, 0.58);
	background: linear-gradient(135deg, #c7f7ff 0%, #35d0e2 48%, #c7f7ff 100%);
	color: #07111f;
	box-shadow: 0 18px 34px rgba(214, 179, 106, 0.18);
}

html.corporate-surface .play-page.play-page--casazar .form-control-premium,
html.corporate-surface .play-page.play-page--casazar .prediction-result-select,
html.corporate-surface .play-page.play-page--casazar .prediction-score-input,
html.corporate-surface .play-page.play-page--casazar .prediction-qualified-select,
html.corporate-surface .play-page.play-page--casazar .prediction-readonly {
	border-color: rgba(231, 215, 177, 0.16);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 52%),
		rgba(5, 8, 22, 0.72);
	color: var(--ds-text-primary);
}

html.corporate-surface .play-page.play-page--casazar .form-control-premium:focus,
html.corporate-surface .play-page.play-page--casazar .prediction-result-select:focus,
html.corporate-surface .play-page.play-page--casazar .prediction-score-input:focus,
html.corporate-surface .play-page.play-page--casazar .prediction-qualified-select:focus {
	border-color: rgba(214, 179, 106, 0.46);
	box-shadow: 0 0 0 4px rgba(214, 179, 106, 0.1);
}

html.corporate-surface .play-page.play-page--casazar .predictions-progress-inline {
	border-color: rgba(231, 215, 177, 0.16);
	background:
		radial-gradient(circle at 92% 18%, rgba(214, 179, 106, 0.12), transparent 34%),
		linear-gradient(180deg, rgba(231, 215, 177, 0.04), transparent 48%),
		rgba(5, 8, 22, 0.58);
}

html.corporate-surface .play-page.play-page--casazar .predictions-progress-fill {
	background: linear-gradient(90deg, #35d0e2, #c7f7ff);
	box-shadow: 0 10px 26px rgba(214, 179, 106, 0.16);
}

html.corporate-surface .play-page.play-page--casazar .score-box,
html.corporate-surface .play-page.play-page--casazar .match-vs {
	border-color: rgba(231, 215, 177, 0.2);
	background:
		linear-gradient(135deg, rgba(231, 215, 177, 0.12), rgba(132, 92, 36, 0.08)),
		rgba(5, 8, 22, 0.8);
	color: #e7d7b1;
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.05);
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card:hover {
	border-color: rgba(214, 179, 106, 0.34);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.058), transparent 44%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.98), rgba(5, 8, 22, 0.94));
	box-shadow:
		0 34px 90px rgba(0, 0, 0, 0.34),
		0 0 34px rgba(214, 179, 106, 0.07),
		inset 0 1px 0 rgba(245, 245, 244, 0.065);
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card.is-saved {
	border-color: rgba(214, 179, 106, 0.28);
}

html.corporate-surface .play-page.play-page--casazar .btn-primary-gradient,
html.corporate-surface .play-page.play-page--casazar .prediction-fat-save-button,
html.corporate-surface .play-page.play-page--casazar .save-group-btn {
	border: 1px solid rgba(53, 208, 226, 0.54);
	background:
		linear-gradient(135deg, #c7f7ff 0%, #35d0e2 48%, #c7f7ff 100%);
	color: #07111f;
	box-shadow:
		0 18px 42px rgba(214, 179, 106, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.36);
}

html.corporate-surface .play-page.play-page--casazar .btn-primary-gradient:hover,
html.corporate-surface .play-page.play-page--casazar .prediction-fat-save-button:hover,
html.corporate-surface .play-page.play-page--casazar .save-group-btn:hover {
	filter: brightness(1.03);
	box-shadow:
		0 22px 50px rgba(214, 179, 106, 0.24),
		0 0 28px rgba(231, 215, 177, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

html.corporate-surface .play-page.play-page--casazar .btn-secondary-soft,
html.corporate-surface .play-page.play-page--casazar .prediction-native-save-btn {
	border-color: rgba(231, 215, 177, 0.18);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.055), rgba(5, 8, 22, 0.44)),
		rgba(5, 8, 22, 0.72);
	color: #efe4c6;
}

html.corporate-surface .play-page.play-page--casazar .btn-secondary-soft:hover,
html.corporate-surface .play-page.play-page--casazar .prediction-native-save-btn:hover {
	border-color: rgba(214, 179, 106, 0.38);
	color: #c7f7ff;
	background:
		linear-gradient(180deg, rgba(214, 179, 106, 0.12), rgba(5, 8, 22, 0.52)),
		rgba(5, 8, 22, 0.82);
}

html.corporate-surface .play-page.play-page--casazar .prediction-group-title,
html.corporate-surface .play-page.play-page--casazar .play-section-title,
html.corporate-surface .play-page.play-page--casazar .section-title,
html.corporate-surface .play-page.play-page--casazar .match-team-name {
	color: #f7f4ec;
}

html.corporate-surface .play-page.play-page--casazar .section-copy,
html.corporate-surface .play-page.play-page--casazar .prediction-group-meta,
html.corporate-surface .play-page.play-page--casazar .prediction-group-deadline,
html.corporate-surface .play-page.play-page--casazar .match-time,
html.corporate-surface .play-page.play-page--casazar .match-team-code,
html.corporate-surface .play-page.play-page--casazar .prediction-deadline {
	color: rgba(226, 232, 240, 0.64);
}

html.corporate-surface .play-page.play-page--casazar .prediction-group-progress,
html.corporate-surface .play-page.play-page--casazar .prediction-group-complete,
html.corporate-surface .play-page.play-page--casazar .user-prediction-chip,
html.corporate-surface .play-page.play-page--casazar .points-earned-chip,
html.corporate-surface .play-page.play-page--casazar .match-deadline-chip {
	border-color: rgba(231, 215, 177, 0.2);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.1), rgba(5, 8, 22, 0.36)),
		rgba(5, 8, 22, 0.62);
	color: #e7d7b1;
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .play-page.play-page--casazar .play-stage-section__header--casazar {
	align-items: flex-start;
	padding-right: clamp(8.5rem, 14vw, 12rem);
}

html.corporate-surface .play-page.play-page--casazar .play-stage-section__header--casazar > div:first-child {
	max-width: 640px;
}

html.corporate-surface .play-page.play-page--casazar .play-stage-section__casazar-logo {
	display: block;
	width: clamp(118px, 11vw, 154px);
	height: auto;
	opacity: 0.84;
	filter:
		saturate(1.04)
		drop-shadow(0 0 16px rgba(214, 179, 106, 0.14));
}

html.corporate-surface .play-page.play-page--casazar .prediction-status-badge,
html.corporate-surface .play-page.play-page--casazar .status-badge {
	border-color: rgba(231, 215, 177, 0.17);
	background: rgba(5, 8, 22, 0.72);
	color: rgba(226, 232, 240, 0.78);
}

html.corporate-surface .play-page.play-page--casazar .prediction-status-saved,
html.corporate-surface .play-page.play-page--casazar .prediction-status-finished,
html.corporate-surface .play-page.play-page--casazar .prediction-status-badge.is-saved,
html.corporate-surface .play-page.play-page--casazar .status-finished {
	border-color: rgba(92, 242, 165, 0.38);
	background:
		linear-gradient(135deg, rgba(92, 242, 165, 0.18), rgba(5, 8, 22, 0.62)),
		rgba(5, 8, 22, 0.74);
	color: #9ff8c7;
}

html.corporate-surface .play-page.play-page--casazar .prediction-status-pending,
html.corporate-surface .play-page.play-page--casazar .status-scheduled {
	border-color: rgba(156, 163, 175, 0.18);
	color: rgba(226, 232, 240, 0.72);
}

html.corporate-surface .play-page.play-page--casazar .prediction-card__topline,
html.corporate-surface .play-page.play-page--casazar .prediction-card__footerline,
html.corporate-surface .play-page.play-page--casazar .prediction-group-header,
html.corporate-surface .play-page.play-page--casazar .group-standings-panel__header {
	border-color: rgba(231, 215, 177, 0.1);
}

html.corporate-surface .play-page.play-page--casazar .match-team-flag,
html.corporate-surface .play-page.play-page--casazar .team-flag,
html.corporate-surface .play-page.play-page--casazar .team-flag-fallback {
	border-color: rgba(231, 215, 177, 0.22);
	box-shadow:
		0 12px 26px rgba(0, 0, 0, 0.28),
		0 0 0 4px rgba(214, 179, 106, 0.045);
}

html.corporate-surface .play-page.play-page--casazar .prediction-score-box,
html.corporate-surface .play-page.play-page--casazar .prediction-controls {
	border-color: rgba(231, 215, 177, 0.12);
	background:
		radial-gradient(circle at 50% 0%, rgba(214, 179, 106, 0.09), transparent 46%),
		rgba(5, 8, 22, 0.52);
}

html.corporate-surface .play-page.play-page--casazar .group-standings-panel {
	border-color: rgba(231, 215, 177, 0.14);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.04), transparent 34%),
		rgba(5, 8, 22, 0.58);
}

html.corporate-surface .play-page.play-page--casazar .group-standings-row {
	border-color: rgba(231, 215, 177, 0.08);
}

html.corporate-surface .play-page.play-page--casazar .group-standings-row--head {
	color: #35d0e2;
}

html.corporate-surface .play-page.play-page--casazar .group-standings-points,
html.corporate-surface .play-page.play-page--casazar .group-standings-position {
	color: #c7f7ff;
}

html.corporate-surface .play-page.play-page--casazar .prediction-save-toast,
html.corporate-surface .play-page.play-page--casazar .mobile-save-bar {
	border-color: rgba(231, 215, 177, 0.2);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.09), rgba(5, 8, 22, 0.88)),
		rgba(5, 8, 22, 0.92);
	box-shadow:
		0 26px 70px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board {
	position: relative;
	overflow: hidden;
	margin-bottom: clamp(1rem, 2vw, 1.35rem);
	padding: clamp(1.25rem, 2.2vw, 2rem);
	border-color: rgba(231, 215, 177, 0.13);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.04), transparent 46%),
		radial-gradient(circle at 88% 14%, rgba(214, 179, 106, 0.055), transparent 34%),
		rgba(5, 8, 22, 0.58);
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(115deg, transparent 8%, rgba(245, 237, 203, 0.052) 46%, transparent 68%),
		linear-gradient(rgba(245, 245, 244, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(214, 179, 106, 0.018) 1px, transparent 1px);
	background-size: auto, 60px 60px, 60px 60px;
	opacity: 0.68;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 66%, transparent 100%);
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(1rem, 3vw, 2rem);
	align-items: start;
	margin-bottom: clamp(1rem, 2vw, 1.35rem);
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header .ranking-board__heading {
	max-width: 610px;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header .ranking-board-label {
	margin-bottom: 0.5rem !important;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header .section-title {
	max-width: 580px;
	margin-bottom: 0;
	line-height: 1;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header .ranking-board__story {
	max-width: 500px;
	margin: 0.55rem 0 0;
	color: rgba(226, 232, 240, 0.64);
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header .ranking-board__actions {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 0.65rem;
	min-width: 132px;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__logo {
	display: block;
	width: clamp(96px, 10vw, 126px);
	height: auto;
	opacity: 0.86;
	filter:
		saturate(1.04)
		drop-shadow(0 0 14px rgba(214, 179, 106, 0.12));
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls-shell {
	display: grid;
	gap: 1rem;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls {
	margin-top: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls::before {
	display: none;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls .form-label-premium {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls .matches-filter-grid {
	grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
	gap: 0.9rem;
	margin-top: 0.9rem;
}

html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls .search-field .form-control-premium,
html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls select.form-control-premium {
	min-height: 56px;
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 52%),
		rgba(2, 6, 19, 0.78);
}

.casazar-play-hero-logo {
	position: absolute;
	top: clamp(1.25rem, 2.4vw, 1.8rem);
	left: clamp(1.25rem, 3vw, 2rem);
	z-index: 4;
	width: clamp(124px, 12vw, 178px);
	height: auto;
	opacity: 0.76;
	filter:
		saturate(0.96)
		drop-shadow(0 0 20px rgba(214, 179, 106, 0.18));
	pointer-events: none;
}

.casazar-play-bottle-hero {
	position: relative;
	z-index: 2;
	align-self: stretch;
	justify-self: stretch;
	min-height: clamp(242px, 25.5vw, 332px);
	overflow: visible;
	isolation: isolate;
	pointer-events: none;
}

.casazar-play-bottle-hero__aura,
.casazar-play-bottle-hero__shadow,
.casazar-play-bottle-hero__logo,
.casazar-play-bottle-hero__image {
	position: absolute;
	pointer-events: none;
}

.casazar-play-bottle-hero__aura {
	inset: 5% -6% 0% -2%;
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 34%, rgba(255, 242, 196, 0.18), transparent 20%),
		radial-gradient(circle at 54% 46%, rgba(214, 179, 106, 0.42), transparent 32%),
		radial-gradient(circle at 62% 66%, rgba(132, 92, 36, 0.2), transparent 46%);
	filter: blur(30px);
	opacity: 0.78;
	transform: none;
}

.casazar-play-bottle-hero__shadow {
	right: clamp(0.9rem, 3vw, 2.2rem);
	bottom: 6%;
	width: min(56%, 220px);
	height: 13%;
	border-radius: 999px;
	background: radial-gradient(ellipse, rgba(0, 0, 0, 0.64), transparent 68%);
	filter: blur(12px);
	opacity: 0.58;
	transform: none;
}

.casazar-play-bottle-hero__logo {
	top: clamp(0.85rem, 2.2vw, 1.25rem);
	right: clamp(0.85rem, 2.8vw, 2.15rem);
	z-index: 3;
	width: clamp(86px, 9vw, 124px);
	height: auto;
	opacity: 0.38;
	filter:
		saturate(0.98)
		drop-shadow(0 0 16px rgba(214, 179, 106, 0.12));
}

.casazar-play-bottle-hero__image {
	top: 56%;
	right: clamp(1.2rem, 3.2vw, 2.8rem);
	bottom: auto;
	height: min(74%, 330px);
	width: auto;
	max-width: none;
	object-fit: contain;
	opacity: 0.88;
	transform: translateY(-50%);
	filter:
		saturate(1.04)
		contrast(1.08)
		drop-shadow(0 30px 50px rgba(0, 0, 0, 0.48))
		drop-shadow(0 0 30px rgba(214, 179, 106, 0.14));
}

html.corporate-surface .matches-hero .matches-stats-grid {
	max-width: 760px;
	margin-top: 1.2rem;
	gap: 0.7rem;
}

html.corporate-surface .matches-hero .matches-stat {
	padding: 0.9rem 1rem;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 52%),
		rgba(5, 8, 22, 0.48);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .matches-hero .matches-stat.is-live {
	border-color: rgba(53, 208, 226, 0.32);
	background:
		radial-gradient(circle at 82% 18%, rgba(53, 208, 226, 0.14), transparent 34%),
		rgba(5, 8, 22, 0.5);
}

html.corporate-surface .matches-hero .matches-stat--button {
	color: var(--ds-text-primary);
}

html.corporate-surface .matches-hero .matches-stat--button:hover,
html.corporate-surface .matches-hero .matches-stat--button:focus-visible {
	border-color: rgba(53, 208, 226, 0.36);
	background:
		radial-gradient(circle at 82% 18%, rgba(53, 208, 226, 0.12), transparent 34%),
		rgba(5, 8, 22, 0.62);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

html.corporate-surface .matches-hero .matches-stat strong {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
	font-size: 1.85rem;
	font-weight: 850;
	line-height: 1;
}

html.corporate-surface .matches-hero .matches-stat span {
	color: var(--ds-text-muted);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.08em;
}

html.corporate-surface .matches-control-panel {
	margin: 1.25rem 0 2.1rem;
	padding: 1rem;
	border-color: rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 45%),
		rgba(17, 24, 39, 0.78);
}

html.corporate-surface .phase-tab,
html.corporate-surface .mobile-group-tab {
	border-color: rgba(53, 208, 226, 0.24);
	color: rgba(226, 252, 255, 0.74);
	background:
		radial-gradient(circle at 28% 18%, rgba(53, 208, 226, 0.12), transparent 34%),
		radial-gradient(circle at 80% 90%, rgba(34, 197, 94, 0.1), transparent 36%),
		rgba(5, 8, 22, 0.58);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 0 18px rgba(53, 208, 226, 0.04);
}

html.corporate-surface .phase-tab:hover,
html.corporate-surface .mobile-group-tab:hover {
	border-color: rgba(34, 211, 238, 0.5);
	color: #f8fafc;
	background:
		radial-gradient(circle at 30% 20%, rgba(34, 211, 238, 0.18), transparent 34%),
		radial-gradient(circle at 80% 88%, rgba(34, 197, 94, 0.14), transparent 36%),
		rgba(5, 8, 22, 0.66);
	box-shadow:
		0 0 24px rgba(34, 211, 238, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.corporate-surface .phase-tab.active,
html.corporate-surface .mobile-group-tab.active {
	border-color: rgba(184, 247, 255, 0.7);
	color: #04111f;
	background:
		radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.76), transparent 26%),
		linear-gradient(135deg, #b8f7ff 0%, #35d0e2 56%, #0ea5e9 100%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.22) inset,
		0 0 22px rgba(53, 208, 226, 0.3),
		0 0 42px rgba(14, 165, 233, 0.16),
		0 16px 34px rgba(0, 0, 0, 0.28);
}

html.corporate-surface .play-mobile-group-tab.mobile-group-tab {
	border-color: rgba(156, 163, 175, 0.2);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 52%),
		rgba(5, 8, 22, 0.5);
	color: var(--ds-text-secondary);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface .play-mobile-group-tab.mobile-group-tab:hover,
html.corporate-surface .play-mobile-group-tab.mobile-group-tab:focus-visible {
	border-color: rgba(53, 208, 226, 0.42);
	color: var(--ds-text-primary);
}

html.corporate-surface .play-mobile-group-tab.mobile-group-tab.active,
html.corporate-surface .play-mobile-group-tab.mobile-group-tab.is-active {
	border-color: rgba(184, 247, 255, 0.7);
	color: #04111f;
	background:
		radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.76), transparent 26%),
		linear-gradient(135deg, #b8f7ff 0%, #35d0e2 56%, #0ea5e9 100%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.22) inset,
		0 0 22px rgba(53, 208, 226, 0.3),
		0 0 42px rgba(14, 165, 233, 0.16),
		0 16px 34px rgba(0, 0, 0, 0.28);
}

html.corporate-surface .play-mobile-group-tab.is-complete::after {
	border-color: rgba(5, 8, 22, 0.86);
	background: var(--ds-success);
	box-shadow: 0 0 14px rgba(92, 242, 165, 0.24);
}

html.corporate-surface .play-mobile-group-tab.is-active.is-complete::after {
	border-color: rgba(5, 8, 22, 0.72);
	background: var(--ds-text-inverse-soft);
}

html.corporate-surface .play-page .ios-safe-group-nav__meta {
	color: var(--ds-text-secondary);
	text-shadow: 0 1px 18px rgba(0, 0, 0, 0.36);
}

html.corporate-surface .play-page .ios-safe-group-nav__meta strong,
html.corporate-surface .play-page .ios-safe-group-nav__meta span {
	color: var(--ds-text-primary);
}

html.corporate-surface .play-page .ios-safe-group-nav__meta span {
	font-weight: 900;
}

html.corporate-surface .matches-control-panel .form-control-premium {
	border-color: rgba(156, 163, 175, 0.18);
	background: rgba(5, 8, 22, 0.58);
	color: var(--ds-text-primary);
}

html.corporate-surface .matches-control-panel .search-field i {
	color: var(--ds-text-muted);
}

html.corporate-surface .phase-tab__count {
	background: rgba(245, 245, 244, 0.08);
	color: inherit;
}

html.corporate-surface .phase-tab.active .phase-tab__count {
	background: rgba(8, 17, 31, 0.12);
	color: inherit;
}

html.corporate-surface .play-hero-inline-cta {
	color: var(--ds-text-secondary);
}

html.corporate-surface .play-hero-inline-cta:hover,
html.corporate-surface .play-hero-inline-cta:focus-visible {
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-primary);
}

html.corporate-surface .group-stage-section,
html.corporate-surface .knockout-section {
	margin-top: 2.4rem;
}

html.corporate-surface .group-card {
	display: grid;
	gap: 1rem;
	padding: 1.05rem;
	border-color: rgba(156, 163, 175, 0.14);
	border-radius: var(--corp-radius-lg);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 42%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(11, 18, 32, 0.88));
}

html.corporate-surface .group-card__header {
	margin-bottom: 0;
}

html.corporate-surface .group-card__header h3 {
	color: var(--ds-text-primary);
}

html.corporate-surface .group-card__stats {
	color: var(--ds-text-muted);
}

html.corporate-surface .group-card__view-tabs {
	border-color: rgba(156, 163, 175, 0.14);
	background: rgba(5, 8, 22, 0.44);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.03);
}

html.corporate-surface .group-card__view-tab {
	color: var(--ds-text-muted);
	font-family: var(--corp-font-sans);
}

html.corporate-surface .group-card__view-tab:hover {
	color: var(--ds-text-primary);
}

html.corporate-surface .group-card__view-tab.is-active {
	color: var(--ds-text-inverse-soft);
	background: var(--gradient-primary);
	box-shadow: 0 14px 28px rgba(53, 208, 226, 0.14);
}

html.corporate-surface .prediction-filter-field span {
	color: var(--ds-primary);
	font-family: var(--corp-font-sans);
	letter-spacing: 0.08em;
}

html.corporate-surface .prediction-filter-field .form-control-premium {
	border-color: rgba(156, 163, 175, 0.14);
	color: var(--ds-text-primary);
	background: var(--ds-surface-soft);
}

html.corporate-surface .prediction-filter-field .form-control-premium:focus {
	border-color: rgba(53, 208, 226, 0.34);
	box-shadow: 0 0 0 4px rgba(53, 208, 226, 0.08);
}

html.corporate-surface .play-page .predictions-progress-inline {
	border-color: rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.032), transparent 48%),
		radial-gradient(circle at 92% 18%, rgba(53, 208, 226, 0.08), transparent 34%),
		rgba(5, 8, 22, 0.52);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .play-page .predictions-progress-copy strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .play-page .predictions-progress-copy span,
html.corporate-surface .play-page .predictions-progress-dirty {
	color: var(--ds-text-muted);
}

html.corporate-surface .play-page .predictions-progress-dirty {
	color: var(--ds-warning);
}

html.corporate-surface .play-page .predictions-progress-shell {
	background: rgba(156, 163, 175, 0.14);
}

html.corporate-surface .play-page .predictions-progress-fill {
	background: linear-gradient(90deg, var(--ds-primary), rgba(53, 208, 226, 0.86));
	box-shadow: 0 10px 26px rgba(53, 208, 226, 0.12);
}

html.corporate-surface .group-card__view-tab.is-disabled,
html.corporate-surface .group-card__view-tab:disabled {
	color: rgba(156, 163, 175, 0.46);
	background: transparent;
	box-shadow: none;
}

html.corporate-surface .match-list {
	gap: 0.85rem;
}

html.corporate-surface .match-card.match-card-compact {
	padding: 1rem;
	overflow: hidden;
	border: 1px solid rgba(156, 163, 175, 0.13);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.028), transparent 44%),
		rgba(5, 8, 22, 0.44);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
	transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

html.corporate-surface .match-card.match-card-compact:hover {
	border-color: rgba(53, 208, 226, 0.24);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.04), transparent 48%),
		rgba(5, 8, 22, 0.56);
	transform: translateY(-1px);
}

html.corporate-surface .match-card.match-card-compact.is-live,
html.corporate-surface .knockout-card.is-live {
	border-color: rgba(53, 208, 226, 0.34);
	background:
		radial-gradient(circle at 92% 10%, rgba(53, 208, 226, 0.16), transparent 34%),
		linear-gradient(180deg, rgba(53, 208, 226, 0.04), transparent 52%),
		rgba(5, 8, 22, 0.58);
	box-shadow: 0 0 0 1px rgba(53, 208, 226, 0.06), 0 18px 46px rgba(0, 0, 0, 0.22);
}

html.corporate-surface .match-card__topline {
	margin-bottom: 0.95rem;
}

html.corporate-surface .match-card__teams {
	grid-template-columns: minmax(0, 1fr) clamp(3.6rem, 10vw, 4.8rem) minmax(0, 1fr);
	gap: 1rem;
}

html.corporate-surface .team-side {
	gap: 0.75rem;
	min-width: 0;
}

html.corporate-surface .team-side strong {
	white-space: nowrap;
}

html.corporate-surface .team-side strong,
html.corporate-surface .knockout-team strong {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
	font-size: 1rem;
	font-weight: 850;
}

html.corporate-surface .team-side span,
html.corporate-surface .knockout-team span {
	color: var(--ds-text-muted);
	font-size: 0.82rem;
	font-weight: 750;
}

html.corporate-surface .team-flag,
html.corporate-surface .team-flag-fallback {
	width: 38px;
	height: 38px;
	border-color: rgba(156, 163, 175, 0.24);
	background: rgba(245, 245, 244, 0.92);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

html.corporate-surface .team-flag-fallback {
	color: var(--ds-primary);
	background: rgba(53, 208, 226, 0.08);
}

html.corporate-surface .score-box {
	width: clamp(3.6rem, 10vw, 4.8rem);
	min-width: clamp(3.6rem, 10vw, 4.8rem);
	min-height: 48px;
	border: 1px solid rgba(53, 208, 226, 0.14);
	border-radius: 18px;
	color: var(--ds-text-primary);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), rgba(53, 208, 226, 0.05)),
		rgba(17, 24, 39, 0.86);
	font-family: var(--corp-font-sans);
	font-size: 1rem;
	font-weight: 900;
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
	white-space: nowrap;
}

html.corporate-surface .is-live .score-box,
html.corporate-surface .live-score {
	border-color: rgba(53, 208, 226, 0.32);
	color: var(--ds-accent);
	box-shadow: 0 0 26px rgba(53, 208, 226, 0.12);
}

html.corporate-surface .live-matches-panel {
	border-color: rgba(53, 208, 226, 0.32);
	background:
		radial-gradient(circle at 14% 0%, rgba(53, 208, 226, 0.14), transparent 36%),
		radial-gradient(circle at 92% 12%, rgba(248, 214, 145, 0.11), transparent 34%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.05), transparent 46%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(5, 8, 22, 0.92));
	box-shadow:
		0 0 0 1px rgba(53, 208, 226, 0.06),
		0 28px 82px rgba(0, 0, 0, 0.3),
		0 0 42px rgba(53, 208, 226, 0.07),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

html.corporate-surface .live-matches-panel::before {
	background:
		linear-gradient(115deg, transparent 8%, rgba(53, 208, 226, 0.16) 44%, transparent 68%);
	opacity: 0.38;
}

html.corporate-surface .live-match-card,
html.corporate-surface .match-card.is-live,
html.corporate-surface .knockout-card.is-live {
	border-color: rgba(53, 208, 226, 0.34);
	background:
		radial-gradient(circle at 50% 12%, rgba(53, 208, 226, 0.14), transparent 34%),
		radial-gradient(circle at 100% 90%, rgba(18, 109, 128, 0.32), transparent 42%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.052), transparent 52%),
		rgba(5, 8, 22, 0.72);
	box-shadow: 0 0 0 1px rgba(53, 208, 226, 0.06), 0 24px 64px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .live-match-card:hover,
html.corporate-surface .match-card.is-live:hover,
html.corporate-surface .knockout-card.is-live:hover {
	border-color: rgba(53, 208, 226, 0.46);
	box-shadow: 0 0 0 1px rgba(53, 208, 226, 0.1), 0 30px 72px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

html.corporate-surface .live-match-card__ambient {
	background:
		radial-gradient(circle at 50% 18%, rgba(53, 208, 226, 0.22), transparent 28%),
		radial-gradient(circle at 10% 92%, rgba(53, 208, 226, 0.09), transparent 32%),
		linear-gradient(108deg, transparent 20%, rgba(245, 245, 244, 0.09) 46%, transparent 64%);
	background-size: 100% 100%, 100% 100%, 220% 100%;
	opacity: 0.72;
}

html.corporate-surface .live-match-card__badge {
	border-color: rgba(53, 208, 226, 0.32);
	color: var(--ds-accent);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.16), rgba(53, 208, 226, 0.035)),
		rgba(5, 8, 22, 0.72);
	box-shadow: 0 0 22px rgba(53, 208, 226, 0.12), inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .live-score--hero {
	border-color: rgba(53, 208, 226, 0.42);
	color: #f8fafc;
	background:
		radial-gradient(circle at 50% 0%, rgba(53, 208, 226, 0.24), transparent 58%),
		linear-gradient(180deg, rgba(11, 18, 32, 0.96), rgba(5, 8, 22, 0.9));
	text-shadow: 0 0 24px rgba(53, 208, 226, 0.2);
	box-shadow: 0 0 0 1px rgba(53, 208, 226, 0.1), 0 20px 54px rgba(0, 0, 0, 0.32), 0 0 34px rgba(53, 208, 226, 0.1), inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

html.corporate-surface .live-match-card__momentum {
	color: var(--ds-accent);
	background: rgba(53, 208, 226, 0.08);
	border-color: rgba(53, 208, 226, 0.2);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface .live-match-card__feed {
	color: var(--ds-text-primary);
}

html.corporate-surface .live-match-card__minute {
	background: rgba(53, 208, 226, 0.16);
	color: var(--ds-accent);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .live-match-card__event,
html.corporate-surface .live-goal-timeline__item {
	border-color: rgba(53, 208, 226, 0.18);
	background: rgba(5, 8, 22, 0.66);
	color: var(--ds-text-primary);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .live-goal-timeline__item--goal {
	border-color: rgba(52, 211, 153, 0.24);
	color: #a7f3d0;
}

html.corporate-surface .live-goal-timeline__item--red {
	border-color: rgba(248, 113, 113, 0.3);
	color: #fecaca;
}

html.corporate-surface .live-goal-timeline__item--var {
	border-color: rgba(53, 208, 226, 0.32);
	color: var(--ds-accent);
}

html.corporate-surface .live-match-card__cta {
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-text-primary);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.14), rgba(53, 208, 226, 0.055)),
		rgba(5, 8, 22, 0.7);
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(245, 245, 244, 0.05);
}

html.corporate-surface .live-match-card__cta span {
	color: rgba(226, 232, 240, 0.68);
}

html.corporate-surface .live-match-card__cta strong {
	color: var(--ds-accent);
}

html.corporate-surface .live-match-card__cta:hover,
html.corporate-surface .live-match-card__cta:focus-visible {
	border-color: rgba(53, 208, 226, 0.44);
	color: var(--ds-text-primary);
	box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28), 0 0 30px rgba(53, 208, 226, 0.1), inset 0 1px 0 rgba(245, 245, 244, 0.065);
}

/* Live pitch system */
html.corporate-surface:not([data-theme="light-premium"]) {
	--live-pitch-green: #10b981;
	--live-pitch-green-deep: #064e3b;
	--live-pitch-line: rgba(236, 253, 245, 0.54);
	--live-pitch-glow: rgba(16, 185, 129, 0.34);
	--live-pitch-lime: rgba(92, 242, 165, 0.72);
}

html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate.is-live,
html.corporate-surface:not([data-theme="light-premium"]) .live-matches-panel {
	border-color: rgba(16, 185, 129, 0.34);
	background:
		radial-gradient(circle at 18% 0%, rgba(92, 242, 165, 0.18), transparent 34%),
		radial-gradient(circle at 82% 8%, rgba(53, 208, 226, 0.1), transparent 30%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.92), rgba(4, 20, 22, 0.96));
	box-shadow:
		0 34px 110px rgba(0, 0, 0, 0.34),
		0 0 72px rgba(16, 185, 129, 0.11),
		0 0 0 1px rgba(236, 253, 245, 0.045) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate.is-live .official-pitch-card,
html.corporate-surface:not([data-theme="light-premium"]) .live-match-card,
html.corporate-surface:not([data-theme="light-premium"]) .match-card.match-card-compact.is-live,
html.corporate-surface:not([data-theme="light-premium"]) .match-card.is-live,
html.corporate-surface:not([data-theme="light-premium"]) .knockout-card.is-live {
	position: relative;
	overflow: hidden;
	border-color: rgba(92, 242, 165, 0.42);
	background:
		linear-gradient(90deg, rgba(236, 253, 245, 0.075) 1px, transparent 1px),
		linear-gradient(180deg, rgba(236, 253, 245, 0.05) 1px, transparent 1px),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 14.2%),
		radial-gradient(ellipse at 50% 8%, rgba(92, 242, 165, 0.25), transparent 32%),
		radial-gradient(ellipse at 50% 102%, rgba(53, 208, 226, 0.12), transparent 30%),
		linear-gradient(135deg, #063b2f 0%, #087047 42%, #064e3b 100%);
	background-size: 72px 72px, 72px 72px, auto, auto, auto, auto;
	box-shadow:
		0 30px 90px rgba(0, 0, 0, 0.34),
		0 0 58px rgba(16, 185, 129, 0.17),
		0 0 0 1px rgba(236, 253, 245, 0.08) inset,
		0 0 54px rgba(92, 242, 165, 0.12) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .live-match-card::before,
html.corporate-surface:not([data-theme="light-premium"]) .match-card.match-card-compact.is-live::before,
html.corporate-surface:not([data-theme="light-premium"]) .knockout-card.is-live::before {
	content: "";
	position: absolute;
	inset: 16px;
	z-index: 0;
	border: 1px solid var(--live-pitch-line);
	border-radius: 18px;
	box-shadow:
		0 0 34px rgba(236, 253, 245, 0.09) inset,
		0 0 34px rgba(92, 242, 165, 0.11);
	pointer-events: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .live-match-card::after,
html.corporate-surface:not([data-theme="light-premium"]) .match-card.match-card-compact.is-live::after,
html.corporate-surface:not([data-theme="light-premium"]) .knockout-card.is-live::after {
	content: "";
	position: absolute;
	top: 16px;
	bottom: 16px;
	left: 50%;
	z-index: 0;
	width: 1px;
	background: var(--live-pitch-line);
	box-shadow:
		0 0 0 48px rgba(236, 253, 245, 0.05),
		0 0 26px rgba(236, 253, 245, 0.18);
	pointer-events: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .live-match-card > *:not(.live-match-card__ambient),
html.corporate-surface:not([data-theme="light-premium"]) .match-card.match-card-compact.is-live > *:not(.live-match-card__ambient),
html.corporate-surface:not([data-theme="light-premium"]) .knockout-card.is-live > *:not(.live-match-card__ambient) {
	position: relative;
	z-index: 1;
}

html.corporate-surface:not([data-theme="light-premium"]) .live-match-card__ambient {
	background:
		radial-gradient(circle at 50% 16%, rgba(92, 242, 165, 0.32), transparent 26%),
		radial-gradient(circle at 12% 90%, rgba(53, 208, 226, 0.11), transparent 32%),
		linear-gradient(108deg, transparent 16%, rgba(236, 253, 245, 0.14) 46%, transparent 66%);
	opacity: 0.88;
}

html.corporate-surface:not([data-theme="light-premium"]) .live-match-card__badge,
html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate .official-status-pill--live {
	border-color: rgba(92, 242, 165, 0.46);
	color: #ecfdf5;
	background:
		linear-gradient(135deg, rgba(16, 185, 129, 0.34), rgba(6, 78, 59, 0.78)),
		rgba(5, 8, 22, 0.82);
	box-shadow:
		0 0 26px rgba(92, 242, 165, 0.22),
		inset 0 1px 0 rgba(236, 253, 245, 0.13);
}

html.corporate-surface:not([data-theme="light-premium"]) .live-score,
html.corporate-surface:not([data-theme="light-premium"]) .live-score--hero,
html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate.is-live .official-pitch-score {
	border-color: rgba(236, 253, 245, 0.38);
	color: #ecfdf5;
	background:
		radial-gradient(circle at 50% 0%, rgba(92, 242, 165, 0.2), transparent 58%),
		linear-gradient(180deg, rgba(6, 78, 59, 0.9), rgba(3, 7, 18, 0.94));
	text-shadow: 0 0 28px rgba(92, 242, 165, 0.32);
	box-shadow:
		0 26px 68px rgba(0, 0, 0, 0.36),
		0 0 0 1px rgba(236, 253, 245, 0.08),
		0 0 40px rgba(92, 242, 165, 0.2),
		inset 0 1px 0 rgba(236, 253, 245, 0.14);
}

html.corporate-surface:not([data-theme="light-premium"]) .live-match-card__cta,
html.corporate-surface:not([data-theme="light-premium"]) .btn-predict-disabled--live {
	border-color: rgba(92, 242, 165, 0.38);
	color: #031712;
	background:
		linear-gradient(135deg, #d9f99d 0%, #5cf2a5 48%, #22d3ee 100%);
	box-shadow:
		0 18px 48px rgba(16, 185, 129, 0.2),
		0 0 0 1px rgba(236, 253, 245, 0.32) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .live-match-card__cta span,
html.corporate-surface:not([data-theme="light-premium"]) .live-match-card__cta strong {
	color: #031712;
}

html.corporate-surface:not([data-theme="light-premium"]) .live-match-card__momentum {
	border-color: rgba(92, 242, 165, 0.34);
	color: #bbf7d0;
	background: rgba(6, 78, 59, 0.54);
	box-shadow: 0 0 24px rgba(92, 242, 165, 0.12);
}

@media (prefers-reduced-motion: no-preference) {
	html.corporate-surface:not([data-theme="light-premium"]) .live-match-card__ambient {
		animation: livePitchSweep 4.8s ease-in-out infinite;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .live-score--hero {
		animation: liveScoreGlow 2.8s ease-in-out infinite;
	}
}

@keyframes livePitchSweep {
	0%, 100% {
		background-position: 0 0, 0 0, 0 0;
		opacity: 0.72;
	}
	50% {
		background-position: 0 0, 0 0, 80% 0;
		opacity: 1;
	}
}

@keyframes liveScoreGlow {
	0%, 100% {
		box-shadow:
			0 22px 58px rgba(0, 0, 0, 0.34),
			0 0 0 1px rgba(236, 253, 245, 0.08),
			0 0 28px rgba(92, 242, 165, 0.16),
			inset 0 1px 0 rgba(236, 253, 245, 0.12);
	}
	50% {
		box-shadow:
			0 28px 78px rgba(0, 0, 0, 0.38),
			0 0 0 1px rgba(236, 253, 245, 0.12),
			0 0 48px rgba(92, 242, 165, 0.3),
			inset 0 1px 0 rgba(236, 253, 245, 0.18);
	}
}

html.corporate-surface .match-meta {
	gap: 0.45rem;
	margin-top: 0.9rem;
	color: var(--ds-text-muted);
}

html.corporate-surface .match-meta span {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.38rem 0.58rem;
	border: 1px solid rgba(156, 163, 175, 0.1);
	border-radius: 999px;
	background: rgba(5, 8, 22, 0.28);
}

html.corporate-surface .match-meta i {
	color: var(--ds-accent);
}

html.corporate-surface .status-badge,
html.corporate-surface .prediction-lock {
	border: 1px solid rgba(156, 163, 175, 0.12);
	background: var(--ds-surface-soft);
}

html.corporate-surface .status-scheduled {
	color: var(--ds-text-secondary);
}

html.corporate-surface .status-live {
	border-color: rgba(53, 208, 226, 0.34);
	color: var(--ds-accent);
	background: rgba(53, 208, 226, 0.1);
	box-shadow: 0 0 18px rgba(53, 208, 226, 0.14);
}

html.corporate-surface .prediction-lock.is-open {
	border-color: rgba(92, 242, 165, 0.2);
	color: var(--ds-success);
	background: rgba(92, 242, 165, 0.08);
}

html.corporate-surface .prediction-lock.is-locked {
	color: var(--ds-text-muted);
}

html.corporate-surface .btn-predict-disabled {
	min-height: 40px;
	border: 1px solid rgba(156, 163, 175, 0.13);
	color: var(--ds-text-secondary);
	background: rgba(5, 8, 22, 0.42);
	font-family: var(--corp-font-sans);
}

html.corporate-surface .btn-predict-disabled--live,
html.corporate-surface .btn-predict-disabled--finished {
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-text-inverse-soft);
	background: var(--gradient-primary);
	box-shadow: 0 14px 30px rgba(53, 208, 226, 0.14);
}

html.corporate-surface .group-standings-panel__header {
	color: var(--ds-text-muted);
}

html.corporate-surface .group-standings-panel__header strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .group-standings-row {
	border-color: rgba(156, 163, 175, 0.13);
	color: var(--ds-text-secondary);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 48%),
		rgba(5, 8, 22, 0.42);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.03);
}

html.corporate-surface .group-standings-row--head {
	border-color: transparent;
	color: var(--ds-text-muted);
	background: transparent;
	box-shadow: none;
}

html.corporate-surface .group-standings-position {
	color: var(--ds-text-inverse-soft);
	background: var(--gradient-primary);
	box-shadow: 0 10px 24px rgba(53, 208, 226, 0.12);
}

html.corporate-surface .group-standings-team strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .group-standings-team small {
	color: var(--ds-text-muted);
}

html.corporate-surface .group-standings-points {
	color: var(--ds-primary);
}

html.corporate-surface .group-standings-empty {
	border-color: rgba(156, 163, 175, 0.13);
	background: rgba(5, 8, 22, 0.36);
}

html.corporate-surface .play-page .prediction-group-card {
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: var(--corp-radius-lg);
	background:
		radial-gradient(circle at 92% 8%, rgba(53, 208, 226, 0.08), transparent 26%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 46%),
		rgba(17, 24, 39, 0.82);
	box-shadow: var(--corp-shadow-soft), inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface .play-page .prediction-group-title,
html.corporate-surface .play-page .prediction-group-title-row h3 {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
	letter-spacing: -0.025em;
}

html.corporate-surface .play-page .prediction-group-progress,
html.corporate-surface .play-page .prediction-group-complete {
	border: 1px solid var(--ds-border-strong);
	color: var(--ds-primary);
	background: rgba(53, 208, 226, 0.08);
}

html.corporate-surface .play-page .prediction-group-meta,
html.corporate-surface .play-page .prediction-group-deadline {
	color: var(--ds-text-muted);
}

html.corporate-surface .play-page .predictions-panel .prediction-row-compact,
html.corporate-surface .play-page .prediction-match-card {
	border: 1px solid rgba(156, 163, 175, 0.13);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 50%),
		var(--ds-surface-soft);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.03);
}

html.corporate-surface .play-page .prediction-match-card:hover {
	border-color: rgba(53, 208, 226, 0.24);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.04), transparent 50%),
		rgba(5, 8, 22, 0.58);
}

html.corporate-surface .play-page .prediction-match-card.is-live {
	border-color: rgba(53, 208, 226, 0.32);
	box-shadow: 0 0 0 1px rgba(53, 208, 226, 0.06), 0 18px 46px rgba(0, 0, 0, 0.22);
}

html.corporate-surface .play-page .prediction-match-card.is-saved {
	border-color: rgba(92, 242, 165, 0.18);
}

html.corporate-surface .play-page .prediction-match-card.is-dirty {
	border-color: rgba(255, 184, 77, 0.34);
}

html.corporate-surface .play-page .prediction-match-card .match-hero {
	border-color: rgba(156, 163, 175, 0.12);
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(5, 8, 22, 0.72)),
		rgba(5, 8, 22, 0.54);
}

html.corporate-surface .play-page .prediction-match-card .match-team-name {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
}

html.corporate-surface .play-page .prediction-match-card .match-team-code,
html.corporate-surface .play-page .prediction-match-card .match-meta,
html.corporate-surface .play-page .prediction-match-card .match-prediction-summary {
	color: var(--ds-text-muted);
}

html.corporate-surface .play-page .prediction-match-card .match-deadline-chip {
	border-color: rgba(156, 163, 175, 0.14);
	color: var(--ds-text-muted);
	background: rgba(5, 8, 22, 0.36);
}

html.corporate-surface .play-page .prediction-match-card .match-vs {
	border: 1px solid rgba(53, 208, 226, 0.14);
	color: var(--ds-primary);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.1), rgba(53, 208, 226, 0.05)),
		var(--ds-surface-elevated);
}

html.corporate-surface .play-page .prediction-match-card .match-prediction-label {
	color: var(--ds-primary);
}

html.corporate-surface .play-page .prediction-result-select,
html.corporate-surface .play-page .prediction-score-input,
html.corporate-surface .play-page .prediction-qualified-select,
html.corporate-surface .play-page .prediction-readonly {
	border-color: var(--ds-border-subtle);
	color: var(--ds-text-primary);
	background: rgba(5, 8, 22, 0.62);
}

html.corporate-surface .play-page .prediction-score-grid {
	display: grid;
	grid-template-columns: minmax(3.25rem, 4.25rem) auto minmax(3.25rem, 4.25rem);
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-width: 10rem;
}

html.corporate-surface .play-page .prediction-score-grid .prediction-score-input {
	width: 100%;
	min-height: 2.75rem;
	text-align: center;
	font-weight: 900;
}

html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-native-save-form.prediction-controls--score {
	display: grid;
	grid-template-columns: minmax(10rem, auto) auto;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	width: max-content;
	max-width: 100%;
}

@media (max-width: 768px) {
	html.corporate-surface .play-page .prediction-match-card .match-hero {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-areas:
			"home away"
			"control control";
		align-items: stretch;
		gap: 10px;
	}

	html.corporate-surface .play-page .prediction-match-card .match-team--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .prediction-match-card .match-team--away {
		grid-area: away;
	}

	html.corporate-surface .play-page .prediction-match-card .match-score-control {
		grid-area: control;
		width: 100%;
	}

	html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-native-save-form.prediction-controls--score {
		grid-template-columns: minmax(8.5rem, auto) minmax(7rem, 1fr);
		justify-items: center;
		width: min(100%, 19rem);
	}

	html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-native-save-form.prediction-controls--score .prediction-native-save-btn {
		width: 100%;
	}
}

@media (max-width: 380px) {
	html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-native-save-form.prediction-controls--score {
		grid-template-columns: 1fr;
		width: min(100%, 12.5rem);
	}
}

html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-score-input,
html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-readonly,
html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-result-select,
html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-qualified-select {
	border-color: rgba(156, 163, 175, 0.18);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 55%),
		rgba(5, 8, 22, 0.72);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface .play-page .prediction-match-card .match-score-control .prediction-score-separator {
	color: rgba(53, 208, 226, 0.72);
}

.prediction-qualified-select-shell {
	display: grid;
	grid-column: 1 / -1;
	gap: 0.35rem;
	width: min(100%, 280px);
	margin: 0.5rem auto 0;
	text-align: left;
}

.prediction-qualified-select-shell[hidden] {
	display: none;
}

.prediction-qualified-select-shell span {
	color: rgba(245, 245, 244, 0.62);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.prediction-qualified-select {
	min-height: 2.65rem;
	border-radius: 999px;
	text-align: center;
}

html.corporate-surface .play-page.play-page--casazar .prediction-qualified-select-shell.is-required span {
	color: #c7f7ff;
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) {
	display: grid;
	grid-template-columns: 56px auto 56px;
	grid-template-areas:
		"home dash away"
		"advance advance advance";
	align-items: center;
	justify-items: center;
	gap: 8px;
	min-width: 224px;
	padding: 8px 10px 10px;
	border: 1px solid rgba(231, 215, 177, 0.14);
	border-radius: 24px;
	background:
		radial-gradient(circle at 50% 0%, rgba(214, 179, 106, 0.12), transparent 52%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.03), transparent 48%),
		rgba(5, 8, 22, 0.56);
	box-shadow:
		inset 0 1px 0 rgba(245, 245, 244, 0.05),
		0 18px 38px rgba(0, 0, 0, 0.18);
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-score-tap-target:first-of-type {
	grid-area: home;
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-score-separator {
	grid-area: dash;
	align-self: center;
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-score-tap-target:nth-of-type(2) {
	grid-area: away;
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-qualified-select-shell {
	grid-area: advance;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 7px 8px 7px 12px;
	border: 1px solid rgba(214, 179, 106, 0.28);
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(214, 179, 106, 0.1), rgba(53, 208, 226, 0.045)),
		rgba(2, 6, 23, 0.66);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-qualified-select-shell span {
	color: #35d0e2;
	font-size: 0.66rem;
	letter-spacing: 0.12em;
	white-space: nowrap;
}

html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-qualified-select {
	width: 100%;
	min-height: 40px;
	padding: 0 36px 0 14px;
	border-color: rgba(231, 215, 177, 0.16);
	border-radius: 999px;
	font-size: 0.9rem;
	font-weight: 850;
	text-align: left;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 52%),
		rgba(5, 8, 22, 0.82);
}

@media (max-width: 768px) {
	html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) {
		grid-template-columns: 48px auto 48px;
		min-width: 188px;
		padding: 7px 8px 9px;
		border-radius: 20px;
		gap: 6px;
	}

	html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-qualified-select-shell {
		grid-template-columns: 1fr;
		gap: 5px;
		padding: 8px;
		border-radius: 18px;
		text-align: center;
	}

	html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-qualified-select-shell span {
		font-size: 0.6rem;
	}

	html.corporate-surface .play-page.play-page--casazar .prediction-match-card .match-score-control .prediction-controls--score:has(.prediction-qualified-select-shell:not([hidden])) .prediction-qualified-select {
		min-height: 38px;
		padding-left: 12px;
		font-size: 0.82rem;
		text-align: center;
	}
}

html.corporate-surface .play-page .prediction-select-shell.has-value .prediction-result-select {
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-text-primary);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), rgba(53, 208, 226, 0.05)),
		rgba(5, 8, 22, 0.78);
}

html.corporate-surface .play-page .prediction-score-input:focus,
html.corporate-surface .play-page .prediction-result-select:focus,
html.corporate-surface .play-page .prediction-qualified-select:focus {
	border-color: rgba(53, 208, 226, 0.42);
	box-shadow: 0 0 0 4px rgba(53, 208, 226, 0.08);
}

.home-hero .corporate-live-network {
	transform: translateX(-18%);
}

.btn-primary-gradient {
	background: var(--gradient-primary);
	border: 1px solid rgba(184, 247, 255, 0.62);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.18) inset,
		0 0 22px rgba(53, 208, 226, 0.2),
		0 14px 30px rgba(14, 165, 233, 0.12);
	color: #04111f;
}

.corporate-btn-primary,
.corporate-btn-secondary,
.corporate-btn-ghost,
.corporate-btn-danger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.72rem 1.1rem;
	border-radius: 999px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.corporate-btn-primary {
	background: var(--gradient-primary);
	border: 1px solid rgba(184, 247, 255, 0.62);
	color: #04111f;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.18) inset,
		0 0 22px rgba(53, 208, 226, 0.2),
		0 14px 30px rgba(14, 165, 233, 0.12);
}

.corporate-btn-secondary {
	background: rgba(11, 18, 32, 0.92);
	border: 1px solid rgba(53, 208, 226, 0.24);
	color: var(--ds-text-secondary);
}

.corporate-btn-ghost {
	background: transparent;
	border: 1px solid rgba(156, 163, 175, 0.18);
	color: var(--ds-text-secondary);
}

.corporate-btn-danger {
	background: rgba(248, 113, 113, 0.1);
	border: 1px solid rgba(248, 113, 113, 0.28);
	color: #fca5a5;
}

.corporate-btn-primary:hover,
.corporate-btn-secondary:hover,
.corporate-btn-ghost:hover,
.corporate-btn-danger:hover {
	transform: translateY(-1px);
	text-decoration: none;
}

.btn-primary-gradient:hover,
.btn-primary-gradient:focus,
.corporate-btn-primary:hover,
.corporate-btn-primary:focus {
	background: linear-gradient(135deg, #d8fbff 0%, #35d0e2 52%, #0ea5e9 100%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.22) inset,
		0 0 30px rgba(53, 208, 226, 0.28),
		0 18px 38px rgba(14, 165, 233, 0.18);
	color: #03101e;
}

.btn-secondary-soft,
.btn-dark-premium,
.pwa-install-btn,
.btn-sm-action {
	background: rgba(11, 18, 32, 0.92);
	border: 1px solid rgba(53, 208, 226, 0.22);
	box-shadow: none;
	color: var(--ds-text-secondary);
}

.btn-secondary-soft:hover,
.btn-secondary-soft:focus,
.btn-dark-premium:hover,
.pwa-install-btn:hover,
.corporate-btn-secondary:hover,
.corporate-btn-secondary:focus,
.corporate-btn-ghost:hover,
.corporate-btn-ghost:focus {
	background: rgba(53, 208, 226, 0.1);
	border-color: rgba(53, 208, 226, 0.42);
	color: var(--ds-text-primary);
}

.form-control-premium,
.form-select,
.form-control,
.corporate-input,
.corporate-select,
.corporate-textarea {
	background: rgba(5, 8, 22, 0.72);
	border: 1px solid rgba(156, 163, 175, 0.28);
	color: var(--ds-text-primary);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

.form-control-premium:focus,
.form-select:focus,
.form-control:focus,
.corporate-input:focus,
.corporate-select:focus,
.corporate-textarea:focus {
	background: rgba(5, 8, 22, 0.9);
	border-color: rgba(53, 208, 226, 0.62);
	box-shadow: 0 0 0 0.2rem rgba(53, 208, 226, 0.12);
	color: var(--ds-text-primary);
}

.form-control-premium::placeholder,
.form-control::placeholder {
	color: rgba(156, 163, 175, 0.76);
}

.form-label-premium,
.form-label,
.corporate-label {
	color: var(--ds-text-secondary);
}

.corporate-help,
.corporate-form-help {
	color: var(--ds-text-muted);
	font-size: 0.92rem;
}

.corporate-chip,
.corporate-status,
.corporate-badge,
.corporate-badge-live,
.corporate-badge-active,
.corporate-badge-pending,
.corporate-badge-locked,
.corporate-badge-license,
.corporate-badge-admin,
.badge-live,
.live-badge,
.badge-premium,
.badge-muted,
.badge-success,
.badge-new,
.context-pill,
.league-status-badge,
.league-settings-chip,
.entry-points-chip,
.distribution-type-badge,
.status-badge,
.prediction-status-badge,
.match-status-chip,
.match-deadline-chip,
.user-prediction-chip,
.finished-result-chip,
.prediction-saved-chip,
.prediction-locked-chip,
.points-earned-chip,
.ranking-mode-chip,
.ranking-self-badge,
.you-badge,
.podium-badge,
.podium-badge-main,
.corporate-pricing-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.42rem;
	width: fit-content;
	border-radius: 999px;
	padding: 0.28rem 0.62rem;
	border: 1px solid var(--ds-border-subtle);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.045), rgba(245, 245, 244, 0.015)),
		rgba(5, 8, 22, 0.48);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.045);
	color: var(--ds-text-secondary);
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.045em;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
	backdrop-filter: blur(14px);
}

.corporate-chip--live,
.corporate-badge-live,
.badge-live,
.live-badge,
.status-live,
.match-status-chip.is-live,
.prediction-status-badge.is-live,
.ranking-mode-chip__live {
	background:
		radial-gradient(circle at 18% 50%, rgba(53, 208, 226, 0.16), transparent 44%),
		rgba(53, 208, 226, 0.065);
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-accent);
	box-shadow:
		0 0 18px rgba(53, 208, 226, 0.08),
		inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

.corporate-chip--premium,
.corporate-badge,
.corporate-badge-license,
.corporate-badge-admin,
.badge-premium,
.badge-new,
.podium-badge,
.podium-badge-main,
.entry-points-chip,
.distribution-type-badge,
.ranking-mode-chip.is-active,
.corporate-pricing-badge {
	background:
		linear-gradient(180deg, rgba(53, 208, 226, 0.12), rgba(53, 208, 226, 0.035)),
		rgba(5, 8, 22, 0.45);
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-primary);
}

.corporate-chip--neutral,
.corporate-status,
.corporate-badge-locked,
.badge-muted,
.league-status-badge,
.league-settings-chip,
.context-pill,
.status-badge,
.status-scheduled,
.status-finished,
.prediction-status-badge,
.match-status-chip,
.match-deadline-chip,
.user-prediction-chip,
.finished-result-chip,
.prediction-locked-chip,
.prediction-status-locked,
.prediction-status-finished,
.ranking-mode-chip {
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.04), rgba(245, 245, 244, 0.012)),
		rgba(5, 8, 22, 0.52);
	border-color: var(--ds-border-subtle);
	color: var(--ds-text-secondary);
}

.corporate-chip--success,
.corporate-badge-active,
.badge-success,
.status-success,
.member-status-active,
.prediction-saved-chip,
.prediction-status-saved,
.prediction-status-badge.is-saved,
.match-status-chip.is-saved,
.you-badge,
.alert-success-soft {
	background:
		radial-gradient(circle at 18% 50%, rgba(92, 242, 165, 0.12), transparent 46%),
		rgba(92, 242, 165, 0.055);
	border-color: rgba(92, 242, 165, 0.28);
	color: var(--ds-success);
}

.corporate-chip--warning,
.corporate-badge-pending,
.member-status-pending,
.prediction-status-pending,
.prediction-status-unsaved,
.capacity-warning,
.deadline-warning,
.alert-warning-soft,
.match-status-chip.is-dirty,
.match-status-chip.is-locked,
.prediction-status-badge.is-dirty,
.prediction-status-badge.is-locked {
	background:
		radial-gradient(circle at 18% 50%, rgba(255, 184, 77, 0.12), transparent 46%),
		rgba(255, 184, 77, 0.055);
	border-color: rgba(255, 184, 77, 0.26);
	color: #ffd28a;
}

html.corporate-surface .play-page .prediction-native-save-form.has-unsaved-changes .prediction-native-save-btn {
	border-color: rgba(255, 184, 77, 0.34);
	box-shadow:
		0 0 0 1px rgba(255, 184, 77, 0.2),
		0 14px 34px rgba(255, 184, 77, 0.08);
}

html.corporate-surface .play-page .prediction-save-feedback.is-warning,
html.corporate-surface .play-page .nfl-pick-action__status.is-dirty,
html.corporate-surface .play-page .mlb-pick-action__status.is-dirty,
html.corporate-surface .play-page .champions-pick-action__status.is-dirty,
html.corporate-surface .play-page [data-f1-completion-message].is-dirty {
	color: #ffd28a;
}

.corporate-chip--danger,
.member-status-rejected,
.member-status-removed {
	background: rgba(248, 113, 113, 0.055);
	border-color: rgba(248, 113, 113, 0.22);
	color: #fca5a5;
}

.badge-live::before,
.live-badge::before,
.context-pill--live::before,
.ranking-mode-chip__live::before {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 0 12px currentColor;
	opacity: 0.85;
}

.alert-danger-soft {
	background: rgba(248, 113, 113, 0.1);
	border: 1px solid rgba(248, 113, 113, 0.28);
	color: #fca5a5;
}

.metric-card__icon,
.ranking-insight-icon,
html.corporate-surface .push-optin-card__icon {
	background: rgba(53, 208, 226, 0.11);
	color: var(--ds-accent);
}

.empty-state,
.empty-state-wide,
.ranking-empty,
.prediction-filter-empty,
.activity-feed-empty,
.play-empty-state {
	color: var(--ds-text-muted);
}

.empty-state .empty-icon,
.empty-state-wide .empty-icon,
.ranking-empty .empty-icon {
	background: rgba(53, 208, 226, 0.1);
	border: 1px solid rgba(53, 208, 226, 0.22);
	color: var(--ds-accent);
	box-shadow: none;
}

.empty-state h2,
.empty-state h3,
.empty-state h4,
.empty-state-wide h3,
.ranking-empty h2,
.prediction-filter-empty__title,
.activity-feed-empty h3,
.play-empty-state h3 {
	color: var(--ds-text-primary);
}

.empty-state p,
.empty-state-wide p,
.ranking-empty p,
.prediction-filter-empty__copy,
.activity-feed-empty p,
.play-empty-state p {
	color: var(--ds-text-muted);
}

html.corporate-surface .matches-page .empty-state {
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.18);
	background:
		radial-gradient(circle at 50% 0%, rgba(53, 208, 226, 0.1), transparent 32%),
		linear-gradient(145deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.9));
	box-shadow:
		0 18px 54px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface .matches-page .empty-state i {
	border: 1px solid rgba(53, 208, 226, 0.24);
	color: var(--ds-primary);
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.12), rgba(53, 208, 226, 0.08));
}

html.corporate-surface .matches-page .empty-state h2 {
	color: var(--ds-text-primary);
	text-shadow: none;
}

html.corporate-surface .matches-page .empty-state p {
	color: var(--ds-text-secondary);
}

html.corporate-surface .matches-page .empty-state .btn-secondary-soft {
	border-color: rgba(53, 208, 226, 0.2);
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-text-primary);
}

html.corporate-surface .play-page .play-empty-state.home-join-card {
	position: relative;
	min-height: 292px;
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: var(--corp-radius-lg);
	background:
		radial-gradient(circle at 12% 14%, rgba(53, 208, 226, 0.14), transparent 30%),
		radial-gradient(circle at 92% 86%, rgba(53, 208, 226, 0.12), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.92));
	box-shadow: var(--shadow-corporate-panel);
	color: var(--ds-text-primary);
}

html.corporate-surface .play-page .play-empty-state.home-join-card::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.08), transparent 34%),
		linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.028) 1px, transparent 1px);
	background-size: auto, 56px 56px, 56px 56px;
	mask-image: linear-gradient(135deg, #000 0%, rgba(0, 0, 0, 0.64) 58%, transparent 100%);
}

html.corporate-surface .play-page .play-empty-state.home-join-card > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page .play-empty-state.home-join-card .metric-card__icon {
	border: 1px solid rgba(53, 208, 226, 0.22);
	color: var(--ds-accent);
	background: rgba(53, 208, 226, 0.1);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.05);
}

html.corporate-surface .play-page .play-empty-state.home-join-card h2 {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
	font-size: clamp(1.25rem, 2.2vw, 1.7rem);
	font-weight: 850;
	letter-spacing: -0.03em;
}

html.corporate-surface .play-page .play-empty-state.home-join-card p {
	max-width: 46ch;
	color: var(--ds-text-secondary);
}

html.corporate-surface .play-page .play-empty-state.home-join-card .join-code-form {
	margin-top: auto;
}

html.corporate-surface .play-page .play-empty-state.home-join-card .form-control-premium {
	border-color: rgba(156, 163, 175, 0.2);
	background: rgba(5, 8, 22, 0.64);
	color: var(--ds-text-primary);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .play-page .play-empty-state.home-join-card .form-control-premium::placeholder {
	color: rgba(209, 213, 219, 0.48);
}

html.corporate-surface .play-page .play-empty-state.home-join-card .btn-primary-gradient {
	white-space: nowrap;
}

html.corporate-surface .play-page .play-next-pick-callout {
	border-color: rgba(24, 199, 216, 0.28);
	background:
		radial-gradient(circle at right, rgba(24, 199, 216, 0.16), transparent 38%),
		linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(8, 13, 26, 0.94));
	box-shadow: 0 22px 58px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html.corporate-surface .play-page .play-next-pick-callout__copy strong {
	color: #f8fafc;
}

html.corporate-surface .play-page .prediction-match-card.is-quick-next-prediction {
	border-color: rgba(24, 199, 216, 0.42);
	box-shadow: 0 24px 62px rgba(24, 199, 216, 0.14), 0 18px 44px rgba(0, 0, 0, 0.28);
}

.table,
.table-premium,
.members-table,
.admin-table {
	--bs-table-bg: transparent;
	--bs-table-color: var(--ds-text-secondary);
	--bs-table-border-color: var(--ds-border-subtle);
	color: var(--ds-text-secondary);
}

.table thead,
.table-premium thead,
.members-table thead,
.admin-table thead {
	color: var(--ds-primary);
}

.list-group-item,
.member-row,
.pending-member-row,
.league-settings-row,
.league-context-menu__item,
.ranking-filter-row {
	background: rgba(5, 8, 22, 0.42);
	border-color: rgba(156, 163, 175, 0.14);
	color: var(--ds-text-secondary);
}

.prediction-mode-card__content,
.legal-consent-card,
.league-code-box,
.league-settings-option,
.push-preview-card__phone,
.push-broadcast-summary,
.department-card {
	background: rgba(5, 8, 22, 0.48);
	border: 1px solid rgba(156, 163, 175, 0.18);
	color: var(--ds-text-secondary);
}

.prediction-mode-card input:checked + .prediction-mode-card__content,
.league-settings-option:has(input:checked) {
	background: rgba(53, 208, 226, 0.1);
	border-color: rgba(53, 208, 226, 0.42);
	box-shadow: 0 12px 32px rgba(53, 208, 226, 0.1);
	color: var(--ds-text-primary);
}

html.corporate-surface .experience-skin-card__indicator {
	border-color: rgba(148, 163, 184, 0.46);
	background: rgba(5, 8, 22, 0.72);
	box-shadow: inset 0 0 0 5px rgba(5, 8, 22, 0.92);
}

html.corporate-surface .experience-skin-card input:checked + .experience-skin-card__content .experience-skin-card__indicator {
	border-color: rgba(53, 208, 226, 0.9);
	background: rgb(53, 208, 226);
	box-shadow: inset 0 0 0 5px rgba(5, 8, 22, 0.92), 0 0 0 4px rgba(53, 208, 226, 0.14);
}

html.corporate-surface .experience-skin-card input:focus-visible + .experience-skin-card__content {
	outline-color: rgba(53, 208, 226, 0.26);
}

html.corporate-surface .leagues-page {
	width: min(1120px, calc(100% - 32px));
	padding-top: clamp(2.25rem, 4vw, 3.4rem);
}

html.corporate-surface .leagues-page .narrow-container {
	max-width: 920px;
}

html.corporate-surface .leagues-page .narrow-container > .glass-card {
	padding: clamp(1.35rem, 3vw, 2.2rem) !important;
	border-color: rgba(53, 208, 226, 0.2);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.025), transparent 42%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(11, 18, 32, 0.9));
}

html.corporate-surface .leagues-page form {
	margin-top: 1.35rem !important;
}

html.corporate-surface .leagues-page .mb-4 {
	margin-bottom: 1.25rem !important;
}

html.corporate-surface .leagues-page .mb-3 {
	margin-bottom: 1rem !important;
}

html.corporate-surface .leagues-page .section-header {
	margin-bottom: 0.85rem !important;
}

html.corporate-surface .leagues-page .form-control-premium {
	min-height: 54px;
	border-radius: 18px;
}

html.corporate-surface .leagues-page .member-role-select {
	min-height: 40px;
	border-radius: 14px;
	padding-block: 0.35rem;
}

html.corporate-surface .leagues-page textarea.form-control-premium {
	min-height: 112px;
}

html.corporate-surface .leagues-page .prediction-mode-grid {
	gap: 0.75rem;
}

html.corporate-surface .leagues-page .prediction-mode-card__content {
	gap: 0.65rem;
	padding: 1rem;
	border-radius: 18px;
}

html.corporate-surface .leagues-page .prediction-mode-card__topline {
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.5rem;
}

html.corporate-surface .leagues-page .prediction-mode-card__topline .badge-premium {
	max-width: 100%;
	padding-inline: 0.58rem;
	font-size: 0.68rem;
	white-space: nowrap;
}

html.corporate-surface .leagues-page .prediction-mode-card__content > span:last-child {
	font-size: 0.95rem;
	line-height: 1.36;
}

html.corporate-surface .leagues-page .form-help-text,
html.corporate-surface .leagues-page .section-copy {
	color: rgba(209, 213, 219, 0.72);
}

html.corporate-surface .leagues-page .prize-toggle-card {
	border-color: var(--ds-border-subtle);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.028), transparent 46%),
		rgba(5, 8, 22, 0.5);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .prize-toggle-card:hover {
	border-color: rgba(53, 208, 226, 0.28);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.036), transparent 48%),
		rgba(5, 8, 22, 0.62);
}

html.corporate-surface .leagues-page .prize-toggle-card:focus-within {
	border-color: rgba(53, 208, 226, 0.48);
	box-shadow:
		0 0 0 4px rgba(53, 208, 226, 0.1),
		inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface .leagues-page .prize-toggle-card strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .prize-toggle-card small {
	color: rgba(209, 213, 219, 0.72);
}

html.corporate-surface .leagues-page .prize-toggle-card__control {
	background: rgba(156, 163, 175, 0.18);
	box-shadow: inset 0 0 0 1px rgba(156, 163, 175, 0.22);
}

html.corporate-surface .leagues-page .prize-toggle-card__control::after {
	background: var(--ds-text-primary);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

html.corporate-surface .leagues-page .prize-toggle-card input:checked + .prize-toggle-card__control {
	background: linear-gradient(135deg, var(--ds-primary), var(--ds-accent));
	box-shadow: 0 0 0 4px rgba(53, 208, 226, 0.12);
}

html.corporate-surface .leagues-page .prize-toggle-card input:checked + .prize-toggle-card__control::after {
	background: var(--ds-text-inverse-soft);
}

html.corporate-surface .leagues-page .corporate-awards-config {
	margin-top: 1rem !important;
}

html.corporate-surface .leagues-page .corporate-award-config-row {
	border-color: rgba(53, 208, 226, 0.16);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.03), transparent 46%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.88), rgba(8, 13, 27, 0.92));
	box-shadow:
		inset 0 1px 0 rgba(245, 245, 244, 0.045),
		0 18px 42px rgba(0, 0, 0, 0.18);
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .corporate-award-toggle strong {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
	letter-spacing: 0;
}

html.corporate-surface .leagues-page .corporate-award-toggle small {
	color: rgba(209, 213, 219, 0.74);
}

html.corporate-surface .leagues-page .corporate-award-toggle input {
	accent-color: var(--ds-primary);
}

html.corporate-surface .leagues-page .corporate-award-config-row .form-label-premium {
	color: rgba(245, 245, 244, 0.76);
}

html.corporate-surface .leagues-page .corporate-award-config-row .form-control-premium {
	border-color: rgba(156, 163, 175, 0.18);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.025), transparent 52%),
		rgba(5, 8, 22, 0.58);
	color: var(--ds-text-primary);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .leagues-page .corporate-award-config-row .form-control-premium::placeholder {
	color: rgba(209, 213, 219, 0.44);
}

html.corporate-surface .leagues-page .corporate-award-config-row .btn-secondary-soft {
	border-color: rgba(53, 208, 226, 0.2);
	background: rgba(5, 8, 22, 0.68);
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .creation-advanced-settings {
	border-color: rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.024), transparent 45%),
		rgba(5, 8, 22, 0.44);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .leagues-page .creation-advanced-settings__summary strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .creation-advanced-settings__summary small,
html.corporate-surface .leagues-page .creation-advanced-settings__summary i {
	color: rgba(209, 213, 219, 0.72);
}

html.corporate-surface .leagues-page .creation-advanced-settings__content {
	border-top-color: rgba(156, 163, 175, 0.13);
}

html.corporate-surface .leagues-page .leagues-hero {
	padding: clamp(1.25rem, 2.5vw, 1.75rem);
	border-color: rgba(53, 208, 226, 0.22);
	background:
		radial-gradient(circle at 86% 20%, rgba(53, 208, 226, 0.12), transparent 28%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(11, 18, 32, 0.9));
}

html.corporate-surface .leagues-page .league-section-nav {
	gap: 0.35rem;
	align-items: center;
	margin: 1rem 0 1.5rem;
	padding: 0.45rem;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 8px;
	background: rgba(9, 14, 27, 0.74);
	box-shadow: none;
	backdrop-filter: blur(14px);
}

html.corporate-surface .leagues-page .league-section-nav::before,
html.corporate-surface .leagues-page .league-section-nav::after {
	display: none;
}

html.corporate-surface .leagues-page .league-section-nav a {
	min-height: 36px;
	gap: 0.4rem;
	padding: 0.48rem 0.75rem;
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 7px;
	background: rgba(15, 23, 42, 0.62);
	box-shadow: none;
	color: rgba(248, 250, 252, 0.78);
	font-size: 0.92rem;
	font-weight: 800;
}

html.corporate-surface .leagues-page .league-section-nav a i {
	color: rgba(53, 208, 226, 0.82);
	font-size: 0.98rem;
}

html.corporate-surface .leagues-page .league-section-nav a:hover,
html.corporate-surface .leagues-page .league-section-nav a:focus-visible {
	border-color: rgba(53, 208, 226, 0.34);
	background: rgba(15, 23, 42, 0.82);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
	color: #f8fafc;
	transform: translateY(-1px);
}

html.corporate-surface .leagues-page .member-panel-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	align-items: stretch;
}

html.corporate-surface .leagues-page .manage-hero-metrics span,
html.corporate-surface .leagues-page .manage-quick-action,
html.corporate-surface .leagues-page .manage-member-tab {
	border-color: var(--ds-border-subtle);
	background: rgba(5, 8, 22, 0.5);
	color: var(--ds-text-primary);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .leagues-page .manage-hero-metrics strong {
	color: var(--ds-primary);
}

html.corporate-surface .leagues-page .league-brand-logo {
	border-color: rgba(245, 245, 244, 0.16);
	background: rgba(245, 245, 244, 0.96);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

html.corporate-surface .leagues-page .league-brand-preview {
	border-color: rgba(156, 163, 175, 0.22);
	background: rgba(5, 8, 22, 0.5);
	color: var(--ds-text-muted);
}

html.corporate-surface .leagues-page .ai-campaign-studio__status,
html.corporate-surface .leagues-page .ai-preset-chip,
html.corporate-surface .leagues-page .ai-idea-chip {
	border-color: rgba(156, 163, 175, 0.2);
	background: rgba(5, 8, 22, 0.5);
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .ai-preset-chip:hover,
html.corporate-surface .leagues-page .ai-preset-chip.is-active,
html.corporate-surface .leagues-page .ai-idea-chip:hover {
	border-color: rgba(53, 208, 226, 0.44);
	background: rgba(53, 208, 226, 0.12);
}

html.corporate-surface .leagues-page .ai-campaign-studio__guided-grid {
	border-color: rgba(53, 208, 226, 0.12);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.07), rgba(244, 211, 116, 0.045)),
		rgba(5, 8, 22, 0.42);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 20px 48px rgba(0, 0, 0, 0.16);
}

html.corporate-surface .leagues-page .ai-campaign-studio__creative-board {
	border-color: rgba(53, 208, 226, 0.12);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.07), rgba(244, 211, 116, 0.045)),
		rgba(5, 8, 22, 0.42);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 20px 48px rgba(0, 0, 0, 0.16);
}

html.corporate-surface .leagues-page .ai-campaign-studio__mobile-disclosure {
	border-color: rgba(53, 208, 226, 0.12);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.07), rgba(244, 211, 116, 0.045)),
		rgba(5, 8, 22, 0.42);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 20px 48px rgba(0, 0, 0, 0.16);
}

html.corporate-surface .leagues-page .ai-campaign-studio__mobile-summary {
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .ai-campaign-studio__mobile-summary i {
	color: var(--ds-primary);
}

html.corporate-surface .leagues-page .ai-campaign-studio__creative-row {
	border-color: rgba(156, 163, 175, 0.14);
	background: rgba(5, 8, 22, 0.34);
}

html.corporate-surface .leagues-page .ai-campaign-studio__creative-copy span {
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .ai-campaign-studio__creative-copy p {
	color: var(--ds-text-muted);
}

html.corporate-surface .leagues-page .ai-direction-chip,
html.corporate-surface .leagues-page .ai-treatment-chip {
	border-color: rgba(156, 163, 175, 0.18);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(53, 208, 226, 0.03)),
		rgba(7, 11, 27, 0.7);
	color: var(--ds-text-primary);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .leagues-page .ai-direction-chip:hover,
html.corporate-surface .leagues-page .ai-treatment-chip:hover,
html.corporate-surface .leagues-page .ai-direction-chip.is-active,
html.corporate-surface .leagues-page .ai-treatment-chip.is-active {
	border-color: rgba(53, 208, 226, 0.44);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.14), rgba(244, 211, 116, 0.07)),
		rgba(8, 14, 32, 0.9);
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(244, 211, 116, 0.05);
}

html.corporate-surface .leagues-page .ai-campaign-studio__select-field span {
	color: var(--ds-text-muted);
}

html.corporate-surface .leagues-page .ai-campaign-studio__select-field select {
	border-color: rgba(156, 163, 175, 0.18);
	background:
		linear-gradient(45deg, transparent 50%, rgba(244, 211, 116, 0.92) 50%) right 17px center / 7px 7px no-repeat,
		linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(53, 208, 226, 0.035)),
		rgba(7, 11, 27, 0.82);
	color: var(--ds-text-primary);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

html.corporate-surface .leagues-page .ai-campaign-studio__select-field select:hover {
	border-color: rgba(53, 208, 226, 0.38);
	background:
		linear-gradient(45deg, transparent 50%, rgba(244, 211, 116, 0.96) 50%) right 17px center / 7px 7px no-repeat,
		linear-gradient(135deg, rgba(53, 208, 226, 0.11), rgba(244, 211, 116, 0.055)),
		rgba(8, 14, 32, 0.9);
}

html.corporate-surface .leagues-page .ai-campaign-studio__select-field select:focus {
	border-color: rgba(53, 208, 226, 0.58);
	box-shadow: 0 0 0 3px rgba(53, 208, 226, 0.14), 0 18px 38px rgba(0, 0, 0, 0.22);
}

html.corporate-surface .leagues-page .ai-campaign-studio__image-wrap {
	border-color: rgba(156, 163, 175, 0.22);
	background: rgba(5, 8, 22, 0.5);
}

html.corporate-surface .leagues-page .ai-campaign-studio__loading {
	background:
		linear-gradient(135deg, rgba(3, 7, 18, 0.9), rgba(7, 11, 27, 0.76)),
		radial-gradient(circle at 50% 38%, rgba(53, 208, 226, 0.2), transparent 44%);
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .ai-campaign-studio__loading small {
	color: var(--ds-text-muted);
}

html.corporate-surface .leagues-page .ai-campaign-studio__spinner {
	border-color: rgba(255, 255, 255, 0.14);
	border-top-color: rgba(53, 208, 226, 0.96);
	border-right-color: rgba(244, 211, 116, 0.92);
	box-shadow: 0 0 34px rgba(53, 208, 226, 0.22);
}

html.corporate-surface .leagues-page .ai-campaign-studio.is-loading [data-ai-generate] {
	box-shadow: 0 18px 42px rgba(53, 208, 226, 0.18), 0 0 0 1px rgba(244, 211, 116, 0.12);
}

html.corporate-surface .leagues-page .ai-campaign-studio__usage .btn-secondary-soft.is-active {
	border-color: rgba(34, 197, 94, 0.38);
	background: rgba(34, 197, 94, 0.14);
	color: #d1fae5;
}

html.corporate-surface .leagues-page .ai-campaign-studio__empty {
	color: var(--ds-text-muted);
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	border-color: rgba(53, 208, 226, 0.24);
	background:
		radial-gradient(circle at 80% 24%, rgba(53, 208, 226, 0.16), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.97), rgba(11, 18, 32, 0.94));
	box-shadow:
		0 30px 90px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(8, 15, 29, 0.98) 0%, rgba(8, 15, 29, 0.9) 32%, rgba(8, 15, 29, 0.52) 58%, rgba(8, 15, 29, 0.22) 100%),
		linear-gradient(180deg, rgba(8, 15, 29, 0.16), rgba(8, 15, 29, 0.7)),
		var(--campaign-hero-image) center / cover no-repeat;
	border-radius: inherit;
	box-shadow: 0 0 54px rgba(53, 208, 226, 0.08);
	opacity: 0.94;
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		radial-gradient(circle at 82% 22%, rgba(245, 245, 244, 0.12), transparent 24%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.04), transparent 34%, rgba(5, 8, 22, 0.18));
	mix-blend-mode: screen;
	opacity: 0.66;
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai > * {
	position: relative;
	z-index: 2;
}

html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai {
	min-height: clamp(440px, 42vw, 620px);
	align-items: center;
}

html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .app-hero__content {
	max-width: min(720px, 56vw);
}

html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .league-competition-hero__scoreboard {
	width: min(100%, 320px);
	margin-top: clamp(1rem, 2vw, 1.5rem);
	padding: 0.72rem 0.86rem;
	border-color: rgba(245, 245, 244, 0.14);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.72), rgba(8, 15, 29, 0.58)),
		rgba(8, 15, 29, 0.84);
	backdrop-filter: blur(14px);
}

html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .league-competition-hero__scoreboard span {
	font-size: 0.68rem;
	letter-spacing: 0;
}

html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .league-competition-hero__scoreboard strong {
	font-size: clamp(1.05rem, 1.45vw, 1.45rem);
	line-height: 1.05;
}

html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .league-competition-hero__scoreboard small {
	font-size: 0.82rem;
	line-height: 1.2;
}

html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .app-hero-title {
	max-width: 680px;
	font-size: clamp(3.75rem, 7vw, 7.6rem);
	line-height: 0.9;
}

html.corporate-surface .leagues-page .league-competition-hero__status {
	display: block;
	max-width: 620px;
	margin-top: 0.9rem;
	color: rgba(248, 250, 252, 0.92);
	font-family: var(--corp-font-display);
	font-size: clamp(1.45rem, 2.1vw, 2.4rem);
	font-weight: 800;
	line-height: 1.06;
}

html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .app-hero-subtitle {
	max-width: 620px;
	margin-top: 1rem;
	font-size: clamp(1rem, 1.45vw, 1.28rem);
	line-height: 1.35;
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai .section-title,
html.corporate-surface .leagues-page .leagues-hero--campaign-ai .app-hero-title,
html.corporate-surface .leagues-page .leagues-hero--campaign-ai h1 {
	color: #f8fafc;
	text-shadow: 0 16px 42px rgba(0, 0, 0, 0.42);
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai .section-copy,
html.corporate-surface .leagues-page .leagues-hero--campaign-ai .app-hero-subtitle,
html.corporate-surface .leagues-page .leagues-hero--campaign-ai .app-hero-label {
	color: rgba(245, 245, 244, 0.8);
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai .manage-hero-metrics span,
html.corporate-surface .leagues-page .leagues-hero--campaign-ai .context-pill {
	border-color: rgba(245, 245, 244, 0.16);
	background: rgba(5, 8, 22, 0.5);
	color: rgba(245, 245, 244, 0.8);
	backdrop-filter: blur(12px);
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai .manage-hero-metrics strong,
html.corporate-surface .leagues-page .leagues-hero--campaign-ai .context-pill {
	color: var(--ds-primary);
}

html.corporate-surface .leagues-page .leagues-hero--campaign-ai .btn-secondary-soft,
html.corporate-surface .leagues-page .leagues-hero--campaign-ai .copy-link-button--hero {
	border-color: rgba(245, 245, 244, 0.18);
	background: rgba(5, 8, 22, 0.46);
	color: rgba(248, 250, 252, 0.9);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.08);
	backdrop-filter: blur(12px);
}

@media (max-width: 991.98px) {
	html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai {
		min-height: auto;
	}

	html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .app-hero__content {
		max-width: none;
	}

	html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .league-competition-hero__scoreboard {
		margin-bottom: 0;
	}
}

@media (min-width: 992px) {
	html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai {
		grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
		column-gap: clamp(2rem, 6vw, 7rem);
	}

	html.corporate-surface .leagues-page .league-competition-hero.leagues-hero--campaign-ai .league-competition-hero__scoreboard {
		align-self: end;
		justify-self: end;
		margin-top: 0;
		margin-bottom: clamp(0.5rem, 1.8vw, 1.4rem);
	}
}

html.corporate-surface .leagues-page .league-competition-hero--compact {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 0.62fr) minmax(270px, 0.38fr);
	align-items: center;
	gap: clamp(1.25rem, 3.4vw, 3.4rem);
	min-height: clamp(250px, 24vw, 330px);
	padding: clamp(1.35rem, 2.6vw, 2.25rem);
	overflow: hidden;
	border-radius: 24px;
	border-color: rgba(53, 208, 226, 0.18);
	background:
		radial-gradient(circle at 86% 24%, rgba(53, 208, 226, 0.16), transparent 30%),
		radial-gradient(circle at 6% 84%, rgba(95, 220, 180, 0.12), transparent 32%),
		linear-gradient(135deg, rgba(10, 18, 32, 0.98), rgba(5, 8, 22, 0.96));
	box-shadow:
		0 30px 86px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.05);
}

html.corporate-surface .leagues-page .league-competition-hero.league-competition-hero--compact.leagues-hero--campaign-ai {
	grid-template-columns: minmax(0, 0.62fr) minmax(270px, 0.38fr);
	min-height: clamp(250px, 24vw, 330px);
	align-items: center;
	column-gap: clamp(1.25rem, 3.4vw, 3.4rem);
}

html.corporate-surface .leagues-page .league-competition-hero--compact::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
	background:
		linear-gradient(90deg, rgba(5, 8, 22, 0.99) 0%, rgba(5, 8, 22, 0.93) 43%, rgba(5, 8, 22, 0.7) 66%, rgba(5, 8, 22, 0.9) 100%),
		radial-gradient(circle at 78% 36%, rgba(53, 208, 226, 0.22), transparent 30%),
		var(--campaign-hero-image, linear-gradient(135deg, rgba(18, 32, 52, 0.88), rgba(8, 15, 29, 0.96))) center right / cover no-repeat;
	opacity: 0.98;
}

html.corporate-surface .leagues-page .league-competition-hero--compact::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	border-radius: inherit;
	background:
		linear-gradient(rgba(53, 208, 226, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.035) 1px, transparent 1px),
		radial-gradient(circle at 70% 22%, rgba(245, 245, 244, 0.1), transparent 24%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 42%, rgba(5, 8, 22, 0.32));
	background-size: 84px 84px, 84px 84px, auto, auto;
	opacity: 0.72;
	mix-blend-mode: screen;
}

html.corporate-surface .leagues-page .league-competition-hero--compact > * {
	position: relative;
	z-index: 2;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .app-hero__content {
	max-width: none;
	min-width: 0;
}

html.corporate-surface .leagues-page .league-competition-hero.league-competition-hero--compact.leagues-hero--campaign-ai .app-hero__content {
	max-width: none;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .app-hero-label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--ds-primary);
	font-size: clamp(0.68rem, 0.9vw, 0.78rem);
	letter-spacing: 0.12em;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .league-brand-logo--hero {
	width: 42px;
	height: 42px;
	margin-top: 0.85rem;
	margin-bottom: 0;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .app-hero-title {
	display: -webkit-box;
	max-width: min(100%, 13.5ch);
	margin-top: clamp(0.65rem, 1.2vw, 0.9rem) !important;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #f8fafc;
	font-size: clamp(2.45rem, 4.9vw, 4.55rem);
	line-height: 0.94;
	letter-spacing: -0.045em;
	text-shadow: 0 18px 44px rgba(0, 0, 0, 0.46);
}

html.corporate-surface .leagues-page .league-competition-hero.league-competition-hero--compact.leagues-hero--campaign-ai .app-hero-title {
	max-width: min(100%, 13.5ch);
	font-size: clamp(2.45rem, 4.9vw, 4.55rem);
	line-height: 0.94;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .league-competition-hero__status {
	display: block;
	max-width: 34rem;
	margin-top: 0.7rem;
	color: #71e7f4;
	font-family: var(--corp-font-sans);
	font-size: clamp(1.05rem, 1.55vw, 1.36rem);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.05;
	text-shadow: 0 0 24px rgba(53, 208, 226, 0.22);
}

html.corporate-surface .leagues-page .league-competition-hero--compact .app-hero-subtitle {
	max-width: 48rem;
	margin-top: 0.45rem;
	color: rgba(226, 232, 240, 0.74);
	font-size: clamp(0.92rem, 1.08vw, 1.04rem);
	font-weight: 750;
	line-height: 1.35;
}

html.corporate-surface .leagues-page .league-competition-hero.league-competition-hero--compact.leagues-hero--campaign-ai .app-hero-subtitle {
	max-width: 48rem;
	font-size: clamp(0.92rem, 1.08vw, 1.04rem);
	line-height: 1.35;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .leagues-hero__context {
	flex-wrap: nowrap;
	gap: 0.5rem;
	margin-top: 0.9rem;
	overflow-x: auto;
	padding-bottom: 0.1rem;
	scrollbar-width: none;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .leagues-hero__context::-webkit-scrollbar {
	display: none;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .context-pill {
	min-height: 32px;
	flex: 0 0 auto;
	padding: 0 0.82rem;
	border-color: rgba(53, 208, 226, 0.18);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.13), rgba(5, 8, 22, 0.52)),
		rgba(5, 8, 22, 0.58);
	color: rgba(248, 250, 252, 0.86);
	font-family: var(--corp-font-sans);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.01em;
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.07);
}

html.corporate-surface .leagues-page .league-competition-hero--compact .league-competition-hero__rail {
	display: flex;
	justify-content: center;
	justify-self: stretch;
	min-width: 0;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .league-competition-hero__scoreboard {
	width: min(100%, 360px);
	margin: 0;
	padding: clamp(0.95rem, 1.5vw, 1.25rem);
	border: 1px solid rgba(245, 245, 244, 0.12);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(8, 15, 29, 0.72), rgba(5, 8, 22, 0.5)),
		rgba(5, 8, 22, 0.44);
	backdrop-filter: blur(18px);
	box-shadow:
		0 22px 54px rgba(0, 0, 0, 0.26),
		inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

html.corporate-surface .leagues-page .league-competition-hero.league-competition-hero--compact.leagues-hero--campaign-ai .league-competition-hero__scoreboard {
	width: min(100%, 360px);
	margin: 0;
	padding: clamp(0.95rem, 1.5vw, 1.25rem);
	border-radius: 18px;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .league-competition-hero__scoreboard span {
	color: #71e7f4;
	font-size: 0.68rem;
	letter-spacing: 0.1em;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .league-competition-hero__scoreboard strong {
	color: #f8fafc;
	font-family: var(--corp-font-sans);
	font-size: clamp(1.08rem, 1.7vw, 1.48rem);
	font-weight: 800;
	letter-spacing: -0.035em;
}

html.corporate-surface .leagues-page .league-competition-hero--compact .league-competition-hero__scoreboard small {
	color: rgba(226, 232, 240, 0.72);
	font-size: 0.88rem;
	line-height: 1.25;
}

@media (max-width: 991.98px) {
	html.corporate-surface .leagues-page .league-competition-hero--compact {
		grid-template-columns: 1fr;
		gap: 1rem;
		min-height: auto;
		padding: clamp(1.25rem, 6vw, 1.8rem);
	}

	html.corporate-surface .leagues-page .league-competition-hero.league-competition-hero--compact.leagues-hero--campaign-ai {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	html.corporate-surface .leagues-page .league-competition-hero--compact::before {
		background:
			linear-gradient(180deg, rgba(5, 8, 22, 0.98) 0%, rgba(5, 8, 22, 0.9) 48%, rgba(5, 8, 22, 0.96) 100%),
			radial-gradient(circle at 74% 20%, rgba(53, 208, 226, 0.2), transparent 34%),
			var(--campaign-hero-image, linear-gradient(135deg, rgba(18, 32, 52, 0.88), rgba(8, 15, 29, 0.96))) center / cover no-repeat;
	}

	html.corporate-surface .leagues-page .league-competition-hero--compact .app-hero-title {
		max-width: 100%;
		font-size: clamp(2rem, 9.6vw, 2.45rem);
	}

	html.corporate-surface .leagues-page .league-competition-hero.league-competition-hero--compact.leagues-hero--campaign-ai .app-hero-title {
		max-width: 100%;
		font-size: clamp(2rem, 9.6vw, 2.45rem);
	}

	html.corporate-surface .leagues-page .league-competition-hero--compact .app-hero-subtitle {
		max-width: 100%;
	}

	html.corporate-surface .leagues-page .league-competition-hero--compact .leagues-hero__context {
		flex-wrap: wrap;
	}

	html.corporate-surface .leagues-page .league-competition-hero--compact .league-competition-hero__rail,
	html.corporate-surface .leagues-page .league-competition-hero--compact .league-competition-hero__scoreboard {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .leagues-page .league-competition-hero--compact {
		border-radius: 22px;
	}

	html.corporate-surface .leagues-page .league-competition-hero--compact .context-pill {
		min-height: 30px;
		padding: 0 0.7rem;
		font-size: 0.7rem;
	}
}

html.premium-v2-welcome-open,
html.premium-v2-welcome-open body {
	overflow: hidden;
}

.premium-v2-welcome {
	position: fixed;
	inset: 0;
	z-index: 12000;
	box-sizing: border-box;
	display: grid;
	place-items: center;
	width: 100vw;
	max-width: 100vw;
	min-height: 100dvh;
	min-height: 100svh;
	padding: clamp(1.1rem, 3vw, 2.5rem);
	overflow: hidden;
	background:
		radial-gradient(circle at 18% 22%, rgba(53, 208, 226, 0.28), transparent 28%),
		radial-gradient(circle at 74% 18%, rgba(92, 242, 165, 0.16), transparent 28%),
		radial-gradient(circle at 76% 82%, rgba(14, 116, 144, 0.22), transparent 34%),
		linear-gradient(135deg, rgba(2, 6, 23, 0.98), rgba(5, 8, 22, 0.97));
	color: #f8fafc;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.012);
	transition:
		opacity 520ms ease,
		visibility 520ms ease,
		transform 680ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.premium-v2-welcome.is-visible {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.premium-v2-welcome.is-leaving {
	opacity: 0;
	visibility: hidden;
	transform: scale(1.018);
}

.premium-v2-welcome__stage,
.premium-v2-welcome__stage::before,
.premium-v2-welcome__stage::after {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.premium-v2-welcome__stage {
	overflow: hidden;
}

.premium-v2-welcome__stage::before {
	content: "";
	background:
		linear-gradient(rgba(53, 208, 226, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.035) 1px, transparent 1px);
	background-size: 86px 86px;
	mask-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.9) 14%, rgba(0, 0, 0, 0.78) 78%, transparent);
	opacity: 0.72;
}

.premium-v2-welcome__stage::after {
	content: "";
	background:
		linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.2), transparent),
		linear-gradient(180deg, rgba(245, 245, 244, 0.08), transparent 40%, rgba(5, 8, 22, 0.28));
	mix-blend-mode: screen;
	opacity: 0.8;
}

.premium-v2-welcome__field {
	position: absolute;
	left: 50%;
	bottom: clamp(-120px, -9vw, -70px);
	width: min(1180px, 118vw);
	height: clamp(280px, 40vw, 520px);
	border: 1px solid rgba(92, 242, 165, 0.22);
	border-radius: 42px;
	background:
		linear-gradient(90deg, rgba(236, 253, 245, 0.08) 1px, transparent 1px),
		linear-gradient(rgba(236, 253, 245, 0.07) 1px, transparent 1px),
		radial-gradient(circle at 50% 48%, rgba(92, 242, 165, 0.24), transparent 18%),
		linear-gradient(135deg, rgba(4, 120, 87, 0.28), rgba(8, 47, 73, 0.22));
	background-size: 112px 100%, 100% 68px, auto, auto;
	box-shadow:
		0 0 80px rgba(92, 242, 165, 0.12),
		inset 0 0 46px rgba(92, 242, 165, 0.13);
	opacity: 0.74;
	transform: translateX(-50%) perspective(900px) rotateX(58deg);
	transform-origin: center bottom;
}

.premium-v2-welcome__signal {
	position: absolute;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.72), rgba(92, 242, 165, 0.62), transparent);
	filter: blur(0.2px) drop-shadow(0 0 24px rgba(53, 208, 226, 0.42));
	opacity: 0.82;
	animation: premium-v2-signal 5.6s linear infinite;
}

.premium-v2-welcome__signal--one {
	top: 24%;
	left: -18%;
	width: 56vw;
	height: 2px;
}

.premium-v2-welcome__signal--two {
	top: 62%;
	right: -16%;
	width: 48vw;
	height: 2px;
	animation-delay: -1.8s;
}

.premium-v2-welcome__signal--three {
	top: 42%;
	left: 42%;
	width: 34vw;
	height: 1px;
	animation-delay: -3.4s;
	opacity: 0.56;
}

.premium-v2-welcome__panel {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	width: min(100%, 1100px);
	max-width: 100%;
	min-height: min(620px, calc(100dvh - 3rem));
	min-height: min(620px, calc(100svh - 3rem));
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.9fr);
	align-items: stretch;
	padding: 0;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: clamp(26px, 4vw, 40px);
	background:
		linear-gradient(115deg, rgba(5, 8, 22, 0.88) 0%, rgba(5, 8, 22, 0.68) 52%, rgba(8, 47, 73, 0.42) 100%),
		radial-gradient(circle at 84% 24%, rgba(53, 208, 226, 0.22), transparent 26%),
		rgba(5, 8, 22, 0.68);
	box-shadow:
		0 42px 130px rgba(0, 0, 0, 0.5),
		inset 0 1px 0 rgba(245, 245, 244, 0.08);
	backdrop-filter: blur(22px);
	overflow: hidden;
}

.premium-v2-welcome__panel::before {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
	background:
		radial-gradient(circle at 74% 30%, rgba(53, 208, 226, 0.16), transparent 28%),
		linear-gradient(90deg, transparent 0 55%, rgba(53, 208, 226, 0.06) 55% 55.15%, transparent 55.15%);
	opacity: 0.86;
}

.premium-v2-welcome__content {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-width: 0;
	padding: clamp(2rem, 5vw, 4.7rem);
}

.premium-v2-welcome__visual {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	display: grid;
	place-items: center;
	min-width: 0;
	overflow: hidden;
	border-left: 1px solid rgba(53, 208, 226, 0.12);
	background:
		radial-gradient(circle at 50% 52%, rgba(53, 208, 226, 0.15), transparent 29%),
		radial-gradient(circle at 76% 22%, rgba(92, 242, 165, 0.1), transparent 25%),
		linear-gradient(145deg, rgba(8, 47, 73, 0.18), rgba(5, 8, 22, 0.12));
}

.premium-v2-welcome__visual::before,
.premium-v2-welcome__visual::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: min(38vw, 390px);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.4), transparent);
	transform-origin: center;
	pointer-events: none;
}

.premium-v2-welcome__visual::before {
	transform: translate(-50%, -50%) rotate(30deg);
}

.premium-v2-welcome__visual::after {
	transform: translate(-50%, -50%) rotate(-38deg);
}

.premium-v2-welcome__visual-grid {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(rgba(53, 208, 226, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.045) 1px, transparent 1px);
	background-size: 52px 52px;
	mask-image: radial-gradient(circle at center, black, transparent 76%);
	opacity: 0.72;
}

.premium-v2-welcome__orbit {
	position: absolute;
	left: 50%;
	top: 50%;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 999px;
	box-shadow: inset 0 0 44px rgba(53, 208, 226, 0.045), 0 0 40px rgba(53, 208, 226, 0.04);
	transform: translate(-50%, -50%);
}

.premium-v2-welcome__orbit--outer {
	width: min(32vw, 340px);
	height: min(32vw, 340px);
	border-color: rgba(92, 242, 165, 0.16);
}

.premium-v2-welcome__orbit--inner {
	width: min(20vw, 210px);
	height: min(20vw, 210px);
}

.premium-v2-welcome__visual-core {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 84px;
	height: 84px;
	border: 1px solid rgba(103, 232, 249, 0.46);
	border-radius: 999px;
	background: radial-gradient(circle at 35% 26%, rgba(216, 251, 255, 0.34), rgba(8, 47, 73, 0.74));
	color: #bff7ff;
	font-size: 1.7rem;
	box-shadow: 0 0 0 13px rgba(53, 208, 226, 0.05), 0 0 46px rgba(53, 208, 226, 0.26);
}

.premium-v2-welcome__visual-node {
	position: absolute;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem 0.75rem;
	border: 1px solid rgba(53, 208, 226, 0.25);
	border-radius: 999px;
	background: rgba(5, 8, 22, 0.66);
	color: rgba(226, 232, 240, 0.9);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.premium-v2-welcome__visual-node i {
	color: #67e8f9;
	font-size: 0.88rem;
}

.premium-v2-welcome__visual-node--join {
	top: 19%;
	left: 50%;
	transform: translateX(-50%);
}

.premium-v2-welcome__visual-node--play {
	bottom: 21%;
	left: 12%;
}

.premium-v2-welcome__visual-node--create,
.premium-v2-welcome__visual-node--reward {
	bottom: 21%;
	right: 10%;
}

.premium-v2-welcome__close {
	position: absolute;
	top: clamp(1rem, 2vw, 1.35rem);
	right: clamp(1rem, 2vw, 1.35rem);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 999px;
	background: rgba(5, 8, 22, 0.72);
	color: rgba(248, 250, 252, 0.86);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

.premium-v2-welcome__logo,
.premium-v2-welcome__eyebrow,
.premium-v2-welcome__title,
.premium-v2-welcome__copy,
.premium-v2-welcome__actions {
	position: relative;
	z-index: 1;
}

.premium-v2-welcome__logo {
	width: clamp(64px, 8vw, 92px);
	height: clamp(64px, 8vw, 92px);
	margin-bottom: clamp(1.2rem, 2.8vw, 2.2rem);
	filter:
		drop-shadow(0 0 22px rgba(53, 208, 226, 0.34))
		drop-shadow(0 24px 46px rgba(0, 0, 0, 0.44));
}

.premium-v2-welcome__eyebrow {
	margin: 0 0 0.85rem;
	color: #67e8f9;
	font-size: clamp(0.72rem, 1.2vw, 0.86rem);
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.premium-v2-welcome__title {
	max-width: 12.4ch;
	margin: 0;
	color: #f8fafc;
	font-family: var(--corp-font-sans);
	font-size: clamp(3.15rem, 5.8vw, 5.7rem);
	font-weight: 800;
	letter-spacing: -0.055em;
	line-height: 0.9;
	text-shadow:
		0 22px 70px rgba(0, 0, 0, 0.54),
		0 0 34px rgba(53, 208, 226, 0.12);
	overflow-wrap: normal;
}

.premium-v2-welcome__title span {
	color: #67e8f9;
	text-shadow:
		0 18px 54px rgba(0, 0, 0, 0.48),
		0 0 34px rgba(53, 208, 226, 0.36);
}

.premium-v2-welcome__copy {
	max-width: 48ch;
	margin: clamp(1rem, 2vw, 1.35rem) 0 0;
	color: rgba(226, 232, 240, 0.78);
	font-size: clamp(1rem, 1.7vw, 1.3rem);
	font-weight: 750;
	line-height: 1.38;
}

.premium-v2-welcome__actions {
	display: flex;
	align-items: center;
	gap: 0.95rem;
	flex-wrap: wrap;
	max-width: 100%;
	margin-top: clamp(1.4rem, 3vw, 2.4rem);
}

.premium-v2-welcome__primary {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	min-height: 58px;
	padding: 0 1.45rem 0 1.65rem;
	border: 1px solid rgba(53, 208, 226, 0.52);
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.58), transparent 50%),
		linear-gradient(135deg, #d8fbff 0%, #35d0e2 58%, #5cf2a5 100%);
	color: #031019;
	font-family: var(--corp-font-sans);
	font-size: 1rem;
	font-weight: 900;
	text-decoration: none;
	box-shadow:
		0 0 0 1px rgba(236, 253, 245, 0.34) inset,
		0 20px 64px rgba(53, 208, 226, 0.26);
}

.premium-v2-welcome__secondary {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem 0.1rem;
	border: 0;
	background: transparent;
	color: rgba(226, 232, 240, 0.82);
	font-family: var(--corp-font-sans);
	font-size: 0.94rem;
	font-weight: 850;
	text-decoration: none;
}

.premium-v2-welcome__secondary:hover,
.premium-v2-welcome__secondary:focus-visible {
	color: #67e8f9;
	text-decoration: underline;
	text-underline-offset: 0.24em;
}

.premium-v2-welcome--light {
	background:
		radial-gradient(circle at 18% 22%, rgba(37, 99, 235, 0.18), transparent 30%),
		radial-gradient(circle at 76% 18%, rgba(14, 165, 233, 0.12), transparent 30%),
		radial-gradient(circle at 70% 82%, rgba(217, 119, 6, 0.12), transparent 34%),
		linear-gradient(135deg, rgba(248, 250, 252, 0.95), rgba(226, 232, 240, 0.92));
	color: #0f172a;
}

.premium-v2-welcome--light .premium-v2-welcome__stage::before {
	background:
		linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(37, 99, 235, 0.045) 1px, transparent 1px);
	opacity: 0.6;
}

.premium-v2-welcome--light .premium-v2-welcome__stage::after {
	background:
		linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.16), transparent),
		linear-gradient(180deg, rgba(255, 255, 255, 0.48), transparent 44%, rgba(203, 213, 225, 0.22));
	mix-blend-mode: multiply;
	opacity: 0.56;
}

.premium-v2-welcome--light .premium-v2-welcome__field {
	border-color: rgba(37, 99, 235, 0.16);
	background:
		linear-gradient(90deg, rgba(37, 99, 235, 0.06) 1px, transparent 1px),
		linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
		radial-gradient(circle at 50% 48%, rgba(59, 130, 246, 0.16), transparent 18%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(219, 234, 254, 0.48));
	background-size: 112px 100%, 100% 68px, auto, auto;
	box-shadow:
		0 0 80px rgba(37, 99, 235, 0.12),
		inset 0 0 46px rgba(59, 130, 246, 0.1);
	opacity: 0.72;
}

.premium-v2-welcome--light .premium-v2-welcome__signal {
	background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.52), rgba(217, 119, 6, 0.26), transparent);
	filter: blur(0.2px) drop-shadow(0 0 18px rgba(37, 99, 235, 0.18));
	opacity: 0.46;
}

.premium-v2-welcome--light .premium-v2-welcome__panel {
	border-color: rgba(148, 163, 184, 0.34);
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.9) 54%, rgba(219, 234, 254, 0.66) 100%),
		radial-gradient(circle at 84% 24%, rgba(37, 99, 235, 0.13), transparent 28%),
		#ffffff;
	box-shadow:
		0 42px 130px rgba(15, 23, 42, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.premium-v2-welcome--light .premium-v2-welcome__panel::before {
	background:
		radial-gradient(circle at 74% 30%, rgba(37, 99, 235, 0.1), transparent 28%),
		linear-gradient(90deg, transparent 0 60%, rgba(37, 99, 235, 0.05) 60% 61%, transparent 61%);
	opacity: 0.68;
}

.premium-v2-welcome--light .premium-v2-welcome__visual {
	border-left-color: rgba(37, 99, 235, 0.16);
}

.premium-v2-welcome--light .premium-v2-welcome__visual-node {
	border-color: rgba(37, 99, 235, 0.2);
	background: rgba(255, 255, 255, 0.76);
	color: #334155;
}

.premium-v2-welcome--light .premium-v2-welcome__close {
	border-color: rgba(148, 163, 184, 0.36);
	background: rgba(255, 255, 255, 0.82);
	color: #0f172a;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.premium-v2-welcome--light .premium-v2-welcome__logo {
	filter:
		drop-shadow(0 0 18px rgba(37, 99, 235, 0.18))
		drop-shadow(0 18px 34px rgba(15, 23, 42, 0.14));
}

.premium-v2-welcome--light .premium-v2-welcome__eyebrow {
	color: #2563eb;
}

.premium-v2-welcome--light .premium-v2-welcome__title {
	color: #0f172a;
	text-shadow: 0 18px 50px rgba(15, 23, 42, 0.14);
}

.premium-v2-welcome--light .premium-v2-welcome__copy {
	color: #475569;
}

.premium-v2-welcome--light .premium-v2-welcome__primary {
	border-color: rgba(37, 99, 235, 0.24);
	background:
		radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.72), transparent 50%),
		linear-gradient(135deg, #dbeafe 0%, #38bdf8 54%, #5cf2a5 100%);
	color: #031019;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.72) inset,
		0 18px 42px rgba(37, 99, 235, 0.18);
}

@keyframes premium-v2-signal {
	0% {
		transform: translateX(-14vw);
		opacity: 0;
	}
	14%,
	78% {
		opacity: 0.82;
	}
	100% {
		transform: translateX(32vw);
		opacity: 0;
	}
}

@media (max-width: 767.98px) {
	.premium-v2-welcome {
		align-items: center;
		justify-items: center;
		padding: max(0.75rem, env(safe-area-inset-top, 0px)) max(0.75rem, env(safe-area-inset-right, 0px)) max(0.75rem, env(safe-area-inset-bottom, 0px)) max(0.75rem, env(safe-area-inset-left, 0px));
	}

	.premium-v2-welcome__panel {
		width: min(100%, calc(100vw - 1.5rem));
		min-height: min(620px, calc(100dvh - 1.5rem));
		min-height: min(620px, calc(100svh - 1.5rem));
		max-height: calc(100dvh - 1.5rem);
		max-height: calc(100svh - 1.5rem);
		grid-template-columns: minmax(0, 1fr);
		padding: 0;
		border-radius: 28px;
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: none;
	}

	.premium-v2-welcome__panel::-webkit-scrollbar {
		display: none;
	}

	.premium-v2-welcome__content {
		padding: clamp(1.35rem, 6.2vw, 1.8rem);
		padding-top: clamp(4rem, 14vw, 5rem);
	}

	.premium-v2-welcome__visual {
		min-height: 178px;
		border-top: 1px solid rgba(53, 208, 226, 0.12);
		border-left: 0;
	}

	.premium-v2-welcome__orbit--outer {
		width: 180px;
		height: 180px;
	}

	.premium-v2-welcome__orbit--inner {
		width: 110px;
		height: 110px;
	}

	.premium-v2-welcome__visual-core {
		width: 54px;
		height: 54px;
		font-size: 1.1rem;
		box-shadow: 0 0 0 8px rgba(53, 208, 226, 0.05), 0 0 30px rgba(53, 208, 226, 0.2);
	}

	.premium-v2-welcome__visual-node {
		padding: 0.42rem 0.55rem;
		font-size: 0.56rem;
	}

	.premium-v2-welcome__visual-node--join {
		top: 12%;
	}

	.premium-v2-welcome__visual-node--play {
		bottom: 14%;
		left: 11%;
	}

	.premium-v2-welcome__visual-node--create,
	.premium-v2-welcome__visual-node--reward {
		bottom: 14%;
		right: 9%;
	}

	.premium-v2-welcome__close {
		top: 0.85rem;
		right: 0.85rem;
		width: 42px;
		height: 42px;
	}

	.premium-v2-welcome__logo {
		width: clamp(54px, 15vw, 62px);
		height: clamp(54px, 15vw, 62px);
		margin-bottom: clamp(1rem, 5vw, 1.4rem);
	}

	.premium-v2-welcome__eyebrow {
		margin-bottom: 0.7rem;
		font-size: clamp(0.68rem, 3vw, 0.78rem);
		letter-spacing: 0.12em;
	}

	.premium-v2-welcome__title {
		max-width: 100%;
		font-size: clamp(2.45rem, 10.8vw, 3.2rem);
		letter-spacing: -0.045em;
		line-height: 0.94;
	}

	.premium-v2-welcome__copy {
		max-width: 100%;
		font-size: clamp(0.95rem, 4.1vw, 1.05rem);
		line-height: 1.36;
	}

	.premium-v2-welcome__primary {
		width: 100%;
		min-height: 54px;
		font-size: 0.98rem;
	}

	.premium-v2-welcome__actions {
		width: 100%;
		align-items: stretch;
		gap: 0.7rem;
	}

	.premium-v2-welcome__secondary {
		justify-content: center;
		padding: 0.45rem;
	}

	.premium-v2-welcome__field {
		bottom: -82px;
		width: 150vw;
		height: 340px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.premium-v2-welcome,
	.premium-v2-welcome__signal {
		animation: none;
		transition: none;
	}
}

html.corporate-product .corporate-landing-page .corporate-pricing-section {
	padding-block: clamp(1.9rem, 3.5vw, 3.25rem);
}

html.corporate-product .corporate-landing-page .corporate-pricing-story {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.6fr);
	gap: clamp(1rem, 1.8vw, 1.45rem);
	align-items: stretch;
	margin-top: clamp(1.25rem, 2vw, 1.85rem);
}

html.corporate-product .corporate-landing-page .corporate-checkout-feedback {
	grid-column: 1 / -1;
}

html.corporate-product .corporate-landing-page .corporate-pricing-tier {
	gap: clamp(0.9rem, 1.5vw, 1.15rem);
	padding: clamp(1rem, 1.8vw, 1.45rem);
	border-radius: 28px;
	background:
		radial-gradient(circle at 16% 0%, rgba(53, 208, 226, 0.09), transparent 32%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.74), rgba(5, 8, 22, 0.66)),
		rgba(5, 8, 22, 0.36);
}

html.corporate-product .corporate-landing-page .corporate-pricing-tier__intro {
	align-items: flex-start;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(245, 245, 244, 0.08);
}

html.corporate-product .corporate-landing-page .corporate-pricing-tier__intro span {
	color: rgba(245, 248, 255, 0.92);
	font-size: clamp(1.05rem, 1.5vw, 1.32rem);
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.08;
	text-transform: none;
}

html.corporate-product .corporate-landing-page .corporate-pricing-tier__intro p {
	max-width: 28ch;
	color: rgba(190, 198, 214, 0.78);
	font-size: 0.9rem;
	line-height: 1.4;
	text-align: right;
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.2vw, 1rem);
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-card {
	display: grid;
	grid-column: auto;
	grid-template-rows: auto auto 1fr;
	gap: 0.85rem;
	min-height: 230px;
	padding: clamp(0.92rem, 1.5vw, 1.2rem);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.82), rgba(7, 12, 26, 0.76)),
		rgba(7, 12, 26, 0.7);
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-card:nth-child(4),
html.corporate-product .corporate-landing-page .corporate-pricing-compact-card:nth-child(5) {
	grid-column: auto;
	min-height: 230px;
	padding: clamp(0.92rem, 1.5vw, 1.2rem);
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-card--recommended {
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 0.95fr) minmax(220px, 0.72fr);
	grid-template-rows: auto 1fr;
	align-items: end;
	min-height: 238px;
	border-color: rgba(53, 208, 226, 0.46);
	background:
		radial-gradient(circle at 86% 14%, rgba(53, 208, 226, 0.18), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.88));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.26),
		0 0 0 1px rgba(53, 208, 226, 0.05),
		inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-card--recommended .corporate-pricing-badge {
	position: static;
	grid-column: 1 / -1;
	justify-self: start;
	margin: 0;
}

html.corporate-product .corporate-landing-page .corporate-pricing-card-main {
	display: grid;
	gap: 0.42rem;
	align-content: start;
}

html.corporate-product .corporate-landing-page .corporate-pricing-card-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.85rem;
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-card h3 {
	font-size: clamp(1.2rem, 1.85vw, 1.55rem);
	font-weight: 870;
	line-height: 1;
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-card strong {
	color: rgba(248, 223, 159, 0.96);
	font-size: clamp(1.05rem, 1.55vw, 1.32rem);
	font-weight: 880;
	line-height: 1;
	white-space: nowrap;
}

html.corporate-product .corporate-landing-page .corporate-pricing-card-main > p {
	color: rgba(190, 198, 214, 0.78);
	font-size: 0.9rem;
	line-height: 1.35;
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-card .corporate-pricing-description {
	color: rgba(245, 248, 255, 0.68);
	font-size: 0.86rem;
	font-weight: 680;
}

html.corporate-product .corporate-landing-page .corporate-pricing-feature-list {
	align-self: start;
	gap: 0.44rem;
	margin: 0;
}

html.corporate-product .corporate-landing-page .corporate-pricing-feature-list li {
	color: rgba(222, 228, 239, 0.78);
	font-size: 0.85rem;
	line-height: 1.28;
}

html.corporate-product .corporate-landing-page .corporate-pricing-compact-card .corporate-pricing-cta {
	align-self: end;
	width: 100%;
	min-height: 42px;
	margin-top: 0.1rem;
	padding: 0.62rem 0.85rem;
	font-size: 0.9rem;
}

html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-card {
	grid-template-columns: minmax(0, 1fr);
	align-content: space-between;
	gap: clamp(1rem, 2vw, 1.4rem);
	min-height: 100%;
	padding: clamp(1.15rem, 2vw, 1.65rem);
	border-radius: 28px;
}

html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-card h3 {
	max-width: 10ch;
	font-size: clamp(2rem, 3.55vw, 3.35rem);
	line-height: 0.94;
}

html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-card h4 {
	font-size: clamp(1.05rem, 1.55vw, 1.32rem);
	line-height: 1.14;
}

html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-features {
	grid-template-columns: minmax(0, 1fr);
}

html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-card__action {
	min-height: auto;
}

@media (max-width: 1199.98px) {
	html.corporate-product .corporate-landing-page .corporate-pricing-story {
		grid-template-columns: minmax(0, 1fr);
	}

	html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-card {
		grid-template-columns: minmax(0, 1fr) minmax(280px, 0.56fr);
	}

	html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-features {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	html.corporate-product .corporate-landing-page .corporate-pricing-tier__intro,
	html.corporate-product .corporate-landing-page .corporate-pricing-card-title-row {
		display: grid;
		text-align: left;
	}

	html.corporate-product .corporate-landing-page .corporate-pricing-tier__intro p {
		max-width: none;
		text-align: left;
	}

	html.corporate-product .corporate-landing-page .corporate-pricing-compact-list,
	html.corporate-product .corporate-landing-page .corporate-pricing-compact-card--recommended,
	html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-card {
		grid-template-columns: minmax(0, 1fr);
	}

	html.corporate-product .corporate-landing-page .corporate-pricing-compact-card,
	html.corporate-product .corporate-landing-page .corporate-pricing-compact-card:nth-child(4),
	html.corporate-product .corporate-landing-page .corporate-pricing-compact-card:nth-child(5) {
		min-height: auto;
	}

	html.corporate-product .corporate-landing-page .corporate-pricing-enterprise-features {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 380px) {
	.premium-v2-welcome__panel {
		padding: 1.18rem;
		border-radius: 24px;
	}

	.premium-v2-welcome__title {
		font-size: clamp(2.22rem, 10.2vw, 2.55rem);
	}

	.premium-v2-welcome__copy {
		font-size: 0.92rem;
	}
}

html.corporate-surface .leagues-page .campaign-rewards-banner {
	border-color: rgba(53, 208, 226, 0.22);
	background:
		linear-gradient(90deg, rgba(5, 8, 22, 0.9), rgba(5, 8, 22, 0.44) 42%, rgba(5, 8, 22, 0.12)),
		var(--campaign-banner-image) center / cover no-repeat;
	box-shadow: 0 32px 92px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

html.corporate-surface .leagues-page .campaign-rewards-banner::before {
	background:
		radial-gradient(circle at 76% 38%, rgba(244, 211, 116, 0.18), transparent 27%),
		radial-gradient(circle at 16% 82%, rgba(53, 208, 226, 0.16), transparent 30%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.1), rgba(5, 8, 22, 0.62));
}

html.corporate-surface .leagues-page .campaign-rewards-banner__content span {
	color: rgba(209, 213, 219, 0.76);
}

html.corporate-surface .leagues-page .campaign-rewards-banner__content strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .play-page.play-page--campaign-ai {
	background:
		radial-gradient(circle at 72% 6%, rgba(53, 208, 226, 0.11), transparent 32%),
		radial-gradient(circle at 18% 18%, rgba(244, 211, 116, 0.08), transparent 28%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.98) 0%, rgba(6, 10, 24, 0.98) 64%, rgba(5, 8, 22, 1) 100%);
}

html.corporate-surface .play-page .campaign-ai-page-atmosphere__image {
	filter: blur(24px) saturate(1.18) contrast(1.08) brightness(0.94);
	opacity: 0;
	transition: opacity 420ms ease;
}

html.corporate-surface .play-page.is-campaign-ai-loaded .campaign-ai-page-atmosphere__image {
	opacity: 0.38;
}

html.corporate-surface .play-page .campaign-ai-page-atmosphere::after {
	border-color: rgba(53, 208, 226, 0.12);
	box-shadow:
		0 0 120px rgba(53, 208, 226, 0.12),
		0 0 100px rgba(244, 211, 116, 0.05);
}

html.corporate-surface .play-page .play-hero--campaign-ai-visual {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	grid-template-columns: minmax(0, 1fr);
	min-height: clamp(360px, 30vw, 470px);
	border-color: rgba(53, 208, 226, 0.24);
	background:
		radial-gradient(circle at 80% 24%, rgba(53, 208, 226, 0.16), transparent 34%),
		radial-gradient(circle at 58% 100%, rgba(53, 208, 226, 0.08), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.97) 0%, rgba(11, 18, 32, 0.94) 100%),
		var(--ds-surface);
	box-shadow:
		0 30px 90px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
	color: var(--ds-text-primary);
}

html.corporate-surface .play-page .play-hero--campaign-ai-visual::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 82% 22%, rgba(53, 208, 226, 0.18), transparent 30%),
		radial-gradient(circle at 15% 82%, rgba(244, 211, 116, 0.1), transparent 28%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.04), rgba(5, 8, 22, 0.28));
	mix-blend-mode: screen;
	opacity: 0.8;
}

html.corporate-surface .play-page .play-hero--campaign-ai-visual > * {
	position: relative;
	z-index: 2;
}

html.corporate-surface .play-page .play-hero--campaign-ai-visual .campaign-ai-play-visual {
	position: absolute;
	z-index: 0;
	filter: drop-shadow(0 30px 70px rgba(0, 0, 0, 0.18));
}

html.corporate-surface .play-page .play-hero--campaign-ai-visual .app-hero-title,
html.corporate-surface .play-page .play-hero--campaign-ai-visual h1 {
	color: #f8fafc;
	text-shadow: 0 16px 42px rgba(0, 0, 0, 0.42);
}

html.corporate-surface .play-page .play-hero--campaign-ai-visual .app-hero-label,
html.corporate-surface .play-page .play-hero--campaign-ai-visual .app-hero-subtitle,
html.corporate-surface .play-page .play-hero--campaign-ai-visual p {
	color: rgba(245, 245, 244, 0.82);
}

html.corporate-surface .play-page .campaign-ai-play-visual {
	position: absolute;
	inset: -2px;
	width: calc(100% + 4px);
	min-height: calc(100% + 4px);
	margin: 0;
	border-radius: inherit;
	box-shadow: none;
}

html.corporate-surface .play-page .campaign-ai-play-visual::before {
	background:
		linear-gradient(90deg, rgba(11, 18, 32, 0.95) 0%, rgba(11, 18, 32, 0.8) 20%, rgba(11, 18, 32, 0.48) 45%, rgba(11, 18, 32, 0.16) 100%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.08), transparent 42%, rgba(5, 8, 22, 0.42));
}

html.corporate-surface .play-page .campaign-ai-play-visual img {
	opacity: 0;
	filter: saturate(1.12) contrast(1.08) brightness(0.92);
	transition: opacity 420ms ease;
}

html.corporate-surface .play-page.is-campaign-ai-loaded .campaign-ai-play-visual img {
	opacity: 0.96;
}

html.corporate-surface .play-page .play-hero--campaign-ai-visual .matches-hero__content {
	position: relative;
	z-index: 4;
	max-width: 720px;
}

html.corporate-surface .corporate-command-center--campaign-ai .corporate-command-hero,
html.corporate-surface .ranking-hero--campaign-ai,
html.corporate-surface .matches-hero--campaign-ai {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

html.corporate-surface .corporate-command-center--campaign-ai .corporate-command-hero::after,
html.corporate-surface .ranking-hero--campaign-ai::after,
html.corporate-surface .matches-hero--campaign-ai::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		linear-gradient(90deg, rgba(6, 10, 24, 0.96) 0%, rgba(6, 10, 24, 0.76) 34%, rgba(6, 10, 24, 0.38) 68%, rgba(6, 10, 24, 0.2) 100%),
		var(--campaign-dashboard-image, none),
		var(--campaign-ranking-image, none),
		var(--campaign-matches-image, none);
	background-size: cover;
	background-position: center right;
	opacity: 0.78;
	filter: saturate(1.12) contrast(1.05) brightness(0.88);
}

html.corporate-surface .corporate-command-center--campaign-ai .corporate-command-hero > *,
html.corporate-surface .ranking-hero--campaign-ai > *,
html.corporate-surface .matches-hero--campaign-ai > * {
	position: relative;
	z-index: 2;
}

html.corporate-surface .corporate-command-center--campaign-ai .corporate-command-hero__visual,
html.corporate-surface .ranking-hero--campaign-ai .ranking-hero__actions,
html.corporate-surface .matches-hero--campaign-ai > .corporate-live-network {
	display: none;
}

html.corporate-surface .leagues-page .manage-quick-actions,
html.corporate-surface .leagues-page .manage-invite-card,
html.corporate-surface .leagues-page .manage-members-panel,
html.corporate-surface .leagues-page .manage-secondary-disclosure {
	border-radius: var(--corp-radius-lg);
	border: 1px solid rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.024), transparent 45%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(11, 18, 32, 0.9));
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface .leagues-page .manage-quick-action:hover,
html.corporate-surface .leagues-page .manage-member-tab:hover {
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-text-primary);
	transform: translateY(-1px);
}

html.corporate-surface .leagues-page .manage-quick-action i {
	color: var(--ds-accent);
}

html.corporate-surface .leagues-page .manage-quick-action strong,
html.corporate-surface .leagues-page .manage-member-tab strong {
	background: rgba(53, 208, 226, 0.12);
	color: var(--ds-accent);
}

html.corporate-surface .leagues-page .manage-member-tab.is-active {
	border-color: rgba(53, 208, 226, 0.28);
	background:
		linear-gradient(135deg, var(--ds-border-strong), rgba(53, 208, 226, 0.08)),
		rgba(5, 8, 22, 0.68);
	color: var(--ds-primary);
}

html.corporate-surface .leagues-page .member-panel-grid > .glass-card,
html.corporate-surface .leagues-page .owner-participation-card,
html.corporate-surface .leagues-page .league-settings-card,
html.corporate-surface .leagues-page .league-corporate-awards-card,
html.corporate-surface .leagues-page .league-prize-settings-card,
html.corporate-surface .leagues-page .push-broadcast-card,
html.corporate-surface .leagues-page .prize-league-card {
	border-radius: var(--corp-radius-lg);
	border-color: rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 40%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(11, 18, 32, 0.9));
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface .leagues-page .member-row,
html.corporate-surface .leagues-page .empty-state,
html.corporate-surface .leagues-page .league-code-box,
html.corporate-surface .leagues-page .push-broadcast-panel,
html.corporate-surface .leagues-page .push-broadcast-preview,
html.corporate-surface .leagues-page .prize-table-wrap {
	border: 1px solid rgba(156, 163, 175, 0.14);
	background: rgba(5, 8, 22, 0.44);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .empty-state {
	min-height: 150px;
	border-radius: 22px;
	color: var(--ds-text-secondary);
}

html.corporate-surface .leagues-page .empty-state i {
	color: var(--ds-accent);
}

html.corporate-surface .league-page .available-leagues-section {
	overflow: hidden;
	padding: clamp(1.15rem, 2.6vw, 1.75rem);
	border-color: rgba(53, 208, 226, 0.24);
	background:
		radial-gradient(circle at top right, rgba(53, 208, 226, 0.14), transparent 34%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.032), transparent 46%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.92));
}

html.corporate-surface .league-page .available-leagues-section .section-header {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

html.corporate-surface .league-page .available-leagues-section .section-copy {
	max-width: 620px;
	margin-bottom: 0;
	color: var(--ds-text-muted);
}

html.corporate-surface .league-page .available-league-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 1rem;
}

html.corporate-surface .league-page .available-league-card {
	position: relative;
	display: grid;
	gap: 1rem;
	min-height: 306px;
	padding: 1.05rem;
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 46%),
		radial-gradient(circle at 82% 8%, rgba(99, 102, 241, 0.18), transparent 34%),
		rgba(5, 8, 22, 0.58);
	box-shadow:
		inset 0 1px 0 rgba(245, 245, 244, 0.045),
		0 18px 42px rgba(0, 0, 0, 0.18);
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

html.corporate-surface .league-page .available-league-card::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.62), rgba(103, 232, 249, 0.22), transparent);
	height: 3px;
}

html.corporate-surface .league-page .available-league-card:hover {
	transform: translateY(-2px);
	border-color: rgba(53, 208, 226, 0.36);
	box-shadow:
		inset 0 1px 0 rgba(245, 245, 244, 0.06),
		0 22px 52px rgba(0, 0, 0, 0.24),
		0 0 26px rgba(53, 208, 226, 0.1);
}

html.corporate-surface .league-page .available-league-card__top {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	min-width: 0;
}

html.corporate-surface .league-page .available-league-card__mark {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	border: 1px solid rgba(184, 247, 255, 0.34);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(168, 255, 232, 0.86), rgba(53, 208, 226, 0.86) 52%, rgba(245, 211, 107, 0.72));
	color: #04111f;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 0 24px rgba(53, 208, 226, 0.18);
}

html.corporate-surface .league-page .available-league-card small,
html.corporate-surface .league-page .available-league-card__meta span {
	color: var(--ds-text-muted);
}

html.corporate-surface .league-page .available-league-card small {
	display: block;
	margin-bottom: 0.25rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.corporate-surface .league-page .available-league-card h3 {
	margin: 0;
	overflow-wrap: anywhere;
	color: var(--ds-text-primary);
	font-size: clamp(1.18rem, 2vw, 1.45rem);
	line-height: 1.08;
	letter-spacing: 0;
}

html.corporate-surface .league-page .available-league-card p {
	margin: 0;
	color: var(--ds-text-secondary);
	font-size: 0.95rem;
	line-height: 1.45;
}

html.corporate-surface .league-page .available-league-card__meta {
	display: grid;
	gap: 0.48rem;
	padding: 0.75rem;
	border: 1px solid rgba(156, 163, 175, 0.12);
	border-radius: 8px;
	background: rgba(5, 8, 22, 0.34);
}

html.corporate-surface .league-page .available-league-card__meta span {
	display: flex;
	align-items: center;
	gap: 0.48rem;
	min-width: 0;
	font-size: 0.82rem;
	font-weight: 750;
}

html.corporate-surface .league-page .available-league-card__meta i {
	color: var(--ds-accent);
}

html.corporate-surface .league-page .available-league-card__action {
	margin-top: auto !important;
}

html.corporate-surface .league-page .available-league-card__action form {
	margin: 0 !important;
}

html.corporate-surface .league-page .available-league-card__action .btn-secondary-soft,
html.corporate-surface .league-page .available-league-card__action .btn-primary-gradient {
	width: 100%;
	justify-content: center;
	min-height: 48px;
}

@media (max-width: 575.98px) {
	html.corporate-surface .league-page .available-leagues-section {
		padding: 0.95rem;
		border-radius: 18px;
	}

	html.corporate-surface .league-page .available-leagues-section .section-header {
		display: grid;
		gap: 0.75rem;
	}

	html.corporate-surface .league-page .available-leagues-section .section-header .btn-secondary-soft {
		width: 100%;
		justify-content: center;
	}

	html.corporate-surface .league-page .available-league-grid {
		gap: 0.75rem;
	}

	html.corporate-surface .league-page .available-league-card {
		min-height: 0;
		padding: 0.9rem;
	}

	html.corporate-surface .league-page .available-league-card__mark {
		width: 2.85rem;
		height: 2.85rem;
	}
}

html.corporate-surface .leagues-page .empty-state h4,
html.corporate-surface .leagues-page .member-row strong,
html.corporate-surface .leagues-page .league-code-box strong,
html.corporate-surface .leagues-page .push-broadcast-panel strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .member-row span,
html.corporate-surface .leagues-page .league-code-box span {
	color: var(--ds-text-muted);
}

html.corporate-surface .leagues-page .league-settings-disclosure[open] {
	background: linear-gradient(180deg, rgba(53, 208, 226, 0.055), transparent 36%);
}

html.corporate-surface .leagues-page .league-settings-summary {
	padding: 1rem 1.15rem;
}

html.corporate-surface .leagues-page .league-settings-summary__toggle {
	border-color: rgba(156, 163, 175, 0.18);
	color: var(--ds-text-secondary);
	background: rgba(5, 8, 22, 0.52);
	box-shadow: none;
}

html.corporate-surface .leagues-page .league-settings-chip {
	border-color: rgba(53, 208, 226, 0.18);
	color: var(--ds-primary);
	background: rgba(53, 208, 226, 0.08);
}

html.corporate-surface .leagues-page .league-settings-disclosure__content {
	padding: 0 1.15rem 1.15rem;
	border-top-color: rgba(156, 163, 175, 0.13);
}

html.corporate-surface .leagues-page .league-code-grid {
	grid-template-columns: minmax(150px, 0.26fr) minmax(0, 1fr) auto;
	gap: 0.75rem;
}

html.corporate-surface .leagues-page .push-broadcast-card {
	overflow: hidden;
}

html.corporate-surface .leagues-page .push-broadcast-card--dedicated {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

html.corporate-surface .leagues-page .push-broadcast-card--dedicated .league-form-grid {
	grid-template-columns: 1fr;
}

html.corporate-surface .leagues-page .push-broadcast-grid {
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.55fr);
	gap: 1rem;
}

html.corporate-surface .leagues-page .push-broadcast-panel,
html.corporate-surface .leagues-page .push-broadcast-preview {
	padding: 1rem;
	border-radius: 22px;
	min-height: auto;
}

html.corporate-surface .leagues-page .push-broadcast-panel__header strong,
html.corporate-surface .leagues-page .push-preview-card__phone strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .push-preview-card {
	min-height: 100%;
}

html.corporate-surface .leagues-page .push-preview-card__phone {
	width: min(100%, 260px);
	min-width: 0;
	border: 1px solid rgba(53, 208, 226, 0.16);
	background:
		radial-gradient(circle at 80% 12%, rgba(53, 208, 226, 0.14), transparent 30%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.96));
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.32);
}

html.corporate-surface .leagues-page .push-preview-card__phone p {
	color: rgba(209, 213, 219, 0.8);
}

html.corporate-surface .leagues-page .push-preview-card__eyebrow {
	color: var(--ds-primary);
}

html.corporate-surface .leagues-page .push-preview-card__image {
	min-height: 112px;
	border: 1px solid rgba(156, 163, 175, 0.12);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), rgba(53, 208, 226, 0.06)),
		rgba(5, 8, 22, 0.52);
}

html.corporate-surface .leagues-page .push-preview-card__image img {
	min-height: 112px;
	max-height: 136px;
	object-fit: contain;
	padding: 0.75rem;
}

html.corporate-surface .leagues-page .push-broadcast-card--dedicated .btn-primary-gradient,
html.corporate-surface .leagues-page .push-broadcast-card--dedicated .btn-secondary-soft,
html.corporate-surface .leagues-page .push-broadcast-card--dedicated .form-control-premium {
	max-width: 100%;
	min-width: 0;
	white-space: normal;
}

html.corporate-surface .leagues-page .push-broadcast-card--dedicated .push-enable-btn span,
html.corporate-surface .leagues-page .push-broadcast-card--dedicated .btn-primary-gradient span {
	min-width: 0;
	overflow-wrap: anywhere;
	line-height: 1.15;
}

html.corporate-surface .leagues-page .push-channel-options {
	gap: 0.85rem;
}

html.corporate-surface .leagues-page .push-channel-option {
	position: relative;
	align-items: flex-start;
	min-height: 78px;
	padding: 0.95rem 1rem;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), rgba(53, 208, 226, 0.04)),
		rgba(5, 8, 22, 0.72);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 16px 36px rgba(0, 0, 0, 0.18);
	color: var(--ds-text-primary);
	transition:
		border-color 180ms ease,
		background 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}

html.corporate-surface .leagues-page .push-channel-option:hover,
html.corporate-surface .leagues-page .push-channel-option:focus-within {
	border-color: rgba(53, 208, 226, 0.36);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.13), rgba(53, 208, 226, 0.07)),
		rgba(8, 13, 29, 0.86);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 20px 46px rgba(0, 0, 0, 0.24);
	transform: translateY(-1px);
}

html.corporate-surface .leagues-page .push-channel-option input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 0.15rem;
	accent-color: var(--ds-primary);
}

html.corporate-surface .leagues-page .push-channel-option strong {
	color: var(--ds-text-primary);
	font-size: 0.98rem;
	letter-spacing: 0;
}

html.corporate-surface .leagues-page .push-channel-option small {
	margin-top: 0.25rem;
	color: rgba(209, 213, 219, 0.72);
	font-size: 0.86rem;
	line-height: 1.35;
}

html.corporate-surface .leagues-page .push-channel-option:has(input:checked) {
	border-color: rgba(53, 208, 226, 0.46);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.18), rgba(53, 208, 226, 0.08)),
		rgba(11, 17, 32, 0.92);
}

html.corporate-surface .leagues-page .push-channel-option.is-disabled {
	cursor: not-allowed;
	opacity: 1;
	border-color: rgba(148, 163, 184, 0.16);
	background:
		linear-gradient(135deg, rgba(148, 163, 184, 0.05), rgba(53, 208, 226, 0.025)),
		rgba(5, 8, 22, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
	transform: none;
}

html.corporate-surface .leagues-page .push-channel-option.is-disabled strong {
	color: rgba(248, 250, 252, 0.62);
}

html.corporate-surface .leagues-page .push-channel-option.is-disabled small {
	color: rgba(209, 213, 219, 0.48);
}

html.corporate-surface .leagues-page .push-broadcast-card--dedicated .section-title,
html.corporate-surface .leagues-page .leagues-hero .section-title {
	overflow-wrap: anywhere;
}

html.corporate-surface .leagues-page .prize-league-card {
	grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1fr);
	padding: 1.25rem;
}

html.corporate-surface .leagues-page .prize-league-number {
	color: var(--ds-primary);
	background: none;
	-webkit-text-fill-color: currentColor;
}

html.corporate-surface .leagues-page .prize-league-card h2,
html.corporate-surface .leagues-page .prize-league-card__main h2 {
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .prize-league-card p,
html.corporate-surface .leagues-page .prize-note {
	color: rgba(209, 213, 219, 0.72);
}

html.corporate-surface .leagues-page .entry-points-chip,
html.corporate-surface .leagues-page .distribution-type-badge {
	border: 1px solid var(--ds-border-subtle);
	color: var(--ds-text-secondary);
	background: rgba(5, 8, 22, 0.42);
}

html.corporate-surface .leagues-page .distribution-type-badge {
	color: var(--ds-primary);
}

html.corporate-surface .leagues-page .prize-table th {
	color: var(--ds-text-muted);
}

html.corporate-surface .leagues-page .prize-table td {
	color: var(--ds-text-primary);
	background: rgba(11, 18, 32, 0.68);
}

html.corporate-surface .leagues-page .podium-highlight td {
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.16), rgba(53, 208, 226, 0.1));
}

html.corporate-surface .leagues-page .prize-position {
	color: var(--ds-primary);
	background: rgba(53, 208, 226, 0.12);
}

html.corporate-surface .leagues-page .podium-highlight .prize-position {
	color: var(--ds-text-inverse-soft);
	background: var(--gradient-primary);
}

html.corporate-surface .leagues-page .league-status-card {
	border: 1px solid rgba(156, 163, 175, 0.14);
	background:
		radial-gradient(circle at 76% 12%, rgba(53, 208, 226, 0.08), transparent 30%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 42%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(11, 18, 32, 0.92));
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface .leagues-page .league-status-card h2 {
	color: var(--ds-text-primary);
	letter-spacing: -0.03em;
}

html.corporate-surface .leagues-page .league-status-card p {
	color: rgba(209, 213, 219, 0.72);
}

html.corporate-surface .leagues-page .league-status-metric {
	border-color: rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.055), rgba(53, 208, 226, 0.035)),
		rgba(5, 8, 22, 0.52);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .leagues-page .league-status-metric i {
	border: 1px solid rgba(53, 208, 226, 0.14);
	color: var(--ds-primary);
	background: rgba(53, 208, 226, 0.08);
}

html.corporate-surface .leagues-page .league-status-metric span {
	color: var(--ds-text-muted);
}

html.corporate-surface .leagues-page .league-status-metric strong {
	color: var(--ds-text-primary);
	background: none;
	-webkit-text-fill-color: currentColor;
}

html.corporate-surface .leagues-page:has(.leagues-hero--casazar-lobby) {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 88% 4%, rgba(214, 179, 106, 0.075), transparent 30%),
		radial-gradient(circle at 7% 35%, rgba(231, 215, 177, 0.04), transparent 24%),
		linear-gradient(180deg, rgba(5, 8, 22, 0), rgba(5, 8, 22, 0.34));
}

html.corporate-surface .leagues-page:has(.leagues-hero--casazar-lobby)::before {
	content: "";
	position: absolute;
	inset: -4rem 0 52% 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(ellipse at 76% 18%, rgba(241, 223, 167, 0.1), transparent 32%),
		linear-gradient(90deg, transparent 0%, rgba(231, 215, 177, 0.04) 48%, transparent 82%),
		repeating-linear-gradient(90deg, rgba(231, 215, 177, 0.018) 0 1px, transparent 1px 78px);
	opacity: 0.78;
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.58) 48%, transparent 100%);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby {
	position: relative;
	overflow: hidden;
	padding: clamp(1.65rem, 3.2vw, 2.65rem);
	min-height: clamp(380px, 44vw, 530px);
	align-items: end;
	isolation: isolate;
	border-color: rgba(216, 184, 108, 0.2);
	background:
		radial-gradient(ellipse at 86% 50%, rgba(255, 242, 196, 0.22), rgba(214, 179, 106, 0.12) 25%, transparent 54%),
		radial-gradient(ellipse at 82% 82%, rgba(132, 92, 36, 0.16), transparent 34%),
		radial-gradient(ellipse at 72% 10%, rgba(53, 208, 226, 0.075), transparent 36%),
		radial-gradient(ellipse at 14% 88%, rgba(15, 33, 64, 0.55), transparent 46%),
		linear-gradient(rgba(241, 223, 167, 0.028) 1px, transparent 1px),
		linear-gradient(90deg, rgba(241, 223, 167, 0.024) 1px, transparent 1px),
		linear-gradient(135deg, #0c1326 0%, #070b18 52%, #030611 100%);
	background-size: auto, auto, auto, auto, 68px 68px, 68px 68px, auto;
	box-shadow:
		0 38px 110px rgba(0, 0, 0, 0.52),
		0 0 62px rgba(216, 184, 108, 0.07),
		0 0 0 1px rgba(53, 208, 226, 0.026),
		inset 0 1px 0 rgba(53, 208, 226, 0.095);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse at 84% 48%, rgba(255, 239, 190, 0.16), transparent 34%),
		linear-gradient(100deg, rgba(255, 242, 196, 0.06), transparent 34%, rgba(214, 179, 106, 0.08) 66%, transparent 88%),
		linear-gradient(90deg, rgba(5, 8, 22, 0.08), transparent 40%, rgba(5, 8, 22, 0.46)),
		linear-gradient(180deg, rgba(53, 208, 226, 0.045), transparent 18%, rgba(5, 8, 22, 0.34));
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		radial-gradient(circle at 78% 24%, rgba(255, 250, 240, 0.08) 0 1px, transparent 1.5px),
		radial-gradient(circle at 91% 66%, rgba(216, 184, 108, 0.08) 0 1px, transparent 1.5px),
		linear-gradient(110deg, transparent 10%, rgba(245, 237, 203, 0.06) 47%, transparent 66%);
	background-size: 180px 180px, 230px 230px, auto;
	opacity: 0.56;
	mix-blend-mode: screen;
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.2) 42%, #000 100%);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby > :not(.casazar-league-agave):not(.casazar-league-hero-logo) {
	position: relative;
	z-index: 4;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby > div:first-of-type {
	max-width: 780px;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .badge-premium {
	border-color: rgba(216, 184, 108, 0.32);
	background: rgba(216, 184, 108, 0.085);
	color: #f1dfa7;
	letter-spacing: 0.16em;
	box-shadow: inset 0 1px 0 rgba(53, 208, 226, 0.08);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .section-title {
	max-width: 720px;
	color: #fffaf0;
	font-size: clamp(2.7rem, 6vw, 5.75rem);
	line-height: 0.93;
	letter-spacing: 0;
	text-wrap: balance;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .app-hero-title {
	max-width: 720px;
	color: #fffaf0;
	font-size: clamp(2.7rem, 6vw, 5.75rem);
	line-height: 0.93;
	letter-spacing: 0;
	text-wrap: balance;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .section-copy {
	max-width: 620px;
	color: rgba(245, 245, 244, 0.76);
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	line-height: 1.55;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .app-hero-subtitle {
	max-width: 620px;
	color: rgba(245, 245, 244, 0.76);
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	line-height: 1.55;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .app-hero-label {
	color: #35d0e2;
	letter-spacing: 0.14em;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .manage-hero-metrics {
	margin-top: 1.5rem;
	gap: 0.65rem;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .manage-hero-metrics span,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .context-pill {
	min-height: 36px;
	border-color: rgba(216, 184, 108, 0.2);
	background: rgba(5, 8, 22, 0.54);
	color: rgba(245, 245, 244, 0.74);
	box-shadow:
		inset 0 1px 0 rgba(53, 208, 226, 0.08),
		0 14px 34px rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(10px);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .manage-hero-metrics strong,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .context-pill {
	color: #f1dfa7;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .leagues-hero__actions {
	align-self: end;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	max-width: 720px;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .btn-primary-gradient,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .btn-secondary-soft {
	min-height: 54px;
	padding-inline: 1.25rem;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .btn-secondary-soft {
	border-color: rgba(216, 184, 108, 0.24);
	background: rgba(5, 8, 22, 0.42);
	color: rgba(255, 250, 240, 0.9);
	box-shadow: inset 0 1px 0 rgba(53, 208, 226, 0.07);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .btn-secondary-soft:hover {
	border-color: rgba(241, 223, 167, 0.38);
	background: rgba(17, 24, 39, 0.72);
	box-shadow: 0 18px 44px rgba(216, 184, 108, 0.1);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .btn-casazar-tertiary {
	min-height: 46px;
	border-color: rgba(255, 250, 240, 0.12);
	background: rgba(5, 8, 22, 0.3);
	color: rgba(255, 250, 240, 0.68);
	box-shadow: none;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .btn-casazar-tertiary:hover {
	border-color: rgba(216, 184, 108, 0.24);
	background: rgba(5, 8, 22, 0.52);
	color: rgba(255, 250, 240, 0.9);
	box-shadow: inset 0 1px 0 rgba(53, 208, 226, 0.055);
}

.casazar-league-hero-logo {
	position: absolute;
	top: clamp(1.25rem, 2.2vw, 1.9rem);
	right: clamp(1.4rem, 3vw, 2.6rem);
	z-index: 3;
	width: clamp(150px, 12vw, 205px);
	height: auto;
	opacity: 0.68;
	filter:
		saturate(0.96)
		drop-shadow(0 0 20px rgba(216, 184, 108, 0.16));
	pointer-events: none;
}

.casazar-league-agave {
	position: absolute;
	right: -7%;
	top: 54%;
	z-index: 1;
	width: clamp(340px, 38vw, 590px);
	aspect-ratio: 1;
	transform: translateY(-50%);
	pointer-events: none;
}

.casazar-league-agave__glow,
.casazar-league-agave__mark {
	position: absolute;
	inset: 0;
	display: block;
}

.casazar-league-agave__glow {
	background:
		radial-gradient(circle at 48% 48%, rgba(255, 239, 190, 0.28), rgba(216, 184, 108, 0.12) 38%, transparent 72%),
		radial-gradient(circle at 60% 64%, rgba(53, 208, 226, 0.06), transparent 54%);
	filter: blur(42px);
	opacity: 0.82;
	transform: scale(1.22);
}

.casazar-league-agave__mark {
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0.155;
	filter:
		sepia(1)
		saturate(1.45)
		hue-rotate(354deg)
		brightness(1.08)
		drop-shadow(0 0 34px rgba(216, 184, 108, 0.2));
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby + .alert-success-soft,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby + .alert-danger-soft {
	position: relative;
	z-index: 2;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-quick-actions,
html.corporate-surface .leagues-page .casazar-club-access,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .league-status-card,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ section .league-members-preview-card,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel {
	border-color: rgba(216, 184, 108, 0.16);
	background:
		linear-gradient(180deg, rgba(53, 208, 226, 0.035), transparent 42%),
		radial-gradient(circle at 90% 10%, rgba(216, 184, 108, 0.07), transparent 28%),
		linear-gradient(135deg, rgba(13, 18, 34, 0.96), rgba(5, 8, 22, 0.92));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.26),
		inset 0 1px 0 rgba(53, 208, 226, 0.055);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-quick-actions {
	padding: 0.75rem;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-quick-actions .manage-quick-action,
html.corporate-surface .leagues-page .casazar-club-access__item {
	border-color: rgba(216, 184, 108, 0.16);
	background: rgba(5, 8, 22, 0.44);
	color: rgba(245, 245, 244, 0.88);
	box-shadow: inset 0 1px 0 rgba(53, 208, 226, 0.055);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-quick-actions .manage-quick-action:hover,
html.corporate-surface .leagues-page .casazar-club-access__item:hover {
	border-color: rgba(241, 223, 167, 0.32);
	background: rgba(17, 24, 39, 0.72);
	box-shadow: 0 16px 36px rgba(216, 184, 108, 0.08);
	transform: translateY(-1px);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-quick-actions .manage-quick-action i,
html.corporate-surface .leagues-page .casazar-club-access__item i,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .league-status-card .league-status-metric i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.45rem;
	height: 2.45rem;
	border-radius: 999px;
	border: 1px solid rgba(216, 184, 108, 0.2);
	background:
		radial-gradient(circle at 50% 26%, rgba(216, 184, 108, 0.18), transparent 62%),
		rgba(5, 8, 22, 0.52);
	color: #f1dfa7;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-quick-actions .manage-quick-action strong,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .manage-member-tab strong {
	background: rgba(216, 184, 108, 0.12);
	color: #f1dfa7;
}

.casazar-club-access {
	display: grid;
	grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
	gap: 1rem;
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(216, 184, 108, 0.16);
	border-radius: var(--corp-radius-lg);
}

.casazar-club-access__intro .eyebrow {
	color: #35d0e2;
}

.casazar-club-access__intro .section-title {
	color: #fffaf0;
	letter-spacing: -0.03em;
}

.casazar-club-access__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}

.casazar-club-access__item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-height: 72px;
	padding: 0.85rem;
	border-radius: 20px;
	text-decoration: none;
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.casazar-club-access__item span {
	font-weight: 800;
	letter-spacing: -0.01em;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .league-status-card {
	padding: clamp(1rem, 2vw, 1.25rem);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .league-status-card .distribution-type-badge {
	border-color: rgba(216, 184, 108, 0.22);
	background: rgba(216, 184, 108, 0.08);
	color: #f1dfa7;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .league-status-card .league-status-grid {
	gap: 0.75rem;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .league-status-card .league-status-metric {
	min-height: 112px;
	border-color: rgba(216, 184, 108, 0.15);
	background:
		linear-gradient(135deg, rgba(216, 184, 108, 0.06), rgba(53, 208, 226, 0.025)),
		rgba(5, 8, 22, 0.48);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .section-header .eyebrow,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .section-title,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ section .league-members-preview-card .eyebrow,
html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ section .league-members-preview-card .section-title {
	color: #f1dfa7;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .section-copy {
	color: rgba(245, 245, 244, 0.66);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .manage-member-tab {
	border-color: rgba(216, 184, 108, 0.14);
	background: rgba(5, 8, 22, 0.44);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .manage-member-tab.is-active {
	border-color: rgba(216, 184, 108, 0.36);
	background:
		linear-gradient(135deg, rgba(216, 184, 108, 0.13), rgba(53, 208, 226, 0.035)),
		rgba(5, 8, 22, 0.66);
	color: #f1dfa7;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .manage-member-row {
	border-color: rgba(216, 184, 108, 0.14);
	background: rgba(5, 8, 22, 0.46);
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ section .league-members-preview-card .member-row {
	border-color: rgba(216, 184, 108, 0.14);
	background: rgba(5, 8, 22, 0.46);
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .manage-member-row:hover {
	border-color: rgba(241, 223, 167, 0.26);
	background: rgba(17, 24, 39, 0.72);
	box-shadow: 0 16px 38px rgba(216, 184, 108, 0.075);
	transform: translateY(-1px);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ section .league-members-preview-card .member-row:hover {
	border-color: rgba(241, 223, 167, 0.26);
	background: rgba(17, 24, 39, 0.72);
	box-shadow: 0 16px 38px rgba(216, 184, 108, 0.075);
	transform: translateY(-1px);
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ .manage-members-panel .league-status-badge.member-status-active {
	border-color: rgba(216, 184, 108, 0.28);
	background: rgba(216, 184, 108, 0.11);
	color: #f1dfa7;
}

html.corporate-surface .leagues-page .leagues-hero--casazar-lobby ~ section .league-members-preview-card .league-status-badge.member-status-active {
	border-color: rgba(216, 184, 108, 0.28);
	background: rgba(216, 184, 108, 0.11);
	color: #f1dfa7;
}

html.corporate-surface .push-optin-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.18);
	background:
		radial-gradient(circle at 12% 18%, rgba(53, 208, 226, 0.11), transparent 28%),
		radial-gradient(circle at 88% 20%, rgba(53, 208, 226, 0.09), transparent 30%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 42%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(11, 18, 32, 0.92));
	box-shadow: var(--shadow-corporate-panel);
	color: var(--ds-text-primary);
}

html.corporate-surface .push-optin-card::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.26;
	background:
		linear-gradient(rgba(53, 208, 226, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.045) 1px, transparent 1px);
	background-size: 42px 42px;
}

html.corporate-surface .push-optin-card__icon,
html.corporate-surface .push-optin-card__content {
	position: relative;
	z-index: 1;
}

html.corporate-surface .push-optin-card__icon {
	border: 1px solid rgba(53, 208, 226, 0.18);
	color: var(--ds-accent);
	background:
		radial-gradient(circle at 50% 30%, rgba(53, 208, 226, 0.2), transparent 58%),
		rgba(5, 8, 22, 0.6);
	box-shadow: 0 14px 40px rgba(53, 208, 226, 0.08), inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

html.corporate-surface .push-optin-card__eyebrow {
	color: var(--ds-primary);
}

html.corporate-surface .push-optin-card h2 {
	color: var(--ds-text-primary);
	letter-spacing: -0.03em;
}

html.corporate-surface .push-optin-card p:not(.push-optin-card__eyebrow):not(.push-optin-card__feedback) {
	color: rgba(209, 213, 219, 0.76);
}

html.corporate-surface .push-optin-card__dismiss {
	border-color: var(--ds-border-subtle);
	background: rgba(5, 8, 22, 0.45);
	color: var(--ds-text-secondary);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .push-optin-card__dismiss:hover {
	border-color: rgba(53, 208, 226, 0.24);
	color: var(--ds-text-primary);
	background: rgba(11, 18, 32, 0.72);
}

html.corporate-surface .push-optin-card__feedback {
	color: var(--ds-accent);
}

html.corporate-surface .push-optin-card .btn-primary-gradient {
	background: var(--gradient-primary);
	border-color: rgba(53, 208, 226, 0.68);
	color: var(--ds-text-inverse-soft);
	box-shadow: 0 14px 30px rgba(53, 208, 226, 0.2);
}

html.corporate-surface .push-optin-card .btn-primary-gradient:hover,
html.corporate-surface .push-optin-card .btn-primary-gradient:focus {
	background: linear-gradient(135deg, #c7f7ff 0%, var(--ds-primary) 100%);
	color: var(--ds-text-inverse);
}

html.corporate-surface .leagues-page .league-members-preview-card,
html.corporate-surface .leagues-page .score-rules-card,
html.corporate-surface .leagues-page .league-rules-entry,
html.corporate-surface .leagues-page .rules-info-card,
html.corporate-surface .leagues-page .rules-detail-card,
html.corporate-surface .leagues-page .rules-footnote,
[data-theme="dark-premium"] .leagues-page .league-members-preview-card,
[data-theme="dark-premium"] .leagues-page .score-rules-card,
[data-theme="dark-premium"] .leagues-page .league-rules-entry,
[data-theme="dark-premium"] .leagues-page .rules-info-card,
[data-theme="dark-premium"] .leagues-page .rules-detail-card,
[data-theme="dark-premium"] .leagues-page .rules-footnote {
	border-radius: var(--corp-radius-lg);
	border: 1px solid rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 40%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(11, 18, 32, 0.9));
	box-shadow: var(--shadow-corporate-panel);
}

.league-rules-entry {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: clamp(1rem, 2vw, 1.25rem);
	align-items: center;
	overflow: hidden;
	padding: clamp(1.15rem, 2.5vw, 1.55rem);
}

.league-rules-entry::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse at 10% 20%, rgba(216, 184, 108, 0.1), transparent 34%),
		radial-gradient(ellipse at 90% 40%, rgba(53, 208, 226, 0.08), transparent 32%);
}

.league-rules-entry > * {
	position: relative;
	z-index: 1;
}

.league-rules-entry__icon {
	display: inline-grid;
	width: 3.2rem;
	height: 3.2rem;
	place-items: center;
	border: 1px solid rgba(216, 184, 108, 0.26);
	border-radius: 1.05rem;
	background:
		linear-gradient(145deg, rgba(216, 184, 108, 0.2), rgba(5, 8, 22, 0.42));
	color: #f5df9c;
	box-shadow:
		0 18px 38px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.league-rules-entry__content h2 {
	margin: 0;
	color: var(--ds-text-primary, #fffaf0);
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.08;
}

.league-rules-entry__content p:not(.corporate-section-eyebrow) {
	max-width: 760px;
	margin: 0.45rem 0 0;
	color: rgba(245, 245, 244, 0.68);
}

.rules-hero--casazar {
	position: relative;
	overflow: hidden;
}

.rules-overview-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.85rem, 2vw, 1.1rem);
}

.rules-info-card {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	padding: clamp(1rem, 2vw, 1.25rem);
}

.rules-info-card__icon {
	display: inline-grid;
	flex: 0 0 auto;
	width: 2.75rem;
	height: 2.75rem;
	place-items: center;
	border: 1px solid rgba(216, 184, 108, 0.22);
	border-radius: 0.95rem;
	background: rgba(216, 184, 108, 0.1);
	color: #f2da98;
}

.rules-info-card h2,
.rules-detail-card h2 {
	margin: 0;
	color: var(--ds-text-primary, #fffaf0);
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.1;
}

.rules-info-card p,
.rules-detail-card p,
.rules-footnote p {
	margin: 0.55rem 0 0;
	color: rgba(245, 245, 244, 0.68);
	line-height: 1.55;
}

.rules-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
	gap: clamp(1rem, 2vw, 1.2rem);
}

.rules-detail-card {
	padding: clamp(1.15rem, 2.4vw, 1.55rem);
}

.rules-detail-card--wide {
	min-height: 100%;
}

.rules-check-list {
	display: grid;
	gap: 0.72rem;
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

.rules-check-list--inline {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rules-check-list li {
	display: flex;
	gap: 0.65rem;
	align-items: flex-start;
	color: rgba(245, 245, 244, 0.74);
	line-height: 1.45;
}

.rules-check-list i {
	margin-top: 0.15rem;
	color: #f2da98;
}

.rules-example-box {
	margin-top: 1rem;
	padding: 0.95rem 1rem;
	border: 1px solid rgba(216, 184, 108, 0.18);
	border-radius: 1rem;
	background:
		linear-gradient(135deg, rgba(216, 184, 108, 0.08), rgba(5, 8, 22, 0.42));
	color: rgba(255, 250, 240, 0.86);
	line-height: 1.5;
}

.rules-footnote {
	display: flex;
	gap: 0.8rem;
	align-items: flex-start;
	padding: 1rem 1.15rem;
}

.rules-footnote i {
	margin-top: 0.2rem;
	color: #f2da98;
}

.rules-footnote p {
	margin: 0;
}

@media (max-width: 900px) {
	.league-rules-entry,
	.rules-detail-layout,
	.rules-overview-grid,
	.rules-check-list--inline {
		grid-template-columns: 1fr;
	}

	.league-rules-entry {
		align-items: flex-start;
	}

	.league-rules-entry .btn-secondary-soft {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 640px) {
	.rules-info-card,
	.rules-footnote {
		flex-direction: column;
	}

	.league-rules-entry {
		padding: 1rem;
	}
}

html.corporate-surface .leagues-page .score-rules-table-wrap,
[data-theme="dark-premium"] .leagues-page .score-rules-table-wrap {
	border: 1px solid rgba(156, 163, 175, 0.14);
	background: var(--ds-surface-soft);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .leagues-page .score-rules-table th,
html.corporate-surface .leagues-page .score-rules-table td,
[data-theme="dark-premium"] .leagues-page .score-rules-table th,
[data-theme="dark-premium"] .leagues-page .score-rules-table td {
	border-bottom-color: rgba(156, 163, 175, 0.12);
}

html.corporate-surface .leagues-page .score-rules-table th,
[data-theme="dark-premium"] .leagues-page .score-rules-table th {
	color: var(--ds-text-muted);
	background: rgba(11, 18, 32, 0.7);
}

html.corporate-surface .leagues-page .score-rules-table td,
[data-theme="dark-premium"] .leagues-page .score-rules-table td {
	color: rgba(245, 245, 244, 0.9);
	background: rgba(5, 8, 22, 0.36);
}

html.corporate-surface .leagues-page .score-rules-table tbody tr:nth-child(even) td,
[data-theme="dark-premium"] .leagues-page .score-rules-table tbody tr:nth-child(even) td {
	background: rgba(11, 18, 32, 0.54);
}

html.corporate-surface .leagues-page .score-rules-table tbody tr:hover td,
[data-theme="dark-premium"] .leagues-page .score-rules-table tbody tr:hover td {
	background: rgba(53, 208, 226, 0.07);
}

html.corporate-surface .leagues-page .score-rule-card,
[data-theme="dark-premium"] .leagues-page .score-rule-card {
	border-color: rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 55%),
		rgba(5, 8, 22, 0.42);
}

html.corporate-surface .leagues-page .score-rule-card__title,
[data-theme="dark-premium"] .leagues-page .score-rule-card__title {
	color: var(--ds-text-primary);
}

[data-theme="light-premium"] .leagues-page .score-rules-card {
	border-color: rgba(37, 99, 235, 0.14);
	background:
		linear-gradient(180deg, rgba(37, 99, 235, 0.035), rgba(255, 255, 255, 0) 42%),
		var(--ds-surface);
	box-shadow: var(--ds-shadow-card);
}

[data-theme="light-premium"] .leagues-page .score-rules-table-wrap {
	border-color: var(--ds-border);
	background: var(--ds-surface);
	box-shadow: 0 18px 52px rgba(15, 23, 42, 0.08);
}

[data-theme="light-premium"] .leagues-page .score-rules-table th {
	color: var(--ds-text-muted);
	background: var(--ds-surface-elevated);
}

[data-theme="light-premium"] .leagues-page .score-rules-table td {
	color: var(--ds-text-primary);
	background: rgba(255, 255, 255, 0.86);
}

[data-theme="light-premium"] .leagues-page .score-rules-table tbody tr:nth-child(even) td {
	background: rgba(241, 245, 249, 0.78);
}

[data-theme="light-premium"] .leagues-page .score-rules-table tbody tr:hover td {
	background: rgba(37, 99, 235, 0.055);
}

[data-theme="light-premium"] .leagues-page .score-rule-card {
	border-color: var(--ds-border);
	background: var(--ds-surface);
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

html.corporate-surface .leagues-page .danger-zone-card {
	border-color: rgba(248, 113, 113, 0.22);
	background:
		radial-gradient(circle at 90% 10%, rgba(248, 113, 113, 0.09), transparent 30%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(11, 18, 32, 0.9));
	box-shadow: 0 26px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .leagues-page .danger-zone-card h2 {
	color: var(--ds-text-primary);
}

html.corporate-surface .leagues-page .danger-zone-card p {
	color: rgba(209, 213, 219, 0.72);
}

html.corporate-surface .leagues-page .danger-zone-card .eyebrow {
	color: var(--ds-danger);
}

html.corporate-surface .leagues-page .btn-danger-soft {
	border-color: rgba(248, 113, 113, 0.28);
	color: #fecaca;
	background: rgba(248, 113, 113, 0.09);
}

html.corporate-surface .leagues-page .btn-danger-soft:hover {
	color: #ffffff;
	border-color: rgba(248, 113, 113, 0.42);
	background: rgba(248, 113, 113, 0.16);
	box-shadow: 0 16px 36px rgba(248, 113, 113, 0.12);
}

html.corporate-surface .leagues-page .copy-link-button,
html.corporate-surface .leagues-page .btn-primary-gradient,
html.corporate-surface .leagues-page .btn-secondary-soft {
	white-space: nowrap;
}

html.corporate-surface .leagues-page .copy-link-button {
	color: #101522;
}

html.corporate-surface .leagues-page .copy-link-button i,
html.corporate-surface .leagues-page .copy-link-button span {
	color: inherit;
}

.ranking-page {
	--rank-bg: var(--ds-bg);
	--rank-surface: var(--ds-surface-elevated);
	--rank-surface-strong: var(--ds-surface-strong);
	--rank-ink: var(--ds-text-primary);
	--rank-muted: var(--ds-text-muted);
	--rank-line: var(--ds-border-subtle);
	--rank-blue: var(--ds-accent);
	--rank-cyan: var(--ds-accent);
	--rank-purple: var(--ds-primary);
	--rank-gradient: linear-gradient(135deg, var(--ds-accent) 0%, var(--ds-primary) 100%);
	--rank-shadow: var(--shadow-card);
}

.ranking-board__toolbar,
.ranking-mode-chips,
.ranking-self-bar,
.ranking-entry-card {
	background: var(--ds-surface-soft);
	border-color: var(--ds-border-subtle);
}

html.corporate-surface .corporate-award-tabs {
	gap: 8px;
	margin: 0 0 18px;
	padding: 8px;
	border: 1px solid var(--ds-border-subtle);
	border-radius: var(--corp-radius-lg);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.045), rgba(245, 245, 244, 0.014)),
		rgba(5, 8, 22, 0.72);
	box-shadow: var(--shadow-corporate-panel);
	scrollbar-width: thin;
	scrollbar-color: rgba(53, 208, 226, 0.32) transparent;
}

html.corporate-surface .corporate-award-tabs::-webkit-scrollbar {
	height: 6px;
}

html.corporate-surface .corporate-award-tabs::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.32);
}

html.corporate-surface .corporate-award-tab {
	flex: 0 0 136px;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: var(--corp-radius-md);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), rgba(245, 245, 244, 0.01)),
		rgba(5, 8, 22, 0.5);
	color: var(--ds-text-muted);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .corporate-award-tab:hover,
html.corporate-surface .corporate-award-tab:focus-visible {
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-text-secondary);
}

html.corporate-surface .corporate-award-tab span {
	display: block;
	max-width: 100%;
	overflow: hidden;
	color: var(--ds-text-primary);
	font-size: 0.9rem;
	font-weight: 750;
	letter-spacing: -0.01em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .corporate-award-tab small {
	display: block;
	max-width: 100%;
	overflow: hidden;
	color: var(--ds-text-muted);
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.01em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .corporate-award-tab.is-active {
	border-color: rgba(53, 208, 226, 0.34);
	background:
		linear-gradient(180deg, rgba(53, 208, 226, 0.14), rgba(53, 208, 226, 0.04)),
		rgba(5, 8, 22, 0.62);
	box-shadow:
		0 14px 34px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
	color: var(--ds-primary);
}

html.corporate-surface .corporate-award-tab.is-active span,
html.corporate-surface .corporate-award-tab.is-active small {
	color: var(--ds-primary);
}

.ranking-entry-card.is-current-user {
	border-color: rgba(53, 208, 226, 0.44);
	box-shadow: 0 14px 36px rgba(53, 208, 226, 0.14);
}

.ranking-entry-card.is-leader,
.ranking-entry-card.is-top-3 {
	border-color: rgba(53, 208, 226, 0.38);
}

/* Ranking transparency: the whole row is a single, accessible link. The
 * layout remains owned by the existing ranking card, including its compact
 * mobile composition. */
.ranking-entry-card__link {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: inherit;
	align-items: inherit;
	gap: inherit;
	min-height: inherit;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

.ranking-entry-card:has(.ranking-entry-card__link:focus-visible) {
	outline: 3px solid rgba(53, 208, 226, 0.82);
	outline-offset: 3px;
}

.ranking-participant-page {
	padding-block: clamp(1.25rem, 3vw, 2.75rem);
}

.ranking-participant-page .page-container {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
}

.ranking-participant-back {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	width: fit-content;
	color: var(--corp-action, #35d0e2);
	font-size: 0.88rem;
	font-weight: 760;
	text-decoration: none;
}

.ranking-participant-back:hover,
.ranking-participant-back:focus-visible {
	color: var(--ds-text-primary, #f8fbff);
	text-decoration: underline;
}

.ranking-participant-hero,
.ranking-closed-picks,
.ranking-participant-empty {
	border: 1px solid rgba(113, 191, 210, 0.2);
	border-radius: clamp(1.1rem, 2vw, 1.65rem);
	background:
		radial-gradient(circle at 88% 8%, rgba(53, 208, 226, 0.12), transparent 28%),
		linear-gradient(135deg, rgba(12, 27, 44, 0.95), rgba(4, 12, 24, 0.96));
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.ranking-participant-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 1fr);
	gap: clamp(1.25rem, 3vw, 2.5rem);
	align-items: center;
	padding: clamp(1.25rem, 3vw, 2.5rem);
}

.ranking-participant-identity {
	display: flex;
	align-items: center;
	gap: clamp(0.9rem, 2vw, 1.25rem);
}

.ranking-participant-identity h1,
.ranking-closed-picks h2,
.ranking-participant-empty h1 {
	margin: 0.25rem 0 0.55rem;
	color: var(--ds-text-primary, #f8fbff);
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(1.7rem, 4vw, 3rem);
	letter-spacing: -0.04em;
}

.ranking-participant-identity p:last-child,
.ranking-closed-picks__header p:last-child,
.ranking-participant-empty p {
	margin: 0;
	color: var(--ds-text-secondary, #aebfd1);
	line-height: 1.55;
}

.ranking-participant-avatar {
	display: grid;
	flex: 0 0 auto;
	width: clamp(3.6rem, 8vw, 5rem);
	aspect-ratio: 1;
	place-items: center;
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.44);
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.24), rgba(92, 242, 165, 0.13));
	box-shadow: 0 0 28px rgba(53, 208, 226, 0.16);
	color: #e8fdff;
	font-size: clamp(1.1rem, 3vw, 1.6rem);
	font-weight: 820;
}

.ranking-participant-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ranking-participant-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55rem;
}

.ranking-participant-summary > div {
	display: grid;
	gap: 0.2rem;
	min-height: 5.25rem;
	padding: 0.85rem;
	border: 1px solid rgba(114, 184, 203, 0.17);
	border-radius: 0.85rem;
	background: rgba(4, 14, 28, 0.56);
}

.ranking-participant-summary span,
.ranking-closed-pick-card dt,
.ranking-closed-pick-card__sport {
	color: var(--ds-text-muted, #8da4b8);
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ranking-participant-summary strong {
	color: var(--corp-action, #35d0e2);
	font-size: 1.35rem;
	line-height: 1.1;
}

.ranking-participant-summary small {
	font-size: 0.66em;
}

.ranking-participant-record {
	display: flex;
	grid-column: 1 / -1;
	flex-wrap: wrap;
	gap: 0.55rem 0.8rem;
	margin-top: -0.7rem;
	color: var(--ds-text-secondary, #aebfd1);
	font-size: 0.82rem;
	font-weight: 700;
}

.ranking-participant-record .is-correct,
.ranking-pick-status.is-correct {
	color: #75e5ad;
}

.ranking-participant-record .is-incorrect,
.ranking-pick-status.is-incorrect {
	color: #f29b9d;
}

.ranking-participant-record .is-private {
	color: var(--ds-text-muted, #8da4b8);
}

.ranking-closed-picks {
	padding: clamp(1.1rem, 2.7vw, 2rem);
}

.ranking-closed-picks__header {
	margin-bottom: 1.1rem;
}

.ranking-closed-picks h2 {
	font-size: clamp(1.45rem, 3vw, 2.1rem);
}

.ranking-closed-pick-list {
	display: grid;
	gap: 0.8rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ranking-closed-pick-card {
	padding: clamp(1rem, 2vw, 1.3rem);
	border: 1px solid rgba(115, 180, 202, 0.18);
	border-radius: 1rem;
	background: rgba(3, 12, 25, 0.66);
}

.ranking-closed-pick-card > header {
	display: flex;
	gap: 0.8rem;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 0.9rem;
}

.ranking-closed-pick-card h3 {
	margin: 0.18rem 0 0;
	color: var(--ds-text-primary, #f8fbff);
	font-size: clamp(1rem, 2.5vw, 1.25rem);
	line-height: 1.25;
}

.ranking-closed-pick-card__sport {
	margin: 0;
	color: var(--corp-action, #35d0e2);
}

.ranking-pick-status {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 0.33rem;
	padding: 0.38rem 0.55rem;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: var(--ds-text-muted, #8da4b8);
	font-size: 0.68rem;
	font-weight: 820;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ranking-pick-status.is-pending {
	color: #d7b46a;
}

.ranking-pick-status.is-void {
	color: var(--ds-text-muted, #8da4b8);
}

.ranking-closed-pick-card__details {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.7rem;
	margin: 0;
}

.ranking-closed-pick-card__details > div {
	display: grid;
	gap: 0.28rem;
	min-width: 0;
	padding: 0.62rem 0.7rem;
	border-radius: 0.68rem;
	background: rgba(255, 255, 255, 0.025);
}

.ranking-closed-pick-card__details .ranking-closed-pick-card__selection {
	grid-column: span 2;
	background: linear-gradient(120deg, rgba(53, 208, 226, 0.1), rgba(92, 242, 165, 0.04));
}

.ranking-closed-pick-card dd {
	margin: 0;
	overflow-wrap: anywhere;
	color: var(--ds-text-primary, #f8fbff);
	font-size: 0.86rem;
	font-weight: 700;
	line-height: 1.42;
}

.ranking-closed-pick-card__selection dd {
	display: grid;
	gap: 0.22rem;
}

.ranking-participant-empty {
	display: grid;
	justify-items: start;
	gap: 0.9rem;
	max-width: 45rem;
	padding: clamp(1.3rem, 3vw, 2.2rem);
}

.ranking-participant-empty--inline {
	max-width: none;
	place-items: center;
	min-height: 9rem;
	text-align: center;
}

.ranking-participant-empty--inline i {
	color: var(--corp-action, #35d0e2);
	font-size: 1.5rem;
}

@media (max-width: 720px) {
	.ranking-participant-hero {
		grid-template-columns: 1fr;
		gap: 1.1rem;
	}

	.ranking-participant-record {
		margin-top: 0;
	}

	.ranking-closed-pick-card__details {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .ranking-page--neutral .ranking-entry-card__link {
		display: block;
	}
}

@media (max-width: 460px) {
	.ranking-participant-page .page-container {
		gap: 0.8rem;
	}

	.ranking-participant-identity {
		align-items: flex-start;
	}

	.ranking-closed-pick-card > header {
		flex-direction: column;
	}

	.ranking-closed-pick-card__details {
		grid-template-columns: 1fr;
	}

	.ranking-closed-pick-card__details .ranking-closed-pick-card__selection {
		grid-column: auto;
	}
}

.ranking-mode-chip {
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.04), rgba(245, 245, 244, 0.012)),
		rgba(5, 8, 22, 0.52);
	border-color: var(--ds-border-subtle);
	color: var(--ds-text-secondary);
}

.ranking-mode-chip.is-active,
.ranking-mode-chip:hover {
	background:
		linear-gradient(180deg, rgba(53, 208, 226, 0.12), rgba(53, 208, 226, 0.035)),
		rgba(5, 8, 22, 0.45);
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-primary);
}

.ranking-search-input {
	background: rgba(5, 8, 22, 0.72);
}

html.corporate-surface .ranking-page--casazar {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 88% 3%, rgba(214, 179, 106, 0.07), transparent 30%),
		radial-gradient(circle at 8% 34%, rgba(231, 215, 177, 0.04), transparent 24%),
		linear-gradient(180deg, rgba(5, 8, 22, 0), rgba(5, 8, 22, 0.3));
}

html.corporate-surface .ranking-page--casazar .ranking-hero {
	position: relative;
	grid-template-columns: minmax(0, 1fr) minmax(190px, 320px);
	overflow: hidden;
	border-color: rgba(231, 215, 177, 0.18);
	background:
		radial-gradient(circle at 86% 48%, rgba(214, 179, 106, 0.12), transparent 33%),
		radial-gradient(circle at 16% 16%, rgba(245, 245, 244, 0.035), transparent 24%),
		linear-gradient(135deg, rgba(12, 18, 36, 0.985), rgba(5, 8, 22, 0.955));
	box-shadow:
		0 32px 90px rgba(0, 0, 0, 0.32),
		0 0 42px rgba(214, 179, 106, 0.045),
		inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .ranking-page--casazar .ranking-hero::before {
	background:
		linear-gradient(90deg, rgba(214, 179, 106, 0.075), transparent 38%),
		linear-gradient(rgba(245, 245, 244, 0.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(214, 179, 106, 0.02) 1px, transparent 1px);
	background-size: auto, 68px 68px, 68px 68px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.68) 64%, transparent 100%);
}

html.corporate-surface .ranking-page--casazar .ranking-hero__content,
html.corporate-surface .ranking-page--casazar .ranking-hero__actions {
	position: relative;
	z-index: 3;
}

html.corporate-surface .ranking-page--casazar .ranking-hero__actions--casazar-agave {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: auto;
	min-width: 0;
	pointer-events: none;
}

html.corporate-surface .ranking-page--casazar .ranking-hero__lead .hero-accent,
html.corporate-surface .ranking-page--casazar .ranking-hero__lead .accent,
html.corporate-surface .ranking-page--casazar .ranking-hero__eyebrow {
	color: #35d0e2 !important;
}

.casazar-ranking-agave {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

.casazar-ranking-agave__glow,
.casazar-ranking-agave__mark {
	position: absolute;
	pointer-events: none;
}

.casazar-ranking-agave__glow {
	top: 50%;
	right: -4%;
	width: clamp(310px, 34vw, 500px);
	height: clamp(310px, 34vw, 500px);
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 50%, rgba(241, 223, 167, 0.11), transparent 28%),
		radial-gradient(circle at 50% 50%, rgba(216, 184, 108, 0.16), transparent 62%);
	filter: blur(34px);
	opacity: 0.7;
	transform: translateY(-50%);
}

.casazar-ranking-agave__mark {
	top: 50%;
	right: -6%;
	width: clamp(260px, 30vw, 420px);
	height: auto;
	opacity: 0.12;
	transform: translateY(-50%);
	filter:
		blur(0.25px)
		saturate(1.08)
		drop-shadow(0 0 28px rgba(214, 179, 106, 0.12));
}

html.corporate-surface .ranking-page--casazar .ranking-insight-card,
html.corporate-surface .ranking-page--casazar .ranking-board,
html.corporate-surface .ranking-page--casazar .ranking-empty,
html.corporate-surface .ranking-page--casazar .ranking-placeholder,
html.corporate-surface .ranking-page--casazar .ranking-search-empty,
html.corporate-surface .ranking-page--casazar .ranking-self-bar,
html.corporate-surface .ranking-page--casazar .ranking-entry-card,
html.corporate-surface .ranking-page--casazar .ranking-mode-chips,
html.corporate-surface .ranking-page--casazar .corporate-award-tabs {
	border-color: rgba(231, 215, 177, 0.13);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.04), transparent 46%),
		radial-gradient(circle at 88% 14%, rgba(214, 179, 106, 0.055), transparent 34%),
		rgba(5, 8, 22, 0.58);
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .ranking-page--casazar .ranking-board {
	position: relative;
	overflow: hidden;
}

html.corporate-surface .ranking-page--casazar .ranking-board::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(115deg, transparent 8%, rgba(245, 237, 203, 0.052) 46%, transparent 68%),
		linear-gradient(rgba(245, 245, 244, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(214, 179, 106, 0.018) 1px, transparent 1px);
	background-size: auto, 60px 60px, 60px 60px;
	opacity: 0.68;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 66%, transparent 100%);
}

html.corporate-surface .ranking-page--casazar .ranking-board > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(1rem, 3vw, 2rem);
	align-items: start;
	margin-bottom: clamp(1rem, 2vw, 1.35rem);
}

html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar .ranking-board__heading {
	max-width: 610px;
}

html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar .ranking-board-label {
	margin-bottom: 0.5rem !important;
}

html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar .section-title {
	max-width: 580px;
	margin-bottom: 0;
	line-height: 1;
}

html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar .ranking-board__story {
	max-width: 480px;
	margin: 0.55rem 0 0;
}

html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar .ranking-board__actions {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 0.65rem;
	min-width: 132px;
}

html.corporate-surface .ranking-page--casazar .ranking-board__casazar-logo {
	display: block;
	width: clamp(96px, 10vw, 126px);
	height: auto;
	opacity: 0.86;
	filter:
		saturate(1.04)
		drop-shadow(0 0 14px rgba(214, 179, 106, 0.12));
}

html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar .badge-muted {
	border-color: rgba(231, 215, 177, 0.16);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.035), transparent 58%),
		rgba(5, 8, 22, 0.46);
	color: rgba(231, 215, 177, 0.76);
	font-size: 0.78rem;
	box-shadow: inset 0 1px 0 rgba(245, 237, 203, 0.045);
}

html.corporate-surface .ranking-page--casazar .ranking-insight-value,
html.corporate-surface .ranking-page--casazar .ranking-board .section-title,
html.corporate-surface .ranking-page--casazar .ranking-entry-name,
html.corporate-surface .ranking-page--casazar .ranking-name strong,
html.corporate-surface .ranking-page--casazar .ranking-self-name {
	color: #f7f4ec;
}

html.corporate-surface .ranking-page--casazar .ranking-insight-label,
html.corporate-surface .ranking-page--casazar .ranking-board-label,
html.corporate-surface .ranking-page--casazar .ranking-entry-position,
html.corporate-surface .ranking-page--casazar .ranking-position span,
html.corporate-surface .ranking-page--casazar .ranking-entry-points,
html.corporate-surface .ranking-page--casazar .ranking-points strong,
html.corporate-surface .ranking-page--casazar .ranking-gap.is-leader strong {
	color: #35d0e2;
}

html.corporate-surface .ranking-page--casazar .ranking-insight-text,
html.corporate-surface .ranking-page--casazar .ranking-board__story,
html.corporate-surface .ranking-page--casazar .ranking-entry-position-label,
html.corporate-surface .ranking-page--casazar .ranking-entry-points-label,
html.corporate-surface .ranking-page--casazar .ranking-mobile-meta,
html.corporate-surface .ranking-page--casazar .ranking-stat span,
html.corporate-surface .ranking-page--casazar .ranking-gap span,
html.corporate-surface .ranking-page--casazar .ranking-movement span,
html.corporate-surface .ranking-page--casazar .ranking-self-stats,
html.corporate-surface .ranking-page--casazar .ranking-self-gap {
	color: rgba(226, 232, 240, 0.62);
}

html.corporate-surface .ranking-page--casazar .ranking-mode-chip,
html.corporate-surface .ranking-page--casazar .corporate-award-tab,
html.corporate-surface .ranking-page--casazar .podium-badge,
html.corporate-surface .ranking-page--casazar .podium-badge-main,
html.corporate-surface .ranking-page--casazar .you-badge,
html.corporate-surface .ranking-page--casazar .ranking-self-badge {
	border-color: rgba(231, 215, 177, 0.18);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.03), transparent 54%),
		rgba(5, 8, 22, 0.56);
	color: #e7d7b1;
}

html.corporate-surface .ranking-page--casazar .ranking-mode-chip:hover,
html.corporate-surface .ranking-page--casazar .corporate-award-tab:hover,
html.corporate-surface .ranking-page--casazar .corporate-award-tab:focus-visible {
	border-color: rgba(214, 179, 106, 0.34);
	color: #f7f4ec;
}

html.corporate-surface .ranking-page--casazar .ranking-mode-chip.is-active,
html.corporate-surface .ranking-page--casazar .corporate-award-tab.is-active,
html.corporate-surface .ranking-page--casazar .podium-badge-main {
	border-color: rgba(231, 215, 177, 0.44);
	background: linear-gradient(135deg, #c7f7ff, #35d0e2);
	color: #07101f;
	box-shadow: 0 16px 32px rgba(214, 179, 106, 0.16);
}

html.corporate-surface .ranking-page--casazar .corporate-award-tab.is-active span,
html.corporate-surface .ranking-page--casazar .corporate-award-tab.is-active small {
	color: #07101f;
}

html.corporate-surface .ranking-page--casazar .ranking-search-input,
html.corporate-surface .ranking-page--casazar .ranking-search-input-wrap {
	border-color: rgba(231, 215, 177, 0.16);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.025), transparent 60%),
		rgba(5, 8, 22, 0.62);
	color: #f7f4ec;
}

html.corporate-surface .ranking-page--casazar .ranking-search-input:focus {
	border-color: rgba(214, 179, 106, 0.42);
	box-shadow: 0 0 0 4px rgba(214, 179, 106, 0.08);
}

html.corporate-surface .ranking-page--casazar .ranking-avatar {
	border-color: rgba(231, 215, 177, 0.18);
	background:
		radial-gradient(circle at 50% 0%, rgba(214, 179, 106, 0.16), transparent 58%),
		rgba(5, 8, 22, 0.64);
	color: #e7d7b1;
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .ranking-page--casazar .ranking-avatar.is-leader {
	border-color: rgba(214, 179, 106, 0.4);
	background:
		radial-gradient(circle at 50% 0%, rgba(245, 237, 203, 0.26), transparent 58%),
		rgba(5, 8, 22, 0.72);
	box-shadow:
		0 0 28px rgba(214, 179, 106, 0.12),
		inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

html.corporate-surface .ranking-page--casazar .ranking-avatar.is-leader i {
	color: #c7f7ff;
	background: none;
	-webkit-text-fill-color: currentColor;
	filter: drop-shadow(0 0 10px rgba(214, 179, 106, 0.24));
}

html.corporate-surface .ranking-page--casazar .ranking-entry-card {
	transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

html.corporate-surface .ranking-page--casazar .ranking-entry-card:hover {
	border-color: rgba(214, 179, 106, 0.3);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.052), transparent 50%),
		radial-gradient(circle at 88% 14%, rgba(214, 179, 106, 0.075), transparent 34%),
		rgba(5, 8, 22, 0.64);
	box-shadow:
		0 28px 78px rgba(0, 0, 0, 0.34),
		0 0 30px rgba(214, 179, 106, 0.06),
		inset 0 1px 0 rgba(245, 245, 244, 0.055);
	transform: translateY(-2px);
}

html.corporate-surface .ranking-page--casazar .ranking-entry-card.is-leader,
html.corporate-surface .ranking-page--casazar .ranking-entry-card.is-rank-1 {
	border-color: rgba(216, 184, 108, 0.38);
	background:
		radial-gradient(circle at 92% 14%, rgba(216, 184, 108, 0.16), transparent 34%),
		linear-gradient(180deg, rgba(245, 237, 203, 0.06), transparent 52%),
		rgba(5, 8, 22, 0.72);
	box-shadow:
		0 0 0 1px rgba(216, 184, 108, 0.08),
		0 24px 64px rgba(0, 0, 0, 0.3),
		0 18px 45px rgba(216, 184, 108, 0.08),
		inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .ranking-page--casazar .ranking-entry-card.is-leader::before,
html.corporate-surface .ranking-page--casazar .ranking-entry-card.is-rank-1::before {
	top: 14%;
	bottom: 14%;
	inset-inline-start: 0;
	width: 3px;
	border-radius: 999px;
	background: linear-gradient(180deg, transparent, #35d0e2, transparent);
}

html.corporate-surface .ranking-page--casazar .ranking-entry-card.is-current-user {
	border-color: rgba(231, 215, 177, 0.32);
	box-shadow:
		0 0 0 1px rgba(231, 215, 177, 0.08),
		0 20px 56px rgba(0, 0, 0, 0.26);
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board {
	position: relative;
	overflow: hidden;
	border-color: rgba(231, 215, 177, 0.13);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.04), transparent 46%),
		radial-gradient(circle at 88% 14%, rgba(214, 179, 106, 0.055), transparent 34%),
		rgba(5, 8, 22, 0.58);
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(115deg, transparent 8%, rgba(245, 237, 203, 0.052) 46%, transparent 68%),
		linear-gradient(rgba(245, 245, 244, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(214, 179, 106, 0.018) 1px, transparent 1px);
	background-size: auto, 60px 60px, 60px 60px;
	opacity: 0.68;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 66%, transparent 100%);
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .casazar-picks-board__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(1rem, 3vw, 2rem);
	align-items: start;
	margin-bottom: clamp(1rem, 2vw, 1.35rem);
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .ranking-board__heading {
	max-width: 610px;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .ranking-board-label {
	margin-bottom: 0.5rem !important;
	color: #35d0e2;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .section-title {
	max-width: 580px;
	margin-bottom: 0;
	color: #f7f4ec;
	line-height: 1;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .ranking-board__story {
	max-width: 480px;
	margin: 0.55rem 0 0;
	color: rgba(226, 232, 240, 0.62);
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .ranking-board__actions {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 0.65rem;
	min-width: 132px;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .casazar-picks-board__logo {
	width: clamp(96px, 10vw, 126px);
	opacity: 0.86;
	filter:
		saturate(1.04)
		drop-shadow(0 0 14px rgba(214, 179, 106, 0.12));
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .casazar-picks-board__controls {
	margin-top: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .casazar-picks-board__controls::before {
	display: none;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .matches-filter-grid {
	grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
	gap: 0.9rem;
	margin-top: 0.9rem;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .search-field .form-control-premium,
html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board select.form-control-premium {
	min-height: 56px;
	border-radius: 18px;
	border-color: rgba(231, 215, 177, 0.16);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.025), transparent 60%),
		rgba(5, 8, 22, 0.62);
	color: #f7f4ec;
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board .predictions-progress-inline {
	border-color: rgba(231, 215, 177, 0.14);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.026), transparent 58%),
		rgba(5, 8, 22, 0.46);
}

html.corporate-surface .play-page.play-page--casazar .predictions-panel.casazar-picks-board [data-prediction-stage] > .play-stage-section__header--casazar {
	display: none;
}

.prediction-card,
.match-card,
.play-panel,
.play-hero-metric,
.score-box,
.team-flag-fallback,
.user-prediction-chip,
.match-timeline-card {
	background: rgba(17, 24, 39, 0.86);
	border-color: var(--ds-border-subtle);
	color: var(--ds-text-primary);
}

.prediction-card.is-live,
.match-card.is-live,
.admin-kpi.is-live {
	border-color: rgba(53, 208, 226, 0.38);
	box-shadow: var(--shadow-glow);
}

html.corporate-surface .participant-predictions-page .participant-profile-page__hero,
html.corporate-surface .participant-predictions-page .participant-profile-page__filters,
html.corporate-surface .participant-predictions-page .participant-profile-page__list {
	border: 1px solid rgba(53, 208, 226, 0.18);
	background:
		linear-gradient(180deg, rgba(53, 208, 226, 0.04), transparent 42%),
		rgba(11, 18, 32, 0.82);
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface .participant-predictions-page .participant-profile-page__filters {
	padding-block: 18px;
}

html.corporate-surface .participant-predictions-page .participant-profile-page__list {
	display: grid;
	gap: 12px;
}

html.corporate-surface .participant-predictions-page .prediction-profile-avatar {
	border: 1px solid rgba(53, 208, 226, 0.28);
	background:
		radial-gradient(circle at 30% 20%, rgba(245, 245, 244, 0.18), transparent 28%),
		linear-gradient(135deg, rgba(53, 208, 226, 0.2), rgba(53, 208, 226, 0.12));
	color: var(--ds-text-primary);
	box-shadow: var(--shadow-glow);
}

html.corporate-surface .participant-predictions-page .ranking-hero__lead,
html.corporate-surface .participant-predictions-page .prediction-profile-modal__title,
html.corporate-surface .participant-predictions-page .viewer-prediction-match,
html.corporate-surface .participant-predictions-page .viewer-prediction-team,
html.corporate-surface .participant-predictions-page .viewer-prediction-pick strong,
html.corporate-surface .participant-predictions-page .viewer-prediction-points {
	color: var(--ds-text-primary);
}

html.corporate-surface .participant-predictions-page .ranking-hero__copy,
html.corporate-surface .participant-predictions-page .viewer-prediction-pick,
html.corporate-surface .participant-predictions-page .viewer-prediction-pick span,
html.corporate-surface .participant-predictions-page .viewer-prediction-pick small,
html.corporate-surface .participant-predictions-page .viewer-prediction-result__state span,
html.corporate-surface .participant-predictions-page .prediction-profile-empty {
	color: var(--ds-text-muted);
}

html.corporate-surface .participant-predictions-page .prediction-profile-summary-card {
	border-color: rgba(156, 163, 175, 0.14);
	background: var(--ds-surface-soft);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .participant-predictions-page .prediction-profile-summary-card span {
	color: var(--ds-text-muted);
}

html.corporate-surface .participant-predictions-page .prediction-profile-summary-card strong {
	color: var(--ds-primary);
}

html.corporate-surface .participant-predictions-page .prediction-profile-tabs {
	margin: 0;
}

html.corporate-surface .participant-predictions-page .prediction-profile-tab {
	border-color: rgba(156, 163, 175, 0.18);
	background: rgba(5, 8, 22, 0.58);
	color: var(--ds-text-secondary);
	box-shadow: none;
}

html.corporate-surface .participant-predictions-page .prediction-profile-tab span {
	color: var(--ds-accent);
}

html.corporate-surface .participant-predictions-page .prediction-profile-tab.is-active,
html.corporate-surface .participant-predictions-page .prediction-profile-tab:hover {
	border-color: rgba(53, 208, 226, 0.32);
	background:
		linear-gradient(180deg, rgba(53, 208, 226, 0.14), rgba(53, 208, 226, 0.045)),
		rgba(5, 8, 22, 0.72);
	color: var(--ds-primary);
}

html.corporate-surface .participant-predictions-page .viewer-prediction-card,
html.corporate-surface .participant-predictions-page .prediction-profile-match {
	border-color: rgba(156, 163, 175, 0.14);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.055), rgba(53, 208, 226, 0.025)),
		rgba(17, 24, 39, 0.86);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface .participant-predictions-page .prediction-profile-match.is-hidden {
	background:
		linear-gradient(135deg, rgba(156, 163, 175, 0.055), rgba(17, 24, 39, 0.92)),
		rgba(5, 8, 22, 0.68);
}

html.corporate-surface .participant-predictions-page .viewer-prediction-card.is-live {
	border-color: rgba(53, 208, 226, 0.38);
	box-shadow: var(--shadow-glow);
}

html.corporate-surface .participant-predictions-page .viewer-prediction-meta {
	color: var(--ds-accent);
	letter-spacing: 0.1em;
}

html.corporate-surface .participant-predictions-page .prediction-profile-versus {
	color: rgba(209, 213, 219, 0.58);
}

html.corporate-surface .participant-predictions-page .prediction-profile-flag {
	border: 1px solid rgba(245, 245, 244, 0.22);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

html.corporate-surface .participant-predictions-page .prediction-profile-flag--fallback {
	background: rgba(53, 208, 226, 0.12);
	color: var(--ds-accent);
}

html.corporate-surface .participant-predictions-page .viewer-prediction-result__state strong {
	background: rgba(245, 245, 244, 0.07);
	color: var(--ds-text-secondary);
}

html.corporate-surface .participant-predictions-page .prediction-profile-skeleton__hero,
html.corporate-surface .participant-predictions-page .prediction-profile-skeleton__stats,
html.corporate-surface .participant-predictions-page .prediction-profile-skeleton__row {
	border-color: rgba(156, 163, 175, 0.14);
	background: linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.76));
}

.site-footer {
	background:
		linear-gradient(180deg, rgba(5, 8, 22, 0.78), rgba(5, 8, 22, 0.96)),
		var(--ds-bg);
	border-top: 1px solid rgba(53, 208, 226, 0.1);
	color: var(--ds-text-muted);
}

.site-footer__inner {
	padding-block: 0.35rem;
}

.site-footer__content {
	max-width: 780px;
}

.site-footer__copy {
	color: var(--ds-text-muted);
	font-size: 0.95rem;
}

.site-footer__link {
	display: inline-flex;
	align-items: center;
	min-height: 2rem;
	padding: 0.22rem 0;
	color: var(--ds-text-secondary);
	font-weight: 800;
	text-decoration: none;
}

.site-footer__link:hover {
	color: var(--ds-primary);
}

.site-footer__link--brand {
	color: var(--ds-text-primary);
}

.site-footer__action.pwa-install-btn {
	border-color: rgba(53, 208, 226, 0.24);
	color: var(--ds-text-secondary);
}

@media (min-width: 768px) {
	.site-footer__links {
		flex-wrap: nowrap;
		white-space: nowrap;
	}
}

@media (max-width: 767.98px) {
	.site-footer {
		text-align: left;
	}

	.site-footer__inner {
		gap: 1.2rem;
	}

	.site-footer__content {
		width: 100%;
	}

	.site-footer__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.55rem;
	}

	.site-footer__link {
		justify-content: center;
		min-height: 2.55rem;
		padding: 0.55rem 0.7rem;
		border: 1px solid rgba(156, 163, 175, 0.12);
		border-radius: 14px;
		background: rgba(11, 18, 32, 0.55);
	}

	.site-footer__link--brand {
		grid-column: 1 / -1;
	}

	.site-footer__action.pwa-install-btn {
		width: 100%;
		max-width: none;
		justify-content: center;
	}
}

.cookie-consent,
.pwa-install-modal__content {
	background:
		radial-gradient(circle at 0% 0%, rgba(53, 208, 226, 0.12), transparent 34%),
		radial-gradient(circle at 100% 0%, rgba(53, 208, 226, 0.1), transparent 30%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.98));
	border: 1px solid var(--ds-border-strong);
	color: var(--ds-text-primary);
}

.cookie-consent {
	border-radius: 8px;
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.32),
		0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}

.cookie-consent__orb {
	border-radius: 8px;
	background:
		radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.36), transparent 22%),
		linear-gradient(135deg, rgba(53, 208, 226, 0.82), rgba(53, 208, 226, 0.68));
	box-shadow:
		0 14px 34px rgba(53, 208, 226, 0.16),
		0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

.cookie-consent__orb::before {
	inset: 12px 13px;
	width: auto;
	height: auto;
	border: 2px solid rgba(5, 8, 22, 0.82);
	border-top: 0;
	border-radius: 0 0 12px 12px;
	background: transparent;
	box-shadow: none;
}

.cookie-consent__orb::after {
	left: 15px;
	top: 10px;
	right: auto;
	bottom: auto;
	width: 14px;
	height: 10px;
	border: 2px solid rgba(5, 8, 22, 0.82);
	border-bottom: 0;
	border-radius: 999px 999px 0 0;
}

.cookie-consent__title {
	color: var(--ds-text-primary);
}

.cookie-consent__eyebrow,
.cookie-consent__link {
	color: var(--ds-primary);
}

.cookie-consent__copy,
.cookie-consent__legal,
.pwa-install-modal__copy {
	color: var(--ds-text-muted);
}

html.corporate-surface .pwa-install-modal__title {
	color: var(--ds-text-primary);
	letter-spacing: 0;
}

html.corporate-surface .pwa-install-step {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
		rgba(5, 8, 22, 0.58);
	border-color: rgba(53, 208, 226, 0.18);
}

html.corporate-surface .pwa-install-step__visual {
	background:
		radial-gradient(circle at 50% 30%, rgba(53, 208, 226, 0.2), transparent 36%),
		linear-gradient(135deg, rgba(8, 17, 34, 0.88), rgba(13, 30, 48, 0.72)),
		linear-gradient(90deg, rgba(53, 208, 226, 0.07) 1px, transparent 1px),
		linear-gradient(180deg, rgba(53, 208, 226, 0.07) 1px, transparent 1px);
	background-size: auto, auto, 22px 22px, 22px 22px;
	box-shadow: inset 0 0 0 1px rgba(53, 208, 226, 0.12);
}

html.corporate-surface .pwa-install-step__index,
html.corporate-surface .pwa-install-step__icon {
	background: linear-gradient(135deg, #f4d880, #35d0e2);
	color: #101522;
}

html.corporate-surface .pwa-install-step__body strong {
	color: #35d0e2;
}

html.corporate-surface .pwa-install-step p {
	color: rgba(248, 250, 252, 0.9);
}

.cookie-consent__accept {
	background: linear-gradient(135deg, #f4d880, #35d0e2);
	color: #101522;
	box-shadow: 0 14px 32px rgba(53, 208, 226, 0.16);
}

.cookie-consent__reject {
	background: rgba(255, 255, 255, 0.07);
	color: rgba(248, 250, 252, 0.88);
	border-color: rgba(148, 163, 184, 0.16);
}

html.corporate-surface .legal-page {
	background:
		radial-gradient(circle at 10% 0%, rgba(53, 208, 226, 0.07), transparent 30%),
		radial-gradient(circle at 88% 8%, rgba(53, 208, 226, 0.08), transparent 28%),
		var(--ds-bg);
}

html.corporate-surface .legal-container {
	max-width: 1040px;
}

html.corporate-surface .legal-hero,
html.corporate-surface .legal-card,
html.corporate-surface .legal-section--highlight,
html.corporate-surface .corporate-legal-callout,
html.corporate-surface .corporate-legal-annex,
html.corporate-surface .corporate-legal-warning,
html.corporate-surface .corporate-legal-section {
	border: 1px solid var(--ds-border-strong);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(11, 18, 32, 0.86)),
		rgba(15, 23, 42, 0.82);
	box-shadow: var(--shadow-corporate-panel);
	color: var(--ds-text-primary);
}

html.corporate-surface .legal-hero {
	position: relative;
	overflow: hidden;
}

html.corporate-surface .legal-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 88% 12%, rgba(53, 208, 226, 0.11), transparent 28%),
		linear-gradient(135deg, rgba(53, 208, 226, 0.06), transparent 38%);
}

html.corporate-surface .legal-hero > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .legal-hero h1,
html.corporate-surface .legal-section h2 {
	color: var(--ds-text-primary);
}

html.corporate-surface .legal-section h3 {
	margin: 1.35rem 0 0.45rem;
	color: var(--ds-primary);
	font-size: clamp(1rem, 2vw, 1.18rem);
	font-weight: 800;
	letter-spacing: -0.01em;
}

html.corporate-surface .legal-section h4 {
	margin: 1rem 0 0.35rem;
	color: var(--ds-text-primary);
	font-size: 0.95rem;
	font-weight: 850;
	letter-spacing: 0;
}

html.corporate-surface .legal-hero p:last-child,
html.corporate-surface .legal-section p,
html.corporate-surface .legal-section li {
	color: rgba(226, 232, 240, 0.82);
}

html.corporate-surface .legal-section + .legal-section {
	border-top-color: var(--ds-border-subtle);
}

html.corporate-surface .legal-section ul {
	list-style: none;
	padding-left: 0;
}

html.corporate-surface .legal-section li {
	position: relative;
	padding-left: 1.05rem;
}

html.corporate-surface .legal-section li + li {
	margin-top: 0.42rem;
}

html.corporate-surface .legal-section li::before {
	content: "";
	position: absolute;
	top: 0.75em;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	background: var(--ds-primary);
	box-shadow: 0 0 12px rgba(53, 208, 226, 0.22);
}

html.corporate-surface .legal-section--highlight,
html.corporate-surface .corporate-legal-warning,
html.corporate-surface .corporate-legal-annex {
	border-color: rgba(53, 208, 226, 0.24);
	background:
		radial-gradient(circle at 92% 0%, rgba(53, 208, 226, 0.1), transparent 32%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.9));
}

html.corporate-surface .corporate-legal-warning {
	border-color: rgba(53, 208, 226, 0.34);
}

html.corporate-surface .corporate-legal-annex h3 {
	padding-top: 1rem;
	border-top: 1px solid rgba(156, 163, 175, 0.14);
}

html.corporate-surface .corporate-legal-annex h3:first-of-type {
	padding-top: 0;
	border-top: 0;
}

html.corporate-surface .legal-contact-link,
html.corporate-surface .legal-consent-card a,
html.corporate-surface .legal-awareness-copy a {
	color: var(--ds-primary);
}

html.corporate-surface .legal-consent-card,
html.corporate-surface .legal-consent-card--organizer {
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(11, 18, 32, 0.78)),
		rgba(15, 23, 42, 0.82);
	border-color: var(--ds-border-strong);
	box-shadow: var(--shadow-soft);
	color: var(--ds-text-primary);
}

html.corporate-surface .legal-consent-card strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .legal-consent-card small,
html.corporate-surface .legal-awareness-copy,
html.corporate-surface .prize-note--legal {
	color: rgba(226, 232, 240, 0.78);
}

html.corporate-surface .google-confirm-card {
	border-color: rgba(231, 215, 177, 0.2);
	background:
		radial-gradient(circle at 18% 0%, rgba(245, 237, 203, 0.1), transparent 30%),
		radial-gradient(circle at 88% 20%, rgba(214, 179, 106, 0.12), transparent 34%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 42%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.98), rgba(5, 8, 22, 0.93));
	box-shadow:
		0 30px 86px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(245, 237, 203, 0.035) inset,
		inset 0 1px 0 rgba(245, 245, 244, 0.07);
}

html.corporate-surface .google-confirm-card .legal-consent-card {
	border-color: rgba(231, 215, 177, 0.18);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.045), rgba(5, 8, 22, 0.22)),
		rgba(5, 8, 22, 0.44);
	box-shadow: inset 0 1px 0 rgba(245, 237, 203, 0.055);
}

/* Corporate dashboard polish */
.home-world-status,
.home-status-alert,
.home-context-card {
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.96) 0%, rgba(11, 18, 32, 0.94) 100%),
		var(--ds-surface);
	border-color: rgba(53, 208, 226, 0.14);
	box-shadow: var(--shadow-card);
}

.home-world-status__intro .section-title,
.home-status-alert h2,
.home-context-card .section-title {
	color: var(--ds-text-primary);
}

.home-world-status__intro .section-copy,
.home-status-alert p,
.home-context-card p {
	color: var(--ds-text-muted);
}

.home-world-metric,
.metric-card-contextual,
.leagues-hero-subcard,
.home-league-preview,
.home-league-preview--competitive,
.activation-step {
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.96) 0%, rgba(11, 18, 32, 0.92) 100%),
		var(--ds-surface);
	border: 1px solid var(--ds-border-subtle);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
	color: var(--ds-text-primary);
}

.home-world-metric:hover,
.metric-card-contextual:hover,
.leagues-hero-subcard:hover,
.home-league-preview:hover,
.activation-step:hover {
	border-color: rgba(53, 208, 226, 0.28);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04), 0 14px 34px rgba(53, 208, 226, 0.08);
	transform: translateY(-1px);
}

.home-world-metric span,
.metric-card-contextual .metric-card__label,
.leagues-hero-subcard span,
.home-league-preview span,
.home-league-preview__meta,
.home-league-preview__footer span:first-child,
.activation-step p {
	color: var(--ds-text-muted);
}

.home-world-metric strong,
.metric-card-contextual .stat-number,
.metric-card-contextual .metric-card__value,
.leagues-hero-subcard strong,
.home-league-preview__topline strong,
.home-league-preview--competitive p {
	color: var(--ds-text-primary);
}

.home-world-metric strong,
.leagues-hero-subcard strong,
.metric-card-contextual .stat-number {
	color: var(--ds-primary);
}

.home-league-preview__footer {
	border-top-color: var(--ds-border-subtle);
}

.home-league-preview__footer span:last-child {
	color: var(--ds-primary);
}

.activation-step span {
	background: rgba(53, 208, 226, 0.16);
	border: 1px solid rgba(53, 208, 226, 0.36);
	box-shadow: none;
	color: var(--ds-primary);
}

.leagues-hero-stats span,
.eyebrow-pill,
.section-eyebrow {
	background: rgba(11, 18, 32, 0.82);
	border: 1px solid rgba(156, 163, 175, 0.18);
	color: var(--ds-text-secondary);
}

.leagues-hero-stats strong {
	color: var(--ds-primary);
}

.league-card,
.dashboard-league-card,
.league-switch-card,
.home-league-preview {
	overflow: hidden;
}

html.corporate-surface .league-switch-layout--empty {
	grid-template-columns: minmax(0, 760px);
	justify-content: center;
	max-width: 820px;
	margin-inline: auto;
}

html.corporate-surface .league-switch-layout--empty .league-switch-list,
html.corporate-surface .league-switch-layout--empty .join-league-card {
	width: 100%;
}

html.corporate-surface .league-switch-layout--empty .join-league-card {
	position: static;
}

html.corporate-surface .league-switch-layout--empty .empty-state-wide {
	min-height: 0;
	padding: clamp(1.2rem, 2vw, 1.55rem);
}

html.corporate-surface .leagues-page .league-switch-layout {
	gap: clamp(1rem, 2vw, 1.5rem);
	padding-bottom: clamp(3rem, 7vw, 5rem);
}

html.corporate-surface .leagues-page .league-switch-layout .join-league-card {
	background:
		radial-gradient(circle at 0% 0%, rgba(53, 208, 226, 0.1), transparent 34%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.034), transparent 46%),
		var(--ds-surface-elevated);
	border-color: rgba(53, 208, 226, 0.14);
}

html.corporate-surface .join-success-page {
	padding: clamp(2rem, 4vw, 3.25rem) 0 clamp(4rem, 7vw, 6rem);
}

html.corporate-surface .join-success-page__container {
	max-width: 980px;
}

html.corporate-surface .join-success-card {
	padding: clamp(2rem, 4vw, 3.35rem);
	background:
		radial-gradient(circle at 50% 0%, rgba(53, 208, 226, 0.1), transparent 34%),
		radial-gradient(circle at 88% 18%, rgba(53, 208, 226, 0.08), transparent 36%),
		linear-gradient(145deg, rgba(17, 24, 39, 0.94), var(--ds-surface-strong));
	border: 1px solid rgba(53, 208, 226, 0.2);
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface .join-success-card::before {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.56), rgba(53, 208, 226, 0.34), transparent);
}

html.corporate-surface .join-success-icon {
	width: 74px;
	height: 74px;
	margin-bottom: 1.15rem;
	border-radius: 22px;
	background:
		radial-gradient(circle at 66% 28%, rgba(53, 208, 226, 0.18), transparent 40%),
		linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(5, 8, 22, 0.96));
	border: 1px solid rgba(53, 208, 226, 0.22);
	color: var(--ds-primary);
	font-size: 2rem;
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.32),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

html.corporate-surface .join-success-badge {
	margin-bottom: 1rem;
	background: rgba(255, 184, 77, 0.1);
	border: 1px solid rgba(255, 184, 77, 0.24);
	color: var(--ds-warning);
	letter-spacing: 0.02em;
}

html.corporate-surface .join-success-title {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
	font-size: clamp(2.6rem, 6.4vw, 4.85rem);
	letter-spacing: -0.055em;
}

html.corporate-surface .join-success-subtitle {
	color: var(--ds-text-primary);
	font-weight: 800;
}

html.corporate-surface .join-success-copy {
	color: var(--ds-text-muted);
	font-weight: 700;
}

html.corporate-surface .join-success-summary {
	gap: 0.85rem;
	margin-top: clamp(1.35rem, 3vw, 1.9rem);
	max-width: 780px;
}

html.corporate-surface .join-success-summary > div {
	background:
		linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(5, 8, 22, 0.84));
	border: 1px solid var(--ds-border-subtle);
	box-shadow:
		inset 0 1px 0 rgba(245, 245, 244, 0.045),
		0 14px 34px rgba(0, 0, 0, 0.2);
}

html.corporate-surface .join-success-summary span {
	color: rgba(209, 213, 219, 0.7);
	letter-spacing: 0.08em;
}

html.corporate-surface .join-success-summary strong {
	color: var(--ds-text-primary);
}

html.corporate-surface .join-success-summary > div:last-child strong {
	color: var(--ds-primary);
}

html.corporate-surface .join-success-actions {
	margin-top: clamp(1.35rem, 3vw, 1.9rem);
}

html.corporate-surface .join-success-actions .btn-secondary-soft {
	border-color: rgba(53, 208, 226, 0.2);
	background: rgba(5, 8, 22, 0.42);
	color: var(--ds-text-secondary);
}

html.corporate-surface .join-success-actions .btn-secondary-soft:hover,
html.corporate-surface .join-success-actions .btn-secondary-soft:focus {
	border-color: rgba(53, 208, 226, 0.34);
	color: var(--ds-text-primary);
}

html.corporate-surface .join-success-next {
	margin-top: clamp(1.5rem, 3vw, 2.1rem);
	padding: clamp(1.15rem, 2.5vw, 1.45rem);
	background:
		linear-gradient(145deg, rgba(15, 23, 42, 0.88), rgba(11, 18, 32, 0.82));
	border: 1px solid rgba(156, 163, 175, 0.14);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .join-success-next h2 {
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans);
	letter-spacing: -0.02em;
}

html.corporate-surface .join-success-next ol {
	color: var(--ds-text-secondary);
}

html.corporate-surface .join-success-next li::marker {
	color: var(--ds-primary);
}

.league-status-badge {
	border: 1px solid var(--ds-border-subtle);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.04), rgba(245, 245, 244, 0.012)),
		rgba(5, 8, 22, 0.52);
	color: var(--ds-text-secondary);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

.member-status-active {
	background:
		radial-gradient(circle at 18% 50%, rgba(92, 242, 165, 0.12), transparent 46%),
		rgba(92, 242, 165, 0.055);
	border-color: rgba(92, 242, 165, 0.28);
	color: var(--ds-success);
}

.member-status-pending {
	background:
		radial-gradient(circle at 18% 50%, rgba(255, 184, 77, 0.12), transparent 46%),
		rgba(255, 184, 77, 0.055);
	border-color: rgba(255, 184, 77, 0.26);
	color: #ffd28a;
}

/* Corporate auth */
.corporate-auth-page {
	position: relative;
	display: grid;
	min-height: 100vh;
	place-items: center;
	padding: clamp(0.85rem, 2.5vw, 1.8rem);
	background:
		radial-gradient(circle at 50% 46%, rgba(53, 208, 226, 0.055), transparent 34%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.99), rgba(3, 6, 17, 0.98)),
		var(--ds-bg);
	overflow: hidden;
}

.casazar-bottle-silhouette {
	position: absolute;
	z-index: 0;
	top: 52%;
	left: 50%;
	width: clamp(178px, 20vw, 292px);
	height: min(84vh, 820px);
	opacity: 0.18;
	pointer-events: none;
	filter:
		blur(1.7px)
		drop-shadow(0 0 54px rgba(212, 175, 88, 0.16))
		drop-shadow(0 28px 80px rgba(0, 0, 0, 0.42));
	mask-image:
		linear-gradient(180deg, transparent 0%, #000 13%, #000 82%, transparent 100%),
		linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
	mask-composite: intersect;
}

.casazar-bottle-silhouette--left {
	transform: translate(-205%, -50%) rotate(-7deg);
}

.casazar-bottle-silhouette--right {
	transform: translate(105%, -50%) rotate(7deg);
}

.casazar-bottle-silhouette::before {
	content: "";
	position: absolute;
	inset: 9% -24% 8%;
	z-index: -1;
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 44%, rgba(53, 208, 226, 0.14), transparent 34%),
		radial-gradient(circle at 58% 56%, rgba(212, 175, 88, 0.075), transparent 52%);
	filter: blur(34px);
	opacity: 0.58;
}

.casazar-bottle-silhouette__svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.casazar-bottle-silhouette__body {
	stroke: rgba(53, 208, 226, 0.16);
	stroke-width: 1;
}

.casazar-bottle-silhouette__inner {
	stroke: rgba(245, 218, 157, 0.08);
	stroke-width: 1;
}

.casazar-bottle-silhouette__bands rect {
	fill: var(--casazar-band-fill);
	stroke: rgba(245, 234, 210, 0.11);
	stroke-width: 0.8;
}

.casazar-bottle-silhouette__bands rect:nth-child(even) {
	transform: translateX(4px);
	opacity: 0.82;
}

.casazar-bottle-silhouette__gold-tiles rect {
	fill: rgba(177, 148, 92, 0.2);
	stroke: rgba(231, 215, 177, 0.15);
	stroke-width: 0.7;
	filter: drop-shadow(0 0 8px rgba(212, 175, 88, 0.09));
}

.casazar-bottle-silhouette__label {
	fill: rgba(177, 148, 92, 0.16);
	stroke: rgba(231, 215, 177, 0.16);
	stroke-width: 0.9;
}

.casazar-bottle-silhouette__label-marks {
	fill: none;
	stroke: rgba(8, 10, 18, 0.62);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.4;
	opacity: 0.62;
}

.casazar-bottle-silhouette__label-marks circle {
	fill: rgba(8, 10, 18, 0.56);
	stroke: none;
}

.casazar-bottle-silhouette__edge {
	fill: none;
	stroke: url(#casazarBottleEdge);
	stroke-width: 1.4;
	stroke-linecap: round;
	opacity: 0.7;
}

.casazar-bottle-silhouette__edge--right {
	opacity: 0.42;
}

.corporate-auth-card {
	position: relative;
	z-index: 1;
	width: min(100%, 440px);
	padding: clamp(1.1rem, 2.4vw, 1.55rem);
	border: 1px solid rgba(231, 215, 177, 0.16);
	border-radius: 26px;
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.055), transparent 32%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.95), rgba(5, 8, 22, 0.93));
	box-shadow:
		0 34px 90px rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
	overflow: hidden;
}

.corporate-auth-card__halo {
	position: absolute;
	width: 210px;
	height: 210px;
	right: -74px;
	top: -82px;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(231, 215, 177, 0.08), transparent 68%);
	filter: blur(10px);
	pointer-events: none;
}

.corporate-auth-logo,
.corporate-auth-heading,
.corporate-auth-form,
.corporate-auth-divider,
.corporate-auth-social-group,
.corporate-auth-google,
.corporate-auth-apple-slot,
.corporate-auth-access,
.corporate-auth-footer {
	position: relative;
	z-index: 1;
}

.corporate-auth-logo {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
	color: var(--ds-text-primary);
	font-size: 0.88rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

/* The full Tobeat wordmark is a quiet signature of the login column. */
.corporate-auth-logo--tobeat-wordmark {
	position: relative;
	display: block;
	width: min(100%, 250px);
	margin-inline: 0;
	margin-bottom: 1.75rem;
}

.corporate-auth-logo--tobeat-wordmark img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

@media (max-width: 991.98px) {
	.corporate-auth-logo--tobeat-wordmark {
		width: min(100%, 220px);
	}
}

@media (max-width: 575.98px) {
	.corporate-auth-logo--tobeat-wordmark {
		width: min(100%, 184px);
		margin-bottom: 1rem;
	}
}

.corporate-auth-logo__mark {
	display: inline-flex;
	width: 34px;
	height: 34px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(53, 208, 226, 0.16);
	border-radius: 15px;
	background: rgba(5, 8, 22, 0.64);
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.corporate-auth-logo__mark img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.corporate-auth-logo--casazar {
	justify-content: center;
	margin-bottom: 1.15rem;
}

.corporate-auth-logo__casazar {
	display: block;
	width: min(210px, 72%);
	height: auto;
	max-height: 86px;
	object-fit: contain;
}

.corporate-auth-eyebrow {
	margin: 0 0 0.35rem;
	color: #35d0e2;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.corporate-auth-title {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.55rem, 2.7vw, 1.95rem);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.04;
}

.corporate-auth-subtitle {
	max-width: 34rem;
	margin: 0.6rem 0 0.9rem;
	color: var(--ds-text-muted);
	font-size: 0.9rem;
	line-height: 1.4;
}

.corporate-auth-form {
	display: grid;
	gap: 0.75rem;
}

.corporate-auth-field {
	display: grid;
	gap: 0.45rem;
}

.corporate-auth-label {
	color: var(--ds-text-secondary);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.corporate-auth-input.form-control-premium {
	min-height: 46px;
	border-color: rgba(231, 215, 177, 0.16);
	border-radius: 16px;
	background: rgba(5, 8, 22, 0.72);
}

.corporate-auth-input.form-control-premium:focus {
	border-color: rgba(214, 179, 106, 0.42);
	box-shadow: 0 0 0 0.18rem rgba(214, 179, 106, 0.1);
}

.corporate-auth-password-toggle {
	min-width: 46px;
	border: 1px solid rgba(231, 215, 177, 0.16);
	border-radius: 14px;
	background: rgba(11, 18, 32, 0.88);
	color: var(--ds-text-muted);
}

.corporate-auth-password-toggle:hover,
.corporate-auth-password-toggle:focus {
	border-color: rgba(214, 179, 106, 0.34);
	color: var(--ds-text-primary);
}

.corporate-auth-meta-row {
	display: flex;
	justify-content: flex-end;
	margin-top: -0.25rem;
}

.corporate-auth-meta-row a,
.corporate-auth-access a {
	color: #e7d7b1;
	font-weight: 800;
	text-decoration: none;
}

.corporate-auth-meta-row a:hover,
.corporate-auth-access a:hover {
	color: #c7f7ff;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.corporate-auth-button,
.corporate-auth-google {
	display: inline-flex;
	width: 100%;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	border-radius: 999px;
	font-weight: 800;
	letter-spacing: -0.01em;
	transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.corporate-auth-apple-slot {
	display: block;
	width: 100%;
	height: 54px;
	min-width: 0;
	max-width: 100%;
	margin: 0 0 0.7rem;
	border-radius: 14px;
	background: #fff;
}

.corporate-auth-apple-slot[hidden] {
	display: none;
}

/* Native iOS presents Apple and Google as one provider-neutral auth group.
   Apple remains the official AuthenticationServices control; Google retains
   its official multicolor mark and permitted dark treatment. */
.corporate-auth-social-group {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.corporate-auth-social-group--native-ios {
	display: grid;
	gap: 10px;
}

.corporate-auth-social-group--native-ios .corporate-auth-apple-slot,
.corporate-auth-social-group--native-ios .corporate-auth-google {
	width: 100%;
	height: 54px;
	min-height: 54px;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
	border-radius: 14px;
}

.corporate-auth-social-group--native-ios .corporate-auth-apple-slot {
	background: transparent;
}

.corporate-auth-social-group--native-ios .corporate-auth-google {
	border-color: #8e918f;
	background: #131314;
	color: #e3e3e3;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	box-shadow: none;
}

.corporate-auth-social-group--native-ios .corporate-auth-google:hover,
.corporate-auth-social-group--native-ios .corporate-auth-google:focus {
	border-color: #c4c7c5;
	background: #1f1f1f;
	box-shadow: none;
}

.corporate-auth-social-group--native-ios .corporate-auth-google:disabled {
	opacity: 0.72;
}

.corporate-auth-social-group--native-ios .corporate-auth-google-help {
	margin: 0;
}

/* Web/PWA Google uses the recovered Corporate control, not a GIS iframe.
   Keep this selector separate from --native-ios: Capacitor owns its official
   native Google control and must never inherit Web presentation rules. */
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-social-group--web .corporate-auth-google {
	min-height: 46px;
	border-color: rgba(231, 215, 177, 0.14);
	background: rgba(245, 245, 244, 0.028);
	color: var(--ds-text-primary);
	box-shadow: none;
	text-decoration: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-social-group--web .corporate-auth-google:hover,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-social-group--web .corporate-auth-google:focus-visible {
	border-color: rgba(214, 179, 106, 0.24);
	background: rgba(214, 179, 106, 0.045);
	box-shadow: 0 0 0 3px rgba(214, 179, 106, 0.08);
	color: var(--ds-text-primary);
	text-decoration: none;
	transform: translateY(-1px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-social-group--web .corporate-auth-google:active {
	transform: none;
}

.corporate-auth-button {
	border: 1px solid rgba(231, 215, 177, 0.2);
	background: rgba(245, 245, 244, 0.035);
	color: #f4dfaa;
	box-shadow: none;
}

.corporate-auth-button:hover,
.corporate-auth-button:focus {
	transform: translateY(-1px);
	border-color: rgba(214, 179, 106, 0.36);
	background: rgba(214, 179, 106, 0.055);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

.corporate-auth-divider {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	margin: 1rem 0 0.85rem;
	color: var(--ds-text-muted);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.corporate-auth-divider::before,
.corporate-auth-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(156, 163, 175, 0.2), transparent);
}

.corporate-auth-google {
	border: 1px solid rgba(231, 215, 177, 0.14);
	background: rgba(245, 245, 244, 0.028);
	color: var(--ds-text-primary);
}

.corporate-auth-google:hover,
.corporate-auth-google:focus {
	border-color: rgba(214, 179, 106, 0.24);
	background: rgba(214, 179, 106, 0.045);
	transform: translateY(-1px);
}

.corporate-auth-google:disabled {
	cursor: wait;
	opacity: 0.68;
	transform: none;
}

.corporate-auth-google__icon {
	display: inline-flex;
	width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(245, 245, 244, 0.94);
}

.corporate-auth-google__icon svg {
	width: 16px;
	height: 16px;
}

.corporate-auth-google-help {
	margin: 0.8rem 0 0;
	color: var(--ds-text-muted);
	font-size: 0.88rem;
	text-align: center;
}

.corporate-auth-access {
	margin: 0.9rem 0 0;
	color: var(--ds-text-muted);
	font-size: 0.92rem;
	text-align: center;
}

.corporate-auth-footer {
	display: grid;
	gap: 0.18rem;
	margin-top: 1rem;
	padding-top: 0.85rem;
	border-top: 1px solid rgba(156, 163, 175, 0.14);
	text-align: center;
}

.corporate-auth-footer strong,
.corporate-auth-footer__brand {
	color: var(--ds-text-primary);
	font-size: 0.84rem;
	font-weight: 700;
	text-decoration: none;
}

.corporate-auth-footer__brand:hover {
	color: var(--ds-accent);
}

.corporate-auth-footer span {
	color: var(--ds-text-muted);
	font-size: 0.78rem;
}

/* Corporate landing narrative */
.corporate-landing-section {
	position: relative;
	overflow: hidden;
	padding: clamp(1.6rem, 3vw, 2.75rem);
	border: 1px solid rgba(53, 208, 226, 0.13);
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.96) 0%, rgba(11, 18, 32, 0.94) 100%),
		var(--ds-surface);
	box-shadow: var(--shadow-card);
}

.corporate-landing-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.035) 1px, transparent 1px),
		linear-gradient(180deg, rgba(53, 208, 226, 0.025) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.72), transparent 70%);
	pointer-events: none;
}

.corporate-landing-section > * {
	position: relative;
	z-index: 1;
}

.corporate-feature-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}

.corporate-feature-card,
.corporate-live-card,
.corporate-control-item,
.corporate-flow-step {
	border: 1px solid var(--ds-border-subtle);
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.92), rgba(11, 18, 32, 0.82)),
		var(--ds-surface);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

.corporate-feature-card {
	min-height: 190px;
	padding: 1.35rem;
	border-radius: 22px;
}

.corporate-feature-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-bottom: 1.1rem;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: 16px;
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-accent);
}

.corporate-feature-card h3,
.corporate-live-card strong,
.corporate-control-item span,
.corporate-flow-step p {
	color: var(--ds-text-primary);
}

.corporate-feature-card h3 {
	margin-bottom: 0.65rem;
	font-size: 1rem;
}

.corporate-feature-card p,
.corporate-live-card p {
	margin: 0;
	color: var(--ds-text-muted);
}

.corporate-value-grid,
.corporate-model-grid {
	display: grid;
	gap: 0.9rem;
	margin-top: 1.5rem;
}

.corporate-value-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.corporate-model-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.corporate-value-card,
.corporate-model-card {
	border: 1px solid rgba(156, 163, 175, 0.14);
	background:
		radial-gradient(circle at 14% 0%, rgba(53, 208, 226, 0.08), transparent 42%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.78), rgba(8, 15, 29, 0.62));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.corporate-value-card {
	min-height: 206px;
	padding: 1.1rem;
	border-radius: 22px;
}

.corporate-value-card h3,
.corporate-model-card h3 {
	margin: 0 0 0.58rem;
	color: var(--ds-text-primary);
	font-size: 1rem;
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.15;
}

.corporate-value-card p {
	margin: 0;
	color: var(--ds-text-muted);
	font-size: 0.92rem;
	font-weight: 680;
	line-height: 1.45;
}

.corporate-how-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.9rem;
	margin-top: 1.5rem;
}

.corporate-how-card {
	position: relative;
	display: grid;
	align-content: space-between;
	min-height: 230px;
	padding: 1.15rem;
	overflow: hidden;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 24px;
	background:
		radial-gradient(circle at 18% 0%, rgba(53, 208, 226, 0.1), transparent 42%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.8), rgba(8, 15, 29, 0.66));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}

.corporate-how-card::after {
	content: "";
	position: absolute;
	inset: auto 1rem 0;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.48), transparent);
	opacity: 0.68;
}

.corporate-how-card:hover {
	border-color: rgba(53, 208, 226, 0.34);
	box-shadow:
		0 22px 58px rgba(0, 0, 0, 0.2),
		0 0 34px rgba(53, 208, 226, 0.13),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	transform: translateY(-3px);
}

.corporate-how-card__number {
	display: inline-flex;
	align-items: center;
	width: max-content;
	margin-bottom: 2.1rem;
	color: rgba(191, 248, 255, 0.9);
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(1.5rem, 2.2vw, 2.25rem);
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 24px rgba(53, 208, 226, 0.22);
}

.corporate-how-card h3 {
	margin: 0 0 0.64rem;
	color: var(--ds-text-primary);
	font-size: clamp(1.02rem, 1.55vw, 1.28rem);
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.08;
}

.corporate-how-card p {
	margin: 0;
	color: var(--ds-text-muted);
	font-size: 0.92rem;
	font-weight: 680;
	line-height: 1.45;
}

.corporate-how-close {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 1rem;
	padding: 1.05rem 1.15rem;
	border: 1px solid rgba(53, 208, 226, 0.16);
	border-radius: 22px;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.1), transparent 48%, rgba(92, 242, 165, 0.08)),
		rgba(5, 10, 22, 0.58);
}

.corporate-how-close strong {
	color: #c7fbff;
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(1.25rem, 2.4vw, 2rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
}

.corporate-how-close p {
	max-width: 46ch;
	margin: 0;
	color: rgba(226, 232, 240, 0.76);
	font-size: 0.98rem;
	font-weight: 720;
	line-height: 1.35;
}

.corporate-model-card {
	padding: 1.2rem;
	border-radius: 24px;
}

.corporate-model-card--external {
	border-color: rgba(53, 208, 226, 0.16);
	background:
		radial-gradient(circle at 86% 0%, rgba(53, 208, 226, 0.11), transparent 40%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.78), rgba(8, 15, 29, 0.62));
}

.corporate-model-card__head {
	display: flex;
	align-items: center;
	gap: 0.82rem;
	margin-bottom: 0.95rem;
}

.corporate-capability-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: 1rem;
	border: 1px solid var(--ds-border-subtle);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.72), rgba(11, 18, 32, 0.58)),
		rgba(5, 8, 22, 0.42);
	overflow: hidden;
}

.corporate-capability-group {
	padding: clamp(0.95rem, 1.8vw, 1.25rem);
	border-right: 1px solid rgba(156, 163, 175, 0.12);
}

.corporate-capability-group:last-child {
	border-right: 0;
}

.corporate-capability-group__head {
	display: flex;
	align-items: center;
	gap: 0.72rem;
	margin-bottom: 0.85rem;
}

.corporate-capability-group__head h3 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.corporate-capability-list {
	display: grid;
	gap: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

.corporate-capability-list li {
	position: relative;
	padding: 0.58rem 0 0.58rem 1rem;
	border-top: 1px solid rgba(156, 163, 175, 0.1);
	color: var(--ds-text-secondary);
	font-size: 0.92rem;
	font-weight: 750;
	line-height: 1.25;
}

.corporate-capability-list li::before {
	content: "";
	position: absolute;
	top: 1rem;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	background: var(--ds-primary);
	box-shadow: 0 0 12px rgba(53, 208, 226, 0.2);
}

.corporate-feature-card h4 {
	margin: 0 0 0.55rem;
	color: var(--ds-text-primary);
	font-size: 0.94rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.corporate-activity-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.85rem;
	margin-top: 1.5rem;
}

.corporate-activity-item {
	display: flex;
	align-items: flex-start;
	gap: 0.7rem;
	min-height: 104px;
	padding: 1rem;
	border: 1px solid rgba(53, 208, 226, 0.16);
	border-radius: 20px;
	background:
		radial-gradient(circle at 18% 0%, rgba(53, 208, 226, 0.08), transparent 42%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.86), rgba(11, 18, 32, 0.7));
	color: var(--ds-text-secondary);
	font-weight: 750;
	line-height: 1.25;
}

.corporate-activity-item i {
	color: var(--ds-accent);
	font-size: 1rem;
}

.corporate-ai-studio-section {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1.08fr);
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: center;
	border-color: rgba(53, 208, 226, 0.22);
	background:
		radial-gradient(circle at 78% 18%, rgba(53, 208, 226, 0.18), transparent 30%),
		radial-gradient(circle at 15% 88%, rgba(53, 208, 226, 0.13), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.97), rgba(5, 8, 22, 0.92));
	box-shadow:
		0 34px 110px rgba(0, 0, 0, 0.26),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

.corporate-ai-studio-section::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(115deg, transparent 12%, rgba(255, 255, 255, 0.08) 44%, transparent 72%),
		linear-gradient(90deg, rgba(53, 208, 226, 0.05), transparent 30%, rgba(53, 208, 226, 0.06));
	mix-blend-mode: screen;
	opacity: 0.62;
	pointer-events: none;
}

.corporate-ai-studio-section__content {
	position: relative;
	z-index: 2;
}

.corporate-ai-studio-section__points {
	display: grid;
	gap: 0.7rem;
	margin-top: 1.35rem;
}

.corporate-ai-studio-section__points span {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	color: var(--ds-text-secondary);
	font-size: 0.94rem;
	font-weight: 800;
	line-height: 1.3;
}

.corporate-ai-studio-section__points i {
	display: grid;
	flex: 0 0 auto;
	width: 1.8rem;
	height: 1.8rem;
	place-items: center;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-primary);
	font-size: 0.84rem;
	box-shadow: 0 0 24px rgba(53, 208, 226, 0.09);
}

.corporate-ai-studio-preview {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 0.9rem;
	min-width: 0;
}

.corporate-ai-studio-preview__glow {
	position: absolute;
	inset: -8% -4% -18% 18%;
	border-radius: 999px;
	background:
		radial-gradient(circle at 72% 40%, rgba(53, 208, 226, 0.28), transparent 30%),
		radial-gradient(circle at 35% 55%, rgba(53, 208, 226, 0.2), transparent 38%);
	filter: blur(30px);
	opacity: 0.72;
	pointer-events: none;
}

.corporate-ai-studio-preview__hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(180px, 1.08fr);
	min-height: 250px;
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(5, 8, 22, 0.95) 0%, rgba(8, 13, 28, 0.78) 44%, transparent 68%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(5, 8, 22, 0.86));
	box-shadow:
		0 26px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.corporate-ai-studio-preview__hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(5, 8, 22, 0.2), transparent 48%),
		linear-gradient(rgba(53, 208, 226, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.025) 1px, transparent 1px);
	background-size: auto, 48px 48px, 48px 48px;
	pointer-events: none;
}

.corporate-ai-studio-preview__copy {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5rem;
	max-width: 20rem;
	min-width: 0;
	padding: clamp(1rem, 2vw, 1.45rem);
	overflow: hidden;
}

.corporate-ai-studio-preview__copy span {
	color: var(--ds-primary);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.corporate-ai-studio-preview__copy strong {
	max-width: 8.5ch;
	color: var(--ds-text-primary);
	font-family: var(--ds-font-display);
	font-size: clamp(1.65rem, 3vw, 2.45rem);
	font-weight: 900;
	line-height: 0.98;
	letter-spacing: 0;
}

.corporate-ai-studio-preview__copy strong::first-line {
	color: var(--ds-text-primary);
}

.corporate-ai-studio-preview__copy small {
	max-width: 28ch;
	color: var(--ds-text-muted);
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1.35;
}

.corporate-ai-studio-preview__image {
	position: relative;
	overflow: hidden;
	min-height: 100%;
	border-radius: 26px;
}

.corporate-ai-studio-preview__image::before,
.corporate-ai-studio-preview__image span {
	position: absolute;
	inset: 0;
	content: "";
}

.corporate-ai-studio-preview__image span {
	background:
		radial-gradient(circle at 68% 30%, rgba(255, 220, 150, 0.88), transparent 16%),
		radial-gradient(circle at 82% 76%, rgba(17, 94, 89, 0.58), transparent 22%),
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), rgba(53, 208, 226, 0.14)),
		linear-gradient(155deg, #172032 0%, #423124 45%, #b87938 72%, #f1d48f 100%);
	filter: saturate(1.05) contrast(1.04);
}

.corporate-ai-studio-preview__image::before {
	z-index: 2;
	background:
		linear-gradient(90deg, rgba(5, 8, 22, 0.92) 0%, rgba(5, 8, 22, 0.62) 24%, transparent 58%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.08), rgba(5, 8, 22, 0.44));
	pointer-events: none;
}

.corporate-ai-studio-preview__prompt {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.95rem 1rem;
	border: 1px solid rgba(53, 208, 226, 0.14);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.095), rgba(53, 208, 226, 0.045)),
		rgba(5, 8, 22, 0.5);
	color: var(--ds-text-secondary);
	font-size: 0.9rem;
	font-weight: 760;
	line-height: 1.38;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.corporate-ai-studio-preview__prompt i {
	color: var(--ds-primary);
}

.app-hero__microcopy {
	margin: 0.85rem 0 0;
	color: var(--ds-primary);
	font-size: 0.92rem;
	font-weight: 800;
	letter-spacing: 0;
}

.corporate-outcome-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.corporate-outcome-item {
	display: flex;
	gap: 0.65rem;
	min-height: 112px;
	padding: 0.95rem;
	border: 1px solid rgba(53, 208, 226, 0.13);
	border-radius: 18px;
	background:
		radial-gradient(circle at 12% 0%, rgba(53, 208, 226, 0.1), transparent 42%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.7), rgba(8, 15, 29, 0.58));
	color: var(--ds-text-secondary);
	font-weight: 760;
	line-height: 1.28;
}

.corporate-outcome-item span {
	flex: 0 0 auto;
	width: 0.48rem;
	height: 0.48rem;
	margin-top: 0.45rem;
	border-radius: 999px;
	background: var(--ds-primary);
	box-shadow: 0 0 0 5px rgba(53, 208, 226, 0.08);
}

.corporate-outcome-item p {
	margin: 0;
}

.corporate-events-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.9rem;
	margin-top: 1.5rem;
}

.corporate-events-section--featured {
	border-color: rgba(53, 208, 226, 0.2);
	background:
		radial-gradient(circle at 82% 8%, rgba(53, 208, 226, 0.13), transparent 32%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.97), rgba(5, 8, 22, 0.9));
}

.corporate-event-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.9rem;
	min-height: 156px;
	padding: 1.05rem;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 20px;
	background:
		radial-gradient(circle at 18% 0%, rgba(53, 208, 226, 0.08), transparent 44%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.76), rgba(8, 15, 29, 0.62));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.corporate-event-card__icon {
	display: grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 14px;
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-accent);
	box-shadow: 0 0 22px rgba(53, 208, 226, 0.12);
}

.corporate-event-card h3 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: 1rem;
	font-weight: 850;
	line-height: 1.2;
}

.corporate-event-card p {
	margin: 0.55rem 0 0;
	color: var(--ds-text-muted);
	font-size: 0.92rem;
	font-weight: 650;
	line-height: 1.45;
}

.corporate-launch-section {
	display: grid;
	gap: clamp(1rem, 2vw, 1.4rem);
	background:
		radial-gradient(circle at 84% 14%, rgba(53, 208, 226, 0.1), transparent 30%),
		radial-gradient(circle at 12% 100%, rgba(53, 208, 226, 0.08), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.9));
}

.corporate-launch-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(0.85rem, 1.6vw, 1.15rem);
}

.corporate-launch-card {
	position: relative;
	display: grid;
	gap: 0.95rem;
	align-content: start;
	min-height: 100%;
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(156, 163, 175, 0.16);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.86), rgba(11, 18, 32, 0.7)),
		rgba(5, 8, 22, 0.44);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

.corporate-launch-card--enterprise {
	overflow: hidden;
	border-color: rgba(53, 208, 226, 0.32);
	background:
		radial-gradient(circle at 92% 10%, rgba(53, 208, 226, 0.16), transparent 32%),
		radial-gradient(circle at 10% 100%, rgba(53, 208, 226, 0.11), transparent 36%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.88));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.28),
		0 0 48px rgba(53, 208, 226, 0.08),
		inset 0 1px 0 rgba(245, 245, 244, 0.07);
}

.corporate-launch-card--enterprise::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.06) 1px, transparent 1px),
		linear-gradient(180deg, rgba(53, 208, 226, 0.045) 1px, transparent 1px);
	background-size: 58px 58px;
	mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.42), transparent 72%);
}

.corporate-launch-card__header,
.corporate-launch-card > p,
.corporate-launch-card__lists,
.corporate-launch-card > a,
.corporate-launch-card blockquote {
	position: relative;
	z-index: 1;
}

.corporate-launch-card__header {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	padding-right: 5.8rem;
}

.corporate-launch-card__header h3 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.35rem, 2.4vw, 2rem);
	font-weight: 860;
	letter-spacing: 0;
	line-height: 1.02;
}

.corporate-launch-card > p {
	max-width: 62ch;
	margin: 0;
	color: var(--ds-text-secondary);
	font-size: 0.96rem;
	font-weight: 700;
	line-height: 1.48;
}

.corporate-launch-card blockquote {
	margin: 0;
	padding: 0.85rem 0.95rem;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-left: 3px solid rgba(53, 208, 226, 0.72);
	border-radius: 18px;
	background: rgba(53, 208, 226, 0.075);
	color: var(--ds-primary);
	font-size: clamp(1rem, 1.6vw, 1.18rem);
	font-weight: 820;
	line-height: 1.28;
}

.corporate-launch-card__lists {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: 0.85rem;
}

.corporate-launch-card__lists strong {
	display: inline-flex;
	margin-bottom: 0.42rem;
	color: var(--ds-primary);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.corporate-launch-card .corporate-capability-list {
	gap: 0.34rem;
	margin: 0;
}

.corporate-launch-card .corporate-capability-list li {
	color: var(--ds-text-secondary);
	font-size: 0.84rem;
	font-weight: 720;
	line-height: 1.3;
}

.corporate-launch-card > a {
	justify-self: start;
	margin-top: 0.12rem;
}

.corporate-proof-section {
	display: grid;
	gap: clamp(1rem, 2vw, 1.4rem);
	border-color: rgba(53, 208, 226, 0.18);
	background:
		radial-gradient(circle at 82% 14%, rgba(53, 208, 226, 0.1), transparent 32%),
		radial-gradient(circle at 12% 86%, rgba(53, 208, 226, 0.08), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.97), rgba(5, 8, 22, 0.92));
}

.corporate-proof-section__header {
	align-items: end;
}

.corporate-proof-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(310px, 0.72fr);
	gap: clamp(1rem, 2.4vw, 1.7rem);
	align-items: stretch;
	overflow: hidden;
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: 28px;
	background:
		radial-gradient(circle at 84% 12%, rgba(53, 208, 226, 0.16), transparent 28%),
		radial-gradient(circle at 16% 92%, rgba(53, 208, 226, 0.12), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.97), rgba(5, 8, 22, 0.92));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.corporate-proof-card::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(115deg, transparent 10%, rgba(255, 255, 255, 0.055) 42%, transparent 72%),
		linear-gradient(90deg, rgba(53, 208, 226, 0.04), transparent 36%, rgba(53, 208, 226, 0.045));
	mix-blend-mode: screen;
	opacity: 0.7;
}

.corporate-proof-card__content {
	position: relative;
	z-index: 1;
	display: grid;
	align-content: center;
	gap: 0.7rem;
	min-width: 0;
	padding: clamp(0.15rem, 1vw, 0.35rem);
}

.corporate-proof-card h3 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.55rem, 3vw, 2.45rem);
	font-weight: 880;
	letter-spacing: 0;
	line-height: 0.98;
}

.corporate-proof-card .corporate-section-copy {
	max-width: 62ch;
}

.corporate-proof-points {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-top: 0.6rem;
}

.corporate-proof-domain {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	width: fit-content;
	margin: 0.1rem 0 0;
	padding: 0.58rem 0.72rem;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.07);
	color: var(--ds-text-secondary);
	font-size: 0.84rem;
	font-weight: 780;
	line-height: 1.2;
}

.corporate-proof-domain i {
	color: var(--ds-accent);
}

.corporate-proof-points span {
	display: inline-flex;
	align-items: center;
	padding: 0.48rem 0.66rem;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.065);
	color: var(--ds-text-secondary);
	font-size: 0.82rem;
	font-weight: 780;
	line-height: 1;
}

.corporate-proof-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 0.35rem;
}

.corporate-proof-cta {
	min-height: 42px;
}

.corporate-proof-powered {
	margin: 0.35rem 0 0;
	color: var(--ds-primary);
	font-size: 0.78rem;
	font-weight: 850;
	letter-spacing: 0.02em;
}

.corporate-proof-visual {
	position: relative;
	display: grid;
	align-content: end;
	min-height: 300px;
	overflow: hidden;
	padding: 1rem;
	border: 1px solid rgba(53, 208, 226, 0.16);
	border-radius: 26px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), rgba(53, 208, 226, 0.05)),
		rgba(5, 8, 22, 0.46);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.corporate-proof-visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.95) contrast(1.02);
}

.corporate-proof-visual::after {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(180deg, rgba(5, 8, 22, 0.08), rgba(5, 8, 22, 0.46)),
		linear-gradient(90deg, rgba(5, 8, 22, 0.34), transparent 48%);
}

.corporate-proof-visual::before {
	position: absolute;
	inset: -12% -20% 22% 20%;
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 42%, rgba(53, 208, 226, 0.28), transparent 28%),
		radial-gradient(circle at 42% 58%, rgba(53, 208, 226, 0.18), transparent 38%);
	filter: blur(30px);
	content: "";
}

.corporate-proof-visual__mark {
	position: absolute;
	top: 1rem;
	left: 1rem;
	display: grid;
	width: 4rem;
	height: 4rem;
	place-items: center;
	border: 1px solid rgba(53, 208, 226, 0.24);
	border-radius: 20px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.18), rgba(5, 8, 22, 0.82)),
		rgba(5, 8, 22, 0.7);
	color: var(--ds-primary);
	font-size: 1.25rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.corporate-proof-visual__mark--logo {
	top: clamp(1.2rem, 5vw, 2.4rem);
	left: 50%;
	width: clamp(5.8rem, 18vw, 8.4rem);
	height: clamp(5.8rem, 18vw, 8.4rem);
	padding: 0.62rem;
	border-radius: 28px;
	transform: translateX(-50%);
}

.corporate-proof-visual__mark--logo img {
	position: static;
	width: 100%;
	height: 100%;
	border-radius: 22px;
	object-fit: cover;
	filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.32));
}

.corporate-proof-visual__mark--logo span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.corporate-proof-visual__panel {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 0.38rem;
	padding: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	background: rgba(5, 8, 22, 0.62);
	backdrop-filter: blur(12px);
}

.corporate-proof-visual__panel span {
	color: var(--ds-primary);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.corporate-proof-visual__panel strong {
	color: var(--ds-text-primary);
	font-size: clamp(1.25rem, 2.2vw, 1.7rem);
	font-weight: 880;
	line-height: 1.02;
}

.corporate-proof-visual__panel small {
	color: var(--ds-text-muted);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.34;
}

.corporate-pricing-story {
	display: grid;
	gap: clamp(0.95rem, 1.8vw, 1.35rem);
	margin-top: 1.1rem;
}

.corporate-pricing-intro {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: 1.1rem;
}

.corporate-pricing-intro p {
	margin: 0;
	padding: 0.85rem 1rem;
	border: 1px solid rgba(53, 208, 226, 0.14);
	border-radius: 18px;
	background: rgba(53, 208, 226, 0.06);
	color: var(--ds-text-secondary);
	font-size: 0.92rem;
	font-weight: 720;
	line-height: 1.42;
}

.corporate-pricing-tier {
	display: grid;
	gap: 0.75rem;
	padding: clamp(0.78rem, 1.35vw, 1rem);
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.66), rgba(11, 18, 32, 0.52)),
		rgba(5, 8, 22, 0.34);
}

.corporate-pricing-tier__intro {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.62rem;
}

.corporate-pricing-tier__intro span,
.corporate-pricing-kicker {
	color: var(--ds-primary);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.corporate-pricing-tier__intro p {
	max-width: 42ch;
	margin: 0;
	color: var(--ds-text-muted);
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.28;
	text-align: right;
}

.corporate-pricing-compact-list {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0.55rem;
}

.corporate-pricing-compact-card,
.corporate-pricing-business-card,
.corporate-pricing-premium-card {
	position: relative;
	border: 1px solid var(--ds-border-subtle);
	background:
		linear-gradient(180deg, var(--ds-surface-elevated), rgba(11, 18, 32, 0.76)),
		var(--ds-surface);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

.corporate-pricing-compact-card {
	display: grid;
	grid-column: span 2;
	gap: 0.34rem;
	min-height: 360px;
	align-content: start;
	padding: 0.72rem;
	border-radius: 18px;
}

.corporate-pricing-compact-card:nth-child(4),
.corporate-pricing-compact-card:nth-child(5) {
	grid-column: span 3;
	min-height: 330px;
	padding-inline: 0.9rem;
}

.corporate-pricing-compact-card--recommended {
	border-color: rgba(53, 208, 226, 0.38);
	background:
		radial-gradient(circle at 78% 8%, rgba(53, 208, 226, 0.12), transparent 32%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(11, 18, 32, 0.82)),
		var(--ds-surface);
	box-shadow:
		0 18px 44px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

.corporate-pricing-compact-card--recommended .corporate-pricing-badge {
	position: static;
	justify-self: start;
	margin-bottom: 0.1rem;
}

.corporate-pricing-plan-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.36rem;
	width: fit-content;
	padding: 0.28rem 0.5rem;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-primary);
	font-size: 0.64rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.corporate-pricing-enterprise-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.32fr) minmax(280px, 0.68fr);
	gap: clamp(1rem, 2vw, 1.6rem);
	overflow: hidden;
	padding: clamp(1.2rem, 2.4vw, 2rem);
	border: 1px solid rgba(53, 208, 226, 0.38);
	border-radius: 30px;
	background:
		radial-gradient(circle at 86% 10%, rgba(53, 208, 226, 0.2), transparent 30%),
		radial-gradient(circle at 10% 100%, rgba(53, 208, 226, 0.13), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.92));
	box-shadow:
		0 32px 90px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(53, 208, 226, 0.055),
		0 0 58px rgba(53, 208, 226, 0.12),
		inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

.corporate-pricing-enterprise-card::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.08) 1px, transparent 1px),
		linear-gradient(180deg, rgba(53, 208, 226, 0.05) 1px, transparent 1px);
	background-size: 64px 64px;
	mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.44), transparent 68%);
}

.corporate-pricing-enterprise-card__content,
.corporate-pricing-enterprise-card__action {
	position: relative;
	z-index: 1;
}

.corporate-pricing-enterprise-card__content {
	display: grid;
	gap: 0.78rem;
	align-content: start;
}

.corporate-pricing-enterprise-card h3 {
	max-width: 14ch;
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(2.25rem, 5vw, 4.15rem);
	font-weight: 880;
	letter-spacing: 0;
	line-height: 0.92;
}

.corporate-pricing-enterprise-card h4 {
	max-width: 22ch;
	margin: 0;
	color: var(--ds-primary);
	font-size: clamp(1.12rem, 2.2vw, 1.7rem);
	font-weight: 850;
	line-height: 1.08;
}

.corporate-pricing-enterprise-card .corporate-pricing-description {
	max-width: 66ch;
	color: var(--ds-text-secondary);
	font-size: clamp(0.96rem, 1.24vw, 1.08rem);
	line-height: 1.5;
}

.corporate-pricing-enterprise-features {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.5rem;
	padding: 0;
	margin: 0.22rem 0 0;
	list-style: none;
}

.corporate-pricing-enterprise-features li {
	display: flex;
	align-items: center;
	min-height: 46px;
	padding: 0.55rem 0.68rem;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 14px;
	background: rgba(53, 208, 226, 0.07);
	color: var(--ds-text-secondary);
	font-size: 0.84rem;
	font-weight: 760;
	line-height: 1.22;
}

.corporate-pricing-enterprise-card__action {
	display: grid;
	align-content: end;
	gap: 0.85rem;
	min-height: 100%;
	padding: clamp(0.9rem, 1.6vw, 1.2rem);
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: 24px;
	background:
		radial-gradient(circle at 76% 0%, rgba(53, 208, 226, 0.18), transparent 38%),
		rgba(245, 245, 244, 0.045);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.06);
}

.corporate-pricing-enterprise-card__action strong {
	color: var(--ds-primary);
	font-size: clamp(1.35rem, 2.6vw, 2.05rem);
	font-weight: 860;
	letter-spacing: 0;
	line-height: 1;
}

.corporate-pricing-enterprise-card__action p {
	margin: 0;
	color: var(--ds-text-secondary);
	font-size: 0.9rem;
	font-weight: 720;
	line-height: 1.45;
}

.corporate-pricing-compact-card h3,
.corporate-pricing-business-card h3,
.corporate-pricing-premium-card h3 {
	margin: 0;
	color: var(--ds-text-primary);
	font-weight: 800;
	letter-spacing: -0.025em;
}

.corporate-pricing-compact-card h3 {
	font-size: 0.96rem;
}

.corporate-pricing-compact-card p,
.corporate-pricing-scale {
	font-size: 0.9rem;
}

.corporate-pricing-compact-card p,
.corporate-pricing-scale,
.corporate-pricing-description {
	margin: 0;
	color: var(--ds-text-muted);
	font-weight: 700;
}

.corporate-pricing-compact-card strong {
	color: var(--ds-primary);
	font-size: 0.86rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.corporate-pricing-feature-list {
	display: grid;
	gap: 0.34rem;
	padding: 0;
	margin: 0.2rem 0 0;
	list-style: none;
}

.corporate-pricing-feature-list li {
	position: relative;
	padding-left: 1rem;
	color: var(--ds-text-secondary);
	font-size: 0.82rem;
	font-weight: 720;
	line-height: 1.25;
}

.corporate-pricing-feature-list li::before {
	position: absolute;
	top: 0.48rem;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	background: var(--ds-accent);
	content: "";
}

.corporate-pricing-compact-card .corporate-pricing-cta {
	grid-column: 1 / -1;
	min-height: 30px;
	padding: 0.38rem 0.62rem;
	font-size: 0.84rem;
}

.corporate-pricing-business-card {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.8fr);
	gap: clamp(0.72rem, 1.8vw, 1.15rem);
	align-items: end;
	min-height: 252px;
	padding: clamp(0.95rem, 1.8vw, 1.35rem);
	border-color: rgba(53, 208, 226, 0.42);
	border-radius: 32px;
	background:
		radial-gradient(circle at 82% 16%, var(--ds-border-strong), transparent 30%),
		radial-gradient(circle at 20% 100%, rgba(53, 208, 226, 0.09), transparent 36%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.9));
	box-shadow:
		0 26px 78px rgba(0, 0, 0, 0.3),
		0 0 0 1px rgba(53, 208, 226, 0.035),
		inset 0 1px 0 rgba(245, 245, 244, 0.07);
}

.corporate-pricing-business-card h3 {
	margin-top: 0.24rem;
	font-size: clamp(1.8rem, 3.35vw, 3rem);
	line-height: 0.9;
}

.corporate-pricing-business-card .corporate-pricing-scale {
	margin-top: 0.42rem;
	color: var(--ds-text-secondary);
	font-size: 1rem;
}

.corporate-pricing-business-card > .corporate-pricing-description {
	max-width: 42ch;
	color: var(--ds-text-secondary);
	font-size: clamp(0.88rem, 1.2vw, 0.98rem);
	line-height: 1.32;
}

.corporate-pricing-business-card__footer {
	display: grid;
	justify-items: end;
	gap: 0.58rem;
}

.corporate-pricing-business-card__footer strong,
.corporate-pricing-premium-card strong {
	color: var(--ds-primary);
	font-weight: 800;
	letter-spacing: -0.025em;
}

.corporate-pricing-business-card__footer strong {
	font-size: clamp(1.16rem, 2.35vw, 1.65rem);
}

.corporate-pricing-premium-list {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 0.55rem;
}

.corporate-pricing-premium-card {
	display: grid;
	gap: 0.42rem;
	min-height: 148px;
	align-content: space-between;
	padding: 0.76rem;
	border-radius: 18px;
}

.corporate-pricing-premium-card.is-enterprise {
	border-color: rgba(53, 208, 226, 0.28);
	background:
		radial-gradient(circle at 90% 12%, rgba(53, 208, 226, 0.11), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.88));
}

.corporate-pricing-premium-card h3 {
	font-size: clamp(1.02rem, 1.7vw, 1.25rem);
}

.corporate-pricing-premium-card strong {
	font-size: clamp(0.94rem, 1.6vw, 1.1rem);
}

.corporate-pricing-badge {
	position: absolute;
	top: clamp(0.8rem, 1.5vw, 1rem);
	right: clamp(0.8rem, 1.5vw, 1rem);
	padding: 0.28rem 0.52rem;
	border: 1px solid rgba(53, 208, 226, 0.38);
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.12);
	color: var(--ds-primary);
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.corporate-pricing-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 36px;
	padding: 0.52rem 0.8rem;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-text-primary);
	cursor: pointer;
	font-family: inherit;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

.corporate-pricing-cta:disabled {
	cursor: progress;
	opacity: 0.72;
}

.corporate-pricing-cta span {
	display: inline-flex;
	transform: translateY(-0.02em);
}

.corporate-pricing-cta:hover {
	border-color: rgba(53, 208, 226, 0.48);
	background: rgba(53, 208, 226, 0.16);
	color: var(--ds-primary);
}

.corporate-pricing-cta--primary {
	border-color: rgba(53, 208, 226, 0.58);
	background: var(--gradient-primary);
	color: var(--ds-text-inverse-soft);
	box-shadow: 0 14px 32px var(--ds-border-strong);
}

.corporate-pricing-cta--primary:hover {
	background: linear-gradient(135deg, #c7f7ff 0%, var(--ds-primary) 100%);
	color: var(--ds-text-inverse);
}

@media (min-width: 1100px) {
	.corporate-pricing-section {
		padding-block: clamp(1.12rem, 1.6vw, 1.48rem);
	}

	.corporate-pricing-section .corporate-section-header {
		align-items: end;
		margin-bottom: 0.5rem;
	}

	.corporate-pricing-section .corporate-section-title {
		max-width: 24ch;
	}

	.corporate-pricing-section .corporate-section-copy {
		max-width: 55ch;
	}

	.corporate-pricing-story {
		grid-template-columns: 1fr;
		align-items: stretch;
	}
}

.corporate-closing-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.corporate-closing-line {
	margin-top: 1.2rem;
	color: var(--ds-primary);
	font-size: clamp(1.35rem, 3vw, 2rem);
	font-weight: 800;
	letter-spacing: -0.03em;
}

.corporate-live-stack {
	display: grid;
	grid-template-columns: 1.2fr 0.9fr 0.9fr;
	gap: 1rem;
	margin-top: 1.5rem;
}

.corporate-live-card {
	display: flex;
	min-height: 220px;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1.35rem;
	border-radius: 24px;
}

.corporate-live-card--featured {
	border-color: rgba(53, 208, 226, 0.24);
	background:
		radial-gradient(circle at 84% 16%, rgba(53, 208, 226, 0.13), transparent 36%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.88));
}

.corporate-live-card span {
	margin-bottom: 0.8rem;
	color: var(--ds-primary);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.corporate-live-card strong {
	margin-bottom: 0.7rem;
	font-size: clamp(1.15rem, 2vw, 1.55rem);
	line-height: 1.1;
}

.corporate-control-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.85rem;
	margin-top: 1.5rem;
}

.corporate-control-item {
	display: grid;
	min-height: 132px;
	align-content: space-between;
	padding: 1rem;
	border-radius: 20px;
}

.corporate-control-item i {
	color: var(--ds-primary);
	font-size: 1.15rem;
}

.corporate-control-item span {
	font-weight: 800;
	line-height: 1.2;
}

.corporate-flow-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}

.corporate-flow-step {
	min-height: 148px;
	padding: 1.2rem;
	border-radius: 22px;
}

.corporate-flow-step span {
	display: inline-flex;
	margin-bottom: 1.5rem;
	color: var(--ds-primary);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.corporate-flow-step p {
	max-width: 16ch;
	margin: 0;
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.2;
}

.corporate-feature-card:hover,
.corporate-live-card:hover,
.corporate-control-item:hover,
.corporate-flow-step:hover {
	border-color: rgba(53, 208, 226, 0.24);
	transform: translateY(-1px);
}

.member-status-rejected,
.member-status-removed {
	background: rgba(248, 113, 113, 0.055);
	border-color: rgba(248, 113, 113, 0.22);
	color: #fca5a5;
}

@keyframes corporateNetworkDrift {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -5px, 0);
	}
}

@keyframes corporateNetworkPulse {
	0%,
	100% {
		opacity: 0.72;
		transform: scale(1);
	}

	50% {
		opacity: 1;
		transform: scale(1.28);
	}
}

@media (prefers-reduced-motion: reduce) {
	.corporate-live-network__field,
	.corporate-live-network__signal {
		animation: none;
	}
}

.corporate-command-center {
	display: grid;
	gap: 1.35rem;
}

.corporate-command-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
	align-items: center;
	min-height: 330px;
	padding: clamp(1.6rem, 3vw, 2.4rem);
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: var(--corp-radius-lg);
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.94)),
		radial-gradient(circle at 78% 34%, rgba(53, 208, 226, 0.12), transparent 34%);
	box-shadow: var(--corp-shadow-soft);
}

.corporate-command-hero::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.08), transparent 34%),
		linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
	background-size: auto, 72px 72px, 72px 72px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 55%, transparent 100%);
}

.corporate-command-hero--empty {
	min-height: 300px;
}

.corporate-command-hero--actions-only {
	display: block;
	min-height: auto;
	padding: clamp(1.15rem, 2vw, 1.65rem);
	border-color: rgba(53, 208, 226, 0.16);
	border-radius: 32px;
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.94)),
		radial-gradient(circle at 18% 18%, rgba(53, 208, 226, 0.12), transparent 32%);
}

.corporate-command-hero--actions-only::before {
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.82), transparent 115%);
}

.corporate-command-hero--actions-only .corporate-command-hero__content {
	width: 100%;
}

.corporate-participant-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(240px, 0.9fr);
	align-items: center;
	min-height: 320px;
	padding: clamp(1.45rem, 3vw, 2.25rem);
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: var(--corp-radius-lg);
	background:
		radial-gradient(circle at 80% 32%, rgba(53, 208, 226, 0.15), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.97), rgba(5, 8, 22, 0.94));
	box-shadow: var(--corp-shadow-soft);
}

.corporate-participant-hero::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.1), transparent 28%),
		linear-gradient(rgba(53, 208, 226, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.025) 1px, transparent 1px);
	background-size: auto, 58px 58px, 58px 58px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.74) 60%, transparent 100%);
}

.corporate-command-hero__content,
.corporate-command-hero__visual,
.corporate-participant-hero__content {
	position: relative;
	z-index: 1;
}

.corporate-command-hero .corporate-section-title,
.corporate-participant-hero .corporate-section-title {
	max-width: 760px;
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(2.5rem, 5vw, 4.8rem);
	line-height: 0.96;
}

.corporate-title-accent {
	color: var(--ds-primary);
}

.corporate-command-hero .corporate-section-copy,
.corporate-participant-hero .corporate-section-copy {
	max-width: 620px;
	margin-top: 1rem;
}

.corporate-command-hero__meta,
.corporate-command-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.2rem;
}

.corporate-command-hero__visual {
	display: flex;
	justify-content: flex-end;
}

.corporate-command-hero__visual .dashboard-hero-countdown {
	width: min(100%, 420px);
	padding: clamp(0.9rem, 1.8vw, 1.25rem);
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 8px;
	background:
		radial-gradient(circle at 100% 0%, rgba(53, 208, 226, 0.16), transparent 36%),
		linear-gradient(135deg, rgba(15, 23, 42, 0.86), rgba(5, 8, 22, 0.74));
	box-shadow:
		0 24px 64px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.corporate-command-hero__visual .corporate-live-network {
	width: min(100%, 380px);
	margin: 0;
	transform: none;
}

.corporate-ai-home-cta {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: clamp(1rem, 2vw, 1.4rem);
	align-items: center;
	overflow: hidden;
	padding: clamp(1.1rem, 2.2vw, 1.45rem);
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: var(--corp-radius-lg);
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(5, 8, 22, 0.9)),
		radial-gradient(circle at 82% 28%, rgba(53, 208, 226, 0.13), transparent 32%),
		radial-gradient(circle at 16% 80%, rgba(53, 208, 226, 0.12), transparent 34%);
	box-shadow:
		0 28px 90px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
	isolation: isolate;
}

.corporate-ai-home-cta::before,
.corporate-ai-home-cta::after,
.corporate-ai-home-cta__glow {
	position: absolute;
	pointer-events: none;
	content: "";
}

.corporate-ai-home-cta::before {
	inset: 0;
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.08), transparent 32%),
		linear-gradient(rgba(53, 208, 226, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.025) 1px, transparent 1px);
	background-size: auto, 54px 54px, 54px 54px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.72) 62%, transparent 115%);
	opacity: 0.88;
}

.corporate-ai-home-cta::after {
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(circle at 78% 42%, rgba(53, 208, 226, 0.18), transparent 28%),
		linear-gradient(120deg, transparent 18%, rgba(255, 255, 255, 0.08) 48%, transparent 76%);
	mix-blend-mode: screen;
	opacity: 0.7;
}

.corporate-ai-home-cta__glow {
	inset: auto -12% -70% 42%;
	z-index: 0;
	height: 190%;
	border-radius: 999px;
	background:
		radial-gradient(circle at 42% 42%, rgba(53, 208, 226, 0.2), transparent 34%),
		radial-gradient(circle at 68% 38%, rgba(53, 208, 226, 0.14), transparent 36%);
	filter: blur(32px);
	mix-blend-mode: screen;
}

.corporate-ai-home-cta__icon,
.corporate-ai-home-cta__content,
.corporate-ai-home-cta__actions {
	position: relative;
	z-index: 2;
}

.corporate-ai-home-cta__icon {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 20px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.16), rgba(53, 208, 226, 0.08)),
		rgba(245, 245, 244, 0.05);
	color: var(--ds-primary);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
	font-size: 1.35rem;
}

.corporate-ai-home-cta__content h2 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.35rem, 2.5vw, 2rem);
	line-height: 1.02;
}

.corporate-ai-home-cta__content p:last-child {
	max-width: 720px;
	margin: 0.4rem 0 0;
	color: var(--ds-text-secondary);
	font-weight: 700;
	line-height: 1.45;
}

.corporate-ai-home-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	justify-content: flex-end;
}

.corporate-message-home-cta {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: clamp(1rem, 2vw, 1.35rem);
	align-items: center;
	overflow: hidden;
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(48, 209, 88, 0.22);
	border-radius: var(--corp-radius-lg);
	background:
		linear-gradient(135deg, rgba(10, 18, 34, 0.95), rgba(5, 8, 22, 0.9)),
		radial-gradient(circle at 86% 18%, rgba(48, 209, 88, 0.14), transparent 34%),
		radial-gradient(circle at 12% 78%, rgba(53, 208, 226, 0.11), transparent 32%);
	box-shadow:
		0 24px 74px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
	isolation: isolate;
}

.corporate-message-home-cta::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(90deg, rgba(48, 209, 88, 0.08), transparent 36%),
		linear-gradient(rgba(53, 208, 226, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(48, 209, 88, 0.028) 1px, transparent 1px);
	background-size: auto, 52px 52px, 52px 52px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.74) 64%, transparent 112%);
	opacity: 0.86;
}

.corporate-message-home-cta > * {
	position: relative;
	z-index: 1;
}

.corporate-message-home-cta__icon {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(48, 209, 88, 0.24);
	border-radius: 20px;
	background:
		linear-gradient(135deg, rgba(48, 209, 88, 0.18), rgba(53, 208, 226, 0.08)),
		rgba(245, 245, 244, 0.05);
	color: #9ff2b5;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
	font-size: 1.35rem;
}

.corporate-message-home-cta h2 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.25rem, 2.2vw, 1.85rem);
	line-height: 1.04;
}

.corporate-message-home-cta p:last-child {
	max-width: 680px;
	margin: 0.35rem 0 0;
	color: var(--ds-text-secondary);
	font-weight: 700;
	line-height: 1.45;
}

.corporate-message-hero-action {
	border-color: rgba(48, 209, 88, 0.34) !important;
	background: linear-gradient(135deg, #30d158, #35d0e2) !important;
	color: #03111b !important;
}

.corporate-command-kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 0.9rem;
}

.corporate-participant-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.9rem;
}

.corporate-command-kpis .corporate-stat-card {
	min-height: 176px;
	padding: 1.05rem;
}

.corporate-stat-card--link {
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.corporate-stat-card--link:hover,
.corporate-stat-card--link:focus-visible {
	border-color: rgba(53, 208, 226, 0.34);
	box-shadow: 0 18px 48px rgba(53, 208, 226, 0.12), var(--shadow-corporate-panel);
	transform: translateY(-1px);
}

.corporate-stat-card--link:focus-visible {
	outline: 2px solid rgba(53, 208, 226, 0.54);
	outline-offset: 4px;
}

.corporate-participant-kpis .corporate-stat-card {
	min-height: 164px;
	padding: 1.05rem;
}

.corporate-stat-card__icon {
	display: inline-grid;
	width: 2.3rem;
	height: 2.3rem;
	margin-bottom: 0.9rem;
	place-items: center;
	border: 1px solid rgba(53, 208, 226, 0.16);
	border-radius: 14px;
	color: var(--ds-primary);
	background: rgba(53, 208, 226, 0.08);
}

.corporate-command-kpis .corporate-stat-card p,
.corporate-participant-kpis .corporate-stat-card p {
	margin: 0 0 0.45rem;
	color: var(--ds-text-muted);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.corporate-command-kpis .corporate-stat-card strong,
.corporate-participant-kpis .corporate-stat-card strong {
	display: block;
	margin-bottom: 0.6rem;
	color: var(--ds-text-primary);
	font-size: clamp(1.8rem, 3vw, 2.7rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1;
}

.corporate-command-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
	gap: 1rem;
	align-items: start;
}

.corporate-command-layout--admin {
	grid-template-columns: minmax(0, 1.85fr) minmax(320px, 0.95fr);
}

.corporate-participant-layout {
	grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-priority-stack {
	gap: 1rem;
	margin-top: 0.1rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .league-section-band {
	border-color: rgba(53, 208, 226, 0.16);
	background:
		linear-gradient(135deg, rgba(10, 18, 32, 0.94), rgba(5, 8, 22, 0.88)),
		radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.16), transparent 34%),
		radial-gradient(circle at 92% 100%, rgba(244, 63, 94, 0.08), transparent 32%);
	box-shadow:
		0 20px 62px rgba(0, 0, 0, 0.22),
		0 0 42px rgba(53, 208, 226, 0.06);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-section-band--personal {
	background:
		linear-gradient(135deg, rgba(12, 22, 38, 0.96), rgba(5, 8, 22, 0.9)),
		radial-gradient(circle at 92% 12%, rgba(53, 208, 226, 0.18), transparent 30%),
		radial-gradient(circle at 16% 90%, rgba(250, 204, 21, 0.09), transparent 28%);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-section-band--pulse {
	background:
		linear-gradient(135deg, rgba(10, 18, 32, 0.96), rgba(6, 18, 18, 0.9)),
		radial-gradient(circle at 96% 10%, rgba(34, 197, 94, 0.22), transparent 34%),
		radial-gradient(circle at 10% 92%, rgba(250, 204, 21, 0.14), transparent 32%),
		radial-gradient(circle at 54% 0%, rgba(217, 70, 239, 0.08), transparent 30%);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-home-card {
	border-color: rgba(53, 208, 226, 0.16);
	background:
		linear-gradient(145deg, rgba(17, 24, 39, 0.94), rgba(8, 15, 28, 0.9)),
		radial-gradient(circle at 94% 0%, rgba(53, 208, 226, 0.08), transparent 30%);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-home-card--focus {
	border-color: rgba(34, 197, 94, 0.38);
	background:
		linear-gradient(135deg, rgba(13, 26, 37, 0.98), rgba(5, 8, 22, 0.94)),
		radial-gradient(circle at 92% 12%, rgba(34, 197, 94, 0.24), transparent 30%),
		radial-gradient(circle at 14% 86%, rgba(53, 208, 226, 0.2), transparent 34%),
		radial-gradient(circle at 62% 0%, rgba(250, 204, 21, 0.12), transparent 28%);
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.26),
		0 0 48px rgba(34, 197, 94, 0.08),
		0 0 0 1px rgba(34, 197, 94, 0.08) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .league-home-eyebrow,
html.corporate-surface:not([data-theme="light-premium"]) .league-home-kicker {
	color: #facc15;
	text-shadow: 0 0 16px rgba(250, 204, 21, 0.14);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-home-card h2,
html.corporate-surface:not([data-theme="light-premium"]) .league-state-metrics strong,
html.corporate-surface:not([data-theme="light-premium"]) .league-rival-stack strong,
html.corporate-surface:not([data-theme="light-premium"]) .league-activity-list strong,
html.corporate-surface:not([data-theme="light-premium"]) .league-empty-pulse strong,
html.corporate-surface:not([data-theme="light-premium"]) .league-progress-ring strong {
	color: var(--ds-text-primary);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-home-card p,
html.corporate-surface:not([data-theme="light-premium"]) .league-state-metrics span,
html.corporate-surface:not([data-theme="light-premium"]) .league-state-metrics small,
html.corporate-surface:not([data-theme="light-premium"]) .league-activity-list small,
html.corporate-surface:not([data-theme="light-premium"]) .league-rival-stack em,
html.corporate-surface:not([data-theme="light-premium"]) .league-home-card--progress small {
	color: var(--ds-text-secondary);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-deadline-countdown--card,
html.corporate-surface:not([data-theme="light-premium"]) .league-home-hero__pulse {
	border-color: rgba(53, 208, 226, 0.18);
	background:
		radial-gradient(circle at 100% 0%, rgba(53, 208, 226, 0.16), transparent 34%),
		linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(5, 8, 22, 0.72));
	box-shadow:
		0 18px 46px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-deadline-countdown__label,
html.corporate-surface:not([data-theme="light-premium"]) .league-deadline-countdown__grid strong,
html.corporate-surface:not([data-theme="light-premium"]) .league-home-hero__pulse span {
	color: var(--ds-text-primary);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-deadline-countdown__grid span {
	border-color: rgba(53, 208, 226, 0.16);
	background:
		linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(8, 15, 28, 0.72));
	box-shadow:
		0 14px 28px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-deadline-countdown__grid em,
html.corporate-surface:not([data-theme="light-premium"]) .league-home-hero__pulse small {
	color: var(--ds-text-secondary);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-deadline-countdown.is-urgent .league-deadline-countdown__grid span {
	border-color: rgba(250, 204, 21, 0.24);
	background:
		linear-gradient(180deg, rgba(48, 36, 14, 0.82), rgba(15, 23, 42, 0.72));
}

html.corporate-surface:not([data-theme="light-premium"]) .league-home-card__icon {
	border: 1px solid rgba(53, 208, 226, 0.24);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.18), rgba(34, 197, 94, 0.14), rgba(250, 204, 21, 0.08)),
		rgba(245, 245, 244, 0.04);
	color: #a7f3d0;
	box-shadow: 0 0 24px rgba(53, 208, 226, 0.08);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-state-metrics div,
html.corporate-surface:not([data-theme="light-premium"]) .league-rival-stack div,
html.corporate-surface:not([data-theme="light-premium"]) .league-activity-list div,
html.corporate-surface:not([data-theme="light-premium"]) .league-empty-pulse {
	border-color: rgba(156, 163, 175, 0.14);
	background: rgba(245, 245, 244, 0.045);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-rival-stack .is-you {
	border-color: rgba(53, 208, 226, 0.44);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.2), rgba(34, 197, 94, 0.12), rgba(250, 204, 21, 0.08)),
		rgba(245, 245, 244, 0.05);
	box-shadow: 0 0 30px rgba(53, 208, 226, 0.08);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-rival-stack span {
	color: #22d3ee;
}

html.corporate-surface:not([data-theme="light-premium"]) .league-activity-list div > span {
	background: #22c55e;
	box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.14);
}

html.corporate-surface:not([data-theme="light-premium"]) .league-empty-pulse i {
	color: #7dd3fc;
}

html.corporate-surface:not([data-theme="light-premium"]) .league-progress-ring {
	background:
		radial-gradient(circle, rgba(5, 8, 22, 0.96) 58%, transparent 60%),
		conic-gradient(#22c55e 0%, #22d3ee var(--league-progress), rgba(250, 204, 21, 0.18) 0);
	box-shadow:
		0 0 0 1px rgba(53, 208, 226, 0.18),
		0 16px 34px rgba(0, 0, 0, 0.24),
		0 0 34px rgba(34, 197, 94, 0.1);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	gap: clamp(1.25rem, 3vw, 2.4rem);
	margin: clamp(1.6rem, 3vw, 2.4rem) 0;
	padding: clamp(1.4rem, 3vw, 2.5rem);
	overflow: hidden;
	border: 0;
	border-radius: 28px;
	background:
		linear-gradient(110deg, rgba(5, 8, 22, 0.94), rgba(8, 15, 29, 0.78) 54%, rgba(5, 8, 22, 0.92)),
		radial-gradient(circle at 12% 16%, rgba(53, 208, 226, 0.16), transparent 34%),
		radial-gradient(circle at 82% 22%, rgba(215, 180, 106, 0.1), transparent 30%);
	box-shadow:
		0 34px 110px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(255, 255, 255, 0.045) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum::before,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum::after,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum__atmosphere {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum::before {
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.055) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
	background-size: 78px 78px;
	mask-image: linear-gradient(110deg, rgba(0, 0, 0, 0.75), transparent 72%);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum::after {
	inset: auto 8% 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.58), rgba(215, 180, 106, 0.34), transparent);
	box-shadow: 0 0 28px rgba(53, 208, 226, 0.18);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum__atmosphere {
	background:
		radial-gradient(ellipse at 16% 84%, rgba(92, 242, 165, 0.08), transparent 34%),
		radial-gradient(ellipse at 92% 72%, rgba(248, 113, 113, 0.07), transparent 30%),
		linear-gradient(120deg, rgba(255, 255, 255, 0.045), transparent 18%, transparent 62%, rgba(53, 208, 226, 0.045));
	opacity: 0.9;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum > *:not(.corporate-live-momentum__atmosphere) {
	position: relative;
	z-index: 1;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum__header {
	display: grid;
	align-content: center;
	gap: 0.75rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum__header h2 {
	max-width: 760px;
	margin: 0;
	color: var(--ds-text-primary);
	font-family: var(--corp-font-display);
	font-size: clamp(2.1rem, 4.5vw, 4.9rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 0.94;
	text-wrap: balance;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum__header p:last-child {
	max-width: 640px;
	margin: 0;
	color: rgba(226, 232, 240, 0.76);
	font-size: clamp(1rem, 1.4vw, 1.16rem);
	font-weight: 720;
	line-height: 1.44;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum__header strong {
	color: #f8fafc;
	font-weight: 900;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal {
	position: relative;
	display: grid;
	align-content: start;
	gap: 0.46rem;
	min-height: 176px;
	padding: 1rem;
	overflow: hidden;
	border: 0;
	border-radius: 18px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
		rgba(6, 12, 24, 0.54);
	box-shadow:
		0 18px 48px rgba(0, 0, 0, 0.2),
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 3px;
	background: var(--momentum-color, var(--corp-action));
	box-shadow: 0 0 22px var(--momentum-glow, rgba(53, 208, 226, 0.22));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal--action {
	--momentum-color: var(--corp-action);
	--momentum-glow: rgba(53, 208, 226, 0.28);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal--leadership {
	--momentum-color: var(--corp-leadership);
	--momentum-glow: rgba(215, 180, 106, 0.22);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal--momentum {
	--momentum-color: var(--corp-momentum);
	--momentum-glow: rgba(92, 242, 165, 0.22);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal--danger {
	--momentum-color: var(--corp-danger);
	--momentum-glow: rgba(248, 113, 113, 0.22);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 14px;
	color: var(--momentum-color, var(--corp-action));
	background: color-mix(in srgb, var(--momentum-color, #35d0e2) 13%, transparent);
	box-shadow: 0 0 22px var(--momentum-glow, rgba(53, 208, 226, 0.2));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal p {
	margin: 0;
	color: var(--momentum-color, var(--corp-action));
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal strong {
	color: var(--ds-text-primary);
	font-size: clamp(1.08rem, 1.55vw, 1.48rem);
	font-weight: 900;
	line-height: 1.08;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-momentum-signal small {
	color: rgba(226, 232, 240, 0.68);
	font-size: 0.88rem;
	font-weight: 680;
	line-height: 1.36;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-command-kpis--admin {
	display: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-command-layout--admin {
	margin-top: clamp(1.8rem, 3vw, 2.8rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-command-layout--admin .corporate-panel,
html.corporate-surface:not([data-theme="light-premium"]) .league-home-card {
	border-color: rgba(255, 255, 255, 0.075);
	box-shadow:
		0 22px 70px rgba(0, 0, 0, 0.22),
		0 0 0 1px rgba(255, 255, 255, 0.025) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .league-section-band {
	border-color: transparent;
	box-shadow: none;
}

@media (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum {
		grid-template-columns: 1fr;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-live-momentum__grid {
		grid-template-columns: 1fr;
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page {
	background:
		linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		radial-gradient(circle at 18% 0%, rgba(53, 208, 226, 0.14), transparent 28%),
		radial-gradient(circle at 82% 12%, rgba(215, 180, 106, 0.12), transparent 30%),
		radial-gradient(circle at 48% 4%, rgba(92, 242, 165, 0.06), transparent 28%),
		linear-gradient(180deg, #050816 0%, #07111b 48%, #050816 100%);
	background-size: 128px 128px, 128px 128px, auto, auto, auto;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-hero {
	border-color: transparent;
	background:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px),
		linear-gradient(110deg, rgba(53, 208, 226, 0.18), transparent 36%),
		linear-gradient(250deg, rgba(215, 180, 106, 0.16), transparent 40%),
		radial-gradient(circle at 52% 96%, rgba(92, 242, 165, 0.1), transparent 32%),
		radial-gradient(circle at 72% 10%, rgba(248, 113, 113, 0.06), transparent 28%),
		linear-gradient(135deg, rgba(9, 20, 34, 0.98), rgba(4, 7, 18, 0.96));
	background-size: 88px 88px, 88px 88px, auto, auto, auto;
	box-shadow:
		0 34px 110px rgba(0, 0, 0, 0.38),
		0 0 58px rgba(53, 208, 226, 0.14),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-hero::before {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.11), transparent 30%, rgba(53, 208, 226, 0.08) 58%, transparent 80%),
		radial-gradient(ellipse at 82% 44%, rgba(215, 180, 106, 0.14), transparent 26%);
	opacity: 0.82;
	filter: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-hero::after {
	content: "";
	position: absolute;
	inset: auto 7% 12% 7%;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(92, 242, 165, 0.42), rgba(53, 208, 226, 0.72), rgba(215, 180, 106, 0.48), transparent);
	box-shadow:
		0 0 28px rgba(53, 208, 226, 0.28),
		0 0 44px rgba(92, 242, 165, 0.08);
	pointer-events: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-hero__lead {
	text-shadow:
		0 18px 46px rgba(0, 0, 0, 0.34),
		0 0 34px rgba(53, 208, 226, 0.1);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-hero .hero-accent {
	background: linear-gradient(135deg, #ffffff, #d7b46a 46%, #35d0e2 84%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 0 18px rgba(215, 180, 106, 0.12));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0 0 clamp(1.2rem, 2.5vw, 2rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip__item {
	position: relative;
	overflow: hidden;
	min-height: 126px;
	padding: 1rem;
	border-radius: 18px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018)),
		rgba(5, 10, 22, 0.5);
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.22),
		0 0 0 1px rgba(255, 255, 255, 0.045) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip__item::after {
	content: "";
	position: absolute;
	right: 16px;
	bottom: 14px;
	left: 16px;
	height: 2px;
	background: var(--broadcast-color, var(--corp-action));
	box-shadow: 0 0 24px var(--broadcast-glow, rgba(53, 208, 226, 0.22));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip__item--gold {
	--broadcast-color: var(--corp-leadership);
	--broadcast-glow: rgba(215, 180, 106, 0.2);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip__item--cyan {
	--broadcast-color: var(--corp-action);
	--broadcast-glow: rgba(53, 208, 226, 0.24);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip__item--green {
	--broadcast-color: var(--corp-momentum);
	--broadcast-glow: rgba(92, 242, 165, 0.16);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip__item span {
	display: block;
	margin-bottom: 0.55rem;
	color: var(--broadcast-color, var(--corp-action));
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip__item strong {
	display: block;
	color: var(--ds-text-primary);
	font-size: clamp(1.06rem, 1.6vw, 1.45rem);
	font-weight: 900;
	line-height: 1.08;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-insight-card {
	position: relative;
	overflow: hidden;
	border-color: transparent;
	background:
		linear-gradient(150deg, rgba(53, 208, 226, 0.1), transparent 40%),
		linear-gradient(330deg, rgba(215, 180, 106, 0.07), transparent 42%),
		radial-gradient(circle at 96% 16%, rgba(244, 63, 94, 0.08), transparent 28%),
		linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(6, 12, 24, 0.96));
	box-shadow:
		0 22px 64px rgba(0, 0, 0, 0.24),
		0 0 34px rgba(53, 208, 226, 0.06);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-insight-card::after {
	content: "";
	position: absolute;
	right: 16px;
	bottom: 14px;
	left: 16px;
	height: 1px;
	background: linear-gradient(90deg, rgba(53, 208, 226, 0.42), rgba(215, 180, 106, 0.34), transparent);
	opacity: 0.7;
	pointer-events: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-insight-card.is-primary,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-insight-card.is-position {
	border-color: rgba(250, 204, 21, 0.3);
	background:
		linear-gradient(140deg, rgba(250, 204, 21, 0.2), transparent 38%),
		linear-gradient(320deg, rgba(53, 208, 226, 0.14), transparent 42%),
		radial-gradient(circle at 90% 12%, rgba(34, 197, 94, 0.1), transparent 30%),
		linear-gradient(145deg, rgba(24, 28, 38, 0.94), rgba(6, 12, 24, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-insight-value {
	text-shadow: 0 0 24px rgba(53, 208, 226, 0.12);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-board {
	border-color: rgba(53, 208, 226, 0.3);
	background:
		linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
		radial-gradient(circle at 12% 8%, rgba(53, 208, 226, 0.2), transparent 30%),
		radial-gradient(circle at 82% 0%, rgba(250, 204, 21, 0.16), transparent 30%),
		radial-gradient(circle at 45% 100%, rgba(34, 197, 94, 0.14), transparent 36%),
		radial-gradient(circle at 95% 64%, rgba(217, 70, 239, 0.08), transparent 28%),
		linear-gradient(145deg, rgba(11, 18, 31, 0.98), rgba(4, 7, 18, 0.98));
	background-size: 92px 92px, 92px 92px, auto, auto, auto;
	box-shadow:
		0 38px 120px rgba(0, 0, 0, 0.38),
		0 0 64px rgba(53, 208, 226, 0.12),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-board .section-title {
	text-shadow: 0 0 26px rgba(250, 204, 21, 0.12);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-self-bar {
	border-color: rgba(53, 208, 226, 0.48);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.18), transparent 36%),
		linear-gradient(315deg, rgba(34, 197, 94, 0.12), transparent 42%),
		linear-gradient(135deg, rgba(10, 29, 44, 0.96), rgba(8, 13, 27, 0.98));
	box-shadow:
		0 28px 84px rgba(53, 208, 226, 0.17),
		0 0 0 1px rgba(53, 208, 226, 0.1) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-self-badge,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .you-badge {
	background: rgba(53, 208, 226, 0.18);
	box-shadow: 0 0 22px rgba(53, 208, 226, 0.12);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-card {
	border-color: rgba(148, 163, 184, 0.18);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.1), transparent 34%),
		radial-gradient(circle at 92% 0%, rgba(34, 197, 94, 0.08), transparent 28%),
		linear-gradient(145deg, rgba(15, 23, 42, 0.9), rgba(7, 13, 26, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-card:hover {
	border-color: rgba(53, 208, 226, 0.42);
	box-shadow:
		0 24px 72px rgba(0, 0, 0, 0.3),
		0 0 36px rgba(53, 208, 226, 0.1);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-card.is-current-user {
	border-color: rgba(53, 208, 226, 0.58);
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.2), transparent 34%),
		linear-gradient(320deg, rgba(34, 197, 94, 0.15), transparent 38%),
		radial-gradient(circle at 96% 18%, rgba(250, 204, 21, 0.12), transparent 28%),
		linear-gradient(145deg, rgba(10, 29, 44, 0.96), rgba(7, 13, 26, 0.98));
	box-shadow:
		0 28px 86px rgba(53, 208, 226, 0.18),
		0 0 0 1px rgba(53, 208, 226, 0.12) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-card.is-rank-1 {
	border-color: rgba(250, 204, 21, 0.42);
	background:
		linear-gradient(135deg, rgba(250, 204, 21, 0.18), transparent 36%),
		radial-gradient(circle at 96% 10%, rgba(53, 208, 226, 0.1), transparent 28%),
		linear-gradient(145deg, rgba(24, 28, 38, 0.94), rgba(7, 13, 26, 0.98));
	box-shadow:
		0 24px 80px rgba(0, 0, 0, 0.28),
		0 0 38px rgba(250, 204, 21, 0.1);
}

@media (prefers-reduced-motion: no-preference) {
	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-hero::after {
		animation: rankingFieldPulse 2.8s ease-in-out infinite;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page .ranking-card.is-current-user {
		animation: rankingCurrentUserGlow 3.4s ease-in-out infinite;
	}
}

@media (max-width: 767.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip {
		grid-template-columns: 1fr;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-broadcast-strip__item {
		min-height: 0;
	}
}

@keyframes rankingFieldPulse {
	0%, 100% {
		opacity: 0.45;
		transform: scaleX(0.92);
	}
	50% {
		opacity: 1;
		transform: scaleX(1);
	}
}

@keyframes rankingCurrentUserGlow {
	0%, 100% {
		box-shadow:
			0 24px 74px rgba(53, 208, 226, 0.14),
			0 0 0 1px rgba(53, 208, 226, 0.1) inset;
	}
	50% {
		box-shadow:
			0 30px 94px rgba(53, 208, 226, 0.22),
			0 0 0 1px rgba(53, 208, 226, 0.16) inset;
	}
}

.corporate-command-main,
.corporate-command-side {
	display: grid;
	gap: 1rem;
}

.corporate-command-kpis--admin {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.corporate-panel {
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: var(--corp-radius-md);
	background:
		linear-gradient(145deg, rgba(17, 24, 39, 0.94), rgba(11, 18, 32, 0.86)),
		radial-gradient(circle at 92% 0%, rgba(53, 208, 226, 0.06), transparent 28%);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.2);
}

.corporate-panel__header {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.corporate-panel__header h2,
.corporate-panel h2 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.15rem, 2vw, 1.55rem);
	font-weight: 800;
	letter-spacing: -0.035em;
}

.corporate-panel__header .corporate-section-eyebrow {
	margin-bottom: 0.3rem;
}

.corporate-link-action {
	color: var(--ds-primary);
	font-size: 0.86rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

.corporate-link-action:hover {
	color: var(--ds-text-primary);
}

.corporate-license-grid,
.corporate-participants-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}

.corporate-participants-summary {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.corporate-license-grid > div,
.corporate-participants-summary > div {
	padding: 0.9rem;
	border: 1px solid rgba(156, 163, 175, 0.12);
	border-radius: 18px;
	background: rgba(5, 8, 22, 0.38);
}

.corporate-license-grid span,
.corporate-participants-summary span {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--ds-text-muted);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.corporate-license-grid strong,
.corporate-participants-summary strong {
	color: var(--ds-text-primary);
	font-size: 1.05rem;
	font-weight: 800;
}

.corporate-ranking-preview-list,
.corporate-activity-list,
.corporate-quick-actions {
	display: grid;
	gap: 0.65rem;
}

.corporate-ranking-preview-row {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	gap: 0.8rem;
	align-items: center;
	padding: 0.8rem 0.9rem;
	border: 1px solid rgba(156, 163, 175, 0.12);
	border-radius: 16px;
	background: rgba(5, 8, 22, 0.32);
}

.corporate-ranking-preview-row span {
	color: var(--ds-primary);
	font-weight: 800;
}

.corporate-ranking-preview-row strong {
	overflow: hidden;
	color: var(--ds-text-primary);
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.corporate-ranking-preview-row em {
	color: var(--ds-text-secondary);
	font-style: normal;
	font-weight: 800;
	white-space: nowrap;
}

.corporate-ranking-preview-row.is-current-user {
	border-color: rgba(53, 208, 226, 0.3);
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.12), rgba(53, 208, 226, 0.08));
}

.corporate-ranking-preview-row.is-current-user span,
.corporate-ranking-preview-row.is-current-user em {
	color: var(--ds-primary);
}

.corporate-command-placeholder {
	display: grid;
	justify-items: start;
	gap: 0.75rem;
	padding: 1rem;
	border: 1px dashed rgba(53, 208, 226, 0.22);
	border-radius: 18px;
	color: var(--ds-text-secondary);
	background: rgba(5, 8, 22, 0.24);
}

.corporate-command-placeholder i {
	color: var(--ds-primary);
	font-size: 1.45rem;
}

.corporate-command-placeholder p {
	margin: 0;
}

.corporate-next-action-panel > p {
	max-width: 68ch;
	margin: 0 0 1rem;
	color: var(--ds-text-secondary);
}

.corporate-progress-track {
	position: relative;
	height: 10px;
	margin: 1rem 0;
	overflow: hidden;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 999px;
	background: rgba(5, 8, 22, 0.62);
}

.corporate-progress-track span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--ds-accent), var(--ds-primary));
	box-shadow: 0 0 24px rgba(53, 208, 226, 0.22);
}

.corporate-activity-list .corporate-activity-item {
	display: grid;
	grid-template-columns: 12px minmax(0, 1fr);
	gap: 0.8rem;
	align-items: start;
	padding: 0.85rem 0;
	border-top: 1px solid rgba(156, 163, 175, 0.12);
}

.corporate-activity-list .corporate-activity-item:first-child {
	border-top: 0;
}

.corporate-activity-list .corporate-activity-item > span {
	width: 0.55rem;
	height: 0.55rem;
	margin-top: 0.35rem;
	border-radius: 999px;
	background: var(--ds-text-muted);
	box-shadow: 0 0 0 5px rgba(156, 163, 175, 0.08);
}

.corporate-activity-list .corporate-activity-item--live > span {
	background: var(--ds-accent);
	box-shadow: 0 0 0 5px rgba(53, 208, 226, 0.1);
}

.corporate-activity-list .corporate-activity-item--warning > span {
	background: var(--ds-warning);
	box-shadow: 0 0 0 5px rgba(255, 184, 77, 0.1);
}

.corporate-activity-list .corporate-activity-item strong {
	display: block;
	color: var(--ds-text-primary);
	font-weight: 800;
}

.corporate-activity-list .corporate-activity-item p,
.corporate-panel-note,
.corporate-coming-panel p,
.corporate-command-empty p {
	margin: 0.2rem 0 0;
	color: var(--ds-text-muted);
}

.corporate-quick-action {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	justify-content: space-between;
	padding: 0.8rem 0.95rem;
	border: 1px solid rgba(156, 163, 175, 0.13);
	border-radius: 16px;
	color: var(--ds-text-secondary);
	background: rgba(5, 8, 22, 0.34);
	font-weight: 800;
	text-decoration: none;
	transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

button.corporate-quick-action {
	width: 100%;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.corporate-quick-action span {
	flex: 1;
}

.corporate-quick-action i {
	color: var(--ds-primary);
}

.corporate-quick-action:hover {
	border-color: rgba(53, 208, 226, 0.26);
	color: var(--ds-text-primary);
	transform: translateY(-1px);
}

.corporate-quick-action.is-primary {
	border-color: rgba(53, 208, 226, 0.28);
	color: var(--ds-text-primary);
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.16), rgba(53, 208, 226, 0.08));
}

.corporate-quick-action.is-live {
	border-color: rgba(53, 208, 226, 0.24);
	color: var(--ds-accent);
	background: rgba(53, 208, 226, 0.08);
}

.corporate-quick-action.is-copied {
	border-color: rgba(48, 209, 88, 0.32);
	color: #9ff2b5;
}

html.corporate-surface .dashboard-shell--casazar {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 78% 7%, rgba(214, 179, 106, 0.07), transparent 28%),
		radial-gradient(circle at 12% 36%, rgba(231, 215, 177, 0.035), transparent 22%);
}

html.corporate-surface .dashboard-shell--casazar::before {
	content: "";
	position: absolute;
	inset: -4rem 0 45% 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(90deg, transparent 0%, rgba(231, 215, 177, 0.048) 48%, transparent 82%),
		repeating-linear-gradient(90deg, rgba(231, 215, 177, 0.021) 0 1px, transparent 1px 78px);
	opacity: 0.5;
	mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-center {
	position: relative;
	isolation: isolate;
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-center::before {
	content: "";
	position: absolute;
	top: clamp(-3.5rem, -5vw, -2rem);
	right: clamp(-8rem, -10vw, -4rem);
	z-index: 0;
	width: clamp(28rem, 50vw, 46rem);
	height: clamp(32rem, 62vw, 54rem);
	border-radius: 999px;
	pointer-events: none;
	background: radial-gradient(ellipse at 50% 54%, rgba(214, 179, 106, 0.15) 0%, rgba(214, 179, 106, 0.075) 30%, rgba(132, 92, 36, 0.035) 58%, transparent 80%);
	filter: blur(48px);
	opacity: 0.68;
	mix-blend-mode: screen;
	transform: rotate(-8deg);
	mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.18) 18%, rgba(0, 0, 0, 0.72) 36%, rgba(0, 0, 0, 0.5) 68%, transparent 100%);
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-center > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero,
html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero {
	grid-template-columns: minmax(0, 1fr);
	overflow: hidden;
	border-color: rgba(231, 215, 177, 0.18);
	background:
		radial-gradient(circle at 84% 52%, rgba(214, 179, 106, 0.14), transparent 31%),
		radial-gradient(circle at 72% 90%, rgba(132, 92, 36, 0.1), transparent 30%),
		radial-gradient(circle at 18% 14%, rgba(245, 245, 244, 0.035), transparent 24%),
		linear-gradient(135deg, rgba(12, 18, 36, 0.985), rgba(5, 8, 22, 0.955));
	box-shadow:
		0 32px 90px rgba(0, 0, 0, 0.32),
		0 0 42px rgba(214, 179, 106, 0.055),
		inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero::before,
html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero::before {
	background:
		linear-gradient(90deg, rgba(214, 179, 106, 0.085), transparent 38%),
		linear-gradient(rgba(245, 245, 244, 0.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(214, 179, 106, 0.02) 1px, transparent 1px);
	background-size: auto, 68px 68px, 68px 68px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 62%, transparent 100%);
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero::after,
html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero::after {
	content: "";
	position: absolute;
	inset: 14% 0 0 52%;
	pointer-events: none;
	background:
		linear-gradient(116deg, transparent 12%, rgba(245, 245, 244, 0.05) 42%, transparent 60%),
		radial-gradient(circle at 70% 36%, rgba(214, 179, 106, 0.12), transparent 32%);
	filter: blur(0.3px);
	opacity: 0.64;
	mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.32) 18%, #000 42%, #000 100%);
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero__content,
html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero__content {
	position: relative;
	z-index: 3;
	max-width: min(100%, 920px);
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero__visual,
html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero__visual {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	pointer-events: none;
}

.casazar-dashboard-hero-logo {
	position: absolute;
	top: clamp(1rem, 2vw, 1.35rem);
	right: clamp(1.65rem, 4vw, 3.35rem);
	z-index: 4;
	width: clamp(104px, 10vw, 142px);
	height: auto;
	opacity: 0.46;
	filter:
		saturate(0.95)
		drop-shadow(0 0 22px rgba(214, 179, 106, 0.15));
	pointer-events: none;
}

.casazar-dashboard-hero-visual {
	position: absolute;
	top: clamp(6.25rem, 8.8vw, 7.35rem);
	right: clamp(1.65rem, 4vw, 3.35rem);
	bottom: clamp(1rem, 2vw, 1.4rem);
	z-index: 1;
	width: clamp(104px, 10vw, 142px);
	height: auto;
	min-height: 0;
	isolation: isolate;
	pointer-events: none;
}

.casazar-dashboard-hero-visual__aura,
.casazar-dashboard-hero-visual__reflection,
.casazar-dashboard-hero-visual__bottle {
	position: absolute;
	pointer-events: none;
}

.casazar-dashboard-hero-visual__aura {
	top: 50%;
	left: 50%;
	width: clamp(270px, 28vw, 420px);
	height: clamp(260px, 40vw, 560px);
	border-radius: 999px;
	background:
		radial-gradient(circle at 52% 38%, rgba(245, 237, 203, 0.16), transparent 21%),
		radial-gradient(circle at 52% 52%, rgba(214, 179, 106, 0.38), transparent 34%),
		radial-gradient(circle at 58% 72%, rgba(132, 92, 36, 0.22), transparent 52%);
	filter: blur(34px);
	opacity: 0.72;
	transform: translate(-50%, -50%);
}

.casazar-dashboard-hero-visual__reflection {
	left: 50%;
	bottom: -1%;
	width: 150%;
	height: 14%;
	border-radius: 999px;
	background: radial-gradient(ellipse, rgba(0, 0, 0, 0.58), transparent 70%);
	filter: blur(12px);
	opacity: 0.62;
	transform: translateX(-50%);
}

.casazar-dashboard-hero-visual__bottle {
	left: 50%;
	right: auto;
	top: 0;
	bottom: auto;
	height: 100%;
	width: auto;
	max-height: 100%;
	max-width: none;
	object-fit: contain;
	opacity: 0.9;
	transform: translateX(-50%);
	filter:
		saturate(1.04)
		contrast(1.08)
		drop-shadow(0 28px 44px rgba(0, 0, 0, 0.5))
		drop-shadow(0 0 30px rgba(214, 179, 106, 0.15));
}

html.corporate-surface .dashboard-shell--casazar .corporate-section-eyebrow {
	color: #35d0e2;
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero .corporate-section-title,
html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero .corporate-section-title,
html.corporate-surface .dashboard-shell--casazar .corporate-panel__header h2,
html.corporate-surface .dashboard-shell--casazar .corporate-panel h2 {
	color: #f7f4ec;
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero .corporate-section-title,
html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero .corporate-section-title {
	max-width: min(100%, 860px);
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero .corporate-section-copy,
html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero .corporate-section-copy,
html.corporate-surface .dashboard-shell--casazar .corporate-next-action-panel > p,
html.corporate-surface .dashboard-shell--casazar .corporate-activity-list .corporate-activity-item p,
html.corporate-surface .dashboard-shell--casazar .corporate-panel-note {
	color: rgba(226, 232, 240, 0.66);
}

html.corporate-surface .dashboard-shell--casazar .badge-premium,
html.corporate-surface .dashboard-shell--casazar .badge-muted,
html.corporate-surface .dashboard-shell--casazar .badge-live {
	border-color: rgba(231, 215, 177, 0.2);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.1), rgba(5, 8, 22, 0.36)),
		rgba(5, 8, 22, 0.62);
	color: #e7d7b1;
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.055);
}

html.corporate-surface .dashboard-shell--casazar .btn-primary-gradient {
	border: 1px solid rgba(53, 208, 226, 0.54);
	background:
		linear-gradient(135deg, #c7f7ff 0%, #35d0e2 48%, #c7f7ff 100%);
	color: #07111f;
	box-shadow:
		0 18px 42px rgba(214, 179, 106, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.36);
}

html.corporate-surface .dashboard-shell--casazar .btn-secondary-soft {
	border-color: rgba(231, 215, 177, 0.18);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.055), rgba(5, 8, 22, 0.44)),
		rgba(5, 8, 22, 0.72);
	color: #efe4c6;
}

html.corporate-surface .dashboard-shell--casazar .corporate-panel,
html.corporate-surface .dashboard-shell--casazar .corporate-stat-card {
	border-color: rgba(231, 215, 177, 0.15);
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.04), transparent 34%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.94), rgba(5, 8, 22, 0.88));
	box-shadow:
		0 24px 68px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .dashboard-shell--casazar .corporate-stat-card__icon,
html.corporate-surface .dashboard-shell--casazar .corporate-quick-action i {
	border-color: rgba(231, 215, 177, 0.18);
	background: rgba(214, 179, 106, 0.08);
	color: #35d0e2;
}

html.corporate-surface .dashboard-shell--casazar .corporate-progress-track {
	border-color: rgba(231, 215, 177, 0.16);
	background: rgba(5, 8, 22, 0.7);
}

html.corporate-surface .dashboard-shell--casazar .corporate-progress-track span {
	background: linear-gradient(90deg, #35d0e2, #c7f7ff);
	box-shadow: 0 0 24px rgba(214, 179, 106, 0.18);
}

html.corporate-surface .dashboard-shell--casazar .corporate-ranking-preview-row,
html.corporate-surface .dashboard-shell--casazar .corporate-quick-action,
html.corporate-surface .dashboard-shell--casazar .corporate-command-placeholder {
	border-color: rgba(231, 215, 177, 0.12);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.026), transparent 52%),
		rgba(5, 8, 22, 0.56);
}

html.corporate-surface .dashboard-shell--casazar .corporate-ranking-preview-row span,
html.corporate-surface .dashboard-shell--casazar .corporate-link-action,
html.corporate-surface .dashboard-shell--casazar .corporate-ranking-preview-row.is-current-user span,
html.corporate-surface .dashboard-shell--casazar .corporate-ranking-preview-row.is-current-user em {
	color: #35d0e2;
}

html.corporate-surface .dashboard-shell--casazar .corporate-quick-action:hover,
html.corporate-surface .dashboard-shell--casazar .corporate-quick-action.is-primary {
	border-color: rgba(214, 179, 106, 0.34);
	background:
		linear-gradient(135deg, rgba(214, 179, 106, 0.13), rgba(5, 8, 22, 0.58)),
		rgba(5, 8, 22, 0.68);
}

html.corporate-surface .dashboard-shell--casazar .corporate-quick-action.is-live,
html.corporate-surface .dashboard-shell--casazar .corporate-activity-list .corporate-activity-item--live > span {
	color: #c7f7ff;
	background: rgba(214, 179, 106, 0.12);
}

html.corporate-surface .dashboard-shell--casazar .corporate-activity-list .corporate-activity-item {
	border-color: rgba(231, 215, 177, 0.09);
}

html.corporate-surface .dashboard-shell--casazar .corporate-activity-list .corporate-activity-item > span {
	background: #35d0e2;
	box-shadow: 0 0 0 5px rgba(214, 179, 106, 0.08);
}

html.corporate-surface .dashboard-shell--casazar .corporate-command-hero--actions-only .casazar-dashboard-hero-logo {
	width: clamp(84px, 10vw, 118px);
	opacity: 0.32;
}

.corporate-participant-push .push-optin-card {
	border-color: rgba(53, 208, 226, 0.18);
	background:
		radial-gradient(circle at 12% 20%, rgba(53, 208, 226, 0.14), transparent 28%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.9));
}

.corporate-participants-panel .corporate-panel-note {
	margin-top: 0.8rem;
	font-size: 0.86rem;
}

.corporate-coming-panel {
	position: relative;
	overflow: hidden;
}

.corporate-coming-panel::after {
	position: absolute;
	right: -44px;
	bottom: -54px;
	width: 150px;
	height: 150px;
	border: 1px solid rgba(53, 208, 226, 0.16);
	border-radius: 999px;
	content: "";
}

.corporate-coming-panel h2 {
	margin: 0.85rem 0 0.4rem;
}

.corporate-command-empty {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.corporate-new-user-paths {
	display: grid;
	grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
	gap: 1rem;
	align-items: stretch;
	max-width: none;
}

.corporate-new-user-path-card {
	display: grid;
	align-content: start;
	grid-template-columns: 1fr;
	gap: 1.15rem;
	min-width: 0;
	padding: clamp(1.2rem, 2vw, 1.55rem);
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 28px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.024), transparent 45%),
		rgba(5, 8, 22, 0.44);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

.corporate-new-user-path-card--plans {
	align-content: center;
	gap: 1.25rem;
	border-color: rgba(53, 208, 226, 0.24);
	background:
		radial-gradient(circle at 88% 18%, rgba(53, 208, 226, 0.2), transparent 30%),
		linear-gradient(135deg, rgba(53, 208, 226, 0.12), rgba(99, 102, 241, 0.12) 44%, rgba(5, 8, 22, 0.62));
	box-shadow:
		inset 0 1px 0 rgba(245, 245, 244, 0.05),
		0 18px 56px rgba(0, 0, 0, 0.18);
}

.corporate-new-user-path-card__head {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1rem;
	align-items: center;
	min-width: 0;
	text-align: left;
}

.corporate-new-user-path-card__head > span {
	display: inline-grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: 16px;
	color: var(--ds-accent);
	background: rgba(53, 208, 226, 0.08);
}

.corporate-new-user-path-card--plans .corporate-new-user-path-card__head > span {
	border-color: rgba(53, 208, 226, 0.3);
	color: var(--ds-accent);
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.16), rgba(99, 102, 241, 0.14));
}

.corporate-new-user-path-card h2 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: clamp(1.12rem, 2vw, 1.32rem);
	font-weight: 850;
	letter-spacing: -0.02em;
	line-height: 1.08;
}

.corporate-new-user-path-card p {
	margin: 0.25rem 0 0;
	color: var(--ds-text-muted);
	font-size: clamp(0.9rem, 1.25vw, 1rem);
	line-height: 1.38;
}

.corporate-new-user-path-card--plans .btn-primary-gradient {
	width: 100%;
	justify-content: center;
	box-shadow: 0 18px 44px rgba(53, 208, 226, 0.16);
}

.corporate-new-user-join-form label {
	display: block;
	grid-column: 1 / -1;
	margin-bottom: -0.35rem;
	color: var(--ds-primary);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.corporate-new-user-join-form {
	grid-template-columns: 1fr;
	margin-top: 0;
}

.corporate-new-user-join-form > div {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1fr) minmax(180px, auto);
	gap: 0.75rem;
	align-items: center;
	min-width: 0;
}

.corporate-new-user-join-form .btn-secondary-soft {
	justify-content: center;
	min-height: 54px;
	white-space: nowrap;
}

.corporate-new-user-join-form .form-control-premium {
	min-width: 0;
}

.corporate-new-user-guide {
	display: grid;
	gap: 1.25rem;
}

.corporate-new-user-guide__intro {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
}

.corporate-new-user-guide__intro h2 {
	margin: 0.25rem 0 0.45rem;
	color: var(--ds-text-primary);
	font-size: clamp(1.45rem, 2.6vw, 2.2rem);
	letter-spacing: -0.03em;
}

.corporate-new-user-guide__intro p:not(.corporate-section-eyebrow) {
	max-width: 760px;
	margin: 0;
	color: var(--ds-text-secondary);
}

.corporate-new-user-benefits {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

.corporate-new-user-benefit {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.8rem;
	min-height: 132px;
	padding: 1rem;
	border: 1px solid rgba(156, 163, 175, 0.13);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.88), rgba(5, 8, 22, 0.68)),
		rgba(5, 8, 22, 0.38);
}

.corporate-new-user-benefit > span {
	display: inline-grid;
	width: 2.1rem;
	height: 2.1rem;
	place-items: center;
	border: 1px solid rgba(53, 208, 226, 0.24);
	border-radius: 999px;
	color: var(--ds-primary);
	background: rgba(53, 208, 226, 0.08);
	font-size: 0.86rem;
	font-weight: 900;
}

.corporate-new-user-benefit h3 {
	margin: 0;
	color: var(--ds-text-primary);
	font-size: 1rem;
	font-weight: 850;
	letter-spacing: -0.02em;
}

.corporate-new-user-benefit p {
	margin: 0.35rem 0 0;
	color: var(--ds-text-muted);
	font-size: 0.92rem;
	line-height: 1.45;
}

.corporate-new-user-cta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
	border: 1px solid var(--ds-border-strong);
	border-radius: 20px;
	background:
		radial-gradient(circle at 92% 18%, rgba(53, 208, 226, 0.1), transparent 30%),
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), rgba(17, 24, 39, 0.78));
}

.corporate-new-user-cta-row h3 {
	margin: 0 0 0.25rem;
	color: var(--ds-text-primary);
	font-size: clamp(1.05rem, 2vw, 1.32rem);
	font-weight: 850;
	letter-spacing: -0.025em;
}

.corporate-new-user-cta-row p {
	max-width: 720px;
	margin: 0;
	color: var(--ds-text-secondary);
	font-size: 0.95rem;
	line-height: 1.48;
}

.corporate-new-user-cta-row .btn-secondary-soft {
	flex: 0 0 auto;
	white-space: nowrap;
}

.corporate-new-user-invitation-note {
	display: grid;
	gap: 0.25rem;
	padding-top: 0.25rem;
}

.corporate-new-user-invitation-note strong {
	color: var(--ds-primary);
	font-size: 0.8rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.corporate-new-user-invitation-note p {
	max-width: 760px;
	margin: 0;
	color: var(--ds-text-muted);
	font-size: 0.94rem;
	line-height: 1.5;
}

.corporate-dashboard-pricing {
	scroll-margin-top: 104px;
}

.corporate-dashboard-pricing .corporate-landing-section {
	border-color: rgba(53, 208, 226, 0.18);
	background:
		linear-gradient(145deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.9)),
		radial-gradient(circle at 84% 10%, rgba(53, 208, 226, 0.08), transparent 28%);
}

.corporate-empty-card__icon {
	display: inline-grid;
	flex: 0 0 auto;
	width: 3rem;
	height: 3rem;
	place-items: center;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 18px;
	color: var(--ds-primary);
	background: rgba(53, 208, 226, 0.08);
}

@media (max-width: 991.98px) {
	.app-navbar {
		background: rgba(5, 8, 22, 0.96);
	}

	.navbar-collapse {
		padding: 1rem 0 0.35rem;
	}

	.app-navbar .navbar-nav {
		align-items: stretch !important;
	}

	.app-navbar .nav-link,
	.app-navbar .profile-switcher,
	.app-navbar .btn-primary-gradient {
		justify-content: center;
		width: 100%;
	}

	.home-hero .corporate-live-network {
		width: min(62vw, 280px);
		margin-top: 1rem;
		opacity: 0.86;
		transform: none;
	}

	.casazar-home-invite {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.casazar-home-invite__cta {
		justify-self: start;
	}

	.corporate-ai-home-cta {
		grid-template-columns: 1fr;
		align-items: start;
		padding: 1.15rem;
	}

	.corporate-message-home-cta {
		grid-template-columns: 1fr;
		align-items: start;
		padding: 1.15rem;
	}

	.corporate-ai-home-cta__icon {
		width: 52px;
		height: 52px;
		border-radius: 18px;
	}

	.corporate-message-home-cta__icon {
		width: 52px;
		height: 52px;
		border-radius: 18px;
	}

	.corporate-ai-home-cta__actions {
		justify-content: stretch;
		width: 100%;
	}

	.corporate-ai-home-cta__actions .btn-primary-gradient,
	.corporate-ai-home-cta__actions .btn-secondary-soft {
		width: 100%;
	}

	.corporate-message-home-cta .btn-primary-gradient {
		width: 100%;
		justify-content: center;
	}

	html.corporate-surface .home-hero .app-hero-title {
		max-width: 100%;
		font-size: clamp(2.7rem, 8vw, 3.25rem);
		line-height: 0.98;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby {
		min-height: 420px;
		align-items: end;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .section-title {
		max-width: 680px;
		font-size: clamp(2.4rem, 8vw, 4rem);
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .app-hero-title {
		max-width: 680px;
		font-size: clamp(2.4rem, 8vw, 4rem);
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .leagues-hero__actions {
		width: 100%;
	}

	.casazar-league-agave {
		right: -12%;
		width: clamp(280px, 42vw, 410px);
		opacity: 0.82;
	}

	.casazar-league-agave__mark {
		opacity: 0.12;
	}

	.casazar-club-access {
		grid-template-columns: 1fr;
	}

	.casazar-club-access__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.matches-hero .corporate-live-network {
		width: min(46vw, 190px);
		margin: 1rem auto 0;
	}

	.corporate-feature-grid,
	.corporate-activity-strip,
	.corporate-launch-grid,
	.corporate-outcome-grid,
	.corporate-events-grid,
	.corporate-pricing-intro,
	.corporate-pricing-compact-list,
	.corporate-pricing-premium-list,
	.corporate-live-stack,
	.corporate-control-grid,
	.corporate-flow-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.corporate-capability-grid {
		grid-template-columns: 1fr;
	}

	.corporate-capability-group {
		border-right: 0;
		border-bottom: 1px solid rgba(156, 163, 175, 0.12);
	}

	.corporate-capability-group:last-child {
		border-bottom: 0;
	}

	.corporate-pricing-business-card {
		grid-template-columns: 1fr;
	}

	.corporate-pricing-business-card__footer {
		justify-items: start;
	}

	.corporate-pricing-enterprise-card {
		grid-template-columns: 1fr;
	}

	.corporate-launch-grid {
		grid-template-columns: 1fr;
	}

	.corporate-launch-card__header {
		padding-right: 0;
	}

	.corporate-launch-card__lists {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.corporate-pricing-enterprise-features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.corporate-pricing-enterprise-card__action {
		min-height: auto;
	}

	.corporate-live-card {
		min-height: 190px;
	}

	.corporate-command-hero,
	.corporate-participant-hero,
	.corporate-command-layout {
		grid-template-columns: 1fr;
	}

	.corporate-command-hero,
	.corporate-participant-hero {
		min-height: auto;
	}

	.corporate-command-hero__visual {
		justify-content: center;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-command-hero,
	html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero {
		min-height: 340px;
		padding-right: clamp(1.25rem, 23vw, 12rem);
	}

	.casazar-dashboard-hero-logo {
		right: clamp(0.9rem, 2vw, 1.2rem);
		width: clamp(88px, 18vw, 126px);
		opacity: 0.42;
	}

	.casazar-dashboard-hero-visual {
		top: clamp(6.2rem, 11vw, 7rem);
		right: clamp(0.9rem, 2vw, 1.2rem);
		bottom: clamp(0.9rem, 2vw, 1.2rem);
		width: clamp(88px, 18vw, 126px);
		height: auto;
		min-height: 0;
		margin: 0;
		opacity: 0.82;
	}

	.casazar-dashboard-hero-visual__aura {
		width: clamp(220px, 34vw, 350px);
		height: clamp(230px, 44vw, 420px);
		opacity: 0.58;
	}

	.casazar-dashboard-hero-visual__bottle {
		left: 50%;
		right: auto;
		top: 0;
		bottom: auto;
		height: 100%;
		opacity: 0.78;
		transform: translateX(-50%);
	}

	html.corporate-surface .matches-hero {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	html.corporate-surface .matches-hero--casazar {
		min-height: 315px;
		padding-right: clamp(1.25rem, 24vw, 12rem);
	}

	.casazar-matches-agave__glow {
		right: -12%;
		width: clamp(250px, 42vw, 380px);
		height: clamp(250px, 42vw, 380px);
		opacity: 0.52;
	}

	.casazar-matches-agave__mark {
		right: -10%;
		width: clamp(230px, 34vw, 300px);
		opacity: 0.12;
	}

	html.corporate-surface .play-hero--casazar {
		grid-template-columns: 1fr;
		min-height: 255px;
	}

	html.corporate-surface .play-hero--casazar .matches-hero__content {
		padding-top: 0;
		max-width: calc(100% - min(30vw, 190px));
	}

	.casazar-play-hero-logo {
		top: 1rem;
		left: 1rem;
		width: clamp(104px, 15vw, 138px);
		opacity: 0.7;
	}

	.casazar-play-bottle-hero {
		position: absolute;
		inset: 0 clamp(0.4rem, 1.6vw, 0.9rem) 0 auto;
		width: min(28vw, 180px);
		min-height: 0;
		opacity: 0.64;
	}

	.casazar-play-bottle-hero__aura {
		inset: 14% -16% 10% -12%;
		opacity: 0.44;
	}

	.casazar-play-bottle-hero__image {
		top: 57%;
		right: 0;
		bottom: auto;
		height: min(70%, 238px);
		opacity: 0.72;
		transform: translateY(-50%);
	}

	.casazar-play-bottle-hero__logo {
		top: 1rem;
		right: 0;
		width: clamp(74px, 14vw, 98px);
		opacity: 0.32;
	}

	html.corporate-surface .play-page.play-page--casazar::after {
		width: min(32vw, 220px);
		opacity: 0.04;
	}

	html.corporate-surface .ranking-page .ranking-hero {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	html.corporate-surface .ranking-page .ranking-hero__content {
		width: 100%;
		min-width: 0;
	}

	html.corporate-surface .ranking-page .ranking-hero__lead,
	html.corporate-surface .ranking-page .ranking-hero__copy {
		max-width: 100%;
	}

	html.corporate-surface .ranking-page .ranking-hero__actions {
		position: absolute;
		top: 1rem;
		right: 1rem;
		width: 86px;
		min-width: 0;
		pointer-events: none;
	}

	html.corporate-surface .ranking-page .ranking-hero__actions .corporate-live-network {
		width: 86px;
		opacity: 0.62;
	}

	html.corporate-surface .ranking-page--casazar .ranking-hero__actions--casazar-agave {
		inset: 0;
		top: 0;
		right: 0;
		width: auto;
	}

	.casazar-ranking-agave__glow {
		right: -12%;
		width: clamp(250px, 42vw, 380px);
		height: clamp(250px, 42vw, 380px);
		opacity: 0.55;
	}

	.casazar-ranking-agave__mark {
		right: -10%;
		width: clamp(230px, 34vw, 320px);
		opacity: 0.1;
	}

	html.corporate-surface .matches-hero > .corporate-live-network {
		position: absolute;
		top: 1rem;
		right: 1rem;
		width: 86px;
		opacity: 0.62;
		pointer-events: none;
	}

	html.corporate-surface .matches-hero .matches-stats-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0.45rem;
	}

	html.corporate-surface .matches-hero .matches-stat {
		padding: 0.55rem 0.45rem;
		text-align: center;
	}

	html.corporate-surface .matches-hero .matches-stat strong {
		font-size: 1.2rem;
	}

	html.corporate-surface .matches-hero .matches-stat span {
		font-size: 0.58rem;
		letter-spacing: 0.04em;
	}

	.corporate-command-kpis,
	.corporate-participant-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.corporate-command-kpis--admin {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.corporate-license-grid,
	.corporate-participants-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .leagues-page .member-panel-grid,
	html.corporate-surface .leagues-page .push-broadcast-grid,
	html.corporate-surface .leagues-page .prize-league-card {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .leagues-page .league-code-grid {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .leagues-page .copy-link-button {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	.casazar-bottle-silhouette {
		top: 44%;
		width: 132px;
		height: 56vh;
		opacity: 0.08;
		filter:
			blur(1.8px)
			drop-shadow(0 0 24px rgba(212, 175, 88, 0.08));
	}

	.casazar-bottle-silhouette--left {
		transform: translate(-190%, -50%) rotate(-7deg);
	}

	.casazar-bottle-silhouette--right {
		transform: translate(90%, -50%) rotate(7deg);
	}

	.casazar-bottle-silhouette::before {
		opacity: 0.46;
		filter: blur(20px);
	}

	.corporate-card,
	.corporate-panel,
	.corporate-stat-card,
	.corporate-action-card,
	.corporate-empty-card,
	.glass-card {
		border-radius: var(--corp-radius-md);
	}

	.corporate-section-header,
	.section-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.corporate-action-card {
		align-items: stretch;
		flex-direction: column;
	}

	.corporate-btn-primary,
	.corporate-btn-secondary,
	.corporate-btn-ghost,
	.corporate-btn-danger {
		width: 100%;
	}

	.home-hero .corporate-live-network {
		width: min(68vw, 230px);
	}

	.casazar-home-invite {
		padding: 1rem;
	}

	.casazar-home-invite__brand img {
		width: 120px;
	}

	.casazar-home-invite__content h2 {
		font-size: 1.35rem;
	}

	.casazar-home-invite__cta {
		width: 100%;
	}

	html.corporate-surface .home-hero .app-hero-title {
		max-width: 320px;
		font-size: 2.2rem;
		line-height: 1.02;
		letter-spacing: 0;
	}

	html.corporate-surface .home-hero .app-hero-subtitle {
		max-width: 320px;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby {
		min-height: 0;
		padding: 1.15rem;
		border-radius: 24px;
	}

	.casazar-league-hero-logo {
		top: 1rem;
		right: 1rem;
		width: 108px;
		opacity: 0.46;
	}

	.casazar-league-agave {
		top: 30%;
		right: -5.25rem;
		width: 260px;
	}

	.casazar-league-agave__glow {
		opacity: 0.56;
		filter: blur(28px);
	}

	.casazar-league-agave__mark {
		opacity: 0.095;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .section-title {
		max-width: 330px;
		font-size: 2.25rem;
		line-height: 1.02;
		letter-spacing: 0;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .app-hero-title {
		max-width: 330px;
		font-size: 2.25rem;
		line-height: 1.02;
		letter-spacing: 0;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .section-copy {
		max-width: 310px;
		font-size: 0.98rem;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .app-hero-subtitle {
		max-width: 310px;
		font-size: 0.98rem;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .manage-hero-metrics {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .leagues-hero__actions,
	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .btn-primary-gradient,
	html.corporate-surface .leagues-page .leagues-hero--casazar-lobby .btn-secondary-soft {
		width: 100%;
	}

	.casazar-club-access__grid {
		grid-template-columns: 1fr;
	}

	.corporate-landing-section {
		padding: 1.25rem;
		border-radius: 22px;
	}

	.corporate-feature-grid,
	.corporate-activity-strip,
	.corporate-value-grid,
	.corporate-how-grid,
	.corporate-model-grid,
	.corporate-launch-grid,
	.corporate-outcome-grid,
	.corporate-events-grid,
	.corporate-ai-studio-section,
	.corporate-proof-section,
	.corporate-proof-card,
	.corporate-pricing-intro,
	.corporate-pricing-compact-list,
	.corporate-pricing-premium-list,
	.corporate-live-stack,
	.corporate-control-grid,
	.corporate-flow-grid {
		grid-template-columns: 1fr;
	}

	.corporate-launch-card {
		border-radius: 22px;
		padding: 1rem;
	}

	.corporate-launch-card__header {
		padding-right: 0;
	}

	.corporate-launch-card .corporate-pricing-badge {
		position: static;
		justify-self: start;
		order: -1;
	}

	.corporate-launch-card__lists {
		grid-template-columns: 1fr;
	}

	.corporate-launch-card > a {
		justify-self: stretch;
	}

	.corporate-ai-studio-preview__hero {
		grid-template-columns: 1fr;
		min-height: 320px;
	}

	.corporate-ai-studio-preview__copy {
		min-height: 155px;
	}

	.corporate-ai-studio-preview__image {
		min-height: 165px;
		border-radius: 22px;
	}

	.corporate-pricing-tier__intro {
		align-items: flex-start;
		flex-direction: column;
	}

	.corporate-pricing-tier__intro p {
		text-align: left;
	}

	.corporate-pricing-compact-card {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.corporate-pricing-enterprise-card {
		padding: 1rem;
		border-radius: 24px;
	}

	.corporate-pricing-enterprise-features {
		grid-template-columns: 1fr;
	}

	.corporate-pricing-enterprise-card__action {
		border-radius: 18px;
	}

	.corporate-feature-card,
	.corporate-value-card,
	.corporate-how-card,
	.corporate-model-card,
	.corporate-live-card,
	.corporate-control-item,
	.corporate-flow-step {
		min-height: auto;
	}

	.corporate-how-card__number {
		margin-bottom: 1.2rem;
	}

	.corporate-how-close {
		align-items: flex-start;
		flex-direction: column;
	}

	.corporate-proof-visual {
		min-height: 220px;
	}

	.corporate-proof-domain {
		width: 100%;
		border-radius: 16px;
	}

	.corporate-proof-section__header {
		align-items: flex-start;
	}

	.corporate-proof-actions,
	.corporate-proof-cta {
		width: 100%;
	}

	.corporate-proof-cta {
		justify-content: center;
	}

	.corporate-control-item {
		gap: 1rem;
	}

	.corporate-flow-step p {
		max-width: none;
	}

	.corporate-closing-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.corporate-command-hero,
	.corporate-participant-hero {
		padding: 1.25rem;
	}

	.corporate-command-hero .corporate-section-title,
	.corporate-participant-hero .corporate-section-title {
		font-size: clamp(2.15rem, 15vw, 3.1rem);
	}

	html.corporate-surface .matches-hero .app-hero-title {
		max-width: calc(100% - 72px);
		font-size: 2rem;
	}

	html.corporate-surface .matches-hero--casazar {
		min-height: 260px;
		padding-right: 4.6rem;
	}

	.casazar-matches-agave__glow {
		top: 35%;
		right: -5.5rem;
		width: 230px;
		height: 230px;
		opacity: 0.42;
	}

	.casazar-matches-agave__mark {
		top: 35%;
		right: -4.75rem;
		width: 210px;
		opacity: 0.1;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-command-hero,
	html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero {
		min-height: 250px;
		padding-right: 5.4rem;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-command-hero .corporate-section-title,
	html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero .corporate-section-title {
		max-width: calc(100% - 1rem);
		font-size: clamp(2rem, 11vw, 2.65rem);
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-command-hero .corporate-section-copy,
	html.corporate-surface .dashboard-shell--casazar .corporate-participant-hero .corporate-section-copy {
		max-width: 100%;
		font-size: 0.92rem;
	}

	.casazar-dashboard-hero-logo {
		top: 1rem;
		right: 0.85rem;
		width: 72px;
		opacity: 0.38;
	}

	.casazar-dashboard-hero-visual {
		position: absolute;
		inset: 4.95rem 0.85rem 1rem auto;
		width: 72px;
		height: auto;
		min-height: 0;
		margin: 0;
		opacity: 0.58;
	}

	.casazar-dashboard-hero-visual__aura {
		width: 190px;
		height: 250px;
		filter: blur(24px);
		opacity: 0.44;
	}

	.casazar-dashboard-hero-visual__reflection {
		left: 50%;
		bottom: -0.15rem;
		width: 120%;
		opacity: 0.34;
		transform: translateX(-50%);
	}

	.casazar-dashboard-hero-visual__bottle {
		left: 50%;
		right: auto;
		top: 0;
		bottom: auto;
		height: 100%;
		opacity: 0.6;
		transform: translateX(-50%);
	}

	html.corporate-surface .play-hero--casazar {
		min-height: 194px;
		padding-right: 5.2rem;
	}

	html.corporate-surface .play-hero--casazar .matches-hero__content {
		max-width: calc(100% - 4rem);
		padding-top: 0;
	}

	.casazar-play-hero-logo {
		top: 0.9rem;
		left: 0.95rem;
		width: 82px;
		opacity: 0.58;
	}

	.casazar-play-bottle-hero {
		display: block;
		position: absolute;
		inset: 0 0.65rem 0 auto;
		width: 82px;
		min-height: 0;
		opacity: 0.42;
	}

	.casazar-play-bottle-hero__aura {
		inset: 16% -26% 12% -28%;
		filter: blur(20px);
		opacity: 0.36;
	}

	.casazar-play-bottle-hero__shadow {
		right: 0;
		bottom: 0.8rem;
		width: 86%;
		opacity: 0.34;
	}

	.casazar-play-bottle-hero__image {
		top: 58%;
		right: 0;
		bottom: auto;
		height: 128px;
		opacity: 0.58;
		transform: translateY(-50%);
	}

	.casazar-play-bottle-hero__logo {
		top: 0.95rem;
		right: -0.2rem;
		width: 58px;
		opacity: 0.26;
	}

	html.corporate-surface .play-page.play-page--casazar::after {
		display: block;
		top: 7.5rem;
		right: 0.45rem;
		width: 96px;
		height: 300px;
		opacity: 0.018;
	}

	html.corporate-surface .ranking-page .ranking-hero {
		padding: 0.95rem 1rem;
		border-radius: 20px;
	}

	html.corporate-surface .ranking-page .ranking-hero__eyebrow {
		width: auto;
		max-width: calc(100% - 68px);
		margin-bottom: 0.35rem !important;
		font-size: 0.62rem;
		letter-spacing: 0.09em;
		white-space: normal;
	}

	html.corporate-surface .ranking-page .ranking-hero__lead {
		max-width: 100%;
		margin-bottom: 0.45rem;
		font-size: clamp(1.95rem, 10.5vw, 2.55rem);
		line-height: 1;
		letter-spacing: 0;
	}

	html.corporate-surface .ranking-page .ranking-hero__copy {
		max-width: 100%;
		font-size: 0.86rem;
		line-height: 1.28;
	}

	html.corporate-surface .ranking-page .ranking-hero__actions {
		top: 0.8rem;
		right: 0.8rem;
		width: 62px;
	}

	html.corporate-surface .ranking-page .ranking-hero__actions .corporate-live-network {
		width: 62px;
		opacity: 0.44;
	}

	html.corporate-surface .ranking-page--casazar .ranking-hero__actions--casazar-agave {
		inset: 0;
		top: 0;
		right: 0;
		width: auto;
	}

	.casazar-ranking-agave__glow {
		top: 34%;
		right: -5.5rem;
		width: 240px;
		height: 240px;
		opacity: 0.42;
	}

	.casazar-ranking-agave__mark {
		top: 34%;
		right: -5rem;
		width: 230px;
		opacity: 0.085;
	}

	html.corporate-surface .ranking-page .corporate-award-tabs {
		gap: 0.35rem;
		margin-bottom: 0.75rem;
		padding: 0.35rem;
		border-radius: 16px;
		scroll-padding-inline: 0.35rem;
	}

	html.corporate-surface .ranking-page .corporate-award-tab {
		flex-basis: 104px;
		padding: 0.45rem 0.55rem;
		border-radius: 12px;
	}

	html.corporate-surface .ranking-page .corporate-award-tab span {
		font-size: 0.72rem;
		line-height: 1.1;
	}

	html.corporate-surface .ranking-page .corporate-award-tab small {
		font-size: 0.6rem;
		line-height: 1.1;
	}

	html.corporate-surface .ranking-page .ranking-insights-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
		margin-top: 0.75rem;
	}

	html.corporate-surface .ranking-page .ranking-insight-card {
		min-height: 86px;
		padding: 0.65rem;
		border-radius: 16px;
	}

	html.corporate-surface .ranking-page .ranking-insight-icon {
		width: 1.75rem;
		height: 1.75rem;
		font-size: 0.8rem;
	}

	html.corporate-surface .ranking-page .ranking-insight-label {
		font-size: 0.6rem;
		letter-spacing: 0.08em;
	}

	html.corporate-surface .ranking-page .ranking-insight-value {
		font-size: clamp(1.05rem, 5vw, 1.32rem);
		line-height: 1;
	}

	html.corporate-surface .ranking-page .ranking-insight-text {
		display: -webkit-box;
		overflow: hidden;
		font-size: 0.68rem;
		line-height: 1.18;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	html.corporate-surface .ranking-page .ranking-layout {
		gap: 0.75rem;
		margin-top: 0.75rem;
	}

	html.corporate-surface .ranking-page .ranking-board {
		padding: 0.85rem;
		border-radius: 18px;
	}

	html.corporate-surface .ranking-page .ranking-board .section-header {
		gap: 0.6rem;
		margin-bottom: 0.55rem !important;
	}

	html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		margin-bottom: 0.85rem !important;
	}

	html.corporate-surface .ranking-page--casazar .ranking-board__header--casazar .ranking-board__actions {
		align-items: center;
		justify-self: center;
		min-width: 0;
		width: 100%;
	}

	html.corporate-surface .ranking-page--casazar .ranking-board__casazar-logo {
		width: clamp(116px, 34vw, 148px);
		margin: 0.1rem auto 0;
		opacity: 0.86;
	}

	html.corporate-surface .play-page.play-page--casazar .casazar-picks-board {
		padding: 0.85rem;
		border-radius: 18px;
	}

	html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		margin-bottom: 0.85rem !important;
	}

	html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header .ranking-board__actions {
		align-items: center;
		justify-self: center;
		min-width: 0;
		width: 100%;
	}

	html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__logo {
		width: clamp(116px, 34vw, 148px);
		margin: 0.1rem auto 0;
		opacity: 0.86;
	}

	html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header .section-title {
		font-size: 1.05rem;
		line-height: 1.08;
	}

	html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__header .ranking-board__story {
		margin: 0.25rem 0 0.6rem;
		font-size: 0.76rem;
		line-height: 1.25;
	}

	html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls .matches-filter-grid {
		grid-template-columns: 1fr;
		gap: 0.65rem;
		margin-top: 0.65rem;
	}

	html.corporate-surface .play-page.play-page--casazar .casazar-picks-board__controls .phase-tabs {
		gap: 0.45rem;
	}

	html.corporate-surface .play-page.play-page--casazar .play-stage-section__header--casazar {
		padding-right: 0;
	}

	html.corporate-surface .play-page.play-page--casazar .play-stage-section__casazar-logo {
		align-self: center;
		width: clamp(116px, 34vw, 148px);
		margin: 0.25rem auto 0;
		opacity: 0.86;
	}

	html.corporate-surface .ranking-page .ranking-board .section-title {
		font-size: 1.05rem;
		line-height: 1.08;
	}

	html.corporate-surface .ranking-page .ranking-board__story {
		margin: 0.25rem 0 0.6rem;
		font-size: 0.76rem;
		line-height: 1.25;
	}

	html.corporate-surface .ranking-page .ranking-board__actions {
		gap: 0.45rem;
	}

	html.corporate-surface .ranking-page .ranking-mode-chips {
		display: inline-flex;
		max-width: 100%;
		gap: 0.25rem;
		padding: 0.25rem;
		overflow-x: auto;
		border-radius: 999px;
		scrollbar-width: none;
	}

	html.corporate-surface .ranking-page .ranking-mode-chips::-webkit-scrollbar {
		display: none;
	}

	html.corporate-surface .ranking-page .ranking-mode-chip {
		flex: 0 0 auto;
		min-height: 30px;
		padding: 0 0.6rem;
		font-size: 0.72rem;
	}

	html.corporate-surface .ranking-page .ranking-mode-chip__live {
		min-height: 18px;
		padding: 0 0.4rem;
		font-size: 0.55rem;
	}

	html.corporate-surface .ranking-page .ranking-search-input {
		min-height: 42px;
		padding-block: 0.45rem;
		border-radius: 14px;
		font-size: 0.82rem;
	}

	html.corporate-surface .ranking-page .ranking-search-empty,
	html.corporate-surface .ranking-page .ranking-placeholder,
	html.corporate-surface .ranking-page .ranking-empty {
		gap: 0.55rem;
		min-height: 0;
		margin-bottom: 0.75rem;
		padding: 0.85rem;
		border-radius: 16px;
	}

	html.corporate-surface .ranking-page .ranking-search-empty i,
	html.corporate-surface .ranking-page .ranking-placeholder i,
	html.corporate-surface .ranking-page .empty-icon {
		width: 2rem;
		height: 2rem;
		border-radius: 12px;
		font-size: 0.95rem;
	}

	html.corporate-surface .ranking-page .ranking-search-empty h3,
	html.corporate-surface .ranking-page .ranking-placeholder h3,
	html.corporate-surface .ranking-page .ranking-empty h2 {
		font-size: 0.98rem;
		line-height: 1.1;
	}

	html.corporate-surface .ranking-page .ranking-search-empty p,
	html.corporate-surface .ranking-page .ranking-placeholder p,
	html.corporate-surface .ranking-page .ranking-empty p {
		font-size: 0.76rem;
		line-height: 1.25;
	}

	html.corporate-surface .ranking-page .ranking-self-bar {
		gap: 0.65rem 0.75rem;
		margin: 0.65rem 0;
		padding: 1rem;
		border-radius: 24px;
	}

	html.corporate-surface .ranking-page .ranking-self-main {
		gap: 0.5rem;
	}

	html.corporate-surface .ranking-page .ranking-self-badge {
		padding: 0.22rem 0.4rem;
		font-size: 0.58rem;
	}

	html.corporate-surface .ranking-page .ranking-self-rank {
		font-size: 2.625rem;
		line-height: 0.9;
	}

	html.corporate-surface .ranking-page .ranking-self-name {
		font-size: 1.05rem;
		line-height: 1.1;
	}

	html.corporate-surface .ranking-page .ranking-self-stats,
	html.corporate-surface .ranking-page .ranking-self-gap {
		font-size: 0.9rem;
		line-height: 1.35;
	}

	html.corporate-surface .ranking-page .ranking-self-gap {
		padding: 0.5rem 0.75rem;
	}

	html.corporate-surface .ranking-page .ranking-list {
		gap: 0.45rem;
		margin-top: 0.65rem;
	}

	html.corporate-surface .ranking-page .ranking-entry-card {
		gap: 0.4rem;
		min-height: 0;
		padding: 0.62rem 0.7rem 0.62rem 0.82rem;
		border-radius: 15px;
	}

	html.corporate-surface .ranking-page .ranking-entry-card::before {
		width: 3px;
	}

	html.corporate-surface .ranking-page .ranking-mobile-stack {
		width: 100%;
		align-items: stretch;
		gap: 0.35rem;
	}

	html.corporate-surface .ranking-page .ranking-entry-top {
		align-items: center;
		justify-content: space-between;
		width: 100%;
		gap: 0.55rem;
	}

	html.corporate-surface .ranking-page .ranking-entry-top > div:first-child {
		text-align: left;
	}

	html.corporate-surface .ranking-page .ranking-entry-position {
		font-size: 1.28rem;
		line-height: 1;
		letter-spacing: -0.02em;
	}

	html.corporate-surface .ranking-page .ranking-entry-position-label,
	html.corporate-surface .ranking-page .ranking-entry-points-label {
		margin-top: 0.1rem;
		font-size: 0.52rem;
		letter-spacing: 0.08em;
	}

	html.corporate-surface .ranking-page .ranking-entry-points-wrap {
		min-width: 3.75rem;
		margin-left: auto;
		text-align: right;
	}

	html.corporate-surface .ranking-page .ranking-entry-points {
		font-size: 1.3rem;
		line-height: 1;
	}

	html.corporate-surface .ranking-page .ranking-entry-name {
		overflow: hidden;
		width: 100%;
		font-size: 0.94rem;
		line-height: 1.12;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .ranking-page .ranking-entry-badges,
	html.corporate-surface .ranking-page .ranking-badges {
		justify-content: flex-start;
		gap: 0.25rem;
	}

	html.corporate-surface .ranking-page .ranking-entry-badges .podium-badge,
	html.corporate-surface .ranking-page .ranking-entry-badges .you-badge {
		padding: 0.2rem 0.38rem;
		font-size: 0.56rem;
	}

	html.corporate-surface .ranking-page .ranking-mobile-meta {
		gap: 0.28rem;
	}

	html.corporate-surface .ranking-page .ranking-entry-card > .ranking-mobile-meta,
	html.corporate-surface .ranking-page .ranking-entry-card .ranking-mobile-stack > .ranking-entry-meta {
		display: none;
	}

	html.corporate-surface .ranking-page .ranking-mobile-meta span {
		padding: 0.23rem 0.42rem;
		font-size: 0.6rem;
		line-height: 1;
	}

	html.corporate-surface .ranking-page .ranking-pagination-actions,
	html.corporate-surface .ranking-page .ranking-live-meta {
		gap: 0.45rem;
		margin-top: 0.7rem;
	}

	html.corporate-surface .ranking-page .ranking-load-more,
	html.corporate-surface .ranking-page .ranking-live-meta__copy {
		min-height: 38px;
		padding: 0.45rem 0.75rem;
		font-size: 0.76rem;
	}

	html.corporate-surface .group-card {
		padding: 0.85rem;
		border-radius: var(--corp-radius-md);
	}

	html.corporate-surface .match-card.match-card-compact {
		padding: 0.85rem;
		border-radius: 18px;
	}

	html.corporate-surface .match-card__teams {
		grid-template-columns: minmax(0, 1fr) clamp(3rem, 12vw, 4rem) minmax(0, 1fr);
	}

	html.corporate-surface .score-box {
		width: clamp(3rem, 12vw, 4rem);
		min-width: clamp(3rem, 12vw, 4rem);
		min-height: 40px;
	}

	html.corporate-surface .match-meta span {
		width: 100%;
		border-radius: 14px;
	}

	.corporate-command-kpis,
	.corporate-participant-kpis,
	.corporate-license-grid,
	.corporate-participants-summary {
		grid-template-columns: 1fr;
	}

	.corporate-participant-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.65rem;
	}

	.corporate-command-kpis--admin {
		grid-template-columns: 1fr;
	}

	.corporate-command-kpis .corporate-stat-card {
		min-height: auto;
	}

	.corporate-participant-kpis .corporate-stat-card {
		min-height: 139px;
		padding: 0.88rem;
	}

	.corporate-participant-kpis .corporate-stat-card__icon {
		width: 2rem;
		height: 2rem;
		margin-bottom: 0.62rem;
		border-radius: 12px;
	}

	.corporate-participant-kpis .corporate-stat-card p {
		margin-bottom: 0.35rem;
		font-size: 0.66rem;
		letter-spacing: 0;
	}

	.corporate-participant-kpis .corporate-stat-card strong {
		margin-bottom: 0.45rem;
		font-size: clamp(1.55rem, 9vw, 2.1rem);
		letter-spacing: 0;
	}

	.corporate-participant-kpis .badge-muted,
	.corporate-participant-kpis .badge-live {
		max-width: 100%;
		padding: 0.35rem 0.52rem;
		font-size: 0.68rem;
		line-height: 1.1;
		white-space: normal;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-participant-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.7rem;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-participant-kpis .corporate-stat-card {
		min-height: 139px;
		padding: 0.88rem;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-participant-kpis .corporate-stat-card__icon {
		width: 2rem;
		height: 2rem;
		margin-bottom: 0.62rem;
		border-radius: 12px;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-participant-kpis .corporate-stat-card p {
		margin-bottom: 0.35rem;
		font-size: 0.66rem;
		letter-spacing: 0;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-participant-kpis .corporate-stat-card strong {
		margin-bottom: 0.45rem;
		font-size: clamp(1.55rem, 9vw, 2.1rem);
		letter-spacing: 0;
	}

	html.corporate-surface .dashboard-shell--casazar .corporate-participant-kpis .badge-muted,
	html.corporate-surface .dashboard-shell--casazar .corporate-participant-kpis .badge-live {
		max-width: 100%;
		padding: 0.35rem 0.52rem;
		font-size: 0.68rem;
		white-space: normal;
	}

	.casazar-awards-share-card {
		position: relative;
		z-index: 6;
		grid-template-columns: 1fr;
		padding: 0.85rem;
	}

	.casazar-awards-share-card__main {
		padding: 0.25rem;
	}

	.casazar-awards-share-card__icon {
		width: 2.65rem;
		height: 2.65rem;
	}

	.casazar-awards-share-card strong {
		font-size: 1.2rem;
	}

	.casazar-awards-share-card em {
		font-size: 0.86rem;
	}

	.casazar-awards-share-card__share {
		width: 100%;
		min-height: 52px;
		min-width: 0;
	}

	.corporate-ranking-preview-row {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.corporate-ranking-preview-row em {
		grid-column: 2;
	}

	.corporate-command-empty {
		align-items: flex-start;
		flex-direction: column;
	}

	.corporate-new-user-join-form > div,
	.corporate-new-user-paths,
	.corporate-new-user-guide__intro,
	.corporate-new-user-benefits {
		grid-template-columns: 1fr;
	}

	.corporate-new-user-path-card--plans .btn-primary-gradient {
		width: 100%;
	}

	.corporate-new-user-cta-row {
		align-items: stretch;
		flex-direction: column;
	}

	.corporate-new-user-cta-row .btn-secondary-soft {
		width: 100%;
	}

	html.corporate-surface .leagues-page .leagues-hero,
	html.corporate-surface .leagues-page .member-panel-grid > .glass-card,
	html.corporate-surface .leagues-page .owner-participation-card,
	html.corporate-surface .leagues-page .league-settings-card,
	html.corporate-surface .leagues-page .league-corporate-awards-card,
	html.corporate-surface .leagues-page .push-broadcast-card,
	html.corporate-surface .leagues-page .prize-league-card {
		padding: 1rem !important;
		border-radius: var(--corp-radius-md);
	}

	html.corporate-surface .leagues-page .push-broadcast-card--dedicated {
		width: 100%;
		max-width: 100%;
	}

	html.corporate-surface .leagues-page .push-broadcast-card--dedicated .section-header {
		gap: 0.65rem;
	}

	html.corporate-surface .leagues-page .leagues-hero .section-title,
	html.corporate-surface .leagues-page .push-broadcast-card--dedicated .section-title {
		font-size: clamp(1.65rem, 9vw, 2.15rem);
		line-height: 1.02;
	}

	html.corporate-surface .leagues-page .push-broadcast-card--dedicated .push-broadcast-grid {
		gap: 0.75rem;
	}

	html.corporate-surface .leagues-page .push-broadcast-panel,
	html.corporate-surface .leagues-page .push-broadcast-preview,
	html.corporate-surface .leagues-page .prize-table-wrap {
		padding: 0.85rem;
		border-radius: 18px;
	}

	html.corporate-surface .leagues-page .push-preview-card__phone {
		width: 100%;
		padding: 0.85rem;
		border-radius: 20px;
	}

	html.corporate-surface .leagues-page .push-preview-card__phone strong {
		margin-top: 0.55rem;
		font-size: 1.05rem;
		line-height: 1.1;
	}

	html.corporate-surface .leagues-page .push-preview-card__phone p {
		margin-top: 0.45rem;
		font-size: 0.82rem;
		line-height: 1.25;
	}

	html.corporate-surface .leagues-page .push-preview-card__image {
		min-height: 88px;
		margin-top: 0.75rem;
		border-radius: 16px;
	}

	html.corporate-surface .leagues-page .push-preview-card__image img {
		min-height: 88px;
		max-height: 108px;
		padding: 0.65rem;
	}

	html.corporate-surface .leagues-page .push-broadcast-card--dedicated .push-enable-btn,
	html.corporate-surface .leagues-page .push-broadcast-card--dedicated form .btn-primary-gradient {
		width: 100%;
	}

	html.corporate-surface .leagues-page .push-broadcast-card--dedicated textarea.form-control-premium {
		min-height: 96px;
	}
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) body::before {
	background:
		linear-gradient(rgba(37, 99, 235, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(217, 119, 6, 0.024) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.34), transparent 74%);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-splash {
	background: var(--ds-gradient-hero);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-splash::before {
	background:
		linear-gradient(rgba(37, 99, 235, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(217, 119, 6, 0.024) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.34), transparent 74%);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) a:hover {
	color: #1d4ed8;
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) :focus-visible {
	outline-color: rgba(37, 99, 235, 0.72);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar {
	background: rgba(255, 255, 255, 0.88);
	border-bottom-color: rgba(148, 163, 184, 0.24);
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .brand-orb--app-icon {
	border-color: rgba(37, 99, 235, 0.18);
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(37, 99, 235, 0.06);
}

/* The default Tobeat mark intentionally has no tile treatment in any header
 * theme. Its only visual support is the subdued halo declared with the mark. */
html.corporate-surface .brand-orb--app-icon.brand-orb--tobeat-isotipo {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .navbar-brand,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .brand-mark,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-link,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .profile-switcher,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .user-pill {
	color: var(--ds-text-secondary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-link:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-link:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .profile-switcher:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .profile-switcher:focus {
	background: rgba(37, 99, 235, 0.08);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-link.active,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .profile-switcher.active,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .profile-switcher[aria-expanded="true"] {
	background: rgba(37, 99, 235, 0.1);
	color: var(--ds-text-primary) !important;
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-link.active::after,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .profile-switcher.active::after {
	background: linear-gradient(90deg, transparent, var(--ds-primary), transparent);
	box-shadow: 0 0 14px rgba(37, 99, 235, 0.2);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-login-action {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.66)),
		rgba(37, 99, 235, 0.07);
	border-color: rgba(37, 99, 235, 0.18);
	color: var(--ds-text-primary) !important;
	box-shadow: 0 14px 28px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-login-action:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-login-action:focus-visible,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-login-action.active {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.72)),
		rgba(37, 99, 235, 0.11);
	border-color: rgba(37, 99, 235, 0.28);
	color: var(--ds-text-primary) !important;
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-utility-action,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .active-league-switcher {
	background: rgba(37, 99, 235, 0.08);
	border-color: rgba(37, 99, 235, 0.18);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-utility-action:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .nav-utility-action:focus-visible {
	background: rgba(37, 99, 235, 0.12);
	border-color: rgba(37, 99, 235, 0.28);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .navbar-toggler {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.88)),
		var(--ds-surface);
	border-color: rgba(37, 99, 235, 0.2);
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .navbar-toggler:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .navbar-toggler:hover {
	background:
		linear-gradient(180deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.96)),
		var(--ds-surface);
	border-color: rgba(37, 99, 235, 0.34);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12), 0 16px 38px rgba(15, 23, 42, 0.12);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2815,23,42,0.86%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M5 7h20M5 15h20M5 23h20'/%3e%3c/svg%3e");
	filter: none;
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .locale-switcher,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .active-league-switcher,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .profile-menu,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-context-menu {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: var(--shadow-card);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .dropdown-item:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .dropdown-item:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-context-menu__item:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-context-menu__item.is-active {
	background: rgba(37, 99, 235, 0.08);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .bottom-nav {
	background: rgba(255, 255, 255, 0.94);
	border-top-color: rgba(148, 163, 184, 0.24);
	box-shadow: 0 -18px 45px rgba(15, 23, 42, 0.08);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .bottom-nav__item.active,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .bottom-nav__item:hover {
	color: var(--ds-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .mobile-save-bar {
	background:
		linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(217, 119, 6, 0.05)),
		rgba(255, 255, 255, 0.94);
	border-color: rgba(37, 99, 235, 0.16);
	box-shadow:
		0 22px 52px rgba(15, 23, 42, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .mobile-save-bar__copy {
	color: var(--ds-text-muted);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .mobile-save-bar__copy strong {
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-panel,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-stat-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-action-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-empty-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .glass-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .metric-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-board,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-empty,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .join-league-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .premium-info-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .rules-summary-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .dashboard-panel,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .dashboard-league-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .dashboard-action-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .dashboard-onboarding-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .dashboard-managed-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .admin-detail-panel,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .auth-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .feature-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .activation-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .home-world-status,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .home-context-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .home-status-alert,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .section-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-switch-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .empty-state-wide,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .owner-participation-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .push-broadcast-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prize-league-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.78)),
		var(--ds-surface-elevated);
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: var(--shadow-corporate-panel);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-panel {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.9)),
		var(--ds-surface);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .app-hero,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .home-hero,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .leagues-hero,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-hero,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .dashboard-hero {
	background:
		radial-gradient(circle at 78% 20%, rgba(37, 99, 235, 0.1), transparent 32%),
		radial-gradient(circle at 12% 0%, rgba(217, 119, 6, 0.08), transparent 30%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 249, 0.94) 100%),
		var(--ds-surface);
	border-color: rgba(37, 99, 235, 0.16);
	box-shadow: var(--shadow-corporate-panel);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-live-network {
	filter: drop-shadow(0 28px 58px rgba(37, 99, 235, 0.12));
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-page {
	--rank-bg: var(--ds-bg);
	--rank-surface: var(--ds-surface-elevated);
	--rank-surface-strong: var(--ds-surface-strong);
	--rank-ink: var(--ds-text-primary);
	--rank-muted: var(--ds-text-muted);
	--rank-line: var(--ds-border-subtle);
	--rank-blue: var(--ds-primary);
	--rank-cyan: #0891b2;
	--rank-purple: var(--ds-accent);
	--rank-gradient: linear-gradient(135deg, var(--ds-primary) 0%, #0891b2 100%);
	--rank-shadow: var(--shadow-card);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-board__toolbar,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-mode-chips,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-self-bar,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-entry-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-filter-row {
	background: rgba(241, 245, 249, 0.78);
	border-color: rgba(148, 163, 184, 0.24);
	color: var(--ds-text-secondary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-page .ranking-search-empty,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-page .ranking-placeholder,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-page .ranking-empty {
	background:
		radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.08), transparent 34%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.86));
	border-color: rgba(37, 99, 235, 0.16);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
	color: var(--ds-text-muted);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-page .ranking-search-empty i,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-page .ranking-placeholder i,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-page .empty-icon {
	background: rgba(37, 99, 235, 0.1);
	border-color: rgba(37, 99, 235, 0.18);
	color: var(--ds-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-primary-gradient,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-primary {
	background: var(--gradient-primary);
	border-color: rgba(37, 99, 235, 0.28);
	box-shadow: 0 14px 30px rgba(37, 99, 235, 0.18);
	color: var(--ds-text-inverse);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-primary-gradient:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-primary-gradient:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-primary:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-primary:focus {
	background: linear-gradient(135deg, #1d4ed8 0%, var(--ds-primary) 100%);
	box-shadow: 0 18px 36px rgba(37, 99, 235, 0.24);
	color: var(--ds-text-inverse);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-secondary,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-secondary-soft,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-dark-premium,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .pwa-install-btn,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-sm-action {
	background: rgba(255, 255, 255, 0.92);
	border-color: rgba(37, 99, 235, 0.2);
	color: var(--ds-text-secondary);
	box-shadow: none;
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-ghost {
	background: transparent;
	border-color: rgba(148, 163, 184, 0.32);
	color: var(--ds-text-secondary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-danger {
	background: rgba(220, 38, 38, 0.08);
	border-color: rgba(220, 38, 38, 0.22);
	color: var(--ds-danger);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-secondary-soft:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-secondary-soft:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .btn-dark-premium:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .pwa-install-btn:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-secondary:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-secondary:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-ghost:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-btn-ghost:focus {
	background: rgba(37, 99, 235, 0.09);
	border-color: rgba(37, 99, 235, 0.3);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .form-control-premium,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .form-select,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .form-control,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-input,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-select,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-textarea {
	background: rgba(255, 255, 255, 0.92);
	border-color: rgba(148, 163, 184, 0.34);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .form-control-premium:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .form-select:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .form-control:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-input:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-select:focus,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-textarea:focus {
	background: #ffffff;
	border-color: rgba(37, 99, 235, 0.48);
	box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.12);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .form-control-premium::placeholder,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .form-control::placeholder {
	color: rgba(100, 116, 139, 0.72);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-status,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-live,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-active,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-pending,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-locked,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-license,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-admin,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-live,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .live-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-premium,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-muted,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-success,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-new,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .context-pill,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-status-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-settings-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .entry-points-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .distribution-type-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .status-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prediction-status-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .match-status-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .match-deadline-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .user-prediction-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .finished-result-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prediction-saved-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prediction-locked-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .points-earned-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-mode-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-self-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .you-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .podium-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .podium-badge-main,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-pricing-badge {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.72)),
		rgba(255, 255, 255, 0.8);
	border-color: rgba(148, 163, 184, 0.28);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
	color: var(--ds-text-secondary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-chip--live,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-live,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-live,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .live-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .status-live,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .match-status-chip.is-live,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prediction-status-badge.is-live,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-mode-chip__live {
	background:
		linear-gradient(135deg, rgba(220, 252, 231, 0.96), rgba(187, 247, 208, 0.74)),
		rgba(34, 197, 94, 0.16);
	border-color: rgba(34, 197, 94, 0.34);
	color: #047857;
	box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.08), 0 0 22px rgba(16, 185, 129, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-chip--premium,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-license,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-admin,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-premium,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-new,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .podium-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .podium-badge-main,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .entry-points-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .distribution-type-badge,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-mode-chip.is-active,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-pricing-badge {
	background: rgba(217, 119, 6, 0.1);
	border-color: rgba(217, 119, 6, 0.24);
	color: var(--ds-accent);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-chip--success,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-active,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .badge-success,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prediction-saved-chip,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .points-earned-chip {
	background: rgba(22, 163, 74, 0.1);
	border-color: rgba(22, 163, 74, 0.24);
	color: var(--ds-success);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-chip--danger,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-locked,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-badge-pending,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prediction-locked-chip {
	background: rgba(220, 38, 38, 0.08);
	border-color: rgba(220, 38, 38, 0.22);
	color: var(--ds-danger);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .table,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .table-premium,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .members-table,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .admin-table {
	--bs-table-bg: transparent;
	--bs-table-color: var(--ds-text-secondary);
	--bs-table-border-color: rgba(148, 163, 184, 0.26);
	color: var(--ds-text-secondary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .table thead,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .table-premium thead,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .members-table thead,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .admin-table thead {
	color: var(--ds-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .list-group-item,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .member-row,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .pending-member-row,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-settings-row,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-context-menu__item,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .ranking-filter-row,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prediction-mode-card__content,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .legal-consent-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-code-box,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-settings-option,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .push-preview-card__phone,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .push-broadcast-summary,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .department-card {
	background: rgba(241, 245, 249, 0.72);
	border-color: rgba(148, 163, 184, 0.26);
	color: var(--ds-text-secondary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .prediction-mode-card input:checked + .prediction-mode-card__content,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .league-settings-option:has(input:checked) {
	background: rgba(37, 99, 235, 0.09);
	border-color: rgba(37, 99, 235, 0.3);
	box-shadow: 0 12px 32px rgba(37, 99, 235, 0.08);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-award-tabs {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.76)),
		var(--ds-surface);
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: var(--shadow-corporate-panel);
	scrollbar-color: rgba(37, 99, 235, 0.28) transparent;
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-award-tabs::-webkit-scrollbar-thumb {
	background: rgba(37, 99, 235, 0.28);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-award-tab {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 245, 249, 0.7)),
		var(--ds-surface);
	border-color: rgba(148, 163, 184, 0.22);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
	color: var(--ds-text-muted);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-award-tab:hover,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-award-tab:focus-visible {
	border-color: rgba(37, 99, 235, 0.26);
	color: var(--ds-text-secondary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-award-tab.is-active {
	background:
		linear-gradient(180deg, rgba(37, 99, 235, 0.12), rgba(37, 99, 235, 0.04)),
		var(--ds-surface);
	border-color: rgba(37, 99, 235, 0.3);
	box-shadow: 0 14px 34px rgba(37, 99, 235, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	color: var(--ds-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .cookie-consent,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .pwa-install-modal__content,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .modal-content {
	background:
		radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.1), transparent 34%),
		radial-gradient(circle at 100% 0%, rgba(217, 119, 6, 0.08), transparent 30%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
	border-color: rgba(148, 163, 184, 0.26);
	box-shadow: var(--shadow-corporate-panel);
	color: var(--ds-text-primary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .modal-header,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .modal-footer {
	border-color: rgba(148, 163, 184, 0.24);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .cookie-consent__accept {
	background: var(--gradient-primary);
	color: var(--ds-text-inverse);
	box-shadow: 0 14px 32px rgba(37, 99, 235, 0.16);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .cookie-consent__reject {
	background: rgba(255, 255, 255, 0.82);
	border-color: rgba(148, 163, 184, 0.28);
	color: var(--ds-text-secondary);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .site-footer {
	background:
		linear-gradient(180deg, rgba(247, 248, 251, 0.86), rgba(238, 242, 247, 0.96)),
		var(--ds-bg);
	border-top-color: rgba(148, 163, 184, 0.22);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .site-footer__link {
	background: rgba(255, 255, 255, 0.76);
	border-color: rgba(148, 163, 184, 0.22);
}

@media (min-width: 576px) and (max-width: 767.98px) {
	html.corporate-surface[data-theme="light-premium"] .site-footer__links {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	html.corporate-surface[data-theme="light-premium"] .site-footer__link--brand {
		grid-column: auto;
	}
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .legal-page {
	background:
		radial-gradient(circle at 10% 0%, rgba(37, 99, 235, 0.08), transparent 30%),
		radial-gradient(circle at 88% 8%, rgba(217, 119, 6, 0.07), transparent 28%),
		var(--ds-bg);
}

:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .legal-hero,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .legal-card,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .legal-section--highlight,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-legal-callout,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-legal-annex,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-legal-warning,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-legal-section,
:is(html[data-theme="light-premium"], html.corporate-surface[data-theme="light-premium"]) .corporate-auth-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.82)),
		var(--ds-surface);
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: var(--shadow-corporate-panel);
	color: var(--ds-text-primary);
}

html.corporate-surface[data-theme="light-premium"] .corporate-landing-section,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-story,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-tier {
	background:
		radial-gradient(circle at 12% 0%, rgba(37, 99, 235, 0.08), transparent 34%),
		radial-gradient(circle at 92% 8%, rgba(217, 119, 6, 0.06), transparent 30%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.9)),
		var(--ds-surface);
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: var(--shadow-corporate-panel);
	color: var(--ds-text-primary);
}

html.corporate-surface[data-theme="light-premium"] .corporate-landing-section::before {
	background:
		linear-gradient(90deg, rgba(37, 99, 235, 0.035) 1px, transparent 1px),
		linear-gradient(180deg, rgba(217, 119, 6, 0.025) 1px, transparent 1px);
	mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.32), transparent 70%);
}

html.corporate-surface[data-theme="light-premium"] .corporate-feature-card,
html.corporate-surface[data-theme="light-premium"] .corporate-value-card,
html.corporate-surface[data-theme="light-premium"] .corporate-model-card,
html.corporate-surface[data-theme="light-premium"] .corporate-launch-card,
html.corporate-surface[data-theme="light-premium"] .corporate-live-card,
html.corporate-surface[data-theme="light-premium"] .corporate-control-item,
html.corporate-surface[data-theme="light-premium"] .corporate-flow-step,
html.corporate-surface[data-theme="light-premium"] .corporate-activity-item,
html.corporate-surface[data-theme="light-premium"] .corporate-outcome-item,
html.corporate-surface[data-theme="light-premium"] .corporate-event-card,
html.corporate-surface[data-theme="light-premium"] .corporate-proof-visual,
html.corporate-surface[data-theme="light-premium"] .corporate-proof-visual__panel,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-compact-card,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-business-card,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-premium-card,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-enterprise-card,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-enterprise-card__action,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-enterprise-features li,
html.corporate-surface[data-theme="light-premium"] .corporate-capability-grid {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 245, 249, 0.74)),
		var(--ds-surface);
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
	color: var(--ds-text-secondary);
}

html.corporate-surface[data-theme="light-premium"] .corporate-feature-card:hover,
html.corporate-surface[data-theme="light-premium"] .corporate-live-card:hover,
html.corporate-surface[data-theme="light-premium"] .corporate-control-item:hover,
html.corporate-surface[data-theme="light-premium"] .corporate-flow-step:hover {
	border-color: rgba(37, 99, 235, 0.28);
	box-shadow: var(--shadow-soft);
}

html.corporate-surface[data-theme="light-premium"] .corporate-feature-card__icon,
html.corporate-surface[data-theme="light-premium"] .corporate-event-card__icon,
html.corporate-surface[data-theme="light-premium"] .corporate-control-item i,
html.corporate-surface[data-theme="light-premium"] .corporate-flow-step span {
	background: rgba(37, 99, 235, 0.1);
	border-color: rgba(37, 99, 235, 0.22);
	color: var(--ds-primary);
	box-shadow: none;
}

html.corporate-surface[data-theme="light-premium"] .corporate-proof-section {
	background:
		radial-gradient(circle at 82% 14%, rgba(217, 119, 6, 0.08), transparent 32%),
		radial-gradient(circle at 12% 86%, rgba(37, 99, 235, 0.08), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.9));
}

html.corporate-surface[data-theme="light-premium"] .corporate-proof-card {
	background:
		radial-gradient(circle at 84% 12%, rgba(217, 119, 6, 0.09), transparent 28%),
		radial-gradient(circle at 16% 92%, rgba(37, 99, 235, 0.08), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.92));
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface[data-theme="light-premium"] .corporate-proof-points span {
	background: rgba(255, 255, 255, 0.72);
	border-color: rgba(148, 163, 184, 0.24);
	color: var(--ds-text-secondary);
}

html.corporate-surface[data-theme="light-premium"] .corporate-launch-section,
html.corporate-surface[data-theme="light-premium"] .corporate-launch-card--enterprise {
	background:
		radial-gradient(circle at 84% 14%, rgba(37, 99, 235, 0.08), transparent 30%),
		radial-gradient(circle at 12% 100%, rgba(217, 119, 6, 0.07), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.9));
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface[data-theme="light-premium"] .corporate-launch-card blockquote,
html.corporate-surface[data-theme="light-premium"] .corporate-proof-domain {
	background: rgba(255, 255, 255, 0.74);
	border-color: rgba(148, 163, 184, 0.24);
	color: var(--ds-text-secondary);
}

html.corporate-surface[data-theme="light-premium"] .corporate-pricing-business-card {
	background:
		radial-gradient(circle at 20% 100%, rgba(37, 99, 235, 0.08), transparent 36%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.92));
	border-color: rgba(37, 99, 235, 0.28);
	box-shadow: 0 24px 70px rgba(37, 99, 235, 0.12);
}

html.corporate-surface[data-theme="light-premium"] .corporate-pricing-intro p,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-plan-badge,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-feature-list li {
	color: var(--ds-text-secondary);
}

html.corporate-surface[data-theme="light-premium"] .corporate-pricing-enterprise-card {
	background:
		radial-gradient(circle at 86% 10%, rgba(37, 99, 235, 0.12), transparent 30%),
		radial-gradient(circle at 10% 100%, rgba(217, 119, 6, 0.08), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.92));
	border-color: rgba(37, 99, 235, 0.28);
	box-shadow: 0 24px 70px rgba(37, 99, 235, 0.12);
}

html.corporate-surface[data-theme="light-premium"] .corporate-pricing-enterprise-card__action,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-enterprise-features li {
	background: rgba(255, 255, 255, 0.78);
}

html.corporate-surface[data-theme="light-premium"] .corporate-pricing-cta {
	background: rgba(255, 255, 255, 0.9);
	border-color: rgba(37, 99, 235, 0.24);
	color: var(--ds-text-secondary);
}

html.corporate-surface[data-theme="light-premium"] .corporate-pricing-cta--primary {
	background: var(--gradient-primary);
	border-color: rgba(37, 99, 235, 0.28);
	color: var(--ds-text-inverse);
}

html.corporate-surface[data-theme="light-premium"] .app-hero,
html.corporate-surface[data-theme="light-premium"] .home-hero,
html.corporate-surface[data-theme="light-premium"] .leagues-hero,
html.corporate-surface[data-theme="light-premium"] .ranking-hero,
html.corporate-surface[data-theme="light-premium"] .dashboard-hero,
html.corporate-surface[data-theme="light-premium"] .corporate-card,
html.corporate-surface[data-theme="light-premium"] .glass-card,
html.corporate-surface[data-theme="light-premium"] .feature-card,
html.corporate-surface[data-theme="light-premium"] .metric-card {
	border-color: rgba(148, 163, 184, 0.24) !important;
	box-shadow: var(--shadow-corporate-panel) !important;
}

html.corporate-surface[data-theme="light-premium"] .btn-secondary-soft,
html.corporate-surface[data-theme="light-premium"] .btn-dark-premium,
html.corporate-surface[data-theme="light-premium"] .pwa-install-btn,
html.corporate-surface[data-theme="light-premium"] .corporate-btn-secondary {
	background: rgba(255, 255, 255, 0.92) !important;
	background-color: rgba(255, 255, 255, 0.92) !important;
	background-image: none !important;
	border-color: rgba(37, 99, 235, 0.2) !important;
	color: var(--ds-text-secondary) !important;
	box-shadow: none !important;
}

html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai {
	border-color: rgba(37, 99, 235, 0.22) !important;
	background:
		radial-gradient(circle at 78% 18%, rgba(37, 99, 235, 0.14), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.94)) !important;
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai::before {
	background:
		linear-gradient(90deg, rgba(248, 250, 252, 1) 0%, rgba(248, 250, 252, 0.78) 17%, rgba(248, 250, 252, 0.14) 46%, rgba(248, 250, 252, 0.36) 100%),
		var(--campaign-hero-image) center / cover no-repeat;
}

html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai .section-title,
html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai .app-hero-title,
html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai h1 {
	color: var(--ds-text-primary);
}

html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai .section-copy,
html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai .app-hero-subtitle,
html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai .app-hero-label {
	color: var(--ds-text-secondary);
}

html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai .btn-secondary-soft,
html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero--campaign-ai .copy-link-button--hero {
	border-color: rgba(255, 255, 255, 0.22) !important;
	background: rgba(15, 23, 42, 0.48) !important;
	color: rgba(255, 255, 255, 0.9) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .play-hero--campaign-ai-visual {
	border-color: rgba(37, 99, 235, 0.22) !important;
	background:
		radial-gradient(circle at 78% 18%, rgba(37, 99, 235, 0.14), transparent 34%),
		linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(7, 13, 27, 0.9)) !important;
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .play-hero--campaign-ai-visual .app-hero-title,
html.corporate-surface[data-theme="light-premium"] .play-page .play-hero--campaign-ai-visual h1 {
	color: #f8fafc;
	text-shadow: 0 16px 42px rgba(0, 0, 0, 0.44) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .play-hero--campaign-ai-visual .app-hero-label,
html.corporate-surface[data-theme="light-premium"] .play-page .play-hero--campaign-ai-visual .app-hero-subtitle,
html.corporate-surface[data-theme="light-premium"] .play-page .play-hero--campaign-ai-visual p {
	color: rgba(245, 245, 244, 0.84);
	text-shadow: 0 10px 28px rgba(0, 0, 0, 0.34) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .campaign-ai-play-visual {
	box-shadow: none;
}

html.corporate-surface[data-theme="light-premium"] .play-page .campaign-ai-play-visual::before {
	background:
		linear-gradient(90deg, rgba(7, 13, 27, 0.96) 0%, rgba(7, 13, 27, 0.82) 20%, rgba(7, 13, 27, 0.5) 45%, rgba(7, 13, 27, 0.16) 100%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 38%, rgba(7, 13, 27, 0.48));
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .campaign-ai-play-visual {
		position: absolute;
		inset: 0;
		width: 100%;
		min-height: 100%;
		margin: 0;
		border-radius: inherit;
	}

	html.corporate-surface .play-page .play-hero--campaign-ai-visual .matches-hero__content {
		max-width: 100%;
	}
}

html.corporate-surface .live-score--hero {
	width: auto;
	min-width: clamp(88px, 12vw, 136px);
	min-height: clamp(60px, 7vw, 84px);
	padding-inline: clamp(16px, 2vw, 24px);
	border-radius: 24px;
	font-size: clamp(1.55rem, 3vw, 2.5rem);
}

@media (max-width: 640px) {
	html.corporate-surface .live-score--hero {
		justify-self: center;
		min-width: 86px;
		min-height: 58px;
		font-size: 1.45rem;
	}
}

/* Light corporate theme: final scoped overrides for authenticated surfaces. */
html.corporate-surface[data-theme="light-premium"] {
	--corp-light-page:
		radial-gradient(circle at 10% -8%, rgba(37, 99, 235, 0.1), transparent 30%),
		radial-gradient(circle at 92% 0%, rgba(217, 119, 6, 0.08), transparent 28%),
		linear-gradient(180deg, #ffffff 0%, #f7f8fb 46%, #eef2f7 100%);
	--corp-light-hero:
		linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(37, 99, 235, 0.035) 1px, transparent 1px),
		radial-gradient(circle at 82% 18%, rgba(37, 99, 235, 0.12), transparent 34%),
		radial-gradient(circle at 16% 0%, rgba(217, 119, 6, 0.08), transparent 30%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.94));
	--corp-light-card:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.84)),
		#ffffff;
	--corp-light-card-soft:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.78)),
		#f8fafc;
	--corp-light-row: rgba(241, 245, 249, 0.82);
	--corp-light-border: rgba(148, 163, 184, 0.28);
	--corp-light-border-strong: rgba(37, 99, 235, 0.24);
	--corp-light-shadow: 0 22px 58px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.82);
	--corp-light-shadow-soft: 0 14px 34px rgba(15, 23, 42, 0.08);
	--tc-white-bg: #f7f8fb;
	--tc-white-bg-warm: #fbfaf8;
	--tc-white-surface: #ffffff;
	--tc-white-surface-soft: #f1f5f9;
	--tc-white-surface-muted: #eaf1fb;
	--tc-white-border: #dbe4ef;
	--tc-white-border-soft: rgba(148, 163, 184, 0.26);
	--tc-white-text: #0f172a;
	--tc-white-text-secondary: #334155;
	--tc-white-text-muted: #64748b;
	--tc-white-brand: #2563eb;
	--tc-white-brand-strong: #1d4ed8;
	--tc-white-brand-soft: rgba(37, 99, 235, 0.1);
	--tc-white-accent: #d97706;
	--tc-white-success: #16a34a;
	--tc-white-warning: #d97706;
	--tc-white-danger: #dc2626;
	--tc-white-success-soft: rgba(22, 163, 74, 0.1);
	--tc-white-warning-soft: rgba(217, 119, 6, 0.11);
	--tc-white-danger-soft: rgba(220, 38, 38, 0.08);
	--tc-white-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.06);
	--tc-white-shadow-card: 0 18px 44px rgba(15, 23, 42, 0.09);
	--tc-white-radius-sm: 10px;
	--tc-white-radius-md: 16px;
	--tc-white-radius-lg: 22px;
	--tc-white-radius-xl: 30px;
	--tc-white-radius-pill: 999px;
	--tc-white-space-1: 0.25rem;
	--tc-white-space-2: 0.5rem;
	--tc-white-space-3: 0.75rem;
	--tc-white-space-4: 1rem;
	--tc-white-space-5: 1.5rem;
	--tc-white-space-6: 2rem;
}

html.corporate-surface[data-theme="light-premium"],
html.corporate-surface[data-theme="light-premium"] body,
html.corporate-surface[data-theme="light-premium"] .app-shell,
html.corporate-surface[data-theme="light-premium"] .main-shell,
html.corporate-surface[data-theme="light-premium"] .leagues-page,
html.corporate-surface[data-theme="light-premium"] .ranking-page,
html.corporate-surface[data-theme="light-premium"] .matches-page,
html.corporate-surface[data-theme="light-premium"] .play-page,
html.corporate-surface[data-theme="light-premium"] .dashboard-page {
	background: var(--corp-light-page) !important;
	color: var(--ds-text-primary);
}

html.corporate-surface[data-theme="light-premium"] body::before {
	background:
		linear-gradient(rgba(37, 99, 235, 0.032) 1px, transparent 1px),
		linear-gradient(90deg, rgba(217, 119, 6, 0.022) 1px, transparent 1px) !important;
	background-size: 72px 72px !important;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.24), transparent 74%) !important;
}

html.corporate-surface[data-theme="light-premium"] .app-navbar,
html.corporate-surface[data-theme="light-premium"] .bottom-nav,
html.corporate-surface[data-theme="light-premium"] .site-footer {
	background: rgba(255, 255, 255, 0.92) !important;
	border-color: var(--corp-light-border) !important;
	box-shadow: var(--corp-light-shadow-soft) !important;
	color: var(--ds-text-secondary);
}

html.corporate-surface[data-theme="light-premium"] .app-hero,
html.corporate-surface[data-theme="light-premium"] .home-hero,
html.corporate-surface[data-theme="light-premium"] .leagues-hero,
html.corporate-surface[data-theme="light-premium"] .matches-hero,
html.corporate-surface[data-theme="light-premium"] .play-hero,
html.corporate-surface[data-theme="light-premium"] .ranking-hero,
html.corporate-surface[data-theme="light-premium"] .dashboard-hero,
html.corporate-surface[data-theme="light-premium"] .rules-hero,
html.corporate-surface[data-theme="light-premium"] .leagues-page .leagues-hero,
html.corporate-surface[data-theme="light-premium"] .ranking-page .ranking-hero {
	background: var(--corp-light-hero) !important;
	background-size: 72px 72px, 72px 72px, auto, auto, auto !important;
	border-color: var(--corp-light-border-strong) !important;
	box-shadow: var(--corp-light-shadow) !important;
	color: var(--ds-text-primary) !important;
}

html.corporate-surface[data-theme="light-premium"] h1,
html.corporate-surface[data-theme="light-premium"] h2,
html.corporate-surface[data-theme="light-premium"] h3,
html.corporate-surface[data-theme="light-premium"] h4,
html.corporate-surface[data-theme="light-premium"] .app-hero-title,
html.corporate-surface[data-theme="light-premium"] .section-title,
html.corporate-surface[data-theme="light-premium"] .corporate-section-title,
html.corporate-surface[data-theme="light-premium"] .ranking-hero__lead,
html.corporate-surface[data-theme="light-premium"] .ranking-hero__title,
html.corporate-surface[data-theme="light-premium"] .leagues-hero h1,
html.corporate-surface[data-theme="light-premium"] .league-card h2,
html.corporate-surface[data-theme="light-premium"] .league-card h3,
html.corporate-surface[data-theme="light-premium"] .metric-card__value,
html.corporate-surface[data-theme="light-premium"] .dashboard-kpi__value,
html.corporate-surface[data-theme="light-premium"] .ranking-entry-name,
html.corporate-surface[data-theme="light-premium"] .ranking-self-name {
	color: var(--ds-text-primary) !important;
	-webkit-text-fill-color: currentColor;
	text-shadow: none !important;
}

html.corporate-surface[data-theme="light-premium"] p,
html.corporate-surface[data-theme="light-premium"] .app-hero-subtitle,
html.corporate-surface[data-theme="light-premium"] .section-copy,
html.corporate-surface[data-theme="light-premium"] .corporate-section-copy,
html.corporate-surface[data-theme="light-premium"] .ranking-hero__copy,
html.corporate-surface[data-theme="light-premium"] .league-card__meta,
html.corporate-surface[data-theme="light-premium"] .metric-card__label,
html.corporate-surface[data-theme="light-premium"] .form-help-text,
html.corporate-surface[data-theme="light-premium"] .text-muted,
html.corporate-surface[data-theme="light-premium"] .small {
	color: var(--ds-text-muted) !important;
	text-shadow: none !important;
}

html.corporate-surface[data-theme="light-premium"] .app-hero-label,
html.corporate-surface[data-theme="light-premium"] .section-eyebrow,
html.corporate-surface[data-theme="light-premium"] .eyebrow,
html.corporate-surface[data-theme="light-premium"] .corporate-section-eyebrow,
html.corporate-surface[data-theme="light-premium"] .hero-accent,
html.corporate-surface[data-theme="light-premium"] .accent {
	color: var(--ds-primary) !important;
	-webkit-text-fill-color: currentColor;
}

html.corporate-surface[data-theme="light-premium"] .glass-card,
html.corporate-surface[data-theme="light-premium"] .section-card,
html.corporate-surface[data-theme="light-premium"] .corporate-card,
html.corporate-surface[data-theme="light-premium"] .corporate-panel,
html.corporate-surface[data-theme="light-premium"] .corporate-stat-card,
html.corporate-surface[data-theme="light-premium"] .corporate-action-card,
html.corporate-surface[data-theme="light-premium"] .corporate-empty-card,
html.corporate-surface[data-theme="light-premium"] .dashboard-panel,
html.corporate-surface[data-theme="light-premium"] .dashboard-league-card,
html.corporate-surface[data-theme="light-premium"] .dashboard-action-card,
html.corporate-surface[data-theme="light-premium"] .dashboard-managed-card,
html.corporate-surface[data-theme="light-premium"] .dashboard-onboarding-card,
html.corporate-surface[data-theme="light-premium"] .metric-card,
html.corporate-surface[data-theme="light-premium"] .feature-card,
html.corporate-surface[data-theme="light-premium"] .activation-card,
html.corporate-surface[data-theme="light-premium"] .league-card,
html.corporate-surface[data-theme="light-premium"] .join-league-card,
html.corporate-surface[data-theme="light-premium"] .premium-info-card,
html.corporate-surface[data-theme="light-premium"] .rules-summary-card,
html.corporate-surface[data-theme="light-premium"] .ranking-card,
html.corporate-surface[data-theme="light-premium"] .ranking-board,
html.corporate-surface[data-theme="light-premium"] .ranking-empty,
html.corporate-surface[data-theme="light-premium"] .admin-detail-panel,
html.corporate-surface[data-theme="light-premium"] .auth-card,
html.corporate-surface[data-theme="light-premium"] .home-world-status,
html.corporate-surface[data-theme="light-premium"] .home-context-card,
html.corporate-surface[data-theme="light-premium"] .home-status-alert,
html.corporate-surface[data-theme="light-premium"] .league-switch-card,
html.corporate-surface[data-theme="light-premium"] .empty-state-wide,
html.corporate-surface[data-theme="light-premium"] .owner-participation-card,
html.corporate-surface[data-theme="light-premium"] .league-settings-card,
html.corporate-surface[data-theme="light-premium"] .league-corporate-awards-card,
html.corporate-surface[data-theme="light-premium"] .league-prize-settings-card,
html.corporate-surface[data-theme="light-premium"] .push-broadcast-card,
html.corporate-surface[data-theme="light-premium"] .prize-league-card,
html.corporate-surface[data-theme="light-premium"] .manage-quick-actions,
html.corporate-surface[data-theme="light-premium"] .manage-invite-card,
html.corporate-surface[data-theme="light-premium"] .manage-members-panel,
html.corporate-surface[data-theme="light-premium"] .manage-secondary-disclosure,
html.corporate-surface[data-theme="light-premium"] .corporate-landing-section,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-story,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-tier,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-business-card,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-compact-card,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-premium-card,
html.corporate-surface[data-theme="light-premium"] .corporate-capability-grid,
html.corporate-surface[data-theme="light-premium"] .corporate-feature-card,
html.corporate-surface[data-theme="light-premium"] .corporate-live-card,
html.corporate-surface[data-theme="light-premium"] .corporate-control-item,
html.corporate-surface[data-theme="light-premium"] .corporate-flow-step,
html.corporate-surface[data-theme="light-premium"] .corporate-activity-item,
html.corporate-surface[data-theme="light-premium"] .corporate-outcome-item,
html.corporate-surface[data-theme="light-premium"] .corporate-event-card {
	background: var(--corp-light-card) !important;
	border-color: var(--corp-light-border) !important;
	box-shadow: var(--corp-light-shadow) !important;
	color: var(--ds-text-primary) !important;
}

html.corporate-surface[data-theme="light-premium"] .member-row,
html.corporate-surface[data-theme="light-premium"] .pending-member-row,
html.corporate-surface[data-theme="light-premium"] .list-group-item,
html.corporate-surface[data-theme="light-premium"] .league-settings-row,
html.corporate-surface[data-theme="light-premium"] .league-settings-option,
html.corporate-surface[data-theme="light-premium"] .league-code-box,
html.corporate-surface[data-theme="light-premium"] .push-broadcast-panel,
html.corporate-surface[data-theme="light-premium"] .push-broadcast-preview,
html.corporate-surface[data-theme="light-premium"] .push-broadcast-summary,
html.corporate-surface[data-theme="light-premium"] .push-preview-card__phone,
html.corporate-surface[data-theme="light-premium"] .push-preview-card__image,
html.corporate-surface[data-theme="light-premium"] .prize-table-wrap,
html.corporate-surface[data-theme="light-premium"] .creation-advanced-settings,
html.corporate-surface[data-theme="light-premium"] .corporate-award-config-row,
html.corporate-surface[data-theme="light-premium"] .prediction-mode-card__content,
html.corporate-surface[data-theme="light-premium"] .legal-consent-card,
html.corporate-surface[data-theme="light-premium"] .department-card,
html.corporate-surface[data-theme="light-premium"] .ranking-board__toolbar,
html.corporate-surface[data-theme="light-premium"] .ranking-mode-chips,
html.corporate-surface[data-theme="light-premium"] .ranking-self-bar,
html.corporate-surface[data-theme="light-premium"] .ranking-entry-card,
html.corporate-surface[data-theme="light-premium"] .ranking-filter-row,
html.corporate-surface[data-theme="light-premium"] .match-card,
html.corporate-surface[data-theme="light-premium"] .prediction-card,
html.corporate-surface[data-theme="light-premium"] .prediction-match-card,
html.corporate-surface[data-theme="light-premium"] .live-match-card,
html.corporate-surface[data-theme="light-premium"] .knockout-card,
html.corporate-surface[data-theme="light-premium"] .matches-control-panel,
html.corporate-surface[data-theme="light-premium"] .play-control-panel {
	background: var(--corp-light-card-soft) !important;
	border-color: var(--corp-light-border) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 24px rgba(15, 23, 42, 0.06) !important;
	color: var(--ds-text-primary) !important;
}

html.corporate-surface[data-theme="light-premium"] .manage-hero-metrics span,
html.corporate-surface[data-theme="light-premium"] .manage-quick-action,
html.corporate-surface[data-theme="light-premium"] .manage-member-tab,
html.corporate-surface[data-theme="light-premium"] .league-settings-summary__toggle,
html.corporate-surface[data-theme="light-premium"] .phase-tab,
html.corporate-surface[data-theme="light-premium"] .ranking-mode-chip,
html.corporate-surface[data-theme="light-premium"] .corporate-award-tab {
	background: rgba(255, 255, 255, 0.88) !important;
	border-color: var(--corp-light-border) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
	color: var(--ds-text-secondary) !important;
}

html.corporate-surface[data-theme="light-premium"] .manage-member-tab.is-active,
html.corporate-surface[data-theme="light-premium"] .phase-tab.active,
html.corporate-surface[data-theme="light-premium"] .phase-tab.is-active,
html.corporate-surface[data-theme="light-premium"] .ranking-mode-chip.is-active,
html.corporate-surface[data-theme="light-premium"] .corporate-award-tab.is-active,
html.corporate-surface[data-theme="light-premium"] .prediction-mode-card input:checked + .prediction-mode-card__content,
html.corporate-surface[data-theme="light-premium"] .league-settings-option:has(input:checked) {
	background: linear-gradient(180deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.9)) !important;
	border-color: rgba(37, 99, 235, 0.3) !important;
	box-shadow: 0 12px 30px rgba(37, 99, 235, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
	color: var(--ds-primary) !important;
}

html.corporate-surface[data-theme="light-premium"] .experience-skin-card__indicator {
	border-color: rgba(148, 163, 184, 0.62);
	background: rgba(255, 255, 255, 0.94);
	box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.96);
}

html.corporate-surface[data-theme="light-premium"] .experience-skin-card input:checked + .experience-skin-card__content .experience-skin-card__indicator {
	border-color: rgba(37, 99, 235, 0.86);
	background: rgb(37, 99, 235);
	box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.96), 0 0 0 4px rgba(37, 99, 235, 0.14);
}

html.corporate-surface[data-theme="light-premium"] .btn-secondary-soft,
html.corporate-surface[data-theme="light-premium"] .btn-dark-premium,
html.corporate-surface[data-theme="light-premium"] .pwa-install-btn,
html.corporate-surface[data-theme="light-premium"] .corporate-btn-secondary,
html.corporate-surface[data-theme="light-premium"] .corporate-btn-ghost,
html.corporate-surface[data-theme="light-premium"] .btn-sm-action {
	background: rgba(255, 255, 255, 0.92) !important;
	background-image: none !important;
	border-color: rgba(37, 99, 235, 0.22) !important;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
	color: var(--ds-text-secondary) !important;
}

html.corporate-surface[data-theme="light-premium"] .btn-secondary-soft:hover,
html.corporate-surface[data-theme="light-premium"] .btn-dark-premium:hover,
html.corporate-surface[data-theme="light-premium"] .pwa-install-btn:hover,
html.corporate-surface[data-theme="light-premium"] .corporate-btn-secondary:hover,
html.corporate-surface[data-theme="light-premium"] .corporate-btn-ghost:hover,
html.corporate-surface[data-theme="light-premium"] .btn-sm-action:hover {
	background: rgba(37, 99, 235, 0.08) !important;
	border-color: rgba(37, 99, 235, 0.32) !important;
	color: var(--ds-text-primary) !important;
}

html.corporate-surface[data-theme="light-premium"] .btn-primary-gradient,
html.corporate-surface[data-theme="light-premium"] .corporate-btn-primary,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-cta--primary {
	background: var(--gradient-primary) !important;
	border-color: rgba(37, 99, 235, 0.34) !important;
	box-shadow: 0 16px 34px rgba(37, 99, 235, 0.18) !important;
	color: #ffffff !important;
}

html.corporate-surface[data-theme="light-premium"] .context-pill,
html.corporate-surface[data-theme="light-premium"] .league-status-badge,
html.corporate-surface[data-theme="light-premium"] .league-settings-chip,
html.corporate-surface[data-theme="light-premium"] .badge-premium,
html.corporate-surface[data-theme="light-premium"] .badge-muted,
html.corporate-surface[data-theme="light-premium"] .badge-new,
html.corporate-surface[data-theme="light-premium"] .corporate-badge,
html.corporate-surface[data-theme="light-premium"] .corporate-badge-license,
html.corporate-surface[data-theme="light-premium"] .corporate-badge-admin,
html.corporate-surface[data-theme="light-premium"] .corporate-pricing-badge,
html.corporate-surface[data-theme="light-premium"] .entry-points-chip,
html.corporate-surface[data-theme="light-premium"] .distribution-type-badge,
html.corporate-surface[data-theme="light-premium"] .you-badge,
html.corporate-surface[data-theme="light-premium"] .podium-badge,
html.corporate-surface[data-theme="light-premium"] .podium-badge-main {
	background: rgba(37, 99, 235, 0.1) !important;
	border-color: rgba(37, 99, 235, 0.24) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
	color: var(--ds-primary) !important;
}

html.corporate-surface[data-theme="light-premium"] .live-badge,
html.corporate-surface[data-theme="light-premium"] .badge-live,
html.corporate-surface[data-theme="light-premium"] .status-live,
html.corporate-surface[data-theme="light-premium"] .corporate-chip--live,
html.corporate-surface[data-theme="light-premium"] .corporate-badge-live,
html.corporate-surface[data-theme="light-premium"] .match-status-chip.is-live,
html.corporate-surface[data-theme="light-premium"] .prediction-status-badge.is-live {
	background: rgba(8, 145, 178, 0.1) !important;
	border-color: rgba(8, 145, 178, 0.24) !important;
	color: #0e7490 !important;
}

html.corporate-surface[data-theme="light-premium"] .badge-success,
html.corporate-surface[data-theme="light-premium"] .corporate-chip--success,
html.corporate-surface[data-theme="light-premium"] .corporate-badge-active,
html.corporate-surface[data-theme="light-premium"] .prediction-saved-chip,
html.corporate-surface[data-theme="light-premium"] .points-earned-chip {
	background: rgba(22, 163, 74, 0.1) !important;
	border-color: rgba(22, 163, 74, 0.24) !important;
	color: var(--ds-success) !important;
}

html.corporate-surface[data-theme="light-premium"] .prediction-locked-chip,
html.corporate-surface[data-theme="light-premium"] .corporate-chip--danger,
html.corporate-surface[data-theme="light-premium"] .corporate-badge-locked,
html.corporate-surface[data-theme="light-premium"] .corporate-badge-pending {
	background: rgba(220, 38, 38, 0.08) !important;
	border-color: rgba(220, 38, 38, 0.22) !important;
	color: var(--ds-danger) !important;
}

html.corporate-surface[data-theme="light-premium"] .form-control,
html.corporate-surface[data-theme="light-premium"] .form-select,
html.corporate-surface[data-theme="light-premium"] .form-control-premium,
html.corporate-surface[data-theme="light-premium"] .corporate-input,
html.corporate-surface[data-theme="light-premium"] .corporate-select,
html.corporate-surface[data-theme="light-premium"] .corporate-textarea,
html.corporate-surface[data-theme="light-premium"] textarea,
html.corporate-surface[data-theme="light-premium"] input[type="text"],
html.corporate-surface[data-theme="light-premium"] input[type="search"],
html.corporate-surface[data-theme="light-premium"] input[type="number"],
html.corporate-surface[data-theme="light-premium"] input[type="email"] {
	background: rgba(255, 255, 255, 0.94) !important;
	border-color: rgba(148, 163, 184, 0.34) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
	color: var(--ds-text-primary) !important;
}

html.corporate-surface[data-theme="light-premium"] .form-control::placeholder,
html.corporate-surface[data-theme="light-premium"] .form-control-premium::placeholder,
html.corporate-surface[data-theme="light-premium"] textarea::placeholder,
html.corporate-surface[data-theme="light-premium"] input::placeholder {
	color: #94a3b8 !important;
}

html.corporate-surface[data-theme="light-premium"] .table,
html.corporate-surface[data-theme="light-premium"] .table-premium,
html.corporate-surface[data-theme="light-premium"] .members-table,
html.corporate-surface[data-theme="light-premium"] .admin-table,
html.corporate-surface[data-theme="light-premium"] .prize-table,
html.corporate-surface[data-theme="light-premium"] .score-rules-table {
	--bs-table-bg: transparent;
	--bs-table-color: var(--ds-text-secondary);
	--bs-table-border-color: var(--corp-light-border);
	color: var(--ds-text-secondary) !important;
}

html.corporate-surface[data-theme="light-premium"] .table thead,
html.corporate-surface[data-theme="light-premium"] .table-premium thead,
html.corporate-surface[data-theme="light-premium"] .members-table thead,
html.corporate-surface[data-theme="light-premium"] .admin-table thead,
html.corporate-surface[data-theme="light-premium"] .prize-table th,
html.corporate-surface[data-theme="light-premium"] .score-rules-table th {
	background: rgba(241, 245, 249, 0.9) !important;
	color: var(--ds-text-muted) !important;
}

html.corporate-surface[data-theme="light-premium"] .table td,
html.corporate-surface[data-theme="light-premium"] .table th,
html.corporate-surface[data-theme="light-premium"] .table-premium td,
html.corporate-surface[data-theme="light-premium"] .table-premium th,
html.corporate-surface[data-theme="light-premium"] .members-table td,
html.corporate-surface[data-theme="light-premium"] .admin-table td,
html.corporate-surface[data-theme="light-premium"] .prize-table td,
html.corporate-surface[data-theme="light-premium"] .score-rules-table td {
	background: transparent !important;
	border-color: var(--corp-light-border) !important;
	color: var(--ds-text-secondary) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network {
	filter: drop-shadow(0 28px 58px rgba(37, 99, 235, 0.12)) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network::before {
	background:
		radial-gradient(circle at 76% 40%, rgba(37, 99, 235, 0.12), transparent 30%),
		radial-gradient(circle at 36% 58%, rgba(217, 119, 6, 0.1), transparent 36%) !important;
	opacity: 0.72 !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network__plane {
	background:
		linear-gradient(116deg, rgba(255, 255, 255, 0.78), transparent 28%),
		linear-gradient(135deg, rgba(239, 246, 255, 0.9), rgba(255, 255, 255, 0.55) 62%),
		repeating-linear-gradient(90deg, rgba(37, 99, 235, 0.1) 0 1px, transparent 1px 58px) !important;
	border-color: rgba(37, 99, 235, 0.2) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.82),
		inset 0 -38px 90px rgba(37, 99, 235, 0.08),
		0 18px 56px rgba(15, 23, 42, 0.1) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network__horizon,
html.corporate-surface[data-theme="light-premium"] .corporate-live-network__track--primary {
	background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.58), rgba(217, 119, 6, 0.18), transparent) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network__track--secondary {
	background: linear-gradient(90deg, transparent, rgba(8, 145, 178, 0.3), rgba(8, 145, 178, 0.08), transparent) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network__vector--one,
html.corporate-surface[data-theme="light-premium"] .corporate-live-network__vector--two {
	background: linear-gradient(90deg, transparent, rgba(100, 116, 139, 0.24), transparent) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network__node {
	background: #94a3b8 !important;
	border-color: rgba(255, 255, 255, 0.88) !important;
	box-shadow: 0 0 12px rgba(37, 99, 235, 0.12) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network__node--lead {
	background: var(--ds-primary) !important;
	border-color: rgba(255, 255, 255, 0.92) !important;
	box-shadow: 0 0 0 7px rgba(37, 99, 235, 0.12), 0 0 24px rgba(37, 99, 235, 0.28) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-network__node--two,
html.corporate-surface[data-theme="light-premium"] .corporate-live-network__signal {
	background: #d97706 !important;
	border-color: rgba(255, 255, 255, 0.92) !important;
	box-shadow: 0 0 18px rgba(217, 119, 6, 0.26) !important;
}

html.corporate-surface[data-theme="light-premium"] .live-matches-panel,
html.corporate-surface[data-theme="light-premium"] .match-card.is-live,
html.corporate-surface[data-theme="light-premium"] .knockout-card.is-live {
	background:
		radial-gradient(circle at 16% 0%, rgba(34, 197, 94, 0.2), transparent 34%),
		radial-gradient(circle at 58% 58%, rgba(45, 212, 191, 0.14), transparent 38%),
		radial-gradient(circle at 94% 16%, rgba(132, 204, 22, 0.16), transparent 30%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 253, 244, 0.86)),
		#ffffff !important;
	border-color: rgba(16, 185, 129, 0.32) !important;
	box-shadow: 0 22px 58px rgba(16, 185, 129, 0.12), 0 12px 40px rgba(45, 212, 191, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

html.corporate-surface[data-theme="light-premium"] .cookie-consent,
html.corporate-surface[data-theme="light-premium"] .modal-content,
html.corporate-surface[data-theme="light-premium"] .pwa-install-modal__content,
html.corporate-surface[data-theme="light-premium"] .profile-menu,
html.corporate-surface[data-theme="light-premium"] .league-context-menu,
html.corporate-surface[data-theme="light-premium"] .locale-switcher {
	background: var(--corp-light-card) !important;
	border-color: var(--corp-light-border) !important;
	box-shadow: var(--corp-light-shadow) !important;
	color: var(--ds-text-primary) !important;
}

html.corporate-surface[data-theme="light-premium"] .pwa-install-modal__title {
	color: #0f172a !important;
}

html.corporate-surface[data-theme="light-premium"] .pwa-install-modal__copy {
	color: #64748b !important;
}

html.corporate-surface[data-theme="light-premium"] .pwa-install-step {
	border-color: rgba(203, 213, 225, 0.88) !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.86)),
		#ffffff !important;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important;
}

html.corporate-surface[data-theme="light-premium"] .pwa-install-step__visual {
	background:
		radial-gradient(circle at 50% 32%, rgba(37, 99, 235, 0.12), transparent 36%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(219, 234, 254, 0.68)),
		linear-gradient(90deg, rgba(37, 99, 235, 0.06) 1px, transparent 1px),
		linear-gradient(180deg, rgba(37, 99, 235, 0.05) 1px, transparent 1px) !important;
	background-size: auto, auto, 22px 22px, 22px 22px !important;
	box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.2) !important;
}

html.corporate-surface[data-theme="light-premium"] .pwa-install-step__index {
	background: linear-gradient(135deg, #dbeafe, #bfdbfe) !important;
	color: #1d4ed8 !important;
}

html.corporate-surface[data-theme="light-premium"] .pwa-install-step__icon {
	background: #ffffff !important;
	color: #2563eb !important;
}

html.corporate-surface[data-theme="light-premium"] .pwa-install-step__body strong {
	color: #2563eb !important;
}

html.corporate-surface[data-theme="light-premium"] .pwa-install-step p {
	color: #334155 !important;
}

html.corporate-surface[data-theme="light-premium"] .card-premium-white,
html.corporate-surface[data-theme="light-premium"] .surface-card-premium {
	padding: var(--tc-white-space-5);
	border: 1px solid var(--tc-white-border-soft);
	border-radius: var(--tc-white-radius-lg);
	background: var(--tc-white-surface);
	box-shadow: var(--tc-white-shadow-card);
	color: var(--tc-white-text);
}

html.corporate-surface[data-theme="light-premium"] .surface-card-premium--soft {
	background: var(--tc-white-surface-soft);
	box-shadow: var(--tc-white-shadow-soft);
}

html.corporate-surface[data-theme="light-premium"] .btn-primary-premium,
html.corporate-surface[data-theme="light-premium"] .btn-secondary-premium,
html.corporate-surface[data-theme="light-premium"] .btn-ghost-premium,
html.corporate-surface[data-theme="light-premium"] .btn-soft-premium,
html.corporate-surface[data-theme="light-premium"] .btn-disabled-premium {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 44px;
	padding: 0.76rem 1.05rem;
	border: 1px solid transparent;
	border-radius: var(--tc-white-radius-pill);
	font-family: var(--corp-font-sans);
	font-size: 0.94rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

html.corporate-surface[data-theme="light-premium"] .btn-primary-premium {
	background: linear-gradient(135deg, var(--tc-white-brand), #60a5fa);
	border-color: rgba(37, 99, 235, 0.32);
	box-shadow: 0 14px 30px rgba(37, 99, 235, 0.18);
	color: #ffffff;
}

html.corporate-surface[data-theme="light-premium"] .btn-primary-premium:hover,
html.corporate-surface[data-theme="light-premium"] .btn-primary-premium:focus-visible {
	background: linear-gradient(135deg, var(--tc-white-brand-strong), var(--tc-white-brand));
	box-shadow: 0 18px 38px rgba(37, 99, 235, 0.24);
	color: #ffffff;
	transform: translateY(-1px);
}

html.corporate-surface[data-theme="light-premium"] .btn-secondary-premium,
html.corporate-surface[data-theme="light-premium"] .btn-soft-premium {
	background: #ffffff;
	border-color: rgba(37, 99, 235, 0.22);
	box-shadow: var(--tc-white-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.92);
	color: var(--tc-white-text-secondary);
}

html.corporate-surface[data-theme="light-premium"] .btn-soft-premium {
	background: var(--tc-white-brand-soft);
	color: var(--tc-white-brand);
}

html.corporate-surface[data-theme="light-premium"] .btn-secondary-premium:hover,
html.corporate-surface[data-theme="light-premium"] .btn-soft-premium:hover,
html.corporate-surface[data-theme="light-premium"] .btn-secondary-premium:focus-visible,
html.corporate-surface[data-theme="light-premium"] .btn-soft-premium:focus-visible {
	background: rgba(37, 99, 235, 0.08);
	border-color: rgba(37, 99, 235, 0.32);
	color: var(--tc-white-text);
	transform: translateY(-1px);
}

html.corporate-surface[data-theme="light-premium"] .btn-ghost-premium {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: var(--tc-white-text-muted);
}

html.corporate-surface[data-theme="light-premium"] .btn-ghost-premium:hover,
html.corporate-surface[data-theme="light-premium"] .btn-ghost-premium:focus-visible {
	background: rgba(37, 99, 235, 0.08);
	color: var(--tc-white-text);
}

html.corporate-surface[data-theme="light-premium"] .btn-disabled-premium,
html.corporate-surface[data-theme="light-premium"] .btn-primary-premium:disabled,
html.corporate-surface[data-theme="light-premium"] .btn-secondary-premium:disabled,
html.corporate-surface[data-theme="light-premium"] .btn-soft-premium:disabled,
html.corporate-surface[data-theme="light-premium"] .corporate-quick-action[aria-disabled="true"],
html.corporate-surface[data-theme="light-premium"] .corporate-quick-action.is-disabled {
	cursor: not-allowed;
	background: linear-gradient(180deg, rgba(248, 250, 252, 0.9), rgba(241, 245, 249, 0.72)) !important;
	border-color: rgba(203, 213, 225, 0.72) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
	color: #94a3b8 !important;
	opacity: 1;
	transform: none !important;
}

html.corporate-surface[data-theme="light-premium"] .pill-premium,
html.corporate-surface[data-theme="light-premium"] .badge-premium,
html.corporate-surface[data-theme="light-premium"] .badge-muted,
html.corporate-surface[data-theme="light-premium"] .badge-new,
html.corporate-surface[data-theme="light-premium"] .badge-live,
html.corporate-surface[data-theme="light-premium"] .context-pill,
html.corporate-surface[data-theme="light-premium"] .league-status-badge,
html.corporate-surface[data-theme="light-premium"] .entry-points-chip,
html.corporate-surface[data-theme="light-premium"] .distribution-type-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.42rem;
	min-height: 28px;
	padding: 0.36rem 0.68rem;
	border-radius: var(--tc-white-radius-pill);
	font-size: 0.74rem;
	font-weight: 850;
	letter-spacing: 0.03em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

html.corporate-surface[data-theme="light-premium"] .dashboard-shell {
	background: var(--corp-light-page) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-center {
	display: grid;
	gap: var(--tc-white-space-5);
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-hero,
html.corporate-surface[data-theme="light-premium"] .corporate-participant-hero {
	min-height: clamp(280px, 34vw, 400px);
	padding: clamp(1.35rem, 3vw, 2.4rem);
	border-radius: var(--tc-white-radius-xl);
	background: var(--corp-light-hero) !important;
	background-size: 72px 72px, 72px 72px, auto, auto, auto !important;
	border-color: var(--tc-white-border) !important;
	box-shadow: var(--tc-white-shadow-card) !important;
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .dashboard-shell:not(.dashboard-shell--casazar) .corporate-command-hero {
	grid-template-columns: minmax(0, 1fr);
	min-height: clamp(270px, 30vw, 360px);
}

html.corporate-surface[data-theme="light-premium"] .dashboard-shell:not(.dashboard-shell--casazar) .corporate-command-hero--with-countdown {
	grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.55fr);
}

html.corporate-surface[data-theme="light-premium"] .dashboard-shell:not(.dashboard-shell--casazar) .corporate-command-hero__content {
	max-width: 980px;
}

html.corporate-surface[data-theme="light-premium"] .dashboard-shell:not(.dashboard-shell--casazar) .corporate-command-hero__visual {
	display: none;
}

html.corporate-surface[data-theme="light-premium"] .dashboard-shell:not(.dashboard-shell--casazar) .corporate-command-hero--with-countdown .corporate-command-hero__visual {
	display: flex;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-hero__visual .dashboard-hero-countdown {
	border-color: rgba(37, 99, 235, 0.16);
	background:
		radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.18), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.74));
	box-shadow:
		0 24px 70px rgba(15, 23, 42, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-hero::before,
html.corporate-surface[data-theme="light-premium"] .corporate-participant-hero::before {
	background:
		linear-gradient(90deg, rgba(37, 99, 235, 0.05), transparent 36%),
		linear-gradient(rgba(37, 99, 235, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(217, 119, 6, 0.024) 1px, transparent 1px) !important;
	background-size: auto, 72px 72px, 72px 72px !important;
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent 78%) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-hero .corporate-section-title,
html.corporate-surface[data-theme="light-premium"] .corporate-participant-hero .corporate-section-title {
	max-width: 760px;
	color: var(--tc-white-text) !important;
	font-size: clamp(2.25rem, 4.8vw, 4.4rem);
	line-height: 0.96;
	letter-spacing: 0;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-hero .corporate-section-copy,
html.corporate-surface[data-theme="light-premium"] .corporate-participant-hero .corporate-section-copy {
	max-width: 680px;
	color: var(--tc-white-text-muted) !important;
	font-size: clamp(1rem, 1.4vw, 1.12rem);
	font-weight: 650;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-hero__visual {
	opacity: 0.78;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
	gap: clamp(1.1rem, 2.4vw, 2rem);
	margin: clamp(1.35rem, 2.8vw, 2.2rem) 0;
	padding: clamp(1.2rem, 2.6vw, 2rem);
	overflow: hidden;
	border: 1px solid var(--tc-white-border);
	border-radius: var(--tc-white-radius-xl);
	background:
		linear-gradient(120deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.82) 54%, rgba(255, 251, 235, 0.72)),
		radial-gradient(circle at 12% 14%, rgba(37, 99, 235, 0.1), transparent 32%),
		radial-gradient(circle at 88% 72%, rgba(217, 119, 6, 0.1), transparent 30%);
	box-shadow: var(--tc-white-shadow-card), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	color: var(--tc-white-text);
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum::before,
html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum::after,
html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__atmosphere {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum::before {
	background:
		linear-gradient(90deg, rgba(37, 99, 235, 0.045) 1px, transparent 1px),
		linear-gradient(180deg, rgba(37, 99, 235, 0.032) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(110deg, rgba(0, 0, 0, 0.35), transparent 74%);
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum::after {
	inset: auto 8% 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.34), rgba(217, 119, 6, 0.22), transparent);
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__atmosphere {
	background:
		radial-gradient(ellipse at 16% 82%, rgba(22, 163, 74, 0.08), transparent 34%),
		radial-gradient(ellipse at 92% 74%, rgba(220, 38, 38, 0.06), transparent 30%),
		linear-gradient(120deg, rgba(37, 99, 235, 0.04), transparent 22%, transparent 64%, rgba(217, 119, 6, 0.04));
	opacity: 0.9;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum > *:not(.corporate-live-momentum__atmosphere) {
	position: relative;
	z-index: 1;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__header {
	display: grid;
	align-content: center;
	gap: 0.72rem;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__header h2 {
	max-width: 760px;
	margin: 0;
	color: var(--tc-white-text);
	font-family: var(--corp-font-sans);
	font-size: clamp(2rem, 4.2vw, 4.35rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 0.96;
	text-wrap: balance;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__header p:last-child {
	max-width: 640px;
	margin: 0;
	color: var(--tc-white-text-muted);
	font-size: clamp(1rem, 1.32vw, 1.12rem);
	font-weight: 650;
	line-height: 1.46;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__header strong {
	color: var(--tc-white-text-secondary);
	font-weight: 900;
}

html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal {
	--momentum-color: var(--tc-white-brand);
	--momentum-bg: var(--tc-white-brand-soft);
	position: relative;
	display: grid;
	align-content: start;
	gap: 0.45rem;
	min-height: 166px;
	padding: 1rem;
	overflow: hidden;
	border: 1px solid var(--tc-white-border-soft);
	border-radius: var(--tc-white-radius-lg);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72)),
		var(--tc-white-surface);
	box-shadow: var(--tc-white-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 3px;
	background: var(--momentum-color);
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal--action {
	--momentum-color: var(--tc-white-brand);
	--momentum-bg: var(--tc-white-brand-soft);
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal--leadership {
	--momentum-color: var(--tc-white-accent);
	--momentum-bg: var(--tc-white-warning-soft);
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal--momentum {
	--momentum-color: var(--tc-white-success);
	--momentum-bg: var(--tc-white-success-soft);
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal--danger {
	--momentum-color: var(--tc-white-danger);
	--momentum-bg: var(--tc-white-danger-soft);
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: var(--tc-white-radius-md);
	background: var(--momentum-bg);
	color: var(--momentum-color);
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal p {
	margin: 0;
	color: var(--momentum-color);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal strong {
	color: var(--tc-white-text);
	font-size: clamp(1.02rem, 1.32vw, 1.32rem);
	font-weight: 900;
	line-height: 1.1;
}

html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal small {
	color: var(--tc-white-text-muted);
	font-size: 0.86rem;
	font-weight: 650;
	line-height: 1.36;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ai-home-cta {
	border-color: rgba(37, 99, 235, 0.18);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.86)),
		radial-gradient(circle at 82% 28%, rgba(234, 179, 8, 0.12), transparent 32%),
		radial-gradient(circle at 16% 80%, rgba(37, 99, 235, 0.1), transparent 34%);
	box-shadow: var(--tc-white-shadow-card), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html.corporate-surface[data-theme="light-premium"] .corporate-ai-home-cta__content h2 {
	color: var(--tc-white-text);
	text-shadow: none;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ai-home-cta__content p:last-child {
	color: var(--tc-white-text-muted);
	text-shadow: none;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ai-home-cta__icon {
	background:
		linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(234, 179, 8, 0.1)),
		#ffffff;
	color: var(--tc-white-brand);
}

html.corporate-surface[data-theme="light-premium"] .corporate-message-home-cta {
	border-color: rgba(34, 197, 94, 0.2);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(240, 253, 244, 0.88)),
		radial-gradient(circle at 84% 18%, rgba(34, 197, 94, 0.16), transparent 34%),
		radial-gradient(circle at 18% 80%, rgba(37, 99, 235, 0.09), transparent 34%);
	box-shadow: var(--tc-white-shadow-card), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html.corporate-surface[data-theme="light-premium"] .corporate-message-home-cta h2 {
	color: var(--tc-white-text);
	text-shadow: none;
}

html.corporate-surface[data-theme="light-premium"] .corporate-message-home-cta p:last-child {
	color: var(--tc-white-text-muted);
	text-shadow: none;
}

html.corporate-surface[data-theme="light-premium"] .corporate-message-home-cta__icon {
	background:
		linear-gradient(135deg, rgba(34, 197, 94, 0.16), rgba(37, 99, 235, 0.1)),
		#ffffff;
	color: #16a34a;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-hero .corporate-command-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	align-items: stretch;
	max-width: 820px;
	gap: var(--tc-white-space-3);
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-hero .corporate-command-actions .btn-primary-gradient,
html.corporate-surface[data-theme="light-premium"] .corporate-command-hero .corporate-command-actions .btn-secondary-soft {
	justify-content: center;
	min-height: 48px;
	padding-inline: 1.1rem;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-kpis,
html.corporate-surface[data-theme="light-premium"] .corporate-participant-kpis {
	gap: var(--tc-white-space-4);
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-kpis .corporate-stat-card,
html.corporate-surface[data-theme="light-premium"] .corporate-participant-kpis .corporate-stat-card {
	display: grid;
	align-content: start;
	min-height: 172px;
	padding: var(--tc-white-space-4);
	border-radius: var(--tc-white-radius-lg);
	background: var(--tc-white-surface) !important;
	border-color: var(--tc-white-border-soft) !important;
	box-shadow: var(--tc-white-shadow-card) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-stat-card__icon {
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: var(--tc-white-space-3);
	border-color: rgba(37, 99, 235, 0.18);
	border-radius: var(--tc-white-radius-md);
	background: var(--tc-white-brand-soft);
	color: var(--tc-white-brand);
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-kpis .corporate-stat-card p,
html.corporate-surface[data-theme="light-premium"] .corporate-participant-kpis .corporate-stat-card p {
	color: var(--tc-white-text-muted) !important;
	font-size: 0.74rem;
	letter-spacing: 0.06em;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-kpis .corporate-stat-card strong,
html.corporate-surface[data-theme="light-premium"] .corporate-participant-kpis .corporate-stat-card strong {
	color: var(--tc-white-text) !important;
	font-size: clamp(1.7rem, 3vw, 2.5rem);
}

html.corporate-surface[data-theme="light-premium"] .corporate-panel__header {
	align-items: center;
	padding-bottom: var(--tc-white-space-3);
	border-bottom: 1px solid rgba(219, 228, 239, 0.72);
}

html.corporate-surface[data-theme="light-premium"] .corporate-panel__header h2,
html.corporate-surface[data-theme="light-premium"] .corporate-panel h2 {
	color: var(--tc-white-text) !important;
	letter-spacing: 0;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ranking-preview-list {
	gap: var(--tc-white-space-3);
}

html.corporate-surface[data-theme="light-premium"] .corporate-ranking-preview-row {
	grid-template-columns: 42px minmax(0, 1fr) auto;
	min-height: 58px;
	padding: 0.76rem 0.9rem;
	border-radius: var(--tc-white-radius-md);
	background: var(--tc-white-surface) !important;
	border-color: rgba(219, 228, 239, 0.9) !important;
	box-shadow: var(--tc-white-shadow-soft) !important;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ranking-preview-row:hover {
	border-color: rgba(37, 99, 235, 0.22) !important;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
	transform: translateY(-1px);
}

html.corporate-surface[data-theme="light-premium"] .corporate-ranking-preview-row span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--tc-white-radius-pill);
	background: var(--tc-white-brand-soft);
	color: var(--tc-white-brand) !important;
	font-size: 0.82rem;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ranking-preview-row:nth-child(-n + 3) span {
	background: var(--tc-white-warning-soft);
	color: var(--tc-white-accent) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ranking-preview-row strong {
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ranking-preview-row em {
	color: var(--tc-white-brand) !important;
	font-weight: 900;
}

html.corporate-surface[data-theme="light-premium"] .corporate-ranking-preview-row.is-current-user {
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.92)) !important;
	border-color: rgba(37, 99, 235, 0.26) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-quick-actions {
	gap: var(--tc-white-space-3);
}

html.corporate-surface[data-theme="light-premium"] .corporate-quick-action {
	min-height: 56px;
	padding: 0.8rem 0.95rem;
	border-radius: var(--tc-white-radius-md);
	background: var(--tc-white-surface) !important;
	border-color: rgba(219, 228, 239, 0.9) !important;
	box-shadow: var(--tc-white-shadow-soft) !important;
	color: var(--tc-white-text-secondary) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-quick-action i {
	display: inline-grid;
	flex: 0 0 auto;
	width: 2.1rem;
	height: 2.1rem;
	place-items: center;
	border-radius: var(--tc-white-radius-md);
	background: var(--tc-white-brand-soft);
	color: var(--tc-white-brand) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-quick-action:hover {
	border-color: rgba(37, 99, 235, 0.26) !important;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
	color: var(--tc-white-text) !important;
	transform: translateY(-1px);
}

html.corporate-surface[data-theme="light-premium"] .corporate-quick-action.is-primary {
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.11), rgba(255, 255, 255, 0.94)) !important;
	border-color: rgba(37, 99, 235, 0.28) !important;
	color: var(--tc-white-brand) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-quick-action.is-live {
	background: rgba(8, 145, 178, 0.08) !important;
	border-color: rgba(8, 145, 178, 0.22) !important;
	color: #0e7490 !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-command-placeholder {
	border-color: rgba(37, 99, 235, 0.2) !important;
	background: rgba(241, 245, 249, 0.76) !important;
	color: var(--tc-white-text-muted) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-progress-track {
	background: rgba(226, 232, 240, 0.82) !important;
	border-color: rgba(203, 213, 225, 0.82) !important;
}

html.corporate-surface[data-theme="light-premium"] .corporate-progress-track span {
	background: linear-gradient(90deg, var(--tc-white-brand), #38bdf8) !important;
	box-shadow: 0 0 18px rgba(37, 99, 235, 0.18) !important;
}

@media (max-width: 900px) {
	html.corporate-surface[data-theme="light-premium"] .corporate-command-hero,
	html.corporate-surface[data-theme="light-premium"] .corporate-participant-hero {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	html.corporate-surface[data-theme="light-premium"] .corporate-command-hero__visual {
		justify-content: flex-start;
		opacity: 0.6;
	}

	html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum,
	html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	html.corporate-surface[data-theme="light-premium"] .corporate-command-hero,
	html.corporate-surface[data-theme="light-premium"] .corporate-participant-hero {
		padding: 1.15rem;
		border-radius: 24px;
	}

	html.corporate-surface[data-theme="light-premium"] .corporate-command-hero .corporate-section-title,
	html.corporate-surface[data-theme="light-premium"] .corporate-participant-hero .corporate-section-title {
		font-size: clamp(2.05rem, 12vw, 3rem);
	}

	html.corporate-surface[data-theme="light-premium"] .corporate-command-actions .btn-primary-gradient,
	html.corporate-surface[data-theme="light-premium"] .corporate-command-actions .btn-secondary-soft {
		width: 100%;
	}

	html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum {
		padding: 1.15rem;
		border-radius: 24px;
	}

	html.corporate-surface[data-theme="light-premium"] .corporate-live-momentum__header h2 {
		font-size: clamp(2rem, 10vw, 2.9rem);
	}

	html.corporate-surface[data-theme="light-premium"] .corporate-momentum-signal {
		min-height: 0;
	}
}

/* Light corporate theme: play and matches leak cleanup */
html.corporate-surface[data-theme="light-premium"] .matches-hero .matches-stat,
html.corporate-surface[data-theme="light-premium"] .ranking-page .ranking-hero-metric {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.88)),
		var(--tc-white-surface) !important;
	border-color: var(--tc-white-border-soft) !important;
	box-shadow: var(--tc-white-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .matches-hero .matches-stat.is-live,
html.corporate-surface[data-theme="light-premium"] .matches-hero .matches-stat--button:hover,
html.corporate-surface[data-theme="light-premium"] .matches-hero .matches-stat--button:focus-visible {
	background:
		radial-gradient(circle at 86% 18%, rgba(8, 145, 178, 0.1), transparent 36%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(236, 254, 255, 0.88)),
		var(--tc-white-surface) !important;
	border-color: rgba(8, 145, 178, 0.24) !important;
	box-shadow: 0 14px 30px rgba(8, 145, 178, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html.corporate-surface[data-theme="light-premium"] .matches-hero .matches-stat strong,
html.corporate-surface[data-theme="light-premium"] .ranking-page .ranking-hero-metric strong {
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .matches-hero .matches-stat span,
html.corporate-surface[data-theme="light-premium"] .ranking-page .ranking-hero-metric span {
	color: var(--tc-white-text-muted) !important;
}

html.corporate-surface[data-theme="light-premium"] .matches-mobile-group-tabs .mobile-group-tab,
html.corporate-surface[data-theme="light-premium"] .play-mobile-group-tab.mobile-group-tab,
html.corporate-surface[data-theme="light-premium"] .ios-safe-group-tab {
	background: rgba(255, 255, 255, 0.9) !important;
	border: 1px solid var(--tc-white-border-soft) !important;
	box-shadow: var(--tc-white-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	color: var(--tc-white-text-secondary) !important;
}

html.corporate-surface[data-theme="light-premium"] .matches-mobile-group-tabs .mobile-group-tab:hover,
html.corporate-surface[data-theme="light-premium"] .play-mobile-group-tab.mobile-group-tab:hover,
html.corporate-surface[data-theme="light-premium"] .ios-safe-group-tab:hover {
	background: var(--tc-white-brand-soft) !important;
	border-color: rgba(37, 99, 235, 0.26) !important;
	color: var(--tc-white-brand) !important;
}

html.corporate-surface[data-theme="light-premium"] .matches-mobile-group-tabs .mobile-group-tab.active,
html.corporate-surface[data-theme="light-premium"] .matches-mobile-group-tabs .mobile-group-tab.is-active,
html.corporate-surface[data-theme="light-premium"] .play-mobile-group-tab.mobile-group-tab.active,
html.corporate-surface[data-theme="light-premium"] .play-mobile-group-tab.mobile-group-tab.is-active,
html.corporate-surface[data-theme="light-premium"] .ios-safe-group-tab.is-active {
	background: linear-gradient(135deg, var(--tc-white-brand), #60a5fa) !important;
	border-color: rgba(37, 99, 235, 0.34) !important;
	box-shadow: 0 14px 30px rgba(37, 99, 235, 0.18) !important;
	color: #ffffff !important;
}

html.corporate-surface[data-theme="light-premium"] .play-mobile-group-tab.is-complete::after {
	border-color: rgba(255, 255, 255, 0.96) !important;
	background: var(--tc-white-success) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-group-card,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-card.match-card-compact,
html.corporate-surface[data-theme="light-premium"] .matches-page .knockout-card {
	background:
		radial-gradient(circle at 98% 6%, rgba(8, 145, 178, 0.08), transparent 30%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
		var(--tc-white-surface) !important;
	border-color: var(--tc-white-border-soft) !important;
	box-shadow: var(--tc-white-shadow-card), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card,
html.corporate-surface[data-theme="light-premium"] .play-page .predictions-panel .prediction-row-compact,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-card,
html.corporate-surface[data-theme="light-premium"] .matches-page .knockout-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9)),
		var(--tc-white-surface) !important;
	border-color: var(--tc-white-border-soft) !important;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card:hover,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-card.match-card-compact:hover,
html.corporate-surface[data-theme="light-premium"] .matches-page .knockout-card:hover {
	background:
		radial-gradient(circle at 100% 10%, rgba(37, 99, 235, 0.08), transparent 30%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.9)),
		var(--tc-white-surface) !important;
	border-color: rgba(37, 99, 235, 0.22) !important;
	box-shadow: 0 16px 38px rgba(37, 99, 235, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-hero,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-card__teams,
html.corporate-surface[data-theme="light-premium"] .matches-page .knockout-card__teams,
html.corporate-surface[data-theme="light-premium"] .quick-prediction-shell {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.74)),
		var(--tc-white-surface) !important;
	border: 1px solid rgba(148, 163, 184, 0.22) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .quick-prediction-shell {
	padding: 0.85rem;
	border-radius: var(--tc-white-radius-md);
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-team-name,
html.corporate-surface[data-theme="light-premium"] .matches-page .team-side strong,
html.corporate-surface[data-theme="light-premium"] .matches-page .knockout-team strong,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-card__teams strong,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-group-title,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-group-title-row h3 {
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-team-code,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-meta,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-prediction-summary,
html.corporate-surface[data-theme="light-premium"] .matches-page .team-side span,
html.corporate-surface[data-theme="light-premium"] .matches-page .knockout-team span,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-meta,
html.corporate-surface[data-theme="light-premium"] .quick-prediction-shell p {
	color: var(--tc-white-text-muted) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-deadline-chip,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-meta span,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-meta-chip,
html.corporate-surface[data-theme="light-premium"] .match-status-chip,
html.corporate-surface[data-theme="light-premium"] .prediction-status-badge,
html.corporate-surface[data-theme="light-premium"] .status-badge,
html.corporate-surface[data-theme="light-premium"] .prediction-lock {
	background: rgba(255, 255, 255, 0.86) !important;
	border: 1px solid var(--tc-white-border-soft) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
	color: var(--tc-white-text-secondary) !important;
}

html.corporate-surface[data-theme="light-premium"] .status-finished,
html.corporate-surface[data-theme="light-premium"] .prediction-status-finished,
html.corporate-surface[data-theme="light-premium"] .prediction-lock.is-locked {
	background: rgba(241, 245, 249, 0.92) !important;
	border-color: rgba(148, 163, 184, 0.22) !important;
	color: var(--tc-white-text-muted) !important;
}

html.corporate-surface[data-theme="light-premium"] .status-scheduled,
html.corporate-surface[data-theme="light-premium"] .prediction-lock.is-open {
	background: var(--tc-white-success-soft) !important;
	border-color: rgba(22, 163, 74, 0.22) !important;
	color: var(--tc-white-success) !important;
}

html.corporate-surface[data-theme="light-premium"] .score-box,
html.corporate-surface[data-theme="light-premium"] .score-box-small,
html.corporate-surface[data-theme="light-premium"] .match-vs {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.92)),
		var(--tc-white-surface) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
	color: var(--tc-white-text) !important;
	text-shadow: none !important;
}

html.corporate-surface[data-theme="light-premium"] .is-live .score-box,
html.corporate-surface[data-theme="light-premium"] .live-score,
html.corporate-surface[data-theme="light-premium"] .live-score--hero {
	background:
		radial-gradient(circle at 50% 0%, rgba(187, 247, 208, 0.9), rgba(220, 252, 231, 0.46) 58%, rgba(236, 253, 245, 0.9)),
		linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(45, 212, 191, 0.1)),
		var(--tc-white-surface) !important;
	border-color: rgba(16, 185, 129, 0.32) !important;
	box-shadow: 0 16px 34px rgba(34, 197, 94, 0.16), 0 0 34px rgba(45, 212, 191, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
	color: #14532d !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-score-box,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-controls,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-score-control .prediction-score-box {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-score-input,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-readonly,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-result-select,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-score-control .prediction-score-input,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-score-control .prediction-readonly,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-score-control .prediction-result-select {
	background: rgba(255, 255, 255, 0.94) !important;
	border-color: rgba(148, 163, 184, 0.26) !important;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	color: var(--tc-white-text) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-score-input:focus,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-result-select:focus {
	border-color: rgba(37, 99, 235, 0.42) !important;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1), 0 8px 18px rgba(15, 23, 42, 0.05) !important;
}

html.corporate-surface[data-theme="light-premium"] .play-page .prediction-score-separator,
html.corporate-surface[data-theme="light-premium"] .play-page .prediction-match-card .match-score-control .prediction-score-separator {
	color: var(--tc-white-text-muted) !important;
}

html.corporate-surface[data-theme="light-premium"] .btn-predict-disabled,
html.corporate-surface[data-theme="light-premium"] .matches-page .match-card .btn-predict-disabled:not(.btn-predict-disabled--live) {
	background:
		linear-gradient(180deg, rgba(241, 245, 249, 0.96), rgba(226, 232, 240, 0.88)),
		var(--tc-white-surface-soft) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	color: var(--tc-white-text-secondary) !important;
	cursor: not-allowed;
}

html.corporate-surface[data-theme="light-premium"] .btn-predict-disabled--finished {
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.92), rgba(56, 189, 248, 0.86)) !important;
	border-color: rgba(37, 99, 235, 0.24) !important;
	box-shadow: 0 12px 26px rgba(37, 99, 235, 0.16) !important;
	color: #ffffff !important;
}

html.corporate-surface[data-theme="light-premium"] .btn-predict-disabled--live,
html.corporate-surface[data-theme="light-premium"] .live-match-card__cta {
	background: linear-gradient(135deg, #16a34a, #22c55e 48%, #14b8a6) !important;
	border-color: rgba(16, 185, 129, 0.36) !important;
	box-shadow: 0 16px 34px rgba(22, 163, 74, 0.22), 0 0 30px rgba(45, 212, 191, 0.16) !important;
	color: #ffffff !important;
	cursor: pointer;
}

html.corporate-surface[data-theme="light-premium"] .live-match-card__cta span,
html.corporate-surface[data-theme="light-premium"] .live-match-card__cta strong {
	color: #ffffff !important;
}

html.corporate-surface .casazar-awards-page {
	position: relative;
	isolation: isolate;
	display: grid;
	gap: clamp(1.35rem, 2.8vw, 2.3rem);
	width: min(100% - 2rem, 1180px);
	margin: 0 auto;
	padding: clamp(1.2rem, 3vw, 2.4rem) 0 clamp(5.5rem, 8vw, 7rem);
	color: #f7f4ec;
}

html.corporate-surface .casazar-awards-page::before {
	content: "";
	position: absolute;
	inset: -6rem -12vw 45% -12vw;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(circle at 74% 10%, rgba(214, 179, 106, 0.13), transparent 28%),
		radial-gradient(circle at 18% 28%, rgba(245, 237, 203, 0.045), transparent 24%),
		linear-gradient(90deg, transparent, rgba(231, 215, 177, 0.035), transparent);
	mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
}

html.corporate-surface .casazar-awards-hero,
html.corporate-surface .casazar-awards-spotlight,
html.corporate-surface .casazar-awards-context,
html.corporate-surface .casazar-awards-card,
html.corporate-surface .casazar-awards-public-cta,
html.corporate-surface .casazar-awards-rules {
	border: 1px solid rgba(231, 215, 177, 0.16);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.028), transparent 42%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.95), rgba(5, 8, 22, 0.9));
	box-shadow:
		0 26px 74px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(245, 245, 244, 0.05);
}

html.corporate-surface .casazar-awards-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1rem, 3vw, 2rem);
	align-items: center;
	min-height: clamp(420px, 48vw, 560px);
	overflow: hidden;
	padding: clamp(1.25rem, 3.2vw, 3rem) clamp(2rem, 32vw, 24rem) clamp(1.25rem, 3.2vw, 3rem) clamp(1.25rem, 3.2vw, 3rem);
	border-radius: 32px;
	background:
		radial-gradient(circle at 68% 48%, rgba(214, 179, 106, 0.13), transparent 28%),
		radial-gradient(circle at 88% 48%, rgba(5, 8, 22, 0.54), transparent 35%),
		radial-gradient(circle at 18% 12%, rgba(245, 237, 203, 0.05), transparent 25%),
		linear-gradient(135deg, rgba(9, 14, 29, 0.99), rgba(5, 8, 22, 0.96));
}

html.corporate-surface .casazar-awards-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(112deg, transparent 10%, rgba(245, 237, 203, 0.045) 42%, transparent 60%),
		repeating-linear-gradient(90deg, rgba(231, 215, 177, 0.023) 0 1px, transparent 1px 82px),
		radial-gradient(circle at 98% 50%, rgba(0, 0, 0, 0.52), transparent 36%);
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.7) 62%, transparent 100%);
}

html.corporate-surface .casazar-awards-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(5, 8, 22, 0.08), transparent 46%, rgba(0, 0, 0, 0.26) 100%),
		radial-gradient(circle at 69% 49%, rgba(245, 237, 203, 0.055), transparent 22%);
	mix-blend-mode: screen;
	opacity: 0.7;
}

html.corporate-surface .casazar-awards-hero__content {
	position: relative;
	z-index: 4;
	max-width: min(48%, 500px);
}

html.corporate-surface .casazar-awards-hero__logo {
	width: clamp(92px, 10vw, 136px);
	height: auto;
	margin-bottom: clamp(1.1rem, 2.8vw, 2rem);
	opacity: 0.56;
	filter: drop-shadow(0 0 18px rgba(214, 179, 106, 0.1));
}

html.corporate-surface .casazar-awards-eyebrow {
	margin: 0 0 0.65rem;
	color: #35d0e2;
	font-size: 0.78rem;
	font-weight: 850;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

html.corporate-surface .casazar-awards-hero h1,
html.corporate-surface .casazar-awards-spotlight h2,
html.corporate-surface .casazar-awards-section-head h2 {
	margin: 0;
	color: #f8f5ee;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 0.96;
}

html.corporate-surface .casazar-awards-hero h1 {
	max-width: 470px;
	font-size: clamp(2.55rem, 5.2vw, 4.8rem);
	line-height: 0.98;
}

html.corporate-surface .casazar-awards-hero p:not(.casazar-awards-eyebrow),
html.corporate-surface .casazar-awards-section-head p,
html.corporate-surface .casazar-awards-spotlight p,
html.corporate-surface .casazar-awards-card p,
html.corporate-surface .casazar-awards-context p,
html.corporate-surface .casazar-awards-public-cta p,
html.corporate-surface .casazar-awards-rules p {
	color: rgba(226, 232, 240, 0.68);
}

html.corporate-surface .casazar-awards-hero p:not(.casazar-awards-eyebrow) {
	max-width: 430px;
	margin: 0.85rem 0 0;
	font-size: clamp(0.98rem, 1.25vw, 1.12rem);
	line-height: 1.48;
}

html.corporate-surface .casazar-awards-actions,
html.corporate-surface .casazar-awards-context__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	align-items: center;
	margin-top: clamp(1.75rem, 3vw, 2.2rem);
}

html.corporate-surface .casazar-awards-page .btn-primary-gradient,
html.corporate-surface .casazar-awards-page .btn-secondary-soft {
	position: relative;
	overflow: hidden;
	min-height: 52px;
	border-radius: 999px;
	font-weight: 900;
	letter-spacing: 0;
	transition:
		transform 160ms ease,
		border-color 160ms ease,
		background 160ms ease,
		box-shadow 160ms ease,
		color 160ms ease;
}

html.corporate-surface .casazar-awards-page .btn-primary-gradient {
	border: 1px solid rgba(255, 242, 203, 0.76);
	background:
		linear-gradient(135deg, rgba(255, 248, 219, 0.98), rgba(231, 215, 177, 0.95) 44%, rgba(214, 179, 106, 0.96)),
		radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.68), transparent 28%);
	color: #07101f;
	box-shadow:
		0 20px 48px rgba(214, 179, 106, 0.22),
		0 0 0 1px rgba(255, 255, 255, 0.08) inset,
		0 1px 0 rgba(255, 255, 255, 0.52) inset;
}

html.corporate-surface .casazar-awards-page .btn-primary-gradient::before {
	content: "";
	position: absolute;
	inset: -70% auto -70% -45%;
	width: 42%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
	opacity: 0.38;
	transform: rotate(18deg);
	pointer-events: none;
	transition: transform 260ms ease, opacity 160ms ease;
}

html.corporate-surface .casazar-awards-page .btn-primary-gradient:hover,
html.corporate-surface .casazar-awards-page .btn-primary-gradient:focus {
	border-color: rgba(255, 248, 219, 0.92);
	background:
		linear-gradient(135deg, rgba(255, 250, 233, 1), rgba(238, 223, 188, 0.98) 42%, rgba(224, 190, 116, 0.98)),
		radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.72), transparent 28%);
	color: #050816;
	box-shadow:
		0 24px 58px rgba(214, 179, 106, 0.3),
		0 0 34px rgba(245, 237, 203, 0.12),
		0 1px 0 rgba(255, 255, 255, 0.58) inset;
	transform: translateY(-1px);
}

html.corporate-surface .casazar-awards-page .btn-primary-gradient:hover::before,
html.corporate-surface .casazar-awards-page .btn-primary-gradient:focus::before {
	opacity: 0.58;
	transform: translateX(360%) rotate(18deg);
}

html.corporate-surface .casazar-awards-page .btn-secondary-soft {
	border: 1px solid rgba(231, 215, 177, 0.24);
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.06), rgba(6, 10, 25, 0.44)),
		rgba(5, 8, 22, 0.68);
	color: #f5edcb;
	box-shadow:
		0 16px 38px rgba(0, 0, 0, 0.2),
		0 1px 0 rgba(245, 237, 203, 0.08) inset;
}

html.corporate-surface .casazar-awards-page .btn-secondary-soft:hover,
html.corporate-surface .casazar-awards-page .btn-secondary-soft:focus {
	border-color: rgba(245, 237, 203, 0.44);
	background:
		radial-gradient(circle at 34% 18%, rgba(214, 179, 106, 0.14), transparent 42%),
		linear-gradient(180deg, rgba(245, 237, 203, 0.08), rgba(6, 10, 25, 0.5)),
		rgba(5, 8, 22, 0.76);
	color: #fffaf0;
	box-shadow:
		0 20px 48px rgba(214, 179, 106, 0.1),
		0 1px 0 rgba(245, 237, 203, 0.12) inset;
	transform: translateY(-1px);
}

html.corporate-surface .casazar-awards-hero__visual {
	position: absolute;
	inset: 0;
	z-index: 1;
	min-height: 0;
	isolation: isolate;
	pointer-events: none;
}

html.corporate-surface .casazar-awards-hero__aura,
html.corporate-surface .casazar-awards-hero__shimmer,
html.corporate-surface .casazar-awards-hero__particles,
html.corporate-surface .casazar-awards-hero__case,
html.corporate-surface .casazar-awards-hero__product,
html.corporate-surface .casazar-awards-hero__bottle,
html.corporate-surface .casazar-awards-hero__reflection {
	position: absolute;
	pointer-events: none;
}

html.corporate-surface .casazar-awards-hero__aura {
	top: 50%;
	right: 1.5%;
	width: min(45vw, 510px);
	height: min(84%, 520px);
	border-radius: 999px;
	background:
		radial-gradient(circle at 44% 46%, rgba(245, 237, 203, 0.1), transparent 20%),
		radial-gradient(circle at 50% 48%, rgba(214, 179, 106, 0.34), transparent 34%),
		radial-gradient(circle at 60% 72%, rgba(132, 92, 36, 0.2), transparent 48%);
	filter: blur(38px);
	opacity: 0.68;
	transform: translateY(-50%) rotate(-8deg);
}

html.corporate-surface .casazar-awards-hero__shimmer {
	top: 0;
	right: 12%;
	z-index: 1;
	width: min(22vw, 250px);
	height: 100%;
	background: linear-gradient(100deg, transparent 0%, rgba(245, 237, 203, 0.05) 42%, transparent 72%);
	filter: blur(10px);
	opacity: 0.58;
	transform: skewX(-12deg);
	animation: casazarHeroShimmer 11s ease-in-out infinite;
}

html.corporate-surface .casazar-awards-hero__particles {
	top: 15%;
	right: 5%;
	z-index: 1;
	width: min(36vw, 420px);
	height: 68%;
	opacity: 0.32;
	background-image:
		radial-gradient(circle, rgba(245, 237, 203, 0.42) 0 1px, transparent 1.6px),
		radial-gradient(circle, rgba(214, 179, 106, 0.28) 0 1px, transparent 1.5px);
	background-size: 96px 116px, 142px 128px;
	background-position: 12px 18px, 72px 44px;
	filter: blur(0.2px);
	animation: casazarHeroDust 18s linear infinite;
}

html.corporate-surface .casazar-awards-hero__case {
	top: 54%;
	right: 9%;
	z-index: 2;
	width: min(30vw, 360px);
	height: min(34%, 215px);
	border: 1px solid rgba(231, 215, 177, 0.16);
	border-radius: 24px;
	background:
		linear-gradient(135deg, rgba(231, 215, 177, 0.065), transparent 34%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.62), rgba(5, 8, 22, 0.18));
	box-shadow:
		0 24px 58px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(245, 237, 203, 0.065);
	opacity: 0.72;
	transform: translateY(-50%) rotate(-7deg);
}

html.corporate-surface .casazar-awards-hero__product {
	top: 58%;
	right: clamp(3.5%, 5vw, 6%);
	z-index: 3;
	width: min(32vw, 360px);
	height: min(64%, 360px);
	object-fit: contain;
	opacity: 0.94;
	transform: translateY(-50%);
	filter:
		saturate(1.03)
		contrast(1.06)
		drop-shadow(0 34px 64px rgba(0, 0, 0, 0.58))
		drop-shadow(0 0 28px rgba(214, 179, 106, 0.16));
}

html.corporate-surface .casazar-awards-hero__bottle {
	top: 50%;
	right: clamp(5.5%, 6vw, 7%);
	z-index: 3;
	height: min(86%, 430px);
	width: auto;
	max-width: none;
	opacity: 0.92;
	transform: translateY(-50%);
	filter:
		saturate(1.05)
		contrast(1.1)
		drop-shadow(-12px 0 16px rgba(214, 179, 106, 0.08))
		drop-shadow(0 44px 72px rgba(0, 0, 0, 0.62))
		drop-shadow(0 0 28px rgba(214, 179, 106, 0.13));
}

html.corporate-surface .casazar-awards-hero__reflection {
	right: 6%;
	bottom: 8%;
	z-index: 2;
	width: min(38vw, 420px);
	height: 13%;
	border-radius: 999px;
	background:
		radial-gradient(ellipse, rgba(0, 0, 0, 0.66), transparent 72%),
		linear-gradient(90deg, transparent, rgba(214, 179, 106, 0.08), transparent);
	filter: blur(16px);
	opacity: 0.78;
	transform: none;
}

@keyframes casazarHeroShimmer {
	0%, 100% {
		opacity: 0.18;
		transform: translateX(0) skewX(-12deg);
	}

	45% {
		opacity: 0.55;
		transform: translateX(-18px) skewX(-12deg);
	}
}

@keyframes casazarHeroDust {
	0% {
		background-position: 12px 18px, 72px 44px;
	}

	100% {
		background-position: 12px -98px, 72px -84px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.corporate-surface .casazar-awards-hero__shimmer,
	html.corporate-surface .casazar-awards-hero__particles {
		animation: none;
	}
}

html.corporate-surface .casazar-awards-context {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(210px, 0.34fr) auto;
	gap: clamp(1rem, 2.2vw, 1.7rem);
	align-items: center;
	overflow: hidden;
	padding: clamp(1.25rem, 2.7vw, 2rem);
	border-color: rgba(231, 215, 177, 0.24);
	border-radius: 28px;
	background:
		radial-gradient(circle at 16% 12%, rgba(245, 237, 203, 0.095), transparent 26%),
		radial-gradient(circle at 84% 50%, rgba(214, 179, 106, 0.14), transparent 26%),
		linear-gradient(180deg, rgba(245, 245, 244, 0.04), transparent 44%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.98), rgba(5, 8, 22, 0.92));
	box-shadow:
		0 28px 80px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(245, 237, 203, 0.035) inset,
		inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

html.corporate-surface .casazar-awards-context::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(112deg, transparent 12%, rgba(245, 237, 203, 0.055) 42%, transparent 62%),
		repeating-linear-gradient(90deg, rgba(231, 215, 177, 0.022) 0 1px, transparent 1px 78px);
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.68) 66%, transparent 100%);
}

html.corporate-surface .casazar-awards-context::after {
	content: "";
	position: absolute;
	right: clamp(10rem, 26vw, 24rem);
	bottom: -45%;
	z-index: -1;
	width: min(46vw, 520px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(214, 179, 106, 0.16), rgba(214, 179, 106, 0.04) 42%, transparent 68%);
	filter: blur(4px);
	pointer-events: none;
}

html.corporate-surface .casazar-awards-context__copy {
	min-width: 0;
}

html.corporate-surface .casazar-awards-context__logo {
	display: block;
	width: clamp(118px, 12vw, 164px);
	height: auto;
	margin-bottom: clamp(0.8rem, 1.6vw, 1.15rem);
	opacity: 0.88;
	filter:
		drop-shadow(0 14px 34px rgba(0, 0, 0, 0.42))
		drop-shadow(0 0 16px rgba(214, 179, 106, 0.12));
}

html.corporate-surface .casazar-awards-context h2,
html.corporate-surface .casazar-awards-public-cta h2,
html.corporate-surface .casazar-awards-card h3 {
	margin: 0;
	color: #f7f4ec;
	font-weight: 850;
	letter-spacing: 0;
}

html.corporate-surface .casazar-awards-context p {
	margin: 0.35rem 0 0;
	max-width: 680px;
}

html.corporate-surface .casazar-awards-position-card {
	display: grid;
	gap: 0.2rem;
	min-width: 0;
	padding: 1rem;
	border: 1px solid rgba(231, 215, 177, 0.26);
	border-radius: 20px;
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.055), rgba(6, 10, 25, 0.48)),
		rgba(5, 8, 22, 0.58);
	box-shadow:
		0 18px 44px rgba(0, 0, 0, 0.22),
		0 1px 0 rgba(245, 237, 203, 0.08) inset;
}

html.corporate-surface .casazar-awards-position-card span,
html.corporate-surface .casazar-awards-card small,
html.corporate-surface .casazar-awards-spotlight__meta span {
	color: rgba(226, 232, 240, 0.58);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.corporate-surface .casazar-awards-position-card strong {
	color: #c7f7ff;
	font-size: clamp(1.7rem, 3.4vw, 2.8rem);
	font-weight: 900;
	line-height: 1;
}

html.corporate-surface .casazar-awards-position-card small {
	color: rgba(226, 232, 240, 0.66);
	font-size: 0.86rem;
}

html.corporate-surface .casazar-awards-spotlight {
	display: grid;
	grid-template-columns: minmax(320px, 0.96fr) minmax(0, 0.82fr);
	gap: clamp(1.2rem, 4vw, 3rem);
	align-items: center;
	overflow: hidden;
	padding: clamp(1.35rem, 4vw, 3.2rem);
	border-radius: 32px;
	background:
		radial-gradient(circle at 28% 45%, rgba(214, 179, 106, 0.14), transparent 30%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.96), rgba(5, 8, 22, 0.91));
	text-decoration: none;
}

html.corporate-surface .casazar-awards-spotlight__media {
	min-height: clamp(340px, 45vw, 520px);
}

html.corporate-surface .casazar-awards-spotlight h2,
html.corporate-surface .casazar-awards-section-head h2 {
	font-size: clamp(2.2rem, 5vw, 4.8rem);
}

html.corporate-surface .casazar-awards-spotlight p {
	max-width: 480px;
	margin: 1rem 0 0;
	font-size: clamp(1rem, 1.55vw, 1.18rem);
	line-height: 1.55;
}

html.corporate-surface .casazar-awards-badge {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-bottom: 0.9rem;
	padding: 0.45rem 0.72rem;
	border: 1px solid rgba(231, 215, 177, 0.22);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(231, 215, 177, 0.11), rgba(5, 8, 22, 0.34)),
		rgba(5, 8, 22, 0.62);
	color: #e7d7b1;
	font-size: 0.74rem;
	font-weight: 850;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

html.corporate-surface .casazar-awards-spotlight__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1.25rem;
}

html.corporate-surface .casazar-awards-spotlight__meta span {
	padding: 0.55rem 0.72rem;
	border: 1px solid rgba(231, 215, 177, 0.12);
	border-radius: 999px;
	background: rgba(5, 8, 22, 0.42);
}

html.corporate-surface .casazar-awards-section-head {
	max-width: 720px;
	margin-bottom: 1.2rem;
}

html.corporate-surface .casazar-awards-section-head p {
	max-width: 620px;
	margin: 0.75rem 0 0;
	font-size: 1.02rem;
	line-height: 1.55;
}

html.corporate-surface .casazar-awards-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.9rem, 2vw, 1.25rem);
}

html.corporate-surface .casazar-awards-card {
	position: relative;
	overflow: hidden;
	display: grid;
	min-height: 100%;
	border: 1px solid rgba(231, 215, 177, 0.14);
	border-radius: 26px;
	background:
		linear-gradient(180deg, rgba(245, 237, 203, 0.035), transparent 48%),
		rgba(5, 8, 22, 0.58);
	box-shadow:
		0 22px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.04);
	text-decoration: none;
	transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

html.corporate-surface .casazar-awards-card:hover {
	border-color: rgba(214, 179, 106, 0.34);
	box-shadow:
		0 30px 86px rgba(0, 0, 0, 0.38),
		0 0 34px rgba(214, 179, 106, 0.1),
		inset 0 1px 0 rgba(245, 245, 244, 0.06);
	transform: translateY(-2px);
}

html.corporate-surface .casazar-awards-card__media {
	min-height: 260px;
	border-bottom: 1px solid rgba(231, 215, 177, 0.1);
}

html.corporate-surface .casazar-awards-card__body {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 0.55rem;
	padding: 1.15rem;
}

html.corporate-surface .casazar-awards-card h3 {
	font-size: clamp(1.28rem, 2vw, 1.7rem);
}

html.corporate-surface .casazar-awards-card p {
	margin: 0;
	line-height: 1.45;
}

html.corporate-surface .casazar-prize-art {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background:
		radial-gradient(circle at 54% 45%, rgba(214, 179, 106, 0.14), transparent 34%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.08), rgba(5, 8, 22, 0.42));
}

html.corporate-surface .casazar-prize-art__glow,
html.corporate-surface .casazar-prize-art__case,
html.corporate-surface .casazar-prize-art__bottle,
html.corporate-surface .casazar-prize-art__plinth {
	position: absolute;
	pointer-events: none;
}

html.corporate-surface .casazar-prize-art__glow {
	inset: 14% 14% 12%;
	border-radius: 999px;
	background:
		radial-gradient(circle at 48% 40%, rgba(245, 237, 203, 0.18), transparent 22%),
		radial-gradient(circle at 56% 56%, rgba(214, 179, 106, 0.28), transparent 43%);
	filter: blur(24px);
	opacity: 0.72;
}

html.corporate-surface .casazar-prize-art__case {
	left: 50%;
	bottom: 16%;
	width: 70%;
	height: 42%;
	border: 1px solid rgba(231, 215, 177, 0.22);
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(231, 215, 177, 0.1), transparent 34%),
		linear-gradient(180deg, rgba(8, 12, 24, 0.78), rgba(8, 12, 24, 0.24));
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(245, 237, 203, 0.08);
	transform: translateX(-50%) rotate(-5deg);
}

html.corporate-surface .casazar-prize-art__case::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -13%;
	width: 32%;
	height: 22%;
	border: 1px solid rgba(231, 215, 177, 0.2);
	border-bottom: 0;
	border-radius: 18px 18px 0 0;
	transform: translateX(-50%);
}

html.corporate-surface .casazar-prize-art__bottle {
	left: 50%;
	bottom: 8%;
	z-index: 2;
	height: 78%;
	width: auto;
	max-width: none;
	opacity: 0.88;
	transform: translateX(-50%) rotate(-6deg);
	filter:
		saturate(1.05)
		contrast(1.08)
		drop-shadow(0 28px 44px rgba(0, 0, 0, 0.54))
		drop-shadow(0 0 24px rgba(214, 179, 106, 0.12));
	transition: transform 0.22s ease, opacity 0.22s ease;
}

html.corporate-surface .casazar-awards-card:hover .casazar-prize-art__bottle {
	opacity: 0.94;
	transform: translateX(-50%) rotate(-6deg) scale(1.035);
}

html.corporate-surface .casazar-prize-art__bottle--front {
	left: 54%;
	height: 88%;
}

html.corporate-surface .casazar-prize-art__bottle--back {
	left: 39%;
	height: 73%;
	opacity: 0.34;
	filter: blur(0.4px) saturate(0.82) drop-shadow(0 22px 36px rgba(0, 0, 0, 0.48));
	transform: translateX(-50%) rotate(-11deg);
}

html.corporate-surface .casazar-prize-art__plinth {
	left: 50%;
	bottom: 8%;
	width: 62%;
	height: 14%;
	border-radius: 999px;
	background: radial-gradient(ellipse, rgba(0, 0, 0, 0.64), transparent 72%);
	filter: blur(12px);
	transform: translateX(-50%);
}

html.corporate-surface .casazar-prize-art--anejo .casazar-prize-art__glow {
	background:
		radial-gradient(circle at 48% 40%, rgba(245, 237, 203, 0.14), transparent 22%),
		radial-gradient(circle at 56% 56%, rgba(171, 109, 43, 0.28), transparent 43%);
}

html.corporate-surface .casazar-prize-art--reposado .casazar-prize-art__glow {
	background:
		radial-gradient(circle at 44% 38%, rgba(245, 237, 203, 0.13), transparent 22%),
		radial-gradient(circle at 56% 56%, rgba(214, 179, 106, 0.24), transparent 43%);
}

html.corporate-surface .casazar-prize-art--joven-bottle .casazar-prize-art__bottle {
	height: 86%;
}

html.corporate-surface .casazar-prize-visual {
	--prize-glow-a: rgba(214, 179, 106, 0.28);
	--prize-glow-b: rgba(245, 237, 203, 0.12);
	position: relative;
	isolation: isolate;
	display: grid;
	place-items: center;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 18%, rgba(245, 237, 203, 0.035), transparent 28%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.08), rgba(5, 8, 22, 0.42));
}

html.corporate-surface .casazar-prize-visual::before {
	content: "";
	position: absolute;
	inset: 16% 12% 12%;
	z-index: 0;
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 42%, var(--prize-glow-b), transparent 24%),
		radial-gradient(circle at 50% 54%, var(--prize-glow-a), transparent 48%);
	filter: blur(26px);
	opacity: 0.72;
	pointer-events: none;
	transition: opacity 0.22s ease, transform 0.22s ease;
}

html.corporate-surface .casazar-awards-card:hover .casazar-prize-visual::before {
	opacity: 0.82;
	transform: scale(1.04);
}

html.corporate-surface .casazar-prize-visual__image {
	position: relative;
	z-index: 1;
	display: block;
	width: min(78%, 210px);
	height: clamp(150px, 18vw, 190px);
	object-fit: contain;
	object-position: center;
	filter:
		saturate(1.03)
		contrast(1.06)
		drop-shadow(0 24px 38px rgba(0, 0, 0, 0.48));
	transition: transform 0.22s ease, filter 0.22s ease;
}

html.corporate-surface .casazar-awards-card:hover .casazar-prize-visual__image {
	transform: scale(1.025);
	filter:
		saturate(1.05)
		contrast(1.08)
		drop-shadow(0 28px 44px rgba(0, 0, 0, 0.52));
}

html.corporate-surface .casazar-prize-visual--collection {
	--prize-glow-a: rgba(214, 179, 106, 0.32);
	--prize-glow-b: rgba(245, 237, 203, 0.16);
	min-height: clamp(340px, 45vw, 520px);
}

html.corporate-surface .casazar-prize-visual--collection::before {
	inset: 12% 7% 8%;
	filter: blur(34px);
	opacity: 0.84;
}

html.corporate-surface .casazar-prize-visual--collection .casazar-prize-visual__image {
	width: min(92%, 520px);
	height: clamp(260px, 34vw, 340px);
}

html.corporate-surface .casazar-prize-visual--anejo {
	--prize-glow-a: rgba(171, 109, 43, 0.32);
	--prize-glow-b: rgba(245, 237, 203, 0.12);
}

html.corporate-surface .casazar-prize-visual--anejo-case {
	--prize-glow-a: rgba(171, 109, 43, 0.32);
	--prize-glow-b: rgba(245, 237, 203, 0.12);
}

html.corporate-surface .casazar-prize-visual--anejo-case .casazar-prize-visual__image {
	width: min(88%, 270px);
}

html.corporate-surface .casazar-prize-visual--repo {
	--prize-glow-a: rgba(64, 132, 98, 0.3);
	--prize-glow-b: rgba(214, 179, 106, 0.14);
}

html.corporate-surface .casazar-prize-visual--joven-case,
html.corporate-surface .casazar-prize-visual--joven-bottle {
	--prize-glow-a: rgba(245, 237, 203, 0.24);
	--prize-glow-b: rgba(214, 179, 106, 0.12);
}

html.corporate-surface .casazar-awards-mystery {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(280px, 1fr);
	gap: clamp(1rem, 2.4vw, 1.6rem);
	align-items: start;
	margin: 0 0 clamp(1rem, 2vw, 1.35rem);
	padding: clamp(1rem, 2.4vw, 1.55rem);
	border: 1px solid rgba(231, 215, 177, 0.16);
	border-radius: 26px;
	background:
		radial-gradient(circle at 86% 16%, rgba(214, 179, 106, 0.12), transparent 32%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.94), rgba(5, 8, 22, 0.9));
	box-shadow:
		0 24px 58px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(245, 245, 244, 0.045);
}

html.corporate-surface .casazar-awards-mystery::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(112deg, transparent 8%, rgba(245, 237, 203, 0.04) 42%, transparent 66%),
		repeating-linear-gradient(90deg, rgba(231, 215, 177, 0.018) 0 1px, transparent 1px 72px);
	mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.72), transparent);
}

html.corporate-surface .casazar-awards-mystery > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .casazar-awards-mystery h3 {
	margin: 0;
	color: #f8f5ee;
	font-size: clamp(1.45rem, 2.6vw, 2.15rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.02;
}

html.corporate-surface .casazar-awards-mystery__copy p:not(.casazar-awards-eyebrow) {
	max-width: 640px;
	margin: 0.72rem 0 0;
	color: rgba(226, 232, 240, 0.72);
	line-height: 1.55;
}

html.corporate-surface .casazar-awards-mystery__note {
	color: rgba(231, 215, 177, 0.8) !important;
	font-weight: 750;
}

html.corporate-surface .casazar-awards-mystery__stages {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.7rem;
}

html.corporate-surface .casazar-awards-mystery__stages span {
	display: grid;
	gap: 0.22rem;
	min-height: 74px;
	padding: 0.85rem 0.9rem;
	border: 1px solid rgba(231, 215, 177, 0.13);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 60%),
		rgba(5, 8, 22, 0.58);
}

html.corporate-surface .casazar-awards-mystery__stages span.is-active {
	border-color: rgba(214, 179, 106, 0.42);
	box-shadow: inset 0 1px 0 rgba(245, 237, 203, 0.08), 0 14px 32px rgba(214, 179, 106, 0.08);
}

html.corporate-surface .casazar-awards-mystery__stages strong {
	color: #f8f5ee;
	font-size: 0.98rem;
	font-weight: 900;
}

html.corporate-surface .casazar-awards-mystery__stages small {
	color: rgba(226, 232, 240, 0.58);
	font-size: 0.82rem;
	font-weight: 800;
}

html.corporate-surface .casazar-awards-mystery__stages span.is-active small {
	color: rgba(231, 215, 177, 0.9);
}

html.corporate-surface .casazar-awards-rules {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	width: fit-content;
	max-width: 100%;
	padding: 0.85rem 1rem;
	border-radius: 999px;
}

html.corporate-surface .casazar-awards-rules i {
	color: #35d0e2;
}

html.corporate-surface .casazar-awards-rules p {
	margin: 0;
	font-size: 0.92rem;
}

html.corporate-surface .casazar-awards-public-cta {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
	padding: clamp(1.15rem, 2.5vw, 1.8rem);
	border-radius: 26px;
	background:
		radial-gradient(circle at 84% 50%, rgba(214, 179, 106, 0.14), transparent 30%),
		linear-gradient(145deg, rgba(12, 18, 36, 0.96), rgba(5, 8, 22, 0.9));
}

html.corporate-surface .casazar-awards-public-cta::after {
	content: "";
	position: absolute;
	right: -3rem;
	bottom: -4rem;
	width: 13rem;
	height: 13rem;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(214, 179, 106, 0.12), transparent 66%);
	pointer-events: none;
}

html.corporate-surface .casazar-awards-public-cta > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .casazar-awards-public-cta h2 {
	max-width: 680px;
	font-size: clamp(1.55rem, 3vw, 2.55rem);
	line-height: 1.05;
}

html.corporate-surface .casazar-awards-public-cta p:not(.casazar-awards-eyebrow) {
	max-width: 580px;
	margin: 0.55rem 0 0;
	line-height: 1.52;
}

html.corporate-surface .casazar-awards-sticky-join {
	position: fixed;
	right: max(1rem, env(safe-area-inset-right));
	bottom: calc(var(--bottom-nav-height, 76px) + env(safe-area-inset-bottom, 0px) + 1rem);
	z-index: 1045;
	display: inline-flex;
	gap: 0.55rem;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 0.95rem 1.25rem;
	border: 1px solid rgba(255, 242, 203, 0.72);
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(255, 248, 219, 0.99), rgba(214, 179, 106, 0.98)),
		radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.58), transparent 32%);
	color: #07101f;
	font-weight: 950;
	text-decoration: none;
	box-shadow:
		0 18px 52px rgba(0, 0, 0, 0.36),
		0 16px 38px rgba(214, 179, 106, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.44);
	transition: transform 0.16s ease, box-shadow 0.16s ease;
}

html.corporate-surface .casazar-awards-sticky-join:hover,
html.corporate-surface .casazar-awards-sticky-join:focus-visible {
	color: #07101f;
	transform: translateY(-2px);
	box-shadow:
		0 22px 58px rgba(0, 0, 0, 0.4),
		0 20px 46px rgba(214, 179, 106, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

html.corporate-surface .casazar-awards-sticky-join i {
	font-size: 1.1rem;
}

@media (max-width: 991.98px) {
	html.corporate-surface .casazar-awards-hero,
	html.corporate-surface .casazar-awards-spotlight,
	html.corporate-surface .casazar-awards-public-cta,
	html.corporate-surface .casazar-awards-context {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .casazar-awards-hero {
		min-height: 440px;
		padding-right: clamp(1.25rem, 28vw, 13rem);
	}

	html.corporate-surface .casazar-awards-hero__content {
		max-width: min(64%, 500px);
	}

	html.corporate-surface .casazar-awards-hero__visual {
		min-height: 0;
		margin-top: 0;
	}

	html.corporate-surface .casazar-awards-hero__bottle {
		right: 7%;
		height: min(82%, 360px);
		opacity: 0.88;
	}

	html.corporate-surface .casazar-awards-hero__product {
		right: 3%;
		top: 60%;
		width: min(30vw, 270px);
		height: min(50%, 280px);
		opacity: 0.72;
	}

	html.corporate-surface .casazar-awards-hero__aura {
		right: -7%;
		width: min(54vw, 430px);
		opacity: 0.62;
	}

	html.corporate-surface .casazar-awards-hero__case {
		right: 2%;
		width: min(40vw, 300px);
	}

	html.corporate-surface .casazar-awards-context__actions {
		margin-top: 0;
	}

	html.corporate-surface .casazar-awards-context__logo {
		width: clamp(108px, 22vw, 148px);
	}

	html.corporate-surface .casazar-awards-mystery {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .casazar-awards-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .casazar-prize-visual--collection .casazar-prize-visual__image {
		height: clamp(240px, 40vw, 320px);
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .casazar-awards-page {
		width: min(100% - 1rem, 1180px);
		padding-top: 0.85rem;
		padding-bottom: calc(var(--bottom-nav-height, 76px) + env(safe-area-inset-bottom, 0px) + 6.5rem);
	}

	html.corporate-surface .casazar-awards-sticky-join {
		right: 1rem;
		left: 1rem;
		bottom: calc(var(--bottom-nav-height, 76px) + env(safe-area-inset-bottom, 0px) + 0.85rem);
		min-height: 58px;
	}

	html.corporate-surface .casazar-awards-hero,
	html.corporate-surface .casazar-awards-spotlight,
	html.corporate-surface .casazar-awards-context {
		padding: 1.1rem;
		border-radius: 24px;
	}

	html.corporate-surface .casazar-awards-hero {
		min-height: auto;
		padding-bottom: 1.1rem;
	}

	html.corporate-surface .casazar-awards-hero__content {
		max-width: 100%;
	}

	html.corporate-surface .casazar-awards-hero h1 {
		font-size: clamp(2.55rem, 16vw, 4.35rem);
		max-width: min(100%, 330px);
		line-height: 0.94;
	}

	html.corporate-surface .casazar-awards-hero__logo {
		width: 104px;
		margin-bottom: 1.35rem;
		opacity: 0.46;
	}

	html.corporate-surface .casazar-awards-context__logo {
		width: 116px;
		margin-bottom: 0.85rem;
	}

	html.corporate-surface .casazar-awards-hero__visual {
		inset: 0;
		min-height: 0;
		margin: 0;
		opacity: 1;
	}

	html.corporate-surface .casazar-awards-hero__bottle {
		top: 50%;
		right: 0.9rem;
		bottom: auto;
		height: min(72%, 280px);
		opacity: 0.5;
		transform: translateY(-50%);
		filter:
			saturate(1.04)
			contrast(1.08)
			drop-shadow(-8px 0 16px rgba(214, 179, 106, 0.08))
			drop-shadow(0 34px 54px rgba(0, 0, 0, 0.58))
			drop-shadow(0 0 30px rgba(214, 179, 106, 0.16));
	}

	html.corporate-surface .casazar-awards-hero__product {
		display: none;
	}

	html.corporate-surface .casazar-awards-hero__aura {
		top: auto;
		right: -7.8rem;
		bottom: 0.6rem;
		width: 360px;
		height: 330px;
		opacity: 0.56;
		transform: rotate(-8deg);
	}

	html.corporate-surface .casazar-awards-hero__shimmer {
		right: 2rem;
		width: 160px;
		opacity: 0.34;
	}

	html.corporate-surface .casazar-awards-hero__case {
		top: auto;
		right: 0.2rem;
		bottom: 4rem;
		width: 260px;
		height: 132px;
		opacity: 0.5;
		transform: rotate(-7deg);
	}

	html.corporate-surface .casazar-awards-hero__reflection {
		right: -0.6rem;
		bottom: 1.2rem;
		width: 300px;
		opacity: 0.58;
	}

	html.corporate-surface .casazar-awards-hero__particles {
		right: -1rem;
		bottom: 6rem;
		top: auto;
		width: 280px;
		height: 260px;
		opacity: 0.24;
	}

	html.corporate-surface .casazar-awards-actions .btn-primary-gradient,
	html.corporate-surface .casazar-awards-actions .btn-secondary-soft,
	html.corporate-surface .casazar-awards-context__actions .btn-primary-gradient,
	html.corporate-surface .casazar-awards-context__actions .btn-secondary-soft,
	html.corporate-surface .casazar-awards-public-cta .btn-primary-gradient {
		width: 100%;
		justify-content: center;
	}

	html.corporate-surface .casazar-awards-grid {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .casazar-awards-mystery {
		padding: 1rem;
		border-radius: 22px;
	}

	html.corporate-surface .casazar-awards-mystery__stages {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .casazar-awards-card__media {
		min-height: 245px;
	}

	html.corporate-surface .casazar-prize-visual__image {
		height: clamp(140px, 45vw, 178px);
	}

	html.corporate-surface .casazar-prize-visual--collection {
		min-height: 300px;
	}

	html.corporate-surface .casazar-prize-visual--collection .casazar-prize-visual__image {
		width: min(92%, 340px);
		height: clamp(220px, 68vw, 300px);
	}

	html.corporate-surface .casazar-awards-rules {
		width: 100%;
		align-items: flex-start;
		border-radius: 20px;
	}
}

/* Final corporate ranking alignment: this sits after legacy responsive rules. */
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip {
	grid-template-columns: 1.15fr 1fr 1fr;
	gap: clamp(0.8rem, 1.4vw, 1.1rem);
	margin: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(1.8rem, 3vw, 2.8rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip__item,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insights-grid,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-board--race-control,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-bar,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card {
	border-color: transparent;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip__item {
	min-height: 142px;
	border-radius: 24px;
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.075), transparent 35%),
		radial-gradient(circle at 14% 8%, color-mix(in srgb, var(--broadcast-color, var(--corp-action)) 34%, transparent), transparent 36%),
		linear-gradient(145deg, rgba(12, 20, 36, 0.86), rgba(4, 8, 19, 0.9));
	box-shadow:
		0 32px 90px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.06) inset,
		0 0 42px color-mix(in srgb, var(--broadcast-color, var(--corp-action)) 18%, transparent);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insights-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.12), transparent 32%, rgba(215, 180, 106, 0.1) 72%, transparent),
		rgba(6, 11, 23, 0.52);
	box-shadow:
		0 34px 100px rgba(0, 0, 0, 0.24),
		0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card {
	min-height: 166px;
	padding: clamp(1rem, 1.8vw, 1.35rem);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-board--race-control {
	overflow: hidden;
	padding: clamp(1.5rem, 2.6vw, 2.35rem);
	border: 0;
	border-radius: 34px;
	background:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		radial-gradient(circle at 11% 6%, rgba(53, 208, 226, 0.25), transparent 31%),
		radial-gradient(circle at 88% 5%, rgba(215, 180, 106, 0.18), transparent 30%),
		radial-gradient(circle at 50% 100%, rgba(92, 242, 165, 0.13), transparent 40%),
		linear-gradient(145deg, rgba(11, 18, 34, 0.94), rgba(3, 7, 18, 0.98));
	background-size: 88px 88px, 88px 88px, auto, auto, auto, auto;
	box-shadow:
		0 44px 130px rgba(0, 0, 0, 0.4),
		0 0 0 1px rgba(255, 255, 255, 0.06) inset,
		0 0 80px rgba(53, 208, 226, 0.12);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-board--race-control .section-title {
	max-width: 16ch;
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(2rem, 3.8vw, 4.4rem);
	line-height: 0.95;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-bar {
	grid-template-columns: minmax(220px, 1.4fr) auto minmax(180px, 0.9fr) minmax(170px, 0.8fr) auto;
	border: 0;
	border-radius: 28px;
	background:
		linear-gradient(110deg, rgba(53, 208, 226, 0.22), transparent 44%),
		linear-gradient(290deg, rgba(92, 242, 165, 0.16), transparent 48%),
		rgba(4, 10, 22, 0.76);
	box-shadow:
		0 28px 90px rgba(0, 0, 0, 0.3),
		0 0 0 1px rgba(53, 208, 226, 0.16) inset,
		0 0 54px rgba(53, 208, 226, 0.11);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card {
	min-height: 98px;
	padding: 1rem 1.15rem 1rem 1.35rem;
	border: 0;
	border-radius: 20px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
		rgba(4, 9, 20, 0.68);
	box-shadow:
		0 18px 58px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card::before {
	width: 4px;
	border-radius: 999px;
	background: var(--corp-action);
	box-shadow: 0 0 28px rgba(53, 208, 226, 0.45);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card.is-leader::before,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card.is-rank-1::before,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card.is-top-3::before {
	background: var(--corp-leadership);
	box-shadow: 0 0 30px rgba(215, 180, 106, 0.42);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card.is-current-user {
	background:
		linear-gradient(100deg, rgba(53, 208, 226, 0.2), transparent 38%),
		linear-gradient(280deg, rgba(92, 242, 165, 0.13), transparent 44%),
		rgba(4, 12, 24, 0.82);
	box-shadow:
		0 24px 80px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(53, 208, 226, 0.24) inset,
		0 0 48px rgba(53, 208, 226, 0.15);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-mode-chip.is-active,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-cta,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-load-more {
	border: 0;
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.94), rgba(92, 242, 165, 0.82));
	color: #06101c;
	box-shadow:
		0 18px 46px rgba(53, 208, 226, 0.22),
		0 0 0 1px rgba(255, 255, 255, 0.18) inset;
}

@media (max-width: 920px) {
	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip,
	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insights-grid {
		grid-template-columns: 1fr;
		border-radius: 24px;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-board--race-control {
		padding: 1rem;
		border-radius: 24px;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-board--race-control .section-title {
		font-size: clamp(1.45rem, 8vw, 2.5rem);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-bar {
		grid-template-columns: 1fr;
		padding: 1rem;
		border-radius: 22px;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card {
		min-height: 0;
		padding: 0.82rem 0.9rem 0.82rem 1rem;
		border-radius: 18px;
	}
}

/* Final corporate landing alignment: event OS, not SaaS brochure. */
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page {
	--landing-action: var(--corp-action, #35d0e2);
	--landing-leadership: var(--corp-leadership, #d7b46a);
	--landing-momentum: var(--corp-momentum, #5cf2a5);
	--landing-danger: var(--corp-danger, #f87171);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .page-container {
	max-width: min(1560px, calc(100vw - 32px));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os {
	position: relative;
	isolation: isolate;
	min-height: min(720px, calc(100svh - 152px));
	margin-top: clamp(0.3rem, 1vw, 0.8rem);
	padding: clamp(2rem, 4vw, 4.8rem) !important;
	overflow: hidden;
	border: 0;
	border-radius: 36px;
	background:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		radial-gradient(circle at 12% 12%, rgba(53, 208, 226, 0.22), transparent 32%),
		radial-gradient(circle at 74% 16%, rgba(215, 180, 106, 0.16), transparent 26%),
		radial-gradient(circle at 86% 82%, rgba(92, 242, 165, 0.13), transparent 30%),
		linear-gradient(135deg, rgba(5, 10, 24, 0.98), rgba(8, 16, 32, 0.93) 54%, rgba(2, 6, 16, 0.98));
	background-size: 86px 86px, 86px 86px, auto, auto, auto, auto;
	box-shadow:
		0 44px 150px rgba(0, 0, 0, 0.44),
		0 0 0 1px rgba(255, 255, 255, 0.055) inset,
		0 0 90px rgba(53, 208, 226, 0.12);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(118deg, transparent 0 34%, rgba(53, 208, 226, 0.12) 44%, transparent 58%),
		radial-gradient(ellipse at 68% 48%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.32) 72%),
		linear-gradient(180deg, transparent 0 68%, rgba(4, 8, 19, 0.72));
	opacity: 0.9;
	pointer-events: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os::after {
	content: "";
	position: absolute;
	right: clamp(1.5rem, 5vw, 5rem);
	bottom: clamp(1.4rem, 3vw, 2.4rem);
	left: clamp(1.5rem, 5vw, 5rem);
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, var(--landing-action), var(--landing-momentum), var(--landing-leadership), transparent);
	box-shadow:
		0 0 32px rgba(53, 208, 226, 0.34),
		0 0 52px rgba(92, 242, 165, 0.16);
	pointer-events: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .row {
	min-height: min(560px, calc(100svh - 280px));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-title,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-section-title {
	letter-spacing: 0;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-title {
	max-width: 11.5ch;
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(3.2rem, 7vw, 7.4rem);
	line-height: 0.9;
	text-wrap: balance;
	text-shadow:
		0 28px 72px rgba(0, 0, 0, 0.42),
		0 0 42px rgba(53, 208, 226, 0.1);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-subtitle {
	max-width: 760px;
	color: rgba(236, 242, 251, 0.84);
	font-size: clamp(1.1rem, 1.6vw, 1.38rem);
	font-weight: 760;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-supporting {
	max-width: 680px;
	color: rgba(203, 213, 225, 0.76);
	font-size: clamp(0.98rem, 1.2vw, 1.1rem);
	font-weight: 720;
	line-height: 1.48;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-top: 1.2rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-chips span {
	border: 0;
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
		rgba(5, 10, 22, 0.58);
	color: rgba(232, 238, 249, 0.86);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-chips i {
	color: var(--landing-momentum);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-momentum-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	max-width: 760px;
	margin-top: clamp(1.3rem, 2.2vw, 2rem);
	overflow: hidden;
	border-radius: 24px;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.12), transparent 38%, rgba(215, 180, 106, 0.11)),
		rgba(3, 8, 19, 0.58);
	box-shadow:
		0 26px 80px rgba(0, 0, 0, 0.24),
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
	backdrop-filter: blur(16px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-momentum-strip span {
	display: grid;
	gap: 0.32rem;
	padding: 1rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-momentum-strip span + span {
	box-shadow: -1px 0 0 rgba(255, 255, 255, 0.06) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-momentum-strip strong {
	color: var(--landing-action);
	font-size: 0.74rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-momentum-strip small {
	color: rgba(232, 238, 249, 0.82);
	font-size: 0.9rem;
	font-weight: 780;
	line-height: 1.26;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero .corporate-live-network {
	transform: scale(1.12);
	filter: saturate(1.18) contrast(1.05) drop-shadow(0 34px 80px rgba(53, 208, 226, 0.14));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-landing-section {
	margin-top: clamp(1.8rem, 4vw, 4rem);
	padding: clamp(2rem, 5vw, 5rem);
	border: 0;
	border-radius: 34px;
	background:
		linear-gradient(125deg, rgba(255, 255, 255, 0.045), transparent 42%),
		radial-gradient(circle at 84% 12%, rgba(53, 208, 226, 0.12), transparent 34%),
		linear-gradient(135deg, rgba(9, 16, 31, 0.84), rgba(3, 7, 18, 0.94));
	box-shadow:
		0 38px 120px rgba(0, 0, 0, 0.26),
		0 0 0 1px rgba(255, 255, 255, 0.045) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-landing-section::before {
	background:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 92px 92px;
	mask-image: linear-gradient(125deg, rgba(0, 0, 0, 0.78), transparent 72%);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-section-header {
	align-items: end;
	gap: clamp(1rem, 3vw, 2rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-section-title {
	max-width: 13ch;
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(2.25rem, 5vw, 5.7rem);
	line-height: 0.92;
	text-wrap: balance;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-section-copy {
	max-width: 58ch;
	color: rgba(203, 213, 225, 0.78);
	font-size: clamp(1rem, 1.35vw, 1.18rem);
	font-weight: 720;
	line-height: 1.48;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: clamp(2rem, 4vw, 3.5rem);
	overflow: hidden;
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.12), transparent 36%, rgba(92, 242, 165, 0.1)),
		rgba(4, 10, 22, 0.56);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-card {
	min-height: 240px;
	padding: clamp(1.1rem, 2vw, 1.6rem);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-card + .corporate-value-card {
	box-shadow: -1px 0 0 rgba(255, 255, 255, 0.06) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-card h3,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-event-card h3,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-model-card h3 {
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(1.12rem, 1.6vw, 1.45rem);
	line-height: 1.02;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-feature-card__icon,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-event-card__icon {
	border: 0;
	background: rgba(53, 208, 226, 0.12);
	color: #bff8ff;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.08) inset,
		0 0 30px rgba(53, 208, 226, 0.16);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-landing-section--paddock {
	background:
		radial-gradient(circle at 9% 12%, rgba(215, 180, 106, 0.15), transparent 30%),
		radial-gradient(circle at 86% 16%, rgba(53, 208, 226, 0.14), transparent 34%),
		linear-gradient(135deg, rgba(11, 18, 34, 0.9), rgba(3, 7, 18, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-landing-section--how {
	background:
		radial-gradient(circle at 12% 18%, rgba(53, 208, 226, 0.17), transparent 32%),
		radial-gradient(circle at 88% 22%, rgba(92, 242, 165, 0.1), transparent 28%),
		linear-gradient(135deg, rgba(6, 13, 27, 0.94), rgba(2, 6, 16, 0.98));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-landing-section--how .corporate-section-title {
	max-width: 12ch;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-landing-section--how .corporate-section-copy {
	max-width: 45ch;
	color: rgba(245, 248, 255, 0.84);
	font-size: clamp(1.03rem, 1.42vw, 1.2rem);
	font-weight: 760;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-grid {
	position: relative;
	gap: clamp(0.85rem, 1.45vw, 1.1rem);
	margin-top: clamp(2rem, 4vw, 3rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-grid::before {
	content: "";
	position: absolute;
	top: 2.2rem;
	left: 4%;
	right: 4%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.28), rgba(191, 248, 255, 0.2), transparent);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-card {
	min-height: 260px;
	padding: clamp(1rem, 1.6vw, 1.35rem);
	border: 0;
	border-radius: 26px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.018)),
		rgba(5, 10, 22, 0.68);
	box-shadow:
		0 22px 72px rgba(0, 0, 0, 0.2),
		0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-card:hover {
	box-shadow:
		0 28px 86px rgba(0, 0, 0, 0.26),
		0 0 0 1px rgba(53, 208, 226, 0.16) inset,
		0 0 58px rgba(53, 208, 226, 0.14);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-card h3 {
	max-width: 12ch;
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(1.2rem, 1.7vw, 1.58rem);
	line-height: 1.02;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-card p {
	color: rgba(226, 232, 240, 0.68);
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.42;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-close {
	margin-top: clamp(1rem, 2vw, 1.35rem);
	border: 0;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.14), transparent 48%, rgba(92, 242, 165, 0.09)),
		rgba(5, 10, 22, 0.7);
	box-shadow:
		0 24px 76px rgba(0, 0, 0, 0.2),
		0 0 0 1px rgba(53, 208, 226, 0.09) inset;
}

@media (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-grid::before {
		display: none;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-card {
		min-height: 0;
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-grid,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-model-grid {
	display: grid;
	gap: clamp(1rem, 2vw, 1.4rem);
	margin-top: clamp(1.6rem, 3vw, 2.4rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-card,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-model-card {
	border: 0;
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.022)),
		rgba(5, 10, 22, 0.62);
	box-shadow:
		0 24px 80px rgba(0, 0, 0, 0.22),
		0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-card--enterprise {
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.18), transparent 38%),
		linear-gradient(300deg, rgba(92, 242, 165, 0.12), transparent 42%),
		rgba(5, 10, 22, 0.74);
	box-shadow:
		0 30px 96px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(53, 208, 226, 0.12) inset,
		0 0 60px rgba(53, 208, 226, 0.1);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-card blockquote {
	border: 0;
	border-left: 3px solid var(--landing-action);
	background: rgba(53, 208, 226, 0.09);
	color: #c7fbff;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison {
	background:
		radial-gradient(circle at 18% 16%, rgba(215, 180, 106, 0.12), transparent 30%),
		radial-gradient(circle at 82% 16%, rgba(53, 208, 226, 0.16), transparent 32%),
		linear-gradient(135deg, rgba(11, 18, 34, 0.92), rgba(3, 7, 18, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-section-title {
	max-width: 15ch;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-section-copy {
	max-width: 34ch;
	color: rgba(245, 248, 255, 0.84);
	font-size: clamp(1.05rem, 1.5vw, 1.24rem);
	font-weight: 780;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-grid {
	position: relative;
	gap: clamp(1rem, 2.2vw, 1.65rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-grid::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 1px;
	height: min(72%, 420px);
	background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.12), rgba(53, 208, 226, 0.28), transparent);
	transform: translate(-50%, -50%);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-card {
	z-index: 1;
	min-height: 420px;
	padding: clamp(1.25rem, 2.4vw, 1.85rem);
	border-radius: 30px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018)),
		rgba(5, 10, 22, 0.66);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-card--enterprise {
	background:
		radial-gradient(circle at 84% 14%, rgba(53, 208, 226, 0.22), transparent 34%),
		linear-gradient(145deg, rgba(53, 208, 226, 0.14), transparent 40%),
		rgba(5, 10, 22, 0.78);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-card__header {
	padding-right: 0;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-card__header h3 {
	max-width: 11ch;
	font-size: clamp(1.8rem, 3vw, 2.7rem);
	line-height: 0.96;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-card > p {
	max-width: 46ch;
	color: rgba(226, 232, 240, 0.76);
	font-size: clamp(0.98rem, 1.22vw, 1.08rem);
	line-height: 1.45;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-capability-list--compact {
	display: grid;
	gap: 0.18rem;
	margin-top: 0.35rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-capability-list--compact li {
	padding-block: 0.44rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.055);
	color: rgba(245, 248, 255, 0.78);
	font-size: 0.9rem;
	font-weight: 780;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-capability-list--compact li:last-child {
	border-bottom: 0;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-pricing-badge {
	border-color: rgba(191, 248, 255, 0.2);
	background: rgba(53, 208, 226, 0.12);
	color: #c7fbff;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-pricing-cta {
	margin-top: auto;
}

@media (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-grid::before {
		top: 50%;
		left: 1.1rem;
		height: calc(100% - 3rem);
		transform: translateY(-50%);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-section--comparison .corporate-launch-card {
		min-height: 0;
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-card {
	grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.82fr);
	padding: clamp(1.2rem, 2.5vw, 2rem);
	border: 0;
	border-radius: 32px;
	background:
		linear-gradient(115deg, rgba(5, 10, 22, 0.94), rgba(5, 10, 22, 0.48) 56%, rgba(53, 208, 226, 0.1)),
		radial-gradient(circle at 82% 18%, rgba(215, 180, 106, 0.18), transparent 30%),
		rgba(3, 7, 18, 0.9);
	box-shadow:
		0 34px 120px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-card h3 {
	font-family: var(--corp-font-display, inherit);
	font-size: clamp(2.3rem, 5vw, 5.2rem);
	letter-spacing: 0;
	line-height: 0.9;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-visual {
	min-height: 440px;
	border: 0;
	border-radius: 30px;
	background:
		radial-gradient(circle at 50% 24%, rgba(215, 180, 106, 0.2), transparent 28%),
		linear-gradient(145deg, rgba(53, 208, 226, 0.12), rgba(4, 10, 22, 0.88));
	box-shadow:
		0 28px 90px rgba(0, 0, 0, 0.3),
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-section {
	background:
		radial-gradient(circle at 78% 16%, rgba(215, 180, 106, 0.15), transparent 30%),
		radial-gradient(circle at 18% 88%, rgba(53, 208, 226, 0.13), transparent 34%),
		linear-gradient(135deg, rgba(8, 14, 28, 0.94), rgba(2, 6, 16, 0.98));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-section .corporate-section-title {
	max-width: 16ch;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-card {
	grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
	align-items: stretch;
	gap: clamp(1.2rem, 3vw, 2.25rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-card__content {
	align-content: center;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-card h3 {
	font-size: clamp(2rem, 3.8vw, 4.2rem);
	line-height: 0.92;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-card .corporate-section-copy {
	color: rgba(226, 232, 240, 0.76);
	font-size: clamp(0.98rem, 1.25vw, 1.1rem);
	font-weight: 720;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-points {
	display: grid;
	gap: 0.5rem;
	margin-top: 0.8rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-points span {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.66rem 0.72rem;
	border-color: rgba(215, 180, 106, 0.14);
	border-radius: 16px;
	background:
		linear-gradient(90deg, rgba(215, 180, 106, 0.09), transparent),
		rgba(255, 255, 255, 0.025);
	color: rgba(245, 248, 255, 0.82);
	font-size: 0.88rem;
	line-height: 1.2;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-points i {
	display: inline-grid;
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	place-items: center;
	border-radius: 999px;
	background: rgba(215, 180, 106, 0.18);
	color: #f6df9c;
	font-size: 0.82rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-visual {
	min-height: clamp(560px, 58vw, 760px);
	padding: 0;
	border-radius: 30px;
	background: rgba(4, 8, 18, 0.78);
	box-shadow:
		0 38px 120px rgba(0, 0, 0, 0.4),
		0 0 0 1px rgba(215, 180, 106, 0.12) inset,
		0 0 70px rgba(215, 180, 106, 0.08);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	filter: saturate(1.06) contrast(1.03);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-visual::before {
	display: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-visual::after {
	background:
		linear-gradient(180deg, rgba(2, 6, 16, 0.02), rgba(2, 6, 16, 0.12) 72%, rgba(2, 6, 16, 0.5)),
		linear-gradient(90deg, rgba(2, 6, 16, 0.12), transparent 28%, rgba(2, 6, 16, 0.18));
}

.corporate-proof-visual__status {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	max-width: calc(100% - 2rem);
	padding: 0.62rem 0.82rem;
	border: 1px solid rgba(246, 223, 156, 0.32);
	border-radius: 999px;
	background: rgba(5, 8, 22, 0.72);
	color: rgba(255, 246, 214, 0.92);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1;
	backdrop-filter: blur(14px);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.corporate-proof-visual__status span {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 999px;
	background: #5cf2a5;
	box-shadow: 0 0 18px rgba(92, 242, 165, 0.68);
}

@media (max-width: 1100px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-card {
		grid-template-columns: 1fr;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-visual {
		min-height: clamp(420px, 92vw, 680px);
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	margin-top: clamp(2rem, 4vw, 3rem);
	overflow: hidden;
	border-radius: 30px;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.12), transparent 48%, rgba(248, 113, 113, 0.08)),
		rgba(5, 10, 22, 0.62);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-event-card {
	grid-template-columns: 1fr;
	min-height: 230px;
	padding: clamp(1rem, 1.6vw, 1.3rem);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-event-card + .corporate-event-card {
	box-shadow: -1px 0 0 rgba(255, 255, 255, 0.06) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion {
	background:
		radial-gradient(circle at 16% 18%, rgba(215, 180, 106, 0.12), transparent 30%),
		radial-gradient(circle at 84% 14%, rgba(53, 208, 226, 0.15), transparent 34%),
		linear-gradient(135deg, rgba(8, 16, 31, 0.94), rgba(2, 6, 16, 0.98));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-section-title {
	max-width: 16ch;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-section-copy {
	max-width: 42ch;
	color: rgba(245, 248, 255, 0.84);
	font-size: clamp(1.02rem, 1.42vw, 1.2rem);
	font-weight: 760;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-events-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.4vw, 1rem);
	overflow: visible;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card {
	position: relative;
	min-height: 220px;
	padding: clamp(1rem, 1.6vw, 1.35rem);
	overflow: hidden;
	border-radius: 24px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
		rgba(5, 10, 22, 0.62);
	box-shadow:
		0 20px 70px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card:first-child {
	grid-column: span 2;
	background:
		radial-gradient(circle at 78% 18%, rgba(215, 180, 106, 0.18), transparent 34%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)),
		rgba(5, 10, 22, 0.72);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card + .corporate-event-card {
	box-shadow:
		0 20px 70px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card::after {
	content: "";
	position: absolute;
	inset: auto 1rem 0;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.45), rgba(215, 180, 106, 0.38), transparent);
	opacity: 0.65;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card__icon {
	margin-bottom: 1rem;
	border-color: rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.045);
	color: #c7fbff;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card h3 {
	max-width: 12ch;
	font-size: clamp(1.18rem, 1.75vw, 1.55rem);
	line-height: 1.02;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card:first-child h3 {
	max-width: 14ch;
	font-size: clamp(1.45rem, 2.2vw, 2.15rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card p {
	color: rgba(226, 232, 240, 0.68);
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.42;
}

@media (max-width: 1100px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-events-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-events-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card:first-child {
		grid-template-columns: 1fr;
		grid-column: auto;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-section--passion .corporate-event-card {
		min-height: 0;
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-ai-studio-section {
	grid-template-columns: minmax(0, 0.82fr) minmax(360px, 1.18fr);
	background:
		radial-gradient(circle at 82% 18%, rgba(53, 208, 226, 0.19), transparent 31%),
		radial-gradient(circle at 42% 100%, rgba(92, 242, 165, 0.11), transparent 32%),
		linear-gradient(135deg, rgba(8, 16, 31, 0.92), rgba(2, 6, 16, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-ai-studio-preview__hero,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-ai-studio-preview__prompt {
	border: 0;
	box-shadow:
		0 24px 80px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-ai-studio-preview__image span {
	background:
		radial-gradient(circle at 68% 30%, rgba(53, 208, 226, 0.72), transparent 16%),
		radial-gradient(circle at 82% 76%, rgba(92, 242, 165, 0.46), transparent 22%),
		linear-gradient(155deg, #06101c 0%, #0e3642 44%, #166173 72%, #35d0e2 100%);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-activity-strip {
	gap: 0;
	margin-top: clamp(2rem, 4vw, 3rem);
	overflow: hidden;
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(92, 242, 165, 0.12), transparent 45%, rgba(53, 208, 226, 0.12)),
		rgba(4, 10, 22, 0.58);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-activity-item {
	min-height: 160px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-activity-item + .corporate-activity-item {
	box-shadow: -1px 0 0 rgba(255, 255, 255, 0.06) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-closing-section {
	background:
		radial-gradient(circle at 78% 18%, rgba(215, 180, 106, 0.18), transparent 32%),
		radial-gradient(circle at 18% 84%, rgba(53, 208, 226, 0.16), transparent 34%),
		linear-gradient(135deg, rgba(10, 18, 34, 0.92), rgba(2, 6, 16, 0.98));
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-closing-row {
	margin-top: clamp(1.4rem, 3vw, 2.2rem);
	padding: clamp(1rem, 2vw, 1.4rem);
	border: 0;
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.13), transparent 42%, rgba(92, 242, 165, 0.11)),
		rgba(4, 10, 22, 0.58);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

@media (max-width: 1100px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-activity-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-card,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-ai-studio-section {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .page-container {
		max-width: min(100vw - 18px, 1560px);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os {
		min-height: auto;
		padding: 1.15rem !important;
		border-radius: 26px;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-title {
		max-width: 12ch;
		font-size: clamp(2.45rem, 13vw, 4rem);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-momentum-strip,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-activity-strip {
		grid-template-columns: 1fr;
		border-radius: 22px;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-landing-section {
		padding: 1.15rem;
		border-radius: 24px;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-section-header {
		align-items: flex-start;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-section-title {
		font-size: clamp(2rem, 11vw, 3.2rem);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-card,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-event-card,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-activity-item {
		min-height: 0;
	}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-proof-visual {
		min-height: 320px;
	}
}

/* Final ranking to matches alignment */
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) {
	padding-top: clamp(2rem, 4vw, 3.2rem);
	background: transparent;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .page-container {
	max-width: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(210px, 320px);
	gap: 1.5rem;
	min-height: 360px;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	overflow: hidden;
	border: 1px solid rgba(53, 208, 226, 0.2);
	border-radius: var(--corp-radius-lg);
	background:
		radial-gradient(circle at 82% 26%, rgba(53, 208, 226, 0.14), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(5, 8, 22, 0.94));
	box-shadow: var(--corp-shadow-soft);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	content: "";
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.08), transparent 34%),
		linear-gradient(rgba(245, 245, 244, 0.024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(53, 208, 226, 0.028) 1px, transparent 1px);
	background-size: auto, 64px 64px, 64px 64px;
	mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.68) 62%, transparent 100%);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero::after {
	content: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero__content,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero__actions {
	position: relative;
	z-index: 1;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero__lead {
	max-width: 780px;
	margin-top: 0.6rem;
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans, inherit);
	font-size: 4rem;
	font-weight: 800;
	line-height: 0.96;
	letter-spacing: -0.04em;
	text-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero .hero-accent {
	color: #35d0e2;
	background: linear-gradient(135deg, #c7f7ff 0%, #35d0e2 42%, #28ff7a 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow:
		0 0 18px rgba(53, 208, 226, 0.2),
		0 1px 0 rgba(255, 255, 255, 0.08);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero__copy {
	max-width: 720px;
	color: var(--ds-text-secondary);
	font-size: 1rem;
	font-weight: 750;
	line-height: 1.55;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero__eyebrow {
	font-family: var(--corp-font-sans, inherit);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero__actions {
	align-self: center;
	justify-self: stretch;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero__actions .corporate-live-network {
	width: 100%;
	min-height: 210px;
	transform: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .corporate-award-tabs {
	margin: 1.25rem 0 1.25rem;
	padding: 1rem;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.027), transparent 45%),
		rgba(17, 24, 39, 0.78);
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .corporate-award-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border-color: rgba(53, 208, 226, 0.18);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(5, 8, 22, 0.78), rgba(8, 15, 29, 0.62)),
		rgba(5, 8, 22, 0.34);
	color: rgba(226, 232, 240, 0.82);
	font-weight: 800;
	letter-spacing: -0.01em;
	box-shadow:
		0 0 0 1px rgba(245, 245, 244, 0.03) inset,
		0 12px 26px rgba(0, 0, 0, 0.18);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .corporate-award-tab.is-active {
	border-color: rgba(184, 247, 255, 0.7);
	background:
		radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.76), transparent 26%),
		linear-gradient(135deg, #b8f7ff 0%, #35d0e2 56%, #0ea5e9 100%);
	color: #031019;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.18) inset,
		0 0 24px rgba(53, 208, 226, 0.2),
		0 12px 26px rgba(0, 0, 0, 0.2);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .corporate-award-tab.is-active span {
	color: #031019;
	text-shadow: none;
	-webkit-text-fill-color: #031019;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .corporate-award-tab small {
	display: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.7rem;
	margin: 0 0 1rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip__item {
	min-height: 112px;
	padding: 1.05rem 1rem;
	border: 1px solid rgba(156, 163, 184, 0.14);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 52%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(11, 18, 32, 0.88));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.32),
		inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip__item::before {
	content: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip__item::after {
	right: 0.95rem;
	bottom: 0.75rem;
	left: 0.95rem;
	height: 2px;
	background: linear-gradient(90deg, var(--broadcast-color, var(--corp-action)), transparent);
	box-shadow: 0 0 20px var(--broadcast-glow, rgba(53, 208, 226, 0.18));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip__item span {
	margin-bottom: 0.45rem;
	font-size: 0.68rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip__item strong {
	max-width: 100%;
	font-family: var(--corp-font-sans, inherit);
	font-size: clamp(1.05rem, 2.2vw, 1.35rem);
	line-height: 1.08;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insights-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.7rem;
	margin: 0 0 1.25rem;
	overflow: visible;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card {
	min-height: 124px;
	padding: 0.95rem 1rem;
	border: 1px solid rgba(156, 163, 184, 0.14);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 52%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(11, 18, 32, 0.88));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card + .ranking-insight-card {
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card::after {
	content: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-icon {
	width: 2.35rem;
	height: 2.35rem;
	margin-bottom: 0.8rem;
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 14px;
	background: rgba(53, 208, 226, 0.08);
	color: var(--ds-accent);
	box-shadow: 0 0 22px rgba(53, 208, 226, 0.12);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-value {
	display: -webkit-box;
	overflow: hidden;
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans, inherit);
	font-size: clamp(1.12rem, 2.4vw, 1.55rem);
	line-height: 1.04;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-text {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-board--race-control {
	padding: 1.05rem;
	border: 1px solid rgba(156, 163, 175, 0.14);
	border-radius: var(--corp-radius-lg);
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.027), transparent 42%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(11, 18, 32, 0.88));
	background-size: auto;
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-board--race-control .section-header {
	align-items: flex-start;
	margin-bottom: 1rem !important;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-board--race-control .section-title {
	max-width: 100%;
	color: var(--ds-text-primary);
	font-family: var(--corp-font-sans, inherit);
	font-size: clamp(1.55rem, 3vw, 2rem);
	font-weight: 800;
	line-height: 0.98;
	letter-spacing: -0.04em;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-search-input-wrap {
	border: 1px solid rgba(53, 208, 226, 0.12);
	border-radius: 18px;
	background: rgba(5, 8, 22, 0.62);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.035);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-bar {
	grid-template-columns: minmax(0, 1.15fr) auto minmax(170px, 0.8fr) minmax(150px, 0.7fr) auto;
	margin: 1rem 0;
	padding: 1rem;
	border: 1px solid rgba(53, 208, 226, 0.22);
	border-radius: 22px;
	background:
		radial-gradient(circle at 82% 12%, rgba(92, 242, 165, 0.16), transparent 34%),
		linear-gradient(180deg, rgba(5, 8, 22, 0.66), rgba(4, 20, 22, 0.76));
	box-shadow:
		0 20px 60px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-bar::after {
	content: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-cta,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-mode-chip.is-active {
	background: linear-gradient(135deg, #d9f99d 0%, #5cf2a5 48%, #22d3ee 100%);
	box-shadow:
		0 18px 48px rgba(16, 185, 129, 0.2),
		0 0 0 1px rgba(236, 253, 245, 0.32) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card {
	min-height: 86px;
	padding: 0.82rem 1rem 0.82rem 1.1rem;
	border: 1px solid rgba(53, 208, 226, 0.12);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(245, 245, 244, 0.035), transparent 52%),
		rgba(5, 8, 22, 0.54);
	box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.04);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card.is-current-user {
	border-color: rgba(53, 208, 226, 0.38);
	background:
		radial-gradient(circle at 82% 18%, rgba(53, 208, 226, 0.16), transparent 34%),
		rgba(5, 8, 22, 0.68);
	box-shadow:
		0 16px 34px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(245, 245, 244, 0.05);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-load-more {
	display: flex;
	justify-content: center;
	padding: 1rem 0 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-load-more .badge-muted,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-load-more .btn-secondary-soft {
	border-radius: 999px;
	background: rgba(5, 8, 22, 0.58);
	box-shadow: 0 0 0 1px rgba(53, 208, 226, 0.12) inset;
}

@media (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero {
		grid-template-columns: 1fr;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-hero__lead {
		font-size: clamp(2.4rem, 10vw, 4rem);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-broadcast-strip,
	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insights-grid {
		grid-template-columns: 1fr;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-bar {
		grid-template-columns: 1fr;
	}
}

/* Corporate auth alignment */
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell {
	position: relative;
	background:
		radial-gradient(circle at 50% 4%, rgba(53, 208, 226, 0.16), transparent 28%),
		radial-gradient(circle at 82% 20%, rgba(86, 217, 155, 0.13), transparent 30%),
		linear-gradient(90deg, rgba(53, 208, 226, 0.04) 1px, transparent 1px),
		linear-gradient(180deg, rgba(53, 208, 226, 0.028) 1px, transparent 1px),
		linear-gradient(180deg, #071725 0%, #050816 54%, #030611 100%);
	background-size: auto, auto, 72px 72px, 72px 72px, auto;
	overflow: hidden;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b::before,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(110deg, transparent 0 42%, rgba(53, 208, 226, 0.08) 48%, transparent 56%),
		radial-gradient(circle at 24% 72%, rgba(53, 208, 226, 0.09), transparent 32%);
	opacity: 0.9;
	pointer-events: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-card,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .auth-card {
	width: min(100%, 560px);
	border: 1px solid rgba(53, 208, 226, 0.18);
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.1), transparent 34%),
		linear-gradient(160deg, rgba(17, 24, 39, 0.92), rgba(5, 8, 22, 0.94));
	box-shadow:
		0 34px 90px rgba(0, 0, 0, 0.36),
		0 0 0 1px rgba(245, 245, 244, 0.04) inset,
		0 0 70px rgba(53, 208, 226, 0.08);
	backdrop-filter: blur(20px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .page-container,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .row,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .col-md-8 {
	position: relative;
	z-index: 1;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .col-md-8.col-lg-5 {
	width: min(100%, 620px);
	max-width: 620px;
	flex: 0 0 auto;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-card {
	padding: clamp(1.35rem, 3vw, 2.15rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-card__halo {
	width: 300px;
	height: 300px;
	right: -112px;
	top: -118px;
	background:
		radial-gradient(circle, rgba(53, 208, 226, 0.2), transparent 62%),
		radial-gradient(circle at 36% 62%, rgba(86, 217, 155, 0.16), transparent 56%);
	filter: blur(18px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-logo:not(.corporate-auth-logo--tobeat-wordmark) {
	margin-bottom: 1.35rem;
	font-family: var(--ds-font-heading);
	font-size: 1rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-logo__mark {
	width: 44px;
	height: 44px;
	border-color: rgba(53, 208, 226, 0.34);
	border-radius: 16px;
	background: rgba(53, 208, 226, 0.08);
	box-shadow:
		0 0 0 1px rgba(245, 245, 244, 0.04) inset,
		0 18px 42px rgba(53, 208, 226, 0.12);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-eyebrow,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .auth-logo {
	color: #35d0e2;
	text-shadow: 0 0 20px rgba(53, 208, 226, 0.26);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-title,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .auth-card h1 {
	font-family: var(--ds-font-heading);
	font-size: clamp(2.45rem, 7vw, 4.1rem);
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 0.94;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-subtitle,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .auth-card .text-muted {
	color: rgba(226, 232, 240, 0.72) !important;
	font-size: clamp(1rem, 2vw, 1.14rem);
	line-height: 1.5;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-input.form-control-premium,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .form-control-premium {
	min-height: 52px;
	border-color: rgba(53, 208, 226, 0.16);
	border-radius: 18px;
	background: rgba(5, 8, 22, 0.66);
	color: var(--ds-text-primary);
	box-shadow: 0 0 0 1px rgba(245, 245, 244, 0.03) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-input.form-control-premium:focus,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .form-control-premium:focus {
	border-color: rgba(53, 208, 226, 0.58);
	box-shadow:
		0 0 0 0.18rem rgba(53, 208, 226, 0.12),
		0 0 32px rgba(53, 208, 226, 0.08);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-meta-row a,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-access a,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell a {
	color: #35d0e2;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-button,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .btn-primary-gradient {
	min-height: 54px;
	border: 0;
	background: linear-gradient(135deg, #35d0e2 0%, #4ee1d0 48%, #56d99b 100%);
	color: #031019;
	box-shadow:
		0 18px 46px rgba(53, 208, 226, 0.2),
		0 0 28px rgba(86, 217, 155, 0.12);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-button:hover,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-button:focus,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .btn-primary-gradient:hover,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .btn-primary-gradient:focus {
	transform: translateY(-1px);
	filter: brightness(1.06);
	box-shadow:
		0 22px 56px rgba(53, 208, 226, 0.28),
		0 0 36px rgba(86, 217, 155, 0.2);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-google,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .btn-secondary-soft {
	min-height: 54px;
	border-color: rgba(53, 208, 226, 0.22);
	background: rgba(5, 8, 22, 0.48);
	color: var(--ds-text-primary);
	box-shadow: 0 0 0 1px rgba(245, 245, 244, 0.03) inset;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-google:hover,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-google:focus,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .btn-secondary-soft:hover,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .btn-secondary-soft:focus {
	border-color: rgba(53, 208, 226, 0.48);
	background: rgba(53, 208, 226, 0.08);
	box-shadow: 0 0 34px rgba(53, 208, 226, 0.1);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-social-group--native-ios .corporate-auth-google {
	border-color: #8e918f;
	background: #131314;
	color: #e3e3e3;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-social-group--native-ios .corporate-auth-google:hover,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-social-group--native-ios .corporate-auth-google:focus {
	border-color: #c4c7c5;
	background: #1f1f1f;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-divider {
	color: rgba(226, 232, 240, 0.66);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-divider::before,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-divider::after {
	background: linear-gradient(90deg, transparent, rgba(53, 208, 226, 0.24), transparent);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-footer {
	border-top-color: rgba(53, 208, 226, 0.14);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-footer__brand {
	color: var(--ds-text-primary);
	font-size: 0.92rem;
	font-weight: 900;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-footer span {
	color: rgba(226, 232, 240, 0.62);
}

@media (max-width: 575.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b {
		padding: 0.9rem;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-page--b2b .corporate-auth-title,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-auth-shell .auth-card h1 {
		font-size: clamp(2rem, 13vw, 3.2rem);
	}
}

/* Auth has no native app header to consume the device insets. Use the dynamic
   values exposed by iOS instead of approximating a particular notch model.
   Natural vertical scrolling remains available for short viewports/keyboards. */
/* Keep the native inset declaration at the same shell specificity as the
   Compact corporate rule above. Otherwise its `padding: 0.9rem` shorthand
   wins the cascade and silently replaces the UIKit-derived block insets. */
html.corporate-surface[data-tobeat-runtime="native"]:not([data-theme="light-premium"]) .corporate-auth-page--b2b {
	box-sizing: border-box;
	min-height: 100dvh;
	place-items: start center;
	padding-top: calc(var(--native-safe-area-top) + clamp(0.75rem, 1.6dvh, 1rem));
	padding-right: max(var(--native-safe-area-right), clamp(0.75rem, 3vw, 1rem));
	padding-bottom: calc(var(--native-safe-area-bottom) + clamp(0.5rem, 1.2dvh, 0.75rem));
	padding-left: max(var(--native-safe-area-left), clamp(0.75rem, 3vw, 1rem));
	overflow-x: hidden;
	overflow-y: auto;
	scroll-padding-block: var(--native-safe-area-top) var(--native-safe-area-bottom);
}

/* Tall portrait viewports can fit the complete login when cumulative
   decorative spacing stays proportional. Shorter devices retain the same
   readable controls and scroll naturally when necessary. */
@media (max-width: 575.98px) {
	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-card {
		padding: clamp(1rem, 2.05dvh, 1.2rem);
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-logo--tobeat-wordmark {
		width: clamp(156px, 18dvh, 176px);
		margin-bottom: clamp(0.45rem, 1dvh, 0.7rem);
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-eyebrow {
		margin-bottom: 0.25rem;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-title {
		font-size: clamp(2.2rem, 9.8vw, 2.65rem);
		line-height: 0.98;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-subtitle {
		margin: 0.4rem 0 clamp(0.55rem, 1dvh, 0.7rem);
		font-size: 0.96rem;
		line-height: 1.35;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-social-group--native-ios {
		gap: 8px;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-social-group--native-ios .corporate-auth-apple-slot,
	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-social-group--native-ios .corporate-auth-google {
		height: 50px;
		min-height: 50px;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-divider {
		margin: clamp(0.5rem, 1dvh, 0.65rem) 0 clamp(0.45rem, 0.9dvh, 0.6rem);
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-form {
		gap: clamp(0.5rem, 1dvh, 0.62rem);
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-field {
		gap: 0.3rem;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-input.form-control-premium {
		min-height: 50px;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-meta-row {
		margin-top: -0.15rem;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-button {
		min-height: 52px;
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-access {
		margin-top: clamp(0.5rem, 1dvh, 0.65rem);
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-footer {
		gap: 0.1rem;
		margin-top: clamp(0.5rem, 1dvh, 0.65rem);
		padding-top: clamp(0.45rem, 0.9dvh, 0.6rem);
	}

	html[data-tobeat-runtime="native"] .corporate-auth-page--login .corporate-auth-footer span {
		line-height: 1.3;
	}
}

/* Play and Events live pitch alignment */
html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-matches-panel {
	padding: clamp(1.35rem, 3vw, 2rem);
	border-radius: 30px;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-league-hero-line {
	display: block;
	margin-top: 0.45rem;
	color: rgba(248, 250, 252, 0.92);
	font-size: clamp(1rem, 1.5vw, 1.2rem);
	font-weight: 900;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-league-status,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-league-hero-line .hero-accent,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-league-hero-pulse .hero-accent {
	background: linear-gradient(135deg, #d8fbff 0%, #35d0e2 48%, #5cf2a5 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: #35d0e2;
	text-shadow: 0 0 28px rgba(53, 208, 226, 0.22);
	-webkit-text-fill-color: transparent;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-league-hero-pulse {
	display: inline-flex;
	flex-direction: column;
	gap: 0.18rem;
	margin-top: 1.15rem;
	padding: 0.72rem 1rem;
	border: 1px solid rgba(53, 208, 226, 0.24);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.1), rgba(92, 242, 165, 0.055)),
		rgba(5, 8, 22, 0.48);
	box-shadow:
		0 0 0 1px rgba(245, 245, 244, 0.04) inset,
		0 18px 38px rgba(0, 0, 0, 0.2);
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-league-hero-pulse span {
	font-size: clamp(0.95rem, 1.45vw, 1.12rem);
	font-weight: 950;
	line-height: 1.05;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-league-hero-pulse small {
	color: rgba(226, 232, 240, 0.68);
	font-weight: 800;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-matches-panel .prediction-list {
	gap: 1.25rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card {
	min-height: clamp(292px, 27vw, 360px);
	padding: clamp(1.1rem, 2.6vw, 1.65rem);
	border-radius: 26px;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card::before {
	inset: 22px;
	border-radius: 20px;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card::after {
	top: 22px;
	bottom: 22px;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .prediction-card__meta {
	position: absolute;
	top: clamp(1rem, 2vw, 1.4rem);
	left: clamp(1rem, 2vw, 1.4rem);
	right: clamp(1rem, 2vw, 1.4rem);
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	color: rgba(236, 253, 245, 0.78);
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .match-time {
	max-width: 48%;
	color: rgba(236, 253, 245, 0.82);
	font-size: clamp(0.88rem, 1.4vw, 1.08rem);
	font-weight: 800;
	text-align: right;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.44);
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .prediction-card__teams {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: clamp(1rem, 3vw, 2.25rem);
	min-height: clamp(206px, 20vw, 260px);
	margin: 0;
	padding: clamp(3.6rem, 5.4vw, 4.9rem) clamp(0.5rem, 2vw, 1.5rem) clamp(2.8rem, 4vw, 3.5rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .team-side {
	align-items: center;
	gap: 0.9rem;
	min-width: 0;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .team-side-away {
	justify-content: flex-end;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .match-team {
	min-width: 0;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .match-team strong {
	display: block;
	color: #f8fafc;
	font-family: var(--ds-font-heading);
	font-size: clamp(1.75rem, 3.5vw, 3rem);
	font-weight: 900;
	line-height: 0.96;
	letter-spacing: -0.035em;
	text-shadow:
		0 4px 28px rgba(0, 0, 0, 0.46),
		0 0 20px rgba(92, 242, 165, 0.12);
	white-space: normal;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .match-team-name {
	margin-top: 0.32rem;
	color: rgba(236, 253, 245, 0.84);
	font-size: clamp(0.86rem, 1.35vw, 1rem);
	font-weight: 800;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .team-flag,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .team-flag-fallback {
	width: clamp(42px, 4vw, 54px);
	height: clamp(42px, 4vw, 54px);
	border-color: rgba(53, 208, 226, 0.48);
	background:
		radial-gradient(circle at 50% 35%, rgba(53, 208, 226, 0.26), transparent 58%),
		rgba(5, 8, 22, 0.72);
	color: #67e8f9;
	font-size: clamp(0.75rem, 1.3vw, 0.9rem);
	font-weight: 950;
	box-shadow:
		0 0 0 1px rgba(236, 253, 245, 0.08) inset,
		0 0 28px rgba(53, 208, 226, 0.2);
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .live-score--hero {
	min-width: clamp(128px, 13vw, 172px);
	min-height: clamp(74px, 8vw, 104px);
	border-radius: 22px;
	font-family: var(--ds-font-heading);
	font-size: clamp(2.8rem, 6vw, 5rem);
	font-weight: 900;
	letter-spacing: -0.05em;
	line-height: 1;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .quick-prediction-shell {
	position: absolute;
	left: clamp(1.35rem, 3vw, 2rem);
	right: clamp(1.35rem, 3vw, 2rem);
	bottom: clamp(1rem, 2.4vw, 1.45rem);
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .prediction-deadline {
	margin: 0.55rem 0 0;
	color: rgba(236, 253, 245, 0.78);
	font-size: clamp(0.82rem, 1.25vw, 0.98rem);
	font-weight: 750;
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.42);
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .live-match-card__cta {
	min-width: clamp(190px, 22vw, 280px);
	min-height: 64px;
	border-radius: 22px;
	text-align: center;
}

html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate .official-user-pick-chip,
html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate .official-pitch-pick,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .user-prediction-chip,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .prediction-status-badge,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .prediction-status-pending {
	border: 1px solid rgba(53, 208, 226, 0.38);
	background:
		linear-gradient(135deg, rgba(5, 8, 22, 0.86), rgba(6, 78, 59, 0.74)),
		rgba(5, 8, 22, 0.86);
	color: #ecfdf5;
	box-shadow:
		0 0 0 1px rgba(236, 253, 245, 0.08) inset,
		0 14px 34px rgba(0, 0, 0, 0.28),
		0 0 28px rgba(53, 208, 226, 0.12);
	text-shadow: none;
}

html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate .official-user-pick-chip.is-empty,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .prediction-status-pending {
	border-color: rgba(255, 242, 186, 0.42);
	background:
		linear-gradient(135deg, rgba(5, 8, 22, 0.9), rgba(72, 52, 18, 0.64)),
		rgba(5, 8, 22, 0.88);
	color: #fff2ba;
}

html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate .official-user-pick-chip strong,
html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate .official-pitch-pick strong,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .user-prediction-chip strong {
	color: #ffffff;
}

html.corporate-surface:not([data-theme="light-premium"]) .official-result-feature--corporate .official-user-pick-chip i,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .prediction-status-badge i {
	color: currentColor;
}

@media (max-width: 767.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card {
		min-height: 430px;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .prediction-card__teams {
		grid-template-columns: 1fr;
		gap: 1rem;
		padding-top: 4.2rem;
		padding-bottom: 7.5rem;
		text-align: center;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .team-side,
	html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .team-side-away {
		justify-content: center;
		text-align: center;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .team-side-away {
		flex-direction: row-reverse;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .match-time {
		max-width: 54%;
		font-size: 0.78rem;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .quick-prediction-shell {
		flex-direction: column;
		align-items: stretch;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .play-page .live-match-card .live-match-card__cta {
		width: 100%;
		min-width: 0;
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-mobile-group-tab.mobile-group-tab,
html.corporate-surface:not([data-theme="light-premium"]) .matches-page .mobile-group-tab {
	border-color: rgba(53, 208, 226, 0.24);
	background:
		linear-gradient(135deg, rgba(5, 8, 22, 0.86), rgba(7, 23, 37, 0.76)),
		rgba(5, 8, 22, 0.82);
	color: rgba(226, 232, 240, 0.82);
	box-shadow:
		0 0 0 1px rgba(245, 245, 244, 0.03) inset,
		0 14px 28px rgba(0, 0, 0, 0.2);
}

html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-mobile-group-tab.mobile-group-tab.active,
html.corporate-surface:not([data-theme="light-premium"]) .play-page .play-mobile-group-tab.mobile-group-tab.is-active,
html.corporate-surface:not([data-theme="light-premium"]) .matches-page .mobile-group-tab.active,
html.corporate-surface:not([data-theme="light-premium"]) .matches-page .mobile-group-tab.is-active {
	border-color: rgba(53, 208, 226, 0.62);
	background:
		radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.54), transparent 55%),
		linear-gradient(135deg, #35d0e2 0%, #4ee1d0 52%, #56d99b 100%);
	color: #031019;
	box-shadow:
		0 0 0 1px rgba(236, 253, 245, 0.3) inset,
		0 0 32px rgba(53, 208, 226, 0.26);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insights-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.8rem, 1.5vw, 1.1rem);
	margin: 1.1rem 0 1.35rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card {
	position: relative;
	display: flex;
	min-height: clamp(168px, 18vw, 230px);
	padding: clamp(1rem, 1.7vw, 1.35rem);
	overflow: hidden;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 24px;
	background:
		radial-gradient(circle at 78% 16%, rgba(53, 208, 226, 0.18), transparent 34%),
		linear-gradient(145deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.96));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 36%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: auto, 46px 46px;
	opacity: 0.62;
	mask-image: linear-gradient(180deg, #000, transparent 78%);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card::after {
	content: "";
	position: absolute;
	right: 1rem;
	bottom: 0.85rem;
	left: 1rem;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ranking-card-accent, #35d0e2), transparent);
	box-shadow: 0 0 28px var(--ranking-card-glow, rgba(53, 208, 226, 0.28));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card.is-position,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card.is-primary {
	--ranking-card-accent: #d7b46a;
	--ranking-card-glow: rgba(215, 180, 106, 0.28);
	background:
		radial-gradient(circle at 86% 12%, rgba(215, 180, 106, 0.18), transparent 34%),
		linear-gradient(145deg, rgba(19, 24, 36, 0.98), rgba(5, 8, 22, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card.is-distance {
	--ranking-card-accent: #35d0e2;
	--ranking-card-glow: rgba(53, 208, 226, 0.3);
	background:
		radial-gradient(circle at 82% 14%, rgba(53, 208, 226, 0.24), transparent 34%),
		linear-gradient(145deg, rgba(8, 25, 43, 0.98), rgba(5, 8, 22, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card.is-danger {
	--ranking-card-accent: #8b5cf6;
	--ranking-card-glow: rgba(139, 92, 246, 0.32);
	background:
		radial-gradient(circle at 82% 14%, rgba(139, 92, 246, 0.24), transparent 34%),
		linear-gradient(145deg, rgba(25, 20, 48, 0.98), rgba(5, 8, 22, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card.is-opportunity {
	--ranking-card-accent: #5cf2a5;
	--ranking-card-glow: rgba(92, 242, 165, 0.26);
	background:
		radial-gradient(circle at 82% 14%, rgba(92, 242, 165, 0.2), transparent 34%),
		linear-gradient(145deg, rgba(5, 38, 35, 0.98), rgba(5, 8, 22, 0.96));
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-icon {
	position: relative;
	z-index: 1;
	width: 2.8rem;
	height: 2.8rem;
	margin-bottom: 1.15rem;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.86);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-label,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-value,
html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-text {
	position: relative;
	z-index: 1;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-label {
	color: var(--ranking-card-accent, #35d0e2);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-value {
	max-width: 12ch;
	color: #fff;
	font-size: 2.65rem;
	font-weight: 900;
	line-height: 0.98;
	letter-spacing: 0;
	-webkit-line-clamp: 3;
}

html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-text {
	max-width: 22ch;
	margin-top: 0.65rem;
	color: rgba(226, 232, 240, 0.82);
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.25;
	-webkit-line-clamp: 2;
}

@media (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insights-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 520px) {
	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insights-grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		overflow: visible;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-card {
		min-height: 0;
		padding: 1rem;
		border-radius: 22px;
		background:
			radial-gradient(circle at 82% 14%, color-mix(in srgb, var(--ranking-card-accent, #35d0e2) 20%, transparent), transparent 34%),
			linear-gradient(145deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.96));
		box-shadow:
			0 20px 60px rgba(0, 0, 0, 0.28),
			0 0 0 1px rgba(255, 255, 255, 0.055) inset;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-value {
		display: block;
		max-width: none;
		overflow: visible;
		font-size: clamp(1.75rem, 10vw, 2.4rem);
		line-height: 1;
		text-overflow: clip;
		-webkit-line-clamp: unset;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-insight-text {
		display: block;
		max-width: none;
		overflow: visible;
		text-overflow: clip;
		-webkit-line-clamp: unset;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-bar {
		grid-template-columns: 1fr;
		grid-template-areas:
			"main"
			"points"
			"stats"
			"metrics"
			"cta";
		gap: 0.8rem;
		padding: 1rem;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-main {
		grid-area: main;
		grid-template-columns: 1fr;
		gap: 0.35rem;
		min-width: 0;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-badge {
		justify-self: start;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-rank {
		font-size: clamp(2.1rem, 12vw, 3.1rem);
		line-height: 0.95;
		word-break: normal;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-name {
		width: 100%;
		overflow-wrap: anywhere;
		font-size: 1rem;
		line-height: 1.18;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-points-wrap {
		grid-area: points;
		justify-items: start;
		min-width: 0;
		text-align: left;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-stats {
		grid-area: stats;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-metrics {
		grid-area: metrics;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-self-cta {
		grid-area: cta;
		justify-self: stretch;
		width: 100%;
		white-space: normal;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-card {
		padding: 0.9rem 0.95rem 0.9rem 1rem;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-name {
		display: block;
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-top {
		align-items: flex-start;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-position {
		font-size: clamp(1.35rem, 8vw, 2rem);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .ranking-page:not(.ranking-page--casazar) .ranking-entry-points {
		font-size: clamp(1.35rem, 8vw, 2rem);
	}
}

html.corporate-surface .corporate-landing-page .corporate-value-grid,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-grid,
html.corporate-surface .corporate-landing-page .corporate-model-grid,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-model-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

html.corporate-surface .corporate-landing-page .corporate-launch-grid,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

html.corporate-surface .corporate-landing-page .corporate-how-grid,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-list,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

html.corporate-surface .corporate-landing-page .corporate-events-grid,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1199.98px) {
	html.corporate-surface .corporate-landing-page .corporate-how-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-grid,
	html.corporate-surface .corporate-landing-page .corporate-events-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-list,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	html.corporate-surface .corporate-landing-page .corporate-value-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-value-grid,
	html.corporate-surface .corporate-landing-page .corporate-model-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-model-grid,
	html.corporate-surface .corporate-landing-page .corporate-how-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-how-grid,
	html.corporate-surface .corporate-landing-page .corporate-launch-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-launch-grid,
	html.corporate-surface .corporate-landing-page .corporate-events-grid,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-events-grid,
	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-list,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-list {
		grid-template-columns: minmax(0, 1fr);
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os {
	min-height: clamp(520px, 62svh, 640px);
	padding: clamp(1.45rem, 3.2vw, 3.35rem) !important;
	border-radius: 32px;
	background:
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px),
		radial-gradient(circle at 16% 12%, rgba(53, 208, 226, 0.2), transparent 30%),
		radial-gradient(circle at 82% 40%, rgba(92, 242, 165, 0.13), transparent 28%),
		linear-gradient(135deg, rgba(5, 10, 24, 0.98), rgba(8, 16, 32, 0.94) 54%, rgba(2, 6, 16, 0.98));
	background-size: 94px 94px, 94px 94px, auto, auto, auto;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os::after {
	right: clamp(1.2rem, 4vw, 4rem);
	bottom: clamp(1rem, 2vw, 1.65rem);
	left: clamp(1.2rem, 4vw, 4rem);
	opacity: 0.72;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .row {
	min-height: clamp(390px, 45svh, 500px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-title {
	max-width: 10.8ch;
	font-size: clamp(3rem, 6.3vw, 6.4rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-subtitle {
	max-width: 700px;
	font-size: clamp(1.04rem, 1.4vw, 1.24rem);
	font-weight: 720;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-label {
	margin-bottom: 0.72rem !important;
	color: rgba(53, 208, 226, 0.92);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero__actions {
	margin-top: clamp(1.1rem, 2vw, 1.6rem);
}

/* The public Arena promise is intentionally a single editorial statement.
 * When the product preview is not present, center the composition instead of
 * reserving a second visual column. */
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column {
	min-height: clamp(430px, 52svh, 570px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .row {
	min-height: clamp(360px, 42svh, 460px);
	justify-content: center;
	text-align: center;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero__content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero-title {
	max-width: none;
	font-size: inherit;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero-subtitle {
	max-width: 760px;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line {
	display: block;
	width: 100%;
	letter-spacing: -0.052em;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line--promise {
	font-size: clamp(2.45rem, 6.25vw, 7.8rem);
	line-height: 0.9;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line--community {
	font-size: clamp(2.05rem, 4.25vw, 4.8rem);
	line-height: 1.02;
}

@media (min-width: 992px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .row {
		justify-content: start;
		text-align: left;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero__content {
		width: 100%;
		justify-self: stretch;
		align-items: flex-start;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line {
		white-space: nowrap;
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .app-hero-label {
	display: inline-flex;
	flex-direction: column;
	gap: 0.42rem;
	width: fit-content;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .app-hero-label::after {
	width: 100%;
	height: 2px;
	border-radius: 999px;
	content: "";
	background: linear-gradient(90deg, rgba(53, 208, 226, 0.9), rgba(191, 248, 255, 0.62), rgba(215, 180, 106, 0.44));
	box-shadow: 0 0 14px rgba(53, 208, 226, 0.26);
}

@media (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line {
		display: block;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line {
		white-space: nowrap;
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-signal-strip {
	max-width: 620px;
	margin-top: clamp(0.95rem, 1.7vw, 1.3rem);
	gap: 0.48rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-signal-strip span {
	padding: 0.58rem 0.78rem;
	border-color: rgba(255, 255, 255, 0.075);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
		rgba(3, 8, 19, 0.5);
	color: rgba(232, 238, 249, 0.78);
	font-size: 0.8rem;
	font-weight: 820;
}

.corporate-hero-preview {
	position: relative;
	isolation: isolate;
	max-width: 420px;
	margin-inline: auto;
	padding: clamp(1rem, 2vw, 1.35rem);
	overflow: hidden;
	border-radius: 28px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.024)),
		rgba(4, 10, 22, 0.74);
	box-shadow:
		0 34px 120px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(255, 255, 255, 0.075) inset,
		0 0 74px rgba(53, 208, 226, 0.12);
	backdrop-filter: blur(18px);
}

.corporate-hero-preview__glow {
	position: absolute;
	inset: -35% -28% auto auto;
	z-index: -1;
	width: 260px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(53, 208, 226, 0.26), transparent 68%);
	filter: blur(4px);
}

.corporate-hero-preview__top,
.corporate-hero-preview__status,
.corporate-hero-preview__score,
.corporate-hero-preview__ranking {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.corporate-hero-preview__top {
	color: rgba(191, 248, 255, 0.84);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.corporate-hero-preview__top i {
	display: grid;
	width: 2.25rem;
	height: 2.25rem;
	place-items: center;
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.12);
	color: #d7b46a;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07) inset;
}

.corporate-hero-preview__status {
	justify-content: flex-start;
	width: fit-content;
	margin-top: 0.8rem;
	padding: 0.48rem 0.68rem;
	border-radius: 999px;
	background: rgba(92, 242, 165, 0.1);
	color: rgba(219, 255, 235, 0.82);
	font-size: 0.76rem;
	font-weight: 860;
	line-height: 1;
	box-shadow: 0 0 0 1px rgba(92, 242, 165, 0.14) inset;
}

.corporate-hero-preview__status span {
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 999px;
	background: #5cf2a5;
	box-shadow: 0 0 18px rgba(92, 242, 165, 0.62);
}

.corporate-hero-preview__score {
	margin-top: clamp(1rem, 2vw, 1.35rem);
	padding: clamp(1rem, 2vw, 1.4rem);
	border-radius: 22px;
	background:
		radial-gradient(circle at 82% 18%, rgba(92, 242, 165, 0.16), transparent 40%),
		linear-gradient(145deg, rgba(8, 21, 38, 0.92), rgba(3, 8, 19, 0.9));
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

.corporate-hero-preview__score span {
	display: block;
	color: rgba(226, 232, 240, 0.7);
	font-size: 0.9rem;
	font-weight: 800;
}

.corporate-hero-preview__score strong {
	color: #f8fafc;
	font-size: clamp(1.55rem, 3vw, 2.4rem);
	font-weight: 900;
	letter-spacing: 0;
}

.corporate-hero-preview__score small {
	max-width: 8.5rem;
	padding: 0.45rem 0.62rem;
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.1);
	color: rgba(199, 249, 255, 0.78);
	font-size: 0.75rem;
	font-weight: 850;
	line-height: 1.1;
	text-align: center;
	box-shadow: 0 0 0 1px rgba(53, 208, 226, 0.12) inset;
}

.corporate-hero-preview__ranking {
	margin-top: 0.8rem;
}

.corporate-hero-preview__ranking > div {
	display: grid;
	flex: 1 1 0;
	gap: 0.28rem;
	min-height: 96px;
	padding: 0.88rem;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.045);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055) inset;
}

.corporate-hero-preview__ranking strong {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.12);
	color: #c7f9ff;
	font-size: 1rem;
}

.corporate-hero-preview__ranking span,
.corporate-hero-preview p {
	color: rgba(226, 232, 240, 0.72);
	font-size: 0.86rem;
	font-weight: 780;
	line-height: 1.25;
}

.corporate-hero-preview p {
	margin: 0.9rem 0 0;
}

@media (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os {
		min-height: auto;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .row {
		min-height: 0;
	}

	.corporate-hero-preview {
		max-width: 100%;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os {
		padding: 1rem !important;
		border-radius: 24px;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-title {
		font-size: clamp(2.35rem, 12vw, 3.45rem);
	}

	.corporate-hero-preview__ranking {
		display: grid;
		grid-template-columns: 1fr;
	}
}

/* Tobeat Arena marketing hero refinement */
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os {
	min-height: clamp(500px, 58svh, 620px);
	padding: clamp(1.45rem, 3vw, 3.1rem) !important;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .row {
	min-height: clamp(380px, 42svh, 480px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-title {
	max-width: min(100%, 820px);
	font-size: clamp(2.55rem, 4.85vw, 5.05rem);
	line-height: 0.96;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-subtitle {
	max-width: min(100%, 780px);
	margin-top: clamp(1.25rem, 2vw, 1.75rem);
	color: rgba(245, 248, 255, 0.9) !important;
	font-size: clamp(1.22rem, 1.9vw, 1.62rem);
	font-weight: 780;
	line-height: 1.26;
	text-wrap: balance;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero__actions {
	margin-top: clamp(1.35rem, 2.4vw, 2rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-signal-strip {
	max-width: 560px;
	max-height: 5.1rem;
	overflow: hidden;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-signal-strip span {
	backdrop-filter: blur(14px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-preview {
	max-width: 390px;
	transform: translateY(4px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-preview::before {
	content: "";
	position: absolute;
	inset: 0.75rem;
	z-index: -1;
	border-radius: 24px;
	background:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: 42px 42px;
	opacity: 0.5;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 88%);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-preview__ranking {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-preview__ranking > div {
	min-height: 86px;
	padding: 0.72rem;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-preview__ranking span,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-preview p {
	font-size: 0.78rem;
}

@media (max-width: 991.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os {
		min-height: auto;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .row {
		min-height: 0;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-title {
		font-size: clamp(2.18rem, 10.8vw, 3rem);
		line-height: 0.98;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os .app-hero-subtitle {
		font-size: clamp(1.05rem, 5.2vw, 1.26rem);
		line-height: 1.28;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-preview__score {
		align-items: flex-start;
		flex-direction: column;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-hero-preview__ranking {
		grid-template-columns: 1fr;
	}
}

html.corporate-surface .corporate-landing-page .corporate-pricing-section,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-section {
	padding-block: clamp(1.9rem, 3.5vw, 3.25rem);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-story,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-story {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.6fr);
	gap: clamp(1rem, 1.8vw, 1.45rem);
	align-items: stretch;
	margin-top: clamp(1.25rem, 2vw, 1.85rem);
}

html.corporate-surface .corporate-landing-page .corporate-checkout-feedback,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-checkout-feedback {
	grid-column: 1 / -1;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-tier,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-tier {
	gap: clamp(0.9rem, 1.5vw, 1.15rem);
	padding: clamp(1rem, 1.8vw, 1.45rem);
	border-radius: 28px;
	background:
		radial-gradient(circle at 16% 0%, rgba(53, 208, 226, 0.09), transparent 32%),
		linear-gradient(180deg, rgba(17, 24, 39, 0.74), rgba(5, 8, 22, 0.66)),
		rgba(5, 8, 22, 0.36);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-tier__intro,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-tier__intro {
	align-items: flex-start;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(245, 245, 244, 0.08);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-tier__intro span,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-tier__intro span {
	color: rgba(245, 248, 255, 0.92);
	font-size: clamp(1.05rem, 1.5vw, 1.32rem);
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.08;
	text-transform: none;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-tier__intro p,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-tier__intro p {
	max-width: 28ch;
	color: rgba(190, 198, 214, 0.78);
	font-size: 0.9rem;
	line-height: 1.4;
	text-align: right;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-list,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.2vw, 1rem);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card {
	display: grid;
	grid-column: auto;
	grid-template-rows: auto auto 1fr;
	gap: 0.85rem;
	min-height: 230px;
	padding: clamp(0.92rem, 1.5vw, 1.2rem);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.82), rgba(7, 12, 26, 0.76)),
		rgba(7, 12, 26, 0.7);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card:nth-child(4),
html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card:nth-child(5),
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card:nth-child(4),
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card:nth-child(5) {
	grid-column: auto;
	min-height: 230px;
	padding: clamp(0.92rem, 1.5vw, 1.2rem);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card--recommended,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card--recommended {
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 0.95fr) minmax(220px, 0.72fr);
	grid-template-rows: auto 1fr;
	align-items: end;
	min-height: 238px;
	border-color: rgba(53, 208, 226, 0.46);
	background:
		radial-gradient(circle at 86% 14%, rgba(53, 208, 226, 0.18), transparent 34%),
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.88));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.26),
		0 0 0 1px rgba(53, 208, 226, 0.05),
		inset 0 1px 0 rgba(245, 245, 244, 0.08);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card--recommended .corporate-pricing-badge,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card--recommended .corporate-pricing-badge {
	position: static;
	grid-column: 1 / -1;
	justify-self: start;
	margin: 0;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-card-main,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-card-main {
	display: grid;
	gap: 0.42rem;
	align-content: start;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-card-title-row,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-card-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.85rem;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card h3,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card h3 {
	font-size: clamp(1.2rem, 1.85vw, 1.55rem);
	font-weight: 870;
	line-height: 1;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card strong,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card strong {
	color: rgba(248, 223, 159, 0.96);
	font-size: clamp(1.05rem, 1.55vw, 1.32rem);
	font-weight: 880;
	line-height: 1;
	white-space: nowrap;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-card-main > p,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-card-main > p {
	color: rgba(190, 198, 214, 0.78);
	font-size: 0.9rem;
	line-height: 1.35;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card .corporate-pricing-description,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card .corporate-pricing-description {
	color: rgba(245, 248, 255, 0.68);
	font-size: 0.86rem;
	font-weight: 680;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-feature-list,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-feature-list {
	align-self: start;
	gap: 0.44rem;
	margin: 0;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-feature-list li,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-feature-list li {
	color: rgba(222, 228, 239, 0.78);
	font-size: 0.85rem;
	line-height: 1.28;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card .corporate-pricing-cta,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card .corporate-pricing-cta {
	align-self: end;
	width: 100%;
	min-height: 42px;
	margin-top: 0.1rem;
	padding: 0.62rem 0.85rem;
	font-size: 0.9rem;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-card,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-card {
	grid-template-columns: minmax(0, 1fr);
	align-content: space-between;
	gap: clamp(1rem, 2vw, 1.4rem);
	min-height: 100%;
	padding: clamp(1.15rem, 2vw, 1.65rem);
	border-radius: 28px;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-card h3,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-card h3 {
	max-width: 10ch;
	font-size: clamp(2rem, 3.55vw, 3.35rem);
	line-height: 0.94;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-card h4,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-card h4 {
	font-size: clamp(1.05rem, 1.55vw, 1.32rem);
	line-height: 1.14;
}

html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-features,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-features {
	grid-template-columns: minmax(0, 1fr);
}

html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-card__action,
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-card__action {
	min-height: auto;
}

@media (max-width: 1199.98px) {
	html.corporate-surface .corporate-landing-page .corporate-pricing-story,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-story {
		grid-template-columns: minmax(0, 1fr);
	}

	html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-card,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-card {
		grid-template-columns: minmax(0, 1fr) minmax(280px, 0.56fr);
	}

	html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-features,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-features {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	html.corporate-surface .corporate-landing-page .corporate-pricing-tier__intro,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-tier__intro,
	html.corporate-surface .corporate-landing-page .corporate-pricing-card-title-row,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-card-title-row {
		display: grid;
		text-align: left;
	}

	html.corporate-surface .corporate-landing-page .corporate-pricing-tier__intro p,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-tier__intro p {
		max-width: none;
		text-align: left;
	}

	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-list,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-list,
	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card--recommended,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card--recommended,
	html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-card,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-card {
		grid-template-columns: minmax(0, 1fr);
	}

	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card,
	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card:nth-child(4),
	html.corporate-surface .corporate-landing-page .corporate-pricing-compact-card:nth-child(5),
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card:nth-child(4),
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-compact-card:nth-child(5) {
		min-height: auto;
	}

	html.corporate-surface .corporate-landing-page .corporate-pricing-enterprise-features,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .corporate-pricing-enterprise-features {
		grid-template-columns: minmax(0, 1fr);
	}
}
/* Tobeat Arena corporate shell overrides */
html.corporate-surface .corporate-dashboard-shell .empty-state {
	background: rgba(5, 14, 28, 0.74);
	border: 1px solid rgba(104, 237, 255, 0.2);
	color: #f8fbff;
}

html.corporate-surface .corporate-dashboard-shell .empty-state h2,
html.corporate-surface .corporate-dashboard-shell .empty-state h3 {
	color: #f8fbff;
}

html.corporate-surface .corporate-dashboard-shell .empty-state p {
	color: rgba(226, 232, 240, 0.78);
}

html.corporate-surface .events-page .events-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.8fr);
	gap: 1.5rem;
	align-items: stretch;
}

html.corporate-surface .events-page .events-hero__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

html.corporate-surface .events-page .events-hero__stats div,
html.corporate-surface .events-page .events-filter-shell,
html.corporate-surface .events-page .football-event-card {
	background: rgba(5, 14, 28, 0.78);
	border: 1px solid rgba(104, 237, 255, 0.18);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

html.corporate-surface .events-page .events-hero__stats div {
	border-radius: 18px;
	padding: 1rem;
	min-height: 106px;
}

html.corporate-surface .events-page .events-hero__stats span,
html.corporate-surface .events-page .football-event-card__meta,
html.corporate-surface .events-page .football-event-card__topline {
	color: rgba(226, 232, 240, 0.72);
	font-weight: 800;
}

html.corporate-surface .events-page .events-hero__stats strong {
	display: block;
	margin-top: 0.3rem;
	color: #f8fbff;
	font-size: 2rem;
	line-height: 1;
}

html.corporate-surface .events-page .events-hero__stats .is-live {
	border-color: rgba(92, 242, 165, 0.42);
	box-shadow: 0 0 28px rgba(92, 242, 165, 0.16);
}

html.corporate-surface .events-page .events-filter-shell {
	border-radius: 24px;
	padding: 1rem;
}

html.corporate-surface .events-page .events-status-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-bottom: 1rem;
}

html.corporate-surface .events-page .events-status-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0.55rem 0.9rem;
	border: 1px solid rgba(104, 237, 255, 0.16);
	border-radius: 999px;
	color: rgba(248, 251, 255, 0.78);
	font-weight: 900;
	text-decoration: none;
}

html.corporate-surface .events-page .events-status-tab.is-active {
	background: linear-gradient(135deg, rgba(118, 244, 255, 0.95), rgba(92, 242, 165, 0.9));
	color: #03101c;
	border-color: rgba(190, 255, 252, 0.82);
}

html.corporate-surface .events-page .events-filter-form {
	display: grid;
	grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(150px, 0.7fr)) auto;
	gap: 0.8rem;
	align-items: end;
}

html.corporate-surface .events-page .events-filter-form label {
	display: grid;
	gap: 0.4rem;
	margin: 0;
}

html.corporate-surface .events-page .events-filter-form label span {
	color: rgba(226, 232, 240, 0.78);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .events-page .events-filter-form__actions {
	display: flex;
	gap: 0.6rem;
	align-items: center;
}

html.corporate-surface .events-page .events-day-heading {
	margin-bottom: 1rem;
}

html.corporate-surface .events-page .events-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 1rem;
}

html.corporate-surface .events-page .football-event-card {
	position: relative;
	display: grid;
	gap: 1rem;
	border-radius: 24px;
	padding: 1rem;
	overflow: hidden;
}

html.corporate-surface .events-page .football-event-card > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .events-page .football-event-card--matchup-field {
	gap: 1.05rem;
	min-height: 330px;
	padding: clamp(1rem, 1.45vw, 1.45rem);
	border-color: color-mix(in srgb, var(--matchup-home-primary) 28%, rgba(104, 237, 255, 0.22));
	background:
		radial-gradient(circle at 8% 22%, color-mix(in srgb, var(--matchup-home-primary) 26%, transparent), transparent 28%),
		radial-gradient(circle at 92% 22%, color-mix(in srgb, var(--matchup-away-primary) 24%, transparent), transparent 28%),
		linear-gradient(90deg, color-mix(in srgb, var(--matchup-home-primary) 18%, transparent), transparent 31%, transparent 69%, color-mix(in srgb, var(--matchup-away-primary) 18%, transparent)),
		rgba(5, 14, 28, 0.86);
	box-shadow:
		0 28px 80px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html.corporate-surface .events-page .football-event-card--matchup-field::before {
	content: "";
	position: absolute;
	inset: 4.4rem 1.1rem 4.7rem;
	border: 1px solid rgba(104, 237, 255, 0.14);
	border-radius: 24px;
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(104, 237, 255, 0.34) calc(50% - 1px), rgba(104, 237, 255, 0.34) calc(50% + 1px), transparent calc(50% + 1px)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 9.09%),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 22px),
		linear-gradient(90deg, color-mix(in srgb, var(--matchup-home-primary) 20%, rgba(6, 12, 24, 0.92)), rgba(5, 14, 28, 0.72) 48%, rgba(5, 14, 28, 0.72) 52%, color-mix(in srgb, var(--matchup-away-primary) 20%, rgba(6, 12, 24, 0.92)));
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.045),
		inset 0 30px 70px rgba(255, 255, 255, 0.025),
		0 20px 46px rgba(0, 0, 0, 0.2);
	opacity: 0.92;
}

html.corporate-surface .events-page .football-event-card--matchup-field.is-live {
	border-color: rgba(92, 242, 165, 0.46);
	box-shadow:
		0 28px 80px rgba(0, 0, 0, 0.28),
		inset 0 0 34px rgba(92, 242, 165, 0.12);
}

html.corporate-surface .events-page .football-event-card.is-live:not(.football-event-card--matchup-field)::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border: 1px solid rgba(92, 242, 165, 0.42);
	box-shadow: inset 0 0 32px rgba(92, 242, 165, 0.12);
}

html.corporate-surface .events-page .football-event-card__topline,
html.corporate-surface .events-page .football-event-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

html.corporate-surface .events-page .event-status-badge,
html.corporate-surface .events-page .event-type-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 30px;
	padding: 0.35rem 0.65rem;
	border-radius: 999px;
	border: 1px solid rgba(104, 237, 255, 0.18);
	background: rgba(255, 255, 255, 0.06);
	color: #f8fbff;
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .events-page .event-status-badge--live {
	background: rgba(92, 242, 165, 0.18);
	border-color: rgba(92, 242, 165, 0.48);
	color: #c8ffdf;
}

html.corporate-surface .events-page .event-live-dot {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #5cf2a5;
	box-shadow: 0 0 0 0 rgba(92, 242, 165, 0.66);
	animation: eventLivePulse 1.5s infinite;
}

html.corporate-surface .events-page .football-event-card__teams {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 0.8rem;
	align-items: center;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__teams {
	position: relative;
	grid-template-columns: minmax(0, 1fr) minmax(88px, 0.18fr) minmax(0, 1fr);
	gap: clamp(0.75rem, 1.8vw, 1.25rem);
	min-height: 176px;
	padding: clamp(0.85rem, 1.35vw, 1.15rem);
	border: 1px solid rgba(104, 237, 255, 0.12);
	border-radius: 24px;
	background: rgba(3, 10, 21, 0.38);
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__teams::after {
	content: "";
	position: absolute;
	top: 18%;
	bottom: 18%;
	left: 50%;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(104, 237, 255, 0.34), transparent);
	transform: translateX(-50%);
}

html.corporate-surface .events-page .football-event-team {
	display: grid;
	gap: 0.3rem;
	min-width: 0;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-team {
	align-content: center;
	min-height: 138px;
	padding: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--matchup-home-primary) 16%, transparent), rgba(255, 255, 255, 0.035)),
		rgba(255, 255, 255, 0.035);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-team--away {
	background:
		linear-gradient(225deg, color-mix(in srgb, var(--matchup-away-primary) 16%, transparent), rgba(255, 255, 255, 0.035)),
		rgba(255, 255, 255, 0.035);
}

html.corporate-surface .events-page .football-event-team--away {
	text-align: right;
	justify-items: end;
}

html.corporate-surface .events-page .football-event-team img,
html.corporate-surface .events-page .football-event-team__fallback {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-team img,
html.corporate-surface .events-page .football-event-card--matchup-field .football-event-team__fallback {
	width: clamp(64px, 6vw, 84px);
	height: clamp(64px, 6vw, 84px);
	border-radius: 24px;
	font-size: clamp(1rem, 1.45vw, 1.45rem);
	letter-spacing: 0;
}

html.corporate-surface .events-page .football-event-team__fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(104, 237, 255, 0.18), rgba(92, 242, 165, 0.12));
	border: 1px solid rgba(104, 237, 255, 0.28);
	color: #dffcff;
	font-weight: 950;
}

html.corporate-surface .events-page .football-event-team__fallback.is-generated-team {
	position: relative;
	overflow: hidden;
	border-color: color-mix(in srgb, var(--generated-team-primary) 46%, rgba(255, 255, 255, 0.16));
	background:
		linear-gradient(142deg, color-mix(in srgb, var(--generated-team-primary) 52%, rgba(255, 255, 255, 0.08)) 0 52%, color-mix(in srgb, var(--generated-team-secondary) 42%, rgba(255, 255, 255, 0.08)) 53% 100%);
	color: #ffffff;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		0 12px 22px rgba(0, 0, 0, 0.22);
	text-shadow: 0 6px 18px rgba(0, 0, 0, 0.36);
}

html.corporate-surface .events-page .football-event-team strong,
html.corporate-surface .events-page .football-event-score strong {
	color: #f8fbff;
	font-size: 1.35rem;
	line-height: 1.05;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-team strong {
	font-size: clamp(1.35rem, 2.2vw, 2rem);
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-team span:not(.football-event-team__fallback) {
	font-size: 1rem;
}

html.corporate-surface .events-page .football-event-team span:not(.football-event-team__fallback),
html.corporate-surface .events-page .football-event-score span {
	color: rgba(226, 232, 240, 0.66);
	font-weight: 800;
}

html.corporate-surface .events-page .football-event-score {
	display: grid;
	place-items: center;
	min-width: 72px;
	padding: 0.65rem;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(104, 237, 255, 0.16);
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-score {
	z-index: 2;
	min-width: 96px;
	min-height: 96px;
	border-radius: 26px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)),
		rgba(4, 11, 23, 0.84);
	border-color: rgba(104, 237, 255, 0.26);
	box-shadow:
		0 18px 34px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-score strong {
	font-size: clamp(1.35rem, 2vw, 1.8rem);
	text-transform: uppercase;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-score span {
	font-size: 1rem;
}

html.corporate-surface .events-page .football-event-card__meta {
	display: grid;
	gap: 0.35rem;
	font-size: 0.86rem;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__meta {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55rem;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__meta span {
	min-width: 0;
	padding: 0.55rem 0.7rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.045);
	color: rgba(226, 232, 240, 0.76);
	font-weight: 850;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__footer {
	align-items: center;
}

html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__footer .btn-secondary-soft {
	min-width: 140px;
	justify-content: center;
	border-color: rgba(104, 237, 255, 0.32);
	background: rgba(10, 28, 48, 0.72);
}

html.corporate-surface .events-page .f1-events-command-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.72fr);
	gap: clamp(1rem, 2vw, 1.5rem);
	align-items: stretch;
	margin-bottom: clamp(1rem, 2.4vw, 1.65rem);
	padding: clamp(1.1rem, 2.4vw, 1.85rem);
	overflow: hidden;
	border: 1px solid rgba(255, 49, 32, 0.22);
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(255, 49, 32, 0.12), transparent 34%),
		radial-gradient(circle at 78% 16%, rgba(244, 212, 119, 0.14), transparent 32%),
		linear-gradient(145deg, rgba(12, 17, 31, 0.98), rgba(5, 10, 22, 0.94));
	box-shadow:
		0 30px 86px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .events-page .f1-events-command-hero__copy {
	display: grid;
	align-content: center;
	gap: clamp(0.85rem, 1.6vw, 1.15rem);
	min-width: 0;
}

html.corporate-surface .events-page .f1-events-command-hero__focus,
html.corporate-surface .events-page .f1-events-command-hero__countdown {
	display: grid;
	gap: 0.22rem;
	width: min(100%, 520px);
	padding: 0.85rem 1rem;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface .events-page .f1-events-command-hero__focus > strong,
html.corporate-surface .events-page .f1-events-command-hero__countdown > strong {
	color: #ffffff;
	font-family: var(--ds-font-heading);
	font-size: clamp(1.05rem, 1.7vw, 1.35rem);
	font-weight: 900;
	line-height: 1.04;
}

html.corporate-surface .events-page .f1-events-command-hero__focus > small,
html.corporate-surface .events-page .f1-events-command-hero__countdown > small,
html.corporate-surface .events-page .f1-events-command-hero__countdown > span {
	color: rgba(226, 232, 240, 0.7);
	font-weight: 850;
}

html.corporate-surface .events-page .f1-events-command-hero__countdown {
	grid-template-columns: minmax(0, 0.6fr) minmax(0, 1fr);
	align-items: center;
	border-color: rgba(244, 212, 119, 0.24);
	background:
		linear-gradient(135deg, rgba(244, 212, 119, 0.1), rgba(255, 49, 32, 0.055)),
		rgba(255, 255, 255, 0.04);
}

html.corporate-surface .events-page .f1-events-command-hero__countdown > span {
	text-transform: uppercase;
	font-size: 0.7rem;
	letter-spacing: 0;
}

html.corporate-surface .events-page .f1-events-command-hero__countdown > strong {
	color: #f4d477;
	text-align: right;
}

html.corporate-surface .events-page .f1-events-command-hero__countdown > small {
	grid-column: 1 / -1;
}

html.corporate-surface .events-page .f1-events-command-hero__visual {
	min-width: 0;
}

html.corporate-surface .events-page .f1-events-track-card {
	position: relative;
	display: grid;
	gap: 0.82rem;
	align-content: start;
	min-height: auto;
	padding: 1rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 18px;
	background: rgba(4, 8, 18, 0.9);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .events-page .f1-events-track-card > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.42;
}

html.corporate-surface .events-page .f1-events-track-card::before {
	display: none;
}

html.corporate-surface .events-page .f1-events-track-card__line,
html.corporate-surface .events-page .f1-grand-prix-event-card__map-line {
	display: none;
}

html.corporate-surface .events-page .f1-events-track-card__badge {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 12px;
	background: rgba(4, 9, 18, 0.72);
	box-shadow: none;
}

html.corporate-surface .events-page .f1-events-track-card__badge img {
	max-width: 38px;
	max-height: 38px;
	object-fit: contain;
}

html.corporate-surface .events-page .f1-events-track-card__badge span {
	color: #f4d477;
	font-weight: 950;
}

html.corporate-surface .events-page .f1-events-track-card__content {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 0.25rem;
	padding: 0;
}

html.corporate-surface .events-page .f1-events-track-card__content span,
html.corporate-surface .events-page .f1-grand-prix-event-card__eyebrow,
html.corporate-surface .events-page .f1-grand-prix-event-card__meta-grid span {
	color: #f4d477;
	font-size: 0.7rem;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

html.corporate-surface .events-page .f1-events-track-card__content strong {
	color: #ffffff;
	font-family: var(--ds-font-heading);
	font-size: clamp(1.55rem, 3vw, 2.2rem);
	font-weight: 900;
	line-height: 0.96;
}

html.corporate-surface .events-page .f1-events-track-card__content small {
	color: rgba(226, 232, 240, 0.78);
	font-weight: 850;
}

html.corporate-surface .events-page .f1-events-track-card__drivers {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	padding: 0;
}

html.corporate-surface .events-page .f1-events-track-card__drivers span {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font-size: 0.64rem;
	font-weight: 950;
}

html.corporate-surface .events-page .f1-events-track-card__drivers img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.corporate-surface .events-page .f1-grand-prix-event-card {
	position: relative;
	display: grid;
	min-height: 0;
	overflow: hidden;
	container-type: inline-size;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024)),
		rgba(5, 10, 22, 0.95);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .events-page .f1-grand-prix-event-card.is-live {
	border-color: rgba(92, 242, 165, 0.42);
	box-shadow:
		0 0 20px rgba(92, 242, 165, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .events-page .f1-grand-prix-event-card__body {
	display: grid;
	gap: 0.75rem;
	padding: clamp(1rem, 1.8vw, 1.35rem);
}

html.corporate-surface .events-page .f1-grand-prix-event-card__topline,
html.corporate-surface .events-page .f1-grand-prix-event-card__title-row,
html.corporate-surface .events-page .f1-grand-prix-event-card__footer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.85rem;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__round {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0.35rem 0.65rem;
	border: 1px solid rgba(244, 212, 119, 0.28);
	border-radius: 999px;
	background: rgba(244, 212, 119, 0.08);
	color: #f4d477;
	font-size: 0.75rem;
	font-weight: 950;
	white-space: nowrap;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__title-row h3 {
	max-width: 18ch;
	margin: 0;
	overflow-wrap: anywhere;
	color: #ffffff;
	font-family: var(--ds-font-heading);
	font-size: clamp(1.45rem, 2.4vw, 2rem);
	font-weight: 900;
	line-height: 0.96;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__primary .f1-grand-prix-event-card__title-row {
	align-items: center;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__title-row > div {
	flex: 1 1 15rem;
	min-width: 0;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__primary .btn-secondary-soft {
	flex: 0 0 auto;
	max-width: 100%;
	white-space: nowrap;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__circuit {
	max-width: 430px;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__eyebrow {
	margin: 0 0 0.35rem;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__series-logo {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	object-fit: contain;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.07);
	color: #f4d477;
	font-weight: 950;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__meta-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
	gap: 0.55rem;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__meta-grid div {
	display: grid;
	align-content: start;
	gap: 0.2rem;
	min-width: 0;
	min-height: 72px;
	padding: 0.62rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface .events-page .f1-grand-prix-event-card__meta-grid strong {
	overflow-wrap: anywhere;
	color: rgba(248, 250, 252, 0.92);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.14;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__scoring {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__scoring span {
	display: inline-flex;
	align-items: center;
	gap: 0.38rem;
	min-height: 34px;
	padding: 0.4rem 0.62rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.055);
	color: rgba(226, 232, 240, 0.8);
	font-size: 0.72rem;
	font-weight: 900;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__scoring strong {
	color: #f4d477;
	font-size: 0.96rem;
	line-height: 1;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__drivers,
html.corporate-surface .events-page .f1-grand-prix-event-card__constructors {
	display: flex;
	flex-wrap: wrap;
	gap: 0.42rem;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__drivers span {
	display: grid;
	grid-template-columns: 30px minmax(0, auto);
	align-items: center;
	gap: 0.35rem;
	min-height: 40px;
	padding: 0.28rem 0.48rem 0.28rem 0.28rem;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface .events-page .f1-grand-prix-event-card__drivers img,
html.corporate-surface .events-page .f1-grand-prix-event-card__drivers em {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	object-fit: cover;
	color: #fff;
	font-style: normal;
	font-size: 0.58rem;
	font-weight: 950;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__drivers strong {
	color: #ffffff;
	font-size: 0.68rem;
	font-weight: 950;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__constructors span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.045);
	color: rgba(226, 232, 240, 0.8);
	font-size: 0.62rem;
	font-weight: 950;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__constructors img {
	max-width: 30px;
	max-height: 20px;
	object-fit: contain;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__timeline {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.28rem;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__timeline span {
	position: relative;
	display: grid;
	gap: 0.26rem;
	min-width: 0;
	padding: 0.48rem 0.34rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.04);
	color: rgba(226, 232, 240, 0.62);
	font-size: 0.56rem;
	font-weight: 900;
	line-height: 1.05;
	text-align: center;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__timeline strong {
	display: -webkit-box;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__timeline i {
	justify-self: center;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: rgba(148, 163, 184, 0.45);
}

html.corporate-surface .events-page .f1-grand-prix-event-card__timeline .is-done i {
	background: #5cf2a5;
	box-shadow: 0 0 14px rgba(92, 242, 165, 0.4);
}

html.corporate-surface .events-page .f1-grand-prix-event-card__timeline .is-current {
	border-color: rgba(244, 212, 119, 0.38);
	background: rgba(244, 212, 119, 0.08);
	color: #ffffff;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__timeline .is-current i {
	background: #f4d477;
	box-shadow: 0 0 16px rgba(244, 212, 119, 0.48);
}

html.corporate-surface .events-page .f1-grand-prix-event-card__footer {
	align-items: center;
	padding-top: 0.1rem;
}

html.corporate-surface .events-page .f1-grand-prix-event-card__footer > span:last-child {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .events-page .events-card-grid .f1-grand-prix-event-card__primary .f1-grand-prix-event-card__title-row {
	align-items: flex-start;
	flex-direction: column;
	gap: 0.6rem;
}

html.corporate-surface .events-page .events-card-grid .f1-grand-prix-event-card__primary .btn-secondary-soft {
	min-height: 36px;
	padding: 0.48rem 0.72rem;
	font-size: 0.72rem;
}

@container (min-width: 520px) {
	html.corporate-surface .events-page .f1-grand-prix-event-card__timeline span {
		font-size: 0.64rem;
	}
}

html.corporate-surface .events-page .f1-grand-prix-event-card__footer .btn-secondary-soft {
	min-width: 174px;
	justify-content: center;
	border-color: rgba(244, 212, 119, 0.28);
	background:
		linear-gradient(135deg, rgba(244, 212, 119, 0.12), rgba(255, 49, 32, 0.06)),
		rgba(5, 11, 23, 0.82);
}

@keyframes eventLivePulse {
	0% {
		box-shadow: 0 0 0 0 rgba(92, 242, 165, 0.56);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(92, 242, 165, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(92, 242, 165, 0);
	}
}

@media (max-width: 991.98px) {
	html.corporate-surface .events-page .events-hero,
	html.corporate-surface .events-page .f1-events-command-hero,
	html.corporate-surface .events-page .events-filter-form {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .events-page .f1-events-track-card {
		min-height: 320px;
	}

	html.corporate-surface .events-page .f1-grand-prix-event-card {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .events-page .f1-grand-prix-event-card__meta-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .events-page .events-hero__stats,
	html.corporate-surface .events-page .events-card-grid,
	html.corporate-surface .events-page .football-event-card__teams {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .events-page .football-event-card--matchup-field {
		min-height: auto;
	}

	html.corporate-surface .events-page .football-event-card--matchup-field::before {
		inset: 4.25rem 0.8rem 5rem;
	}

	html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__teams {
		min-height: auto;
	}

	html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__teams::after {
		top: 50%;
		right: 1rem;
		bottom: auto;
		left: 1rem;
		width: auto;
		height: 1px;
		transform: translateY(-50%);
	}

	html.corporate-surface .events-page .football-event-card--matchup-field .football-event-card__meta {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .events-page .football-event-team--away {
		text-align: left;
		justify-items: start;
	}

	html.corporate-surface .events-page .football-event-score {
		justify-self: stretch;
	}

	html.corporate-surface .events-page .football-event-card__topline,
	html.corporate-surface .events-page .football-event-card__footer,
	html.corporate-surface .events-page .f1-grand-prix-event-card__topline,
	html.corporate-surface .events-page .f1-grand-prix-event-card__title-row,
	html.corporate-surface .events-page .f1-grand-prix-event-card__footer,
	html.corporate-surface .events-page .events-filter-form__actions {
		align-items: stretch;
		flex-direction: column;
	}

	html.corporate-surface .events-page .f1-events-command-hero {
		padding: 1rem;
		border-radius: 22px;
	}

	html.corporate-surface .events-page .f1-events-command-hero__countdown,
	html.corporate-surface .events-page .f1-grand-prix-event-card__meta-grid,
	html.corporate-surface .events-page .f1-grand-prix-event-card__timeline {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .events-page .f1-events-command-hero__countdown > strong {
		text-align: left;
	}

	html.corporate-surface .events-page .f1-grand-prix-event-card {
		min-height: auto;
		border-radius: 22px;
	}

	html.corporate-surface .events-page .f1-grand-prix-event-card__title-row h3 {
		max-width: none;
	}
}

/* Sprint 4: corporate ranking package */
html.corporate-surface .ranking-board__header {
	gap: 1.25rem;
	align-items: flex-start;
}

html.corporate-surface .ranking-board__toolbar {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.9rem;
	min-width: min(100%, 420px);
}

html.corporate-surface .ranking-search-shell {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.65rem;
	width: 100%;
}

html.corporate-surface .ranking-search-input-wrap {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	width: min(100%, 320px);
}

html.corporate-surface .ranking-search-input {
	width: 100%;
	min-height: 42px;
}

html.corporate-surface .ranking-podium-preview {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.85rem;
	margin: 1.1rem 0;
}

html.corporate-surface .ranking-podium-mini {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
	padding: 0.85rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.055);
}

html.corporate-surface .ranking-podium-mini strong,
html.corporate-surface .ranking-entry-name,
html.corporate-surface .ranking-self-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .ranking-list {
	display: grid;
	gap: 0.85rem;
}

html.corporate-surface .ranking-entry-main {
	min-width: 0;
}

html.corporate-surface .ranking-entry-top,
html.corporate-surface .ranking-mobile-meta,
html.corporate-surface .ranking-entry-metrics {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.65rem;
}

html.corporate-surface .ranking-entry-metrics {
	justify-content: flex-end;
}

html.corporate-surface .ranking-movement.is-up strong {
	color: #5cf2a5;
}

html.corporate-surface .ranking-movement.is-down strong {
	color: #ff8a8a;
}

html.corporate-surface .ranking-load-more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.85rem;
	margin-top: 1.2rem;
}

@media (max-width: 768px) {
	html.corporate-surface .ranking-board__toolbar,
	html.corporate-surface .ranking-search-shell,
	html.corporate-surface .ranking-search-input-wrap {
		align-items: stretch;
		width: 100%;
	}

	html.corporate-surface .ranking-search-shell {
		flex-direction: column;
	}

	html.corporate-surface .ranking-podium-preview {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .ranking-entry-card {
		grid-template-columns: auto 1fr;
	}

	html.corporate-surface .ranking-entry-metrics,
	html.corporate-surface .ranking-entry-points-wrap {
		grid-column: 1 / -1;
		justify-content: flex-start;
	}
}

/* Engine ranking keeps the corporate dense table contract even in the narrow app browser. */
html.corporate-surface .ranking-page .ranking-list--dense {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-color: rgba(53, 208, 226, 0.34) transparent;
	scrollbar-width: thin;
}

html.corporate-surface .ranking-page .ranking-list--dense::-webkit-scrollbar {
	height: 6px;
}

html.corporate-surface .ranking-page .ranking-list--dense::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(53, 208, 226, 0.34);
}

@media (max-width: 768px) {
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-entry-card {
		display: grid;
		grid-template-columns: minmax(220px, 1.35fr) minmax(64px, 0.38fr) minmax(92px, 0.5fr) minmax(104px, 0.55fr) minmax(118px, 0.58fr) minmax(90px, 0.42fr);
		align-items: center;
		gap: 0.55rem;
		min-width: 760px;
		min-height: 74px;
		padding: 0.72rem 0.82rem 0.72rem 1rem;
	}

	html.corporate-surface .ranking-page .ranking-list--dense .ranking-mobile-stack {
		display: none;
	}

	html.corporate-surface .ranking-page .ranking-list--dense .ranking-card__identity {
		display: grid;
		grid-template-columns: 58px 42px minmax(0, 1fr);
		gap: 0.55rem;
	}

	html.corporate-surface .ranking-page .ranking-list--dense .ranking-position,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-points,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-stat,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-stat-wide,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-gap,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-movement {
		display: grid;
	}

	html.corporate-surface .ranking-page .ranking-list--dense .ranking-position span,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-points strong {
		font-size: 1.55rem;
	}

	html.corporate-surface .ranking-page .ranking-list--dense .ranking-avatar {
		width: 42px;
		height: 42px;
		border-radius: 14px;
	}

	html.corporate-surface .ranking-page .ranking-list--dense .ranking-name strong,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-stat strong,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-gap strong,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-movement strong {
		font-size: 0.82rem;
	}

	html.corporate-surface .ranking-page .ranking-list--dense .ranking-position small,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-points span,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-stat span,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-gap span,
	html.corporate-surface .ranking-page .ranking-list--dense .ranking-movement span {
		font-size: 0.56rem;
	}

	html.corporate-surface .ranking-page .ranking-list--dense .ranking-gap {
		padding: 0.45rem 0.55rem;
		border-radius: 12px;
	}
}

/* Arena experience package */
html.corporate-surface .arena-dashboard-page {
	--sponsor-primary: #35d0e2;
	--sponsor-accent: #5cf2a5;
}

html.corporate-surface .arena-dashboard-narrative .corporate-command-hero {
	border-color: color-mix(in srgb, var(--sponsor-primary) 34%, rgba(255, 255, 255, 0.08));
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 8, 22, 0.94)),
		linear-gradient(120deg, color-mix(in srgb, var(--sponsor-primary) 12%, transparent), transparent 42%),
		linear-gradient(300deg, color-mix(in srgb, var(--sponsor-accent) 10%, transparent), transparent 44%);
}

html.corporate-surface .arena-dashboard-narrative[style*="--arena-hero-image"] .corporate-command-hero {
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.94), rgba(5, 8, 22, 0.9)),
		linear-gradient(120deg, color-mix(in srgb, var(--sponsor-primary) 18%, transparent), transparent 46%),
		var(--arena-hero-image) center / cover no-repeat;
}

html.corporate-surface .arena-experience-strip {
	display: inline-flex;
	align-items: center;
	gap: 0.72rem;
	max-width: 100%;
	margin-bottom: 1rem;
	padding: 0.45rem 0.65rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary) 36%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
}

html.corporate-surface .arena-experience-mark {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border-radius: 8px;
	object-fit: contain;
}

html.corporate-surface .arena-experience-logo {
	padding: 0.32rem;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

html.corporate-surface .arena-experience-mark {
	display: inline-grid;
	place-items: center;
	background: linear-gradient(135deg, var(--sponsor-primary), var(--sponsor-accent));
	color: #06111d;
	font-weight: 900;
}

html.corporate-surface .arena-experience-strip small,
html.corporate-surface .arena-experience-strip strong {
	display: block;
	max-width: min(52vw, 420px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .arena-experience-strip small {
	color: color-mix(in srgb, var(--sponsor-accent) 70%, #e5e7eb);
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

html.corporate-surface .arena-experience-strip strong {
	color: #f8fbff;
	font-weight: 900;
}

html.corporate-surface .arena-visual-stage {
	position: relative;
	display: grid;
	gap: 0.85rem;
	width: min(100%, 390px);
	padding: 1rem;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary) 32%, rgba(255, 255, 255, 0.12));
	border-radius: 12px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
		rgba(6, 12, 24, 0.7);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

html.corporate-surface .arena-visual-stage::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	background: linear-gradient(90deg, var(--sponsor-primary), var(--sponsor-accent));
}

html.corporate-surface .arena-visual-stage__image {
	width: 100%;
	aspect-ratio: 16 / 7;
	border-radius: 8px;
	object-fit: cover;
}

html.corporate-surface .arena-visual-board.has-visual-assets {
	width: min(100%, 380px);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025)),
		radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--sponsor-primary) 18%, transparent), transparent 34%),
		radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--sponsor-accent) 15%, transparent), transparent 36%),
		rgba(6, 12, 24, 0.76);
}

html.corporate-surface .arena-visual-board__featured {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

html.corporate-surface .arena-visual-board__team {
	display: grid;
	place-items: center;
	min-height: 96px;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary) 18%, rgba(255, 255, 255, 0.08));
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
		rgba(255, 255, 255, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .arena-visual-board__team img {
	width: min(70px, 44%);
	height: min(70px, 44%);
	object-fit: contain;
	filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.35));
}

html.corporate-surface .arena-visual-board__team strong {
	color: #f8fbff;
	font-size: 1.4rem;
	font-weight: 950;
}

html.corporate-surface .arena-visual-board__team.is-generated-team {
	position: relative;
	overflow: hidden;
	border-color: color-mix(in srgb, var(--generated-team-primary) 44%, rgba(255, 255, 255, 0.14));
	background:
		linear-gradient(142deg, color-mix(in srgb, var(--generated-team-primary) 36%, rgba(255, 255, 255, 0.08)) 0 48%, color-mix(in srgb, var(--generated-team-secondary) 30%, rgba(255, 255, 255, 0.08)) 49% 100%),
		rgba(255, 255, 255, 0.06);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		inset 0 -18px 36px rgba(0, 0, 0, 0.18);
}

html.corporate-surface .arena-visual-board__team.is-generated-team::after,
html.corporate-surface .arena-visual-board__mosaic span.is-generated-team::after,
html.corporate-surface .arena-visual-board__rail span.is-generated-team::after,
html.corporate-surface .events-page .football-event-team__fallback.is-generated-team::after {
	content: "";
	position: absolute;
	left: 18%;
	right: 18%;
	bottom: 18%;
	height: 2px;
	border-top: 2px solid rgba(255, 255, 255, 0.42);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

html.corporate-surface .arena-visual-board__team.is-generated-team strong {
	position: relative;
	z-index: 1;
	text-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

html.corporate-surface .arena-visual-board__mosaic {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.45rem;
}

html.corporate-surface .arena-visual-board__mosaic span,
html.corporate-surface .arena-visual-board__rail span {
	display: grid;
	place-items: center;
	min-width: 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.055);
}

html.corporate-surface .arena-visual-board__mosaic span {
	aspect-ratio: 1;
	border-radius: 8px;
}

html.corporate-surface .arena-visual-board__mosaic img {
	width: 68%;
	height: 68%;
	object-fit: contain;
	filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.3));
}

html.corporate-surface .arena-visual-board__mosaic span.is-generated-team,
html.corporate-surface .arena-visual-board__rail span.is-generated-team {
	position: relative;
	overflow: hidden;
	border-color: color-mix(in srgb, var(--generated-team-primary) 46%, rgba(255, 255, 255, 0.16));
	background:
		linear-gradient(142deg, color-mix(in srgb, var(--generated-team-primary) 48%, rgba(255, 255, 255, 0.08)) 0 52%, color-mix(in srgb, var(--generated-team-secondary) 42%, rgba(255, 255, 255, 0.08)) 53% 100%),
		rgba(255, 255, 255, 0.06);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 12px 24px rgba(0, 0, 0, 0.18);
}

html.corporate-surface .arena-visual-board__mosaic strong,
html.corporate-surface .arena-visual-board__rail strong {
	display: none;
	color: #f8fbff;
	font-size: 0.72rem;
	font-weight: 950;
}

html.corporate-surface .arena-visual-board__mosaic .is-fallback strong,
html.corporate-surface .arena-visual-board__rail .is-fallback strong,
html.corporate-surface .arena-visual-board__mosaic .is-generated-team strong,
html.corporate-surface .arena-visual-board__rail .is-generated-team strong {
	display: block;
	position: relative;
	z-index: 1;
}

html.corporate-surface .arena-visual-board__rail {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 34px;
	gap: 0.4rem;
	max-width: 100%;
	overflow: hidden;
	padding: 0.15rem 0;
}

html.corporate-surface .arena-visual-board__rail span {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	color: #f8fbff;
	font-size: 0.68rem;
	font-weight: 950;
}

html.corporate-surface .arena-visual-board__rail img {
	width: 72%;
	height: 72%;
	object-fit: contain;
}

html.corporate-surface .arena-dashboard-live-chip {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	gap: 0.45rem;
	padding: 0.42rem 0.62rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary) 34%, transparent);
	border-radius: 999px;
	color: #dffcff;
	background: rgba(255, 255, 255, 0.06);
	font-size: 0.78rem;
	font-weight: 900;
}

html.corporate-surface .arena-dashboard-live-chip.is-live {
	color: #052015;
	background: linear-gradient(135deg, var(--sponsor-accent), var(--sponsor-primary));
}

html.corporate-surface .arena-visual-stage h2 {
	margin: 0;
	color: #f8fbff;
	font-size: 1.35rem;
	font-weight: 900;
	line-height: 1.08;
}

html.corporate-surface .arena-visual-stage p {
	margin: 0;
	color: rgba(226, 232, 240, 0.72);
	font-weight: 760;
}

html.corporate-surface .arena-dashboard-event-stack,
html.corporate-surface .arena-dashboard-activity-list {
	display: grid;
	gap: 0.72rem;
}

html.corporate-surface .arena-dashboard-event-row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 0.8rem;
	align-items: center;
	padding: 0.85rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

html.corporate-surface .arena-dashboard-event-row:last-child {
	border-bottom: 0;
}

html.corporate-surface .arena-dashboard-event-row__status {
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 999px;
	background: var(--sponsor-primary);
}

html.corporate-surface .arena-dashboard-event-row__status.is-live {
	background: var(--sponsor-accent);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--sponsor-accent) 18%, transparent);
}

html.corporate-surface .arena-dashboard-event-row strong,
html.corporate-surface .arena-dashboard-event-row span {
	color: #f8fbff;
	font-weight: 900;
}

html.corporate-surface .arena-dashboard-event-row small {
	display: block;
	color: rgba(226, 232, 240, 0.68);
	font-weight: 720;
}

html.corporate-surface .arena-dashboard-event-row > div:last-child {
	text-align: right;
}

html.corporate-surface .arena-dashboard-brand-swatch,
html.corporate-surface .arena-dashboard-mini-list {
	display: grid;
	gap: 0.75rem;
	margin-top: 1rem;
}

html.corporate-surface .arena-dashboard-brand-swatch {
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: center;
}

html.corporate-surface .arena-dashboard-brand-swatch > span {
	width: 32px;
	height: 32px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
}

html.corporate-surface .arena-dashboard-brand-swatch strong,
html.corporate-surface .arena-dashboard-mini-list strong {
	display: block;
	color: #f8fbff;
	font-weight: 900;
}

html.corporate-surface .arena-dashboard-brand-swatch small,
html.corporate-surface .arena-dashboard-mini-list small {
	margin: 0;
	color: rgba(226, 232, 240, 0.68);
	font-weight: 720;
}

html.corporate-surface .arena-dashboard-mini-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

html.corporate-surface .arena-dashboard-mini-list span {
	display: grid;
	gap: 0.2rem;
	min-width: 0;
	padding: 0.65rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface .arena-dashboard-sponsor-card {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 0.85rem;
	align-items: center;
	margin-top: 1rem;
	padding: 0.8rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary) 28%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary) 10%, transparent), transparent 54%),
		rgba(255, 255, 255, 0.045);
}

html.corporate-surface .arena-dashboard-sponsor-card__logo {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.92);
	color: #07111f;
	font-weight: 950;
}

html.corporate-surface .arena-dashboard-sponsor-card__logo img {
	width: 100%;
	height: 100%;
	padding: 0.42rem;
	object-fit: contain;
}

html.corporate-surface .arena-dashboard-sponsor-card strong {
	display: block;
	color: #f8fbff;
	font-weight: 900;
}

html.corporate-surface .arena-dashboard-sponsor-card p,
html.corporate-surface .arena-dashboard-sponsor-card small,
html.corporate-surface .arena-dashboard-legal-panel p {
	margin: 0;
	color: rgba(226, 232, 240, 0.7);
	font-weight: 720;
}

html.corporate-surface .arena-dashboard-sponsor-card small {
	display: inline-flex;
	margin-top: 0.35rem;
	padding: 0.28rem 0.5rem;
	border-radius: 999px;
	color: #06111d;
	background: linear-gradient(135deg, var(--sponsor-accent), var(--sponsor-primary));
	font-size: 0.76rem;
	font-weight: 900;
}

/* Portable arena experience: dashboard narrative applied to Events and Play. */
html.corporate-surface .arena-experience-narrative {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
}

html.corporate-surface .arena-experience-narrative .arena-experience-hero {
	margin: 0;
}

html.corporate-surface .arena-experience-narrative .corporate-command-kpis {
	margin: 0;
}

html.corporate-surface .arena-experience-content {
	position: relative;
	z-index: 1;
}

html.corporate-surface .arena-experience-narrative--events .events-filter-shell,
html.corporate-surface .arena-experience-narrative--play .predictions-panel {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.08));
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.86), rgba(5, 8, 22, 0.9)),
		linear-gradient(120deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 8%, transparent), transparent 42%);
	box-shadow: var(--shadow-corporate-panel);
}

html.corporate-surface .arena-experience-narrative--play .play-command-layout {
	grid-template-columns: minmax(0, 1.62fr) minmax(290px, 0.58fr);
	gap: clamp(0.9rem, 1.6vw, 1.2rem);
}

html.corporate-surface .arena-experience-narrative--play .play-command-layout--focus {
	grid-template-columns: minmax(0, 1fr);
}

html.corporate-surface .campaign-hero {
	--accent-cyan: #22d3ee;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.94fr) minmax(280px, 0.58fr);
	align-items: center;
	gap: clamp(1rem, 2.5vw, 2.6rem);
	min-height: clamp(360px, 34vw, 420px);
	overflow: hidden;
	padding: clamp(1.35rem, 2.7vw, 2.55rem);
	border: 1px solid color-mix(in srgb, var(--accent-cyan) 24%, rgba(255, 255, 255, 0.08));
	border-radius: 8px;
	background:
		linear-gradient(106deg, rgba(4, 10, 19, 0.98) 0%, rgba(7, 18, 31, 0.96) 48%, rgba(3, 8, 16, 0.98) 100%),
		color-mix(in srgb, var(--accent-cyan) 4%, transparent);
	box-shadow:
		0 24px 76px rgba(0, 0, 0, 0.3),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

html.corporate-surface .campaign-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
	background-size: 58px 58px;
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.2) 68%, transparent);
	pointer-events: none;
}

html.corporate-surface .campaign-hero__content,
html.corporate-surface .campaign-hero__visual-slot {
	position: relative;
	z-index: 1;
}

html.corporate-surface .campaign-hero__content {
	display: grid;
	align-content: center;
	justify-items: start;
	gap: clamp(0.62rem, 1.15vw, 0.95rem);
	max-width: min(720px, 100%);
}

html.corporate-surface .campaign-hero__label {
	margin: 0;
	color: var(--accent-cyan);
	font-size: 0.76rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.corporate-surface .campaign-hero__title {
	max-width: 12ch;
	margin: 0;
	color: #f8fbff;
	font-size: clamp(2.85rem, 6.4vw, 5.9rem);
	font-weight: 950;
	letter-spacing: 0;
	line-height: 0.9;
}

html.corporate-surface .campaign-hero__accent {
	color: var(--accent-cyan);
	text-shadow: 0 0 24px rgba(34, 211, 238, 0.22);
}

html.corporate-surface .campaign-hero__subtitle {
	max-width: 44rem;
	margin: 0;
	color: rgba(226, 232, 240, 0.73);
	font-size: clamp(0.98rem, 1.1vw, 1.12rem);
	font-weight: 720;
	line-height: 1.42;
}

html.corporate-surface .campaign-hero__context-chip {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0.34rem 0.68rem;
	border-left: 2px solid var(--accent-cyan);
	color: #f8fbff;
	background: linear-gradient(90deg, color-mix(in srgb, var(--accent-cyan) 14%, transparent), transparent);
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .campaign-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.72rem;
	margin-top: 0.22rem;
}

html.corporate-surface .campaign-hero__actions .btn-primary-gradient,
html.corporate-surface .campaign-hero__actions .btn-secondary-soft {
	min-height: 44px;
	border-radius: 999px;
}

html.corporate-surface .campaign-hero__visual-slot {
	display: grid;
	align-items: center;
	justify-items: end;
	width: 100%;
	min-width: 0;
}

html.corporate-surface .campaign-grammar {
	position: relative;
	width: 100%;
	max-width: 500px;
	min-width: min(260px, 100%);
	min-height: clamp(220px, 26vw, 330px);
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--accent-cyan) 22%, rgba(255, 255, 255, 0.08));
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 11%, transparent), transparent 42%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012)),
		rgba(4, 16, 24, 0.45);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.028) inset,
		0 20px 58px rgba(0, 0, 0, 0.2);
}

html.corporate-surface .campaign-grammar::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.52) calc(50% - 1px), rgba(255, 255, 255, 0.52) calc(50% + 1px), transparent calc(50% + 1px)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 10%);
	opacity: 0.86;
}

html.corporate-surface .campaign-grammar::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 30px 30px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.66), transparent 84%);
}

html.corporate-surface .campaign-grammar__field,
html.corporate-surface .campaign-grammar__midline,
html.corporate-surface .campaign-grammar__hash,
html.corporate-surface .campaign-grammar__route,
html.corporate-surface .campaign-grammar__dot {
	position: absolute;
	z-index: 1;
	display: block;
	pointer-events: none;
}

html.corporate-surface .campaign-grammar__field {
	inset: 13% 7%;
	border: 1px solid color-mix(in srgb, var(--accent-cyan) 42%, rgba(255, 255, 255, 0.16));
	background:
		radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 13%, transparent), transparent 36%),
		repeating-linear-gradient(90deg, transparent 0 9.82%, rgba(255, 255, 255, 0.22) 10% calc(10% + 1px), transparent calc(10% + 1px) 20%),
		linear-gradient(90deg, rgba(4, 78, 60, 0.5), rgba(10, 104, 68, 0.34), rgba(4, 78, 60, 0.5));
}

html.corporate-surface .campaign-grammar__midline {
	top: 13%;
	bottom: 13%;
	left: 50%;
	width: 2px;
	background: rgba(255, 255, 255, 0.58);
	box-shadow: 0 0 20px color-mix(in srgb, var(--accent-cyan) 18%, transparent);
}

html.corporate-surface .campaign-grammar__hash {
	left: 12%;
	right: 12%;
	height: 8px;
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.42) 0 2px, transparent 2px 17px);
}

html.corporate-surface .campaign-grammar__hash--top {
	top: 32%;
}

html.corporate-surface .campaign-grammar__hash--bottom {
	bottom: 32%;
}

html.corporate-surface .campaign-grammar__route {
	border: 2px solid color-mix(in srgb, var(--accent-cyan) 62%, rgba(255, 255, 255, 0.18));
	border-bottom: 0;
	border-left: 0;
	opacity: 0.74;
}

html.corporate-surface .campaign-grammar__route--one {
	top: 22%;
	left: 16%;
	width: 34%;
	height: 25%;
	border-radius: 0 34px 0 0;
}

html.corporate-surface .campaign-grammar__route--two {
	right: 14%;
	bottom: 22%;
	width: 32%;
	height: 22%;
	border-color: color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 38%, rgba(255, 255, 255, 0.16));
	border-radius: 0 28px 0 0;
	transform: rotate(180deg);
}

html.corporate-surface .campaign-grammar__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--accent-cyan);
	box-shadow: 0 0 18px color-mix(in srgb, var(--accent-cyan) 42%, transparent);
	opacity: 0.78;
}

html.corporate-surface .campaign-grammar__dot--one {
	top: 22%;
	left: 16%;
}

html.corporate-surface .campaign-grammar__dot--two {
	top: 47%;
	left: 50%;
	transform: translateX(-50%);
}

html.corporate-surface .campaign-grammar__dot--three {
	right: 14%;
	bottom: 22%;
}

html.corporate-surface .campaign-hero--f1,
html.corporate-surface .campaign-hero--f1-race {
	grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.14fr);
	min-height: clamp(600px, 54vw, 720px);
	padding: clamp(2.8rem, 5vw, 5.35rem);
	border-color: rgba(34, 211, 238, 0.22);
	background:
		radial-gradient(ellipse at 78% 42%, rgba(34, 211, 238, 0.16), transparent 38%),
		radial-gradient(ellipse at 62% 72%, rgba(34, 211, 238, 0.08), transparent 36%),
		linear-gradient(112deg, rgba(2, 7, 13, 1) 0%, rgba(3, 12, 19, 0.98) 45%, rgba(2, 6, 12, 0.99) 100%);
	isolation: isolate;
}

html.corporate-surface .campaign-hero--f1::before,
html.corporate-surface .campaign-hero--f1-race::before {
	z-index: 1;
	background:
		linear-gradient(90deg, rgba(2, 6, 13, 0.99) 0%, rgba(2, 6, 13, 0.88) 33%, rgba(2, 6, 13, 0.28) 56%, rgba(2, 6, 13, 0.04) 82%),
		radial-gradient(ellipse at 76% 33%, rgba(34, 211, 238, 0.12), transparent 38%),
		linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
	background-size: auto, auto, 70px 70px, 70px 70px;
	mask-image: none;
	opacity: 0.92;
}

html.corporate-surface .campaign-hero--f1::after,
html.corporate-surface .campaign-hero--f1-race::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(ellipse at center, transparent 0 48%, rgba(0, 0, 0, 0.5) 100%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.24), transparent 24%, rgba(0, 0, 0, 0.34));
	pointer-events: none;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__content,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__content {
	z-index: 3;
	max-width: min(650px, 48vw);
	padding-block: clamp(0.5rem, 1.6vw, 1.3rem);
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__title,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__title {
	max-width: 8.8ch;
	font-size: clamp(4rem, 7.4vw, 8rem);
	line-height: 0.91;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__actions,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__actions {
	margin-top: 1.35rem;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__label,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__label {
	font-size: 0.82rem;
	letter-spacing: 0.16em;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__subtitle,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__subtitle {
	max-width: 34rem;
	color: rgba(226, 232, 240, 0.78);
	font-size: clamp(1.08rem, 1.35vw, 1.36rem);
	font-weight: 660;
	line-height: 1.45;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__context-chip,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__context-chip {
	min-height: 40px;
	padding: 0.52rem 0.82rem;
	background: linear-gradient(90deg, rgba(34, 211, 238, 0.12), rgba(15, 23, 42, 0.1));
	box-shadow: 0 0 30px rgba(34, 211, 238, 0.07);
	letter-spacing: 0.02em;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__actions .btn-primary-gradient,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__actions .btn-primary-gradient {
	box-shadow:
		0 18px 46px rgba(34, 211, 238, 0.24),
		0 0 86px rgba(34, 211, 238, 0.14);
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__visual-slot,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__visual-slot {
	position: absolute;
	inset: 0;
	z-index: 0;
	justify-items: stretch;
}

html.corporate-surface .campaign-grammar--f1 {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: none;
	min-height: 100%;
	border: 0;
	border-radius: inherit;
	background:
		radial-gradient(ellipse at 72% 42%, rgba(34, 211, 238, 0.16), transparent 34%),
		radial-gradient(ellipse at 82% 78%, rgba(148, 163, 184, 0.1), transparent 36%),
		linear-gradient(180deg, rgba(6, 14, 24, 0.32) 0%, rgba(3, 7, 13, 0.94) 82%),
		rgba(4, 8, 14, 0.98);
	box-shadow: none;
	perspective: 980px;
}

html.corporate-surface .campaign-grammar--f1::before {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.015), transparent 42%, rgba(34, 211, 238, 0.045)),
		linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		repeating-radial-gradient(circle at 54% 62%, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 5px);
	background-size: auto, 52px 52px, 52px 52px, auto;
	opacity: 0.5;
	animation: f1HeroNoiseDrift 22s linear infinite;
}

html.corporate-surface .campaign-grammar--f1::after {
	background:
		radial-gradient(ellipse at 55% 54%, transparent 0 44%, rgba(0, 0, 0, 0.48) 100%),
		linear-gradient(90deg, rgba(3, 8, 16, 0.94) 0%, rgba(3, 8, 16, 0.42) 36%, transparent 70%);
	opacity: 1;
	mask-image: none;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__asphalt,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__horizon,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__racing-line,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__speed-markers,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__checkered,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__smoke,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-boxes,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__lane-edge,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__pit-wall,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__rubber,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__measurement,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__technical-line,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-lights,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__particle {
	position: absolute;
	z-index: 1;
	display: block;
	pointer-events: none;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__asphalt {
	top: 16%;
	right: -10%;
	bottom: -54%;
	left: 34%;
	background:
		linear-gradient(108deg, transparent 0 41%, rgba(34, 211, 238, 0.24) 41.4% 41.8%, transparent 42.3%),
		linear-gradient(112deg, transparent 0 47.5%, rgba(255, 255, 255, 0.34) 47.8% 48.1%, rgba(255, 255, 255, 0.78) 48.18% 48.35%, transparent 48.8%),
		repeating-linear-gradient(84deg, transparent 0 12.2%, rgba(255, 255, 255, 0.18) 12.5% 12.86%, transparent 13.18% 24.4%),
		repeating-linear-gradient(0deg, transparent 0 15%, rgba(255, 255, 255, 0.14) 15.22% 15.58%, transparent 15.95% 30%),
		repeating-radial-gradient(circle at 54% 78%, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, rgba(148, 163, 184, 0.08), rgba(15, 23, 42, 0.34) 45%, rgba(2, 6, 13, 0.86));
	clip-path: polygon(34% 0, 88% 0, 104% 100%, 4% 100%);
	filter: drop-shadow(0 38px 66px rgba(0, 0, 0, 0.5));
	opacity: 0.74;
	transform: rotateX(60deg) translateY(2.2rem) skewX(-14deg) scaleY(1.16);
	transform-origin: 50% 100%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__horizon {
	top: 30%;
	right: 3%;
	left: 42%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(226, 232, 240, 0.18), rgba(34, 211, 238, 0.18), transparent);
	box-shadow: 0 0 34px rgba(34, 211, 238, 0.08);
	opacity: 0.72;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__racing-line {
	z-index: 2;
	left: 45%;
	right: 4%;
	height: 34%;
	border: 1px solid transparent;
	border-left: 0;
	border-bottom: 0;
	border-radius: 0 72% 0 0;
	transform-origin: 30% 100%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__racing-line--cyan {
	top: 34%;
	border-top-color: rgba(34, 211, 238, 0.78);
	box-shadow:
		0 -2px 24px rgba(34, 211, 238, 0.34),
		0 -8px 58px rgba(34, 211, 238, 0.18);
	transform: perspective(760px) rotateX(60deg) rotateZ(-11deg) skewX(-18deg);
	animation: f1HeroLinePulse 5.8s ease-in-out infinite;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__racing-line--white {
	top: 29%;
	border-top-color: rgba(248, 251, 255, 0.54);
	filter: drop-shadow(0 0 18px rgba(248, 251, 255, 0.18));
	transform: perspective(760px) rotateX(58deg) rotateZ(-9deg) skewX(-16deg) translateY(34px);
	opacity: 0.9;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__racing-line--outer {
	top: 26%;
	border-top-color: rgba(148, 163, 184, 0.22);
	transform: perspective(760px) rotateX(57deg) rotateZ(-7deg) skewX(-13deg) translateY(72px);
	opacity: 0.74;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__racing-line--inner {
	top: 39%;
	right: 12%;
	border-top-color: rgba(34, 211, 238, 0.26);
	transform: perspective(760px) rotateX(58deg) rotateZ(-13deg) skewX(-20deg) translateY(96px);
	opacity: 0.72;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__speed-markers {
	z-index: 3;
	left: 44%;
	bottom: 17%;
	width: 33%;
	height: 46px;
	background: repeating-linear-gradient(90deg, rgba(220, 38, 38, 0.82) 0 10px, transparent 10px 22px);
	clip-path: polygon(0 64%, 100% 0, 100% 42%, 0 100%);
	filter: drop-shadow(0 0 14px rgba(220, 38, 38, 0.18));
	opacity: 0.82;
	transform: rotate(-9deg) skewX(-24deg);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__checkered {
	z-index: 1;
	right: 8%;
	bottom: 3%;
	width: 31%;
	height: 22%;
	background:
		linear-gradient(45deg, rgba(248, 251, 255, 0.09) 25%, transparent 25% 75%, rgba(248, 251, 255, 0.09) 75%),
		linear-gradient(45deg, rgba(248, 251, 255, 0.09) 25%, transparent 25% 75%, rgba(248, 251, 255, 0.09) 75%);
	background-position: 0 0, 18px 18px;
	background-size: 36px 36px;
	clip-path: polygon(16% 0, 100% 26%, 86% 100%, 0 80%);
	opacity: 0.28;
	transform: perspective(620px) rotateX(62deg) skewX(-10deg);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card {
	z-index: 4;
	top: 22%;
	right: 16%;
	display: grid;
	gap: 0.16rem;
	padding: 0.9rem 1.1rem 0.9rem 1.25rem;
	border-left: 2px solid rgba(34, 211, 238, 0.9);
	color: rgba(226, 232, 240, 0.72);
	background: linear-gradient(90deg, rgba(2, 6, 13, 0.2), transparent);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card::before,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card::after {
	content: "";
	position: absolute;
	left: -2px;
	width: 12px;
	height: 2px;
	background: rgba(34, 211, 238, 0.9);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card::before {
	top: 0;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card::after {
	bottom: 0;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card strong,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge strong {
	font-size: 0.82rem;
	font-weight: 820;
	letter-spacing: 0.08em;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card em {
	color: var(--accent-cyan);
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	font-style: normal;
	font-weight: 500;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge {
	z-index: 4;
	top: 7%;
	right: 4%;
	display: grid;
	gap: 0.5rem;
	color: var(--accent-cyan);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge strong::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 0.55rem;
	border-radius: 999px;
	background: var(--accent-cyan);
	box-shadow: 0 0 16px rgba(34, 211, 238, 0.52);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge em {
	color: rgba(226, 232, 240, 0.52);
	font-style: normal;
	font-weight: 620;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__smoke {
	z-index: 2;
	border-radius: 999px;
	background: radial-gradient(ellipse at center, rgba(226, 232, 240, 0.12), rgba(34, 211, 238, 0.05) 38%, transparent 68%);
	filter: blur(20px);
	opacity: 0.42;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__smoke--one {
	top: 20%;
	right: 0;
	width: 52%;
	height: 30%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__smoke--two {
	right: 10%;
	bottom: 18%;
	width: 38%;
	height: 22%;
	opacity: 0.25;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-boxes {
	right: 1%;
	bottom: 2%;
	width: min(44vw, 610px);
	height: 48%;
	background:
		linear-gradient(90deg, transparent 0 49.2%, rgba(255, 255, 255, 0.32) 49.52% 49.88%, rgba(255, 255, 255, 0.16) 49.92% 50.14%, transparent 50.42%),
		repeating-linear-gradient(90deg, transparent 0 16.1%, rgba(255, 255, 255, 0.18) 16.38% 16.82%, transparent 17.1% 32.2%),
		repeating-linear-gradient(0deg, transparent 0 19.2%, rgba(255, 255, 255, 0.18) 19.48% 20.08%, transparent 20.5% 38.4%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.005));
	clip-path: polygon(20% 0, 94% 6%, 100% 100%, 0 90%);
	opacity: 0.42;
	transform: perspective(820px) rotateX(63deg) skewX(-13deg);
	transform-origin: 50% 100%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-boxes::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent 26%, rgba(34, 211, 238, 0.26), transparent 74%);
	opacity: 0;
	transform: translateX(-76%);
	animation: f1HeroLineSweep 8.4s ease-in-out infinite;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__lane-edge {
	bottom: -1%;
	width: 2px;
	height: 62%;
	background: linear-gradient(180deg, transparent, rgba(226, 232, 240, 0.42), rgba(226, 232, 240, 0.1));
	opacity: 0.36;
	transform-origin: 50% 100%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__lane-edge--left {
	right: 49%;
	transform: rotate(-19deg);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__lane-edge--right {
	right: 8%;
	transform: rotate(10deg);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label {
	z-index: 2;
	color: rgba(248, 251, 255, 0.2);
	font-size: clamp(0.68rem, 1vw, 0.9rem);
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-shadow: 0 0 16px rgba(34, 211, 238, 0.12);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label--p1 {
	right: 27%;
	bottom: 29%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label--p2 {
	right: 14%;
	bottom: 42%;
	transform: scale(0.86);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label--p3 {
	right: 17%;
	bottom: 17%;
	transform: scale(0.72);
	opacity: 0.82;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label--p4 {
	right: 43%;
	bottom: 50%;
	transform: scale(0.66);
	opacity: 0.72;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__pit-wall {
	top: 18%;
	right: 0;
	bottom: 0;
	width: 15%;
	background:
		linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.12)),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.07) 0 1px, transparent 1px 34px);
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	opacity: 0.24;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__rubber {
	z-index: 2;
	height: 48%;
	border-radius: 999px;
	background:
		linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.56), transparent),
		repeating-linear-gradient(0deg, transparent 0 12px, rgba(255, 255, 255, 0.025) 12px 13px);
	filter: blur(1.2px);
	opacity: 0.46;
	transform: rotate(7deg);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__rubber--one {
	right: 30%;
	bottom: 4%;
	width: 20px;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__rubber--two {
	right: 19%;
	bottom: 0;
	width: 14px;
	opacity: 0.32;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__rubber--three {
	right: 48%;
	bottom: 9%;
	width: 10px;
	opacity: 0.28;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__measurement {
	z-index: 2;
	width: 15%;
	height: 10px;
	background: repeating-linear-gradient(90deg, rgba(34, 211, 238, 0.42) 0 1px, transparent 1px 13px);
	opacity: 0.28;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__measurement--one {
	top: 38%;
	right: 16%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__measurement--two {
	right: 30%;
	bottom: 22%;
	transform: rotate(-8deg);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__technical-line {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.34), transparent);
	opacity: 0.58;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__technical-line--one {
	top: 26%;
	right: 9%;
	width: 30%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__technical-line--two {
	top: 58%;
	right: 15%;
	width: 22%;
	opacity: 0.42;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number {
	z-index: 1;
	color: rgba(226, 232, 240, 0.11);
	font-size: clamp(3rem, 8.5vw, 8rem);
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number--one {
	right: 22%;
	bottom: 25%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number--two {
	right: 7%;
	bottom: 38%;
	transform: scale(0.68);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number--three {
	right: 6%;
	bottom: 14%;
	transform: scale(0.62);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-lights {
	z-index: 3;
	top: 10%;
	right: 5%;
	display: flex;
	gap: 0.48rem;
	padding: 0.38rem 0.5rem;
	border: 1px solid rgba(226, 232, 240, 0.15);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(15, 23, 42, 0.66), rgba(2, 6, 12, 0.7));
	box-shadow:
		0 0 38px rgba(34, 211, 238, 0.15),
		0 12px 34px rgba(0, 0, 0, 0.28);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-lights i {
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: rgba(34, 211, 238, 0.82);
	box-shadow: 0 0 20px rgba(34, 211, 238, 0.44);
	animation: f1HeroLightBreath 4.9s ease-in-out infinite;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-lights i:nth-child(2) {
	animation-delay: 0.35s;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-lights i:nth-child(3) {
	animation-delay: 0.7s;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-lights i:nth-child(4) {
	animation-delay: 1.05s;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-lights i:nth-child(5) {
	animation-delay: 1.4s;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__particle {
	width: 3px;
	height: 3px;
	border-radius: 999px;
	background: rgba(34, 211, 238, 0.72);
	box-shadow: 0 0 14px rgba(34, 211, 238, 0.38);
	animation: f1HeroParticleFloat 10s ease-in-out infinite;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__particle--one {
	top: 35%;
	right: 38%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__particle--two {
	top: 64%;
	right: 17%;
	animation-delay: 1.6s;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__particle--three {
	top: 48%;
	right: 55%;
	animation-delay: 3.2s;
}

@keyframes f1HeroNoiseDrift {
	0% { transform: translate3d(0, 0, 0); }
	100% { transform: translate3d(-18px, 12px, 0); }
}

@keyframes f1HeroLightBreath {
	0%, 100% { opacity: 0.42; transform: scale(0.86); }
	50% { opacity: 1; transform: scale(1); }
}

@keyframes f1HeroParticleFloat {
	0%, 100% { opacity: 0.22; transform: translate3d(0, 0, 0); }
	50% { opacity: 0.72; transform: translate3d(-10px, -12px, 0); }
}

@keyframes f1HeroLineSweep {
	0%, 28% { opacity: 0; transform: translateX(-72%); }
	48% { opacity: 0.32; }
	78%, 100% { opacity: 0; transform: translateX(72%); }
}

@keyframes f1HeroLinePulse {
	0%, 100% {
		opacity: 0.78;
		filter: brightness(0.92);
	}
	50% {
		opacity: 1;
		filter: brightness(1.22);
	}
}

html.corporate-surface .campaign-hero--f1,
html.corporate-surface .campaign-hero--f1-race {
	grid-template-columns: minmax(0, 45%) minmax(0, 55%);
	min-height: clamp(380px, 31vw, 420px);
	padding: clamp(1.35rem, 2.25vw, 2rem);
	background:
		linear-gradient(112deg, rgba(3, 7, 18, 1) 0%, rgba(5, 10, 20, 0.99) 58%, rgba(3, 7, 18, 0.98) 100%);
}

html.corporate-surface .campaign-hero--f1::before,
html.corporate-surface .campaign-hero--f1-race::before {
	z-index: 2;
	background:
		linear-gradient(
			90deg,
			rgba(3, 7, 18, 0.94) 0%,
			rgba(3, 7, 18, 0.86) 28%,
			rgba(3, 7, 18, 0.52) 58%,
			rgba(3, 7, 18, 0.15) 100%
		);
	background-size: auto;
	opacity: 1;
}

html.corporate-surface .campaign-hero--f1::after,
html.corporate-surface .campaign-hero--f1-race::after {
	z-index: 1;
	background:
		radial-gradient(ellipse at 78% 50%, rgba(34, 211, 238, 0.09), transparent 42%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 40%, rgba(0, 0, 0, 0.22));
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__content,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__content {
	z-index: 3;
	max-width: min(560px, 45vw);
	padding-block: 0;
	gap: clamp(0.42rem, 0.72vw, 0.62rem);
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__title,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__title {
	max-width: 9.4ch;
	font-size: clamp(3.1rem, 4.1vw, 3.9rem);
	line-height: 0.9;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__accent,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__accent {
	color: var(--accent-cyan);
	text-shadow: 0 0 18px rgba(34, 211, 238, 0.18);
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__subtitle,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__subtitle {
	max-width: 31rem;
	font-size: clamp(0.94rem, 1vw, 1.04rem);
	line-height: 1.42;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__context-chip,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__context-chip {
	min-height: 32px;
	padding: 0.38rem 0.72rem;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__actions,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__actions {
	margin-top: 0.72rem;
}

html.corporate-surface .campaign-hero--f1 .campaign-hero__visual-slot,
html.corporate-surface .campaign-hero--f1-race .campaign-hero__visual-slot {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

html.corporate-surface .campaign-grammar--f1 {
	position: absolute;
	inset: 0;
	width: 100%;
	min-height: 100%;
	overflow: visible;
	border: 0;
	background: none;
	box-shadow: none;
	perspective: none;
}

html.corporate-surface .campaign-grammar--f1::before,
html.corporate-surface .campaign-grammar--f1::after {
	content: none;
}

html.corporate-surface .campaign-hero__visual {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	user-select: none;
}

html.corporate-surface .campaign-hero__visual-artwork {
	position: absolute;
	right: 3%;
	top: 50%;
	width: 52%;
	max-width: 760px;
	height: auto;
	opacity: 0.55;
	transform: translateY(-50%);
	pointer-events: none;
	user-select: none;
	filter: drop-shadow(0 28px 72px rgba(34, 211, 238, 0.08));
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label,
html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number {
	position: absolute;
	z-index: 2;
	pointer-events: none;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge {
	top: 16%;
	right: 9%;
	color: rgba(34, 211, 238, 0.64);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge strong {
	font-size: 0.68rem;
	font-weight: 880;
	letter-spacing: 0.08em;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card {
	top: 56%;
	right: 18%;
	padding: 0.42rem 0.72rem 0.42rem 0.82rem;
	border-left: 1px solid rgba(34, 211, 238, 0.46);
	color: rgba(226, 232, 240, 0.52);
	background: none;
	opacity: 0.72;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card strong {
	font-size: 0.62rem;
	font-weight: 820;
	letter-spacing: 0.08em;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card em {
	color: rgba(34, 211, 238, 0.64);
	font-size: 0.95rem;
	font-style: normal;
	font-weight: 620;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label {
	color: rgba(248, 251, 255, 0.19);
	font-size: 0.72rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-shadow: 0 0 14px rgba(34, 211, 238, 0.12);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label--p1 {
	right: 33%;
	bottom: 31%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label--p2 {
	right: 24%;
	bottom: 42%;
	transform: scale(0.86);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label--p3 {
	right: 18%;
	bottom: 24%;
	transform: scale(0.72);
	opacity: 0.72;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number {
	color: rgba(226, 232, 240, 0.075);
	font-size: clamp(2.6rem, 6vw, 6.2rem);
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number--one {
	right: 30%;
	bottom: 20%;
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number--two {
	right: 15%;
	bottom: 36%;
	transform: scale(0.68);
}

html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number--three {
	right: 11%;
	bottom: 16%;
	transform: scale(0.58);
}

@media (max-width: 991.98px) {
	html.corporate-surface .campaign-hero.campaign-hero--f1,
	html.corporate-surface .campaign-hero.campaign-hero--f1-race {
		min-height: clamp(540px, 88vw, 620px);
		padding: clamp(1.45rem, 5vw, 2.2rem);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__content,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__content {
		max-width: min(560px, 82vw);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__title,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__title {
		max-width: 10ch;
		font-size: clamp(3rem, 11vw, 4.9rem);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__asphalt,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__asphalt {
		top: 33%;
		right: -42%;
		bottom: -52%;
		left: 11%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__start-boxes,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__start-boxes {
		right: -22%;
		bottom: -7%;
		width: 96%;
		height: 52%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__start-lights,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__start-lights {
		top: 49%;
		right: 9%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__sector-card,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__sector-card,
	html.corporate-surface .campaign-hero--f1 .campaign-grammar__season-badge,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__season-badge {
		opacity: 0.78;
		transform: scale(0.86);
		transform-origin: 100% 0;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .campaign-hero.campaign-hero--f1,
	html.corporate-surface .campaign-hero.campaign-hero--f1-race {
		min-height: 520px;
		padding: 1.12rem;
		align-content: start;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__visual-slot,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__visual-slot {
		display: grid;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__content,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__content {
		max-width: 100%;
		gap: 0.62rem;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__title,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__title {
		max-width: 10ch;
		font-size: clamp(2.7rem, 13vw, 4.05rem);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__asphalt,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__asphalt {
		top: 43%;
		right: -74%;
		bottom: -46%;
		left: -6%;
		opacity: 0.86;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__start-boxes,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__start-boxes {
		right: -38%;
		bottom: -6%;
		width: 128%;
		height: 42%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__horizon,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__horizon {
		top: 55%;
		left: 11%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__start-lights,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__start-lights {
		top: 51%;
		right: 7%;
		transform: scale(0.88);
		transform-origin: 100% 50%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__grid-number--one,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__grid-number--one {
		right: 24%;
		bottom: 14%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__grid-number--two,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__grid-number--two {
		right: 3%;
		bottom: 30%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__racing-line,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__racing-line {
		left: 18%;
		right: -20%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__sector-card,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__sector-card {
		top: 50%;
		right: 4%;
		transform: scale(0.72);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__season-badge,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__season-badge {
		display: none;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-grammar__speed-markers,
	html.corporate-surface .campaign-hero--f1-race .campaign-grammar__speed-markers {
		left: 20%;
		bottom: 13%;
		width: 44%;
		opacity: 0.52;
	}
}

@media (max-width: 991.98px) {
	html.corporate-surface .campaign-hero.campaign-hero--f1,
	html.corporate-surface .campaign-hero.campaign-hero--f1-race {
		grid-template-columns: minmax(0, 1fr);
		min-height: clamp(380px, 58vw, 430px);
		padding: clamp(1.35rem, 4vw, 2rem);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__content,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__content {
		max-width: min(560px, 72vw);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__visual-artwork,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__visual-artwork {
		right: -2%;
		width: 48%;
		max-width: 560px;
		opacity: 0.42;
	}

	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge {
		right: 7%;
	}

	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card {
		right: 11%;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .campaign-hero.campaign-hero--f1,
	html.corporate-surface .campaign-hero.campaign-hero--f1-race {
		min-height: 420px;
		padding: 1.12rem;
	}

	html.corporate-surface .campaign-hero--f1::before,
	html.corporate-surface .campaign-hero--f1-race::before {
		background:
			linear-gradient(90deg, rgba(3, 7, 18, 0.96) 0%, rgba(3, 7, 18, 0.9) 64%, rgba(3, 7, 18, 0.58) 100%);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__content,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__content {
		max-width: 100%;
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__title,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__title {
		font-size: clamp(2.7rem, 13vw, 3.85rem);
	}

	html.corporate-surface .campaign-hero--f1 .campaign-hero__visual-artwork,
	html.corporate-surface .campaign-hero--f1-race .campaign-hero__visual-artwork {
		right: -28%;
		width: 92%;
		max-width: none;
		opacity: 0.15;
	}

	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__season-badge,
	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__sector-card,
	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-label,
	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__grid-number {
		opacity: 0.18;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.corporate-surface .campaign-grammar--f1::before,
	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-boxes::after,
	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__racing-line--cyan,
	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__start-lights i,
	html.corporate-surface .campaign-grammar--f1 .campaign-grammar__particle {
		animation: none;
	}
}

html.corporate-surface .play-page .campaign-hero--play {
	--play-campaign-hero-height: clamp(380px, 31vw, 420px);
	min-height: var(--play-campaign-hero-height);
	height: auto;
	align-items: center;
	padding-block: clamp(1.35rem, 2.25vw, 2rem);
}

html.corporate-surface .play-page .campaign-hero--play .campaign-hero__content {
	gap: clamp(0.42rem, 0.72vw, 0.62rem);
	max-width: min(560px, 45vw);
}

html.corporate-surface .play-page .campaign-hero--play .campaign-hero__title {
	max-width: 10.5ch;
	font-size: clamp(2.85rem, 3.7vw, 3.55rem);
	line-height: 0.92;
}

html.corporate-surface .play-page .campaign-hero--play .campaign-hero__subtitle {
	max-width: 31rem;
	font-size: clamp(0.94rem, 1vw, 1.04rem);
	line-height: 1.42;
}

html.corporate-surface .play-page .campaign-hero--play .campaign-hero__context-chip {
	min-height: 32px;
	padding: 0.38rem 0.72rem;
}

html.corporate-surface .play-page .campaign-hero--play .campaign-hero__actions {
	margin-top: 0.72rem;
}

html.corporate-surface .play-page .campaign-hero--play.campaign-hero--f1,
html.corporate-surface .play-page .campaign-hero--play.campaign-hero--f1-race {
	min-height: var(--play-campaign-hero-height);
}

@media (max-width: 991.98px) {
	html.corporate-surface .play-page .campaign-hero--play {
		--play-campaign-hero-height: clamp(380px, 58vw, 430px);
	}

	html.corporate-surface .play-page .campaign-hero--play .campaign-hero__content {
		max-width: min(560px, 72vw);
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .campaign-hero--play {
		min-height: 420px;
		height: auto;
	}

	html.corporate-surface .play-page .campaign-hero--play .campaign-hero__content {
		max-width: 100%;
	}

	html.corporate-surface .play-page .campaign-hero--play .campaign-hero__title {
		font-size: clamp(2.65rem, 12vw, 3.7rem);
	}
}

html.corporate-surface .campaign-hero-context-badges {
	margin-top: -0.45rem;
}

html.corporate-surface .league-quick-join {
	display: flex;
	justify-content: flex-end;
	margin-top: -0.35rem;
	padding: 0.85rem;
	border-radius: 8px;
}

html.corporate-surface .arena-experience-narrative--play .play-predictions-panel {
	display: grid;
	gap: 1rem;
	padding: clamp(0.9rem, 1.6vw, 1.25rem);
	overflow: hidden;
}

html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__header {
	align-items: flex-start;
	margin-bottom: 0;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__header p:not(.corporate-section-eyebrow) {
	max-width: 58ch;
	margin: 0.35rem 0 0;
	color: rgba(226, 232, 240, 0.68);
	font-weight: 740;
}

html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__status {
	justify-content: flex-end;
	max-width: 340px;
}

html.corporate-surface .arena-experience-narrative--play .play-prediction-group {
	display: grid;
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

html.corporate-surface .arena-experience-narrative--play .play-prediction-group + .play-prediction-group {
	margin-top: 1.05rem;
	padding-top: 1.05rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

html.corporate-surface .arena-experience-narrative--play .play-prediction-group__header {
	margin: 0;
	padding: 0;
}

html.corporate-surface .arena-experience-narrative--play .play-prediction-group__header .corporate-section-eyebrow {
	margin: 0 0 0.28rem;
}

html.corporate-surface .arena-experience-narrative--play .prediction-group-completion {
	display: none;
}

html.corporate-surface .arena-experience-narrative--play .play-prediction-list {
	gap: 0.8rem;
}

html.corporate-surface .arena-experience-narrative--play .play-command-side {
	position: sticky;
	top: 6.25rem;
	align-self: start;
}

html.corporate-surface .arena-experience-narrative--play .play-command-side .corporate-panel {
	overflow: hidden;
}

html.corporate-surface .arena-experience-narrative--play .play-command-side .corporate-panel__header {
	margin-bottom: 0.85rem;
}

html.corporate-surface .arena-experience-narrative--play .play-command-side .corporate-panel__header p:not(.corporate-section-eyebrow) {
	margin: 0.35rem 0 0;
	color: rgba(226, 232, 240, 0.68);
	font-size: 0.9rem;
	font-weight: 720;
}

html.corporate-surface .arena-experience-narrative--play .play-readiness-meter {
	position: relative;
	height: 0.45rem;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.corporate-surface .arena-experience-narrative--play .play-readiness-meter span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--sponsor-primary, #35d0e2), var(--sponsor-accent, #5cf2a5));
	box-shadow: 0 0 24px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 28%, transparent);
}

html.corporate-surface .arena-experience-narrative--play .play-readiness-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.62rem;
	margin: 0.9rem 0 0;
}

html.corporate-surface .arena-experience-narrative--play .play-readiness-list div {
	min-width: 0;
	padding: 0.72rem;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface .arena-experience-narrative--play .play-readiness-list dt {
	margin: 0 0 0.25rem;
	color: rgba(226, 232, 240, 0.62);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

html.corporate-surface .arena-experience-narrative--play .play-readiness-list dd {
	margin: 0;
	color: #f8fbff;
	font-size: 1.55rem;
	font-weight: 900;
	line-height: 1;
}

html.corporate-surface .arena-experience-narrative--play .play-actions-stack {
	display: grid;
	gap: 0.65rem;
}

html.corporate-surface .arena-experience-narrative--play .play-actions-stack .btn-primary-gradient,
html.corporate-surface .arena-experience-narrative--play .play-actions-stack .btn-secondary-soft {
	width: 100%;
	justify-content: center;
	min-height: 44px;
}

html.corporate-surface .arena-experience-narrative--play .play-hud-panel {
	display: grid;
	gap: 0.9rem;
}

html.corporate-surface .arena-experience-narrative--play .play-hud-panel .corporate-panel__header {
	margin-bottom: 0;
}

html.corporate-surface .arena-experience-narrative--play .play-hud-stat {
	position: relative;
	overflow: hidden;
}

html.corporate-surface .arena-experience-narrative--play .play-hud-stat::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 2px;
	background: rgba(255, 255, 255, 0.16);
}

html.corporate-surface .arena-experience-narrative--play .play-hud-stat.is-open::after,
html.corporate-surface .arena-experience-narrative--play .play-hud-stat.is-live::after {
	background: var(--sponsor-primary, #35d0e2);
}

html.corporate-surface .arena-experience-narrative--play .play-hud-stat.is-saved::after {
	background: #f4d477;
}

html.corporate-surface .arena-experience-narrative--play .play-hud-lock {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.74rem 0.8rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 22%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 10%, transparent), transparent),
		rgba(255, 255, 255, 0.04);
}

html.corporate-surface .arena-experience-narrative--play .play-hud-lock span {
	color: rgba(226, 232, 240, 0.62);
	font-size: 0.7rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .arena-experience-narrative--play .play-hud-lock strong {
	color: #f8fbff;
	font-size: 0.9rem;
	font-weight: 950;
	text-align: right;
}

html.corporate-surface .arena-experience-narrative--play .play-hud-actions {
	margin-top: 0.1rem;
}

html.corporate-surface .arena-experience-narrative--play .play-hero-season-status {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 28%, rgba(255, 255, 255, 0.11));
	color: #ecfeff;
}

html.corporate-surface .arena-experience-narrative--events .football-event-card,
html.corporate-surface .arena-experience-narrative--play .prediction-match-card {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 16%, rgba(255, 255, 255, 0.08));
	box-shadow:
		0 18px 58px rgba(0, 0, 0, 0.2),
		0 0 0 1px rgba(255, 255, 255, 0.045) inset;
}

html.corporate-surface .arena-experience-narrative--events .football-event-card.is-live,
html.corporate-surface .arena-experience-narrative--play .prediction-match-card.is-live {
	border-color: color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 38%, rgba(255, 255, 255, 0.12));
	box-shadow:
		0 22px 70px rgba(0, 0, 0, 0.26),
		0 0 44px color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 12%, transparent),
		0 0 0 1px color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 18%, transparent) inset;
}

html.corporate-surface .arena-experience-narrative .corporate-command-actions .btn-primary-gradient,
html.corporate-surface .arena-experience-narrative .corporate-command-actions .btn-secondary-soft {
	min-height: 46px;
}

html.corporate-surface .arena-experience-narrative--operational .arena-experience-hero {
	position: relative;
	grid-template-columns: 1fr;
	min-height: 0;
	padding-block: clamp(1.35rem, 3vw, 2.2rem);
}

html.corporate-surface .arena-experience-narrative--operational .arena-experience-hero::after {
	content: "";
	position: absolute;
	top: 14%;
	right: clamp(1rem, 5vw, 4rem);
	width: min(360px, 34vw);
	aspect-ratio: 1.8 / 1;
	border: 2px solid rgba(148, 163, 184, 0.1);
	border-radius: 50%;
	background:
		linear-gradient(90deg, transparent 48%, rgba(245, 197, 66, 0.11) 49% 51%, transparent 52%),
		repeating-linear-gradient(18deg, transparent 0 18px, rgba(53, 208, 226, 0.055) 19px 20px),
		radial-gradient(circle at 50% 50%, rgba(53, 208, 226, 0.08), transparent 62%);
	opacity: 0.62;
	pointer-events: none;
	transform: rotate(-13deg);
}

html.corporate-surface .arena-experience-narrative--operational .corporate-command-hero__content {
	position: relative;
	z-index: 1;
	max-width: min(920px, 100%);
}

html.corporate-surface .arena-experience-narrative--operational .corporate-section-title {
	max-width: 12ch;
	font-size: clamp(3rem, 7vw, 5.7rem);
}

html.corporate-surface .arena-experience-narrative--operational .corporate-section-copy {
	max-width: 48rem;
}

html.corporate-surface .arena-experience-narrative--operational .arena-experience-content {
	margin-top: clamp(1rem, 2vw, 1.35rem);
}

html.corporate-surface .play-page .f1-race-event-card {
	display: grid;
	gap: 1rem;
}

html.corporate-surface .play-page .f1-race-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 16%, rgba(255, 255, 255, 0.08));
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
		color-mix(in srgb, var(--sponsor-primary, #35d0e2) 7%, transparent);
}

html.corporate-surface .play-page .f1-race-hero h3,
html.corporate-surface .play-page .f1-race-hero p {
	margin: 0;
}

html.corporate-surface .play-page .f1-race-hero h3 {
	font-size: clamp(1.15rem, 1rem + 0.8vw, 1.6rem);
	line-height: 1.08;
}

html.corporate-surface .play-page .f1-race-hero p:not(.app-hero-label) {
	margin-top: 0.35rem;
	color: var(--text-muted);
}

html.corporate-surface .play-page .prediction-controls--f1 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
	align-items: end;
	gap: 0.75rem;
	width: 100%;
	padding: 1rem;
}

html.corporate-surface .play-page .prediction-controls--f1 label,
html.corporate-surface .play-page .f1-podium-grid label {
	display: grid;
	gap: 0.35rem;
	margin: 0;
	min-width: 0;
}

html.corporate-surface .play-page .prediction-controls--f1 label span,
html.corporate-surface .play-page .f1-podium-grid label span {
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--text-muted);
}

html.corporate-surface .play-page .f1-podium-grid {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
}

html.corporate-surface .play-page .prediction-controls--f1 .prediction-native-save-btn {
	min-width: 9.5rem;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-race-event-card {
	position: relative;
	overflow: hidden;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 28%, rgba(255, 255, 255, 0.1));
	background:
		linear-gradient(145deg, rgba(5, 9, 20, 0.98), rgba(10, 19, 34, 0.95) 58%, rgba(8, 35, 42, 0.9)),
		var(--surface-card, #0b1220);
	box-shadow:
		0 22px 70px rgba(0, 0, 0, 0.34),
		0 0 0 1px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 14%, transparent) inset;
}

html.corporate-surface .play-page .f1-paddock-stage {
	display: grid;
	grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1fr);
	gap: 1rem;
	align-items: stretch;
}

html.corporate-surface .play-page .f1-paddock-visual {
	position: relative;
	min-height: 260px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 26%, rgba(255, 255, 255, 0.11));
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.09), transparent 34%),
		linear-gradient(160deg, rgba(12, 27, 42, 0.98), rgba(5, 8, 17, 0.95));
}

html.corporate-surface .play-page .f1-paddock-visual.has-fallback::before {
	content: "";
	position: absolute;
	inset: 4.25rem 2rem 4.85rem 2.3rem;
	border: 3px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 62%, rgba(255, 255, 255, 0.18));
	border-right-color: color-mix(in srgb, #f0cf69 74%, rgba(255, 255, 255, 0.2));
	border-bottom-color: color-mix(in srgb, #ef3e2d 66%, rgba(255, 255, 255, 0.18));
	border-radius: 48% 28% 42% 24%;
	transform: rotate(-8deg);
	box-shadow:
		0 0 32px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, transparent),
		0 0 0 10px rgba(255, 255, 255, 0.018);
	opacity: 0.9;
}

html.corporate-surface .play-page .f1-paddock-visual.has-fallback .f1-track-grid {
	opacity: 0.84;
}

html.corporate-surface .play-page .f1-paddock-visual.has-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, transparent 20%, rgba(5, 8, 17, 0.72) 100%),
		linear-gradient(90deg, rgba(5, 8, 17, 0.3), rgba(5, 8, 17, 0.72));
	pointer-events: none;
}

html.corporate-surface .play-page .f1-paddock-visual > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(1.08) contrast(1.04);
}

html.corporate-surface .play-page .f1-track-grid {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
	background-size: 34px 34px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 82%);
	opacity: 0.62;
}

html.corporate-surface .play-page .f1-paddock-visual__badge {
	position: absolute;
	top: 0.85rem;
	left: 0.85rem;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	background: rgba(4, 9, 18, 0.78);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(12px);
}

html.corporate-surface .play-page .f1-paddock-visual__badge img {
	max-width: 38px;
	max-height: 38px;
	object-fit: contain;
}

html.corporate-surface .play-page .f1-paddock-visual__badge span {
	font-size: 0.9rem;
	font-weight: 950;
	color: var(--sponsor-accent, #5cf2a5);
}

html.corporate-surface .play-page .f1-paddock-visual__caption {
	position: absolute;
	right: 0.85rem;
	bottom: 0.85rem;
	left: 0.85rem;
	z-index: 2;
	display: grid;
	gap: 0.2rem;
	padding: 0.85rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(3, 8, 17, 0.72);
	backdrop-filter: blur(14px);
}

html.corporate-surface .play-page .f1-paddock-visual__caption strong {
	font-size: 0.96rem;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-paddock-visual__caption span {
	color: var(--text-muted);
	font-size: 0.78rem;
	font-weight: 800;
}

html.corporate-surface .play-page .f1-paddock-copy {
	display: grid;
	align-content: start;
	gap: 0.85rem;
	min-width: 0;
	padding: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
		rgba(8, 13, 27, 0.72);
}

html.corporate-surface .play-page .f1-paddock-kicker {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	color: var(--sponsor-accent, #5cf2a5);
	font-size: 0.68rem;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-paddock-kicker strong {
	padding: 0.35rem 0.55rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 24%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	color: var(--text-primary);
	background: rgba(255, 255, 255, 0.06);
}

html.corporate-surface .play-page .f1-paddock-copy h3,
html.corporate-surface .play-page .f1-paddock-copy p {
	margin: 0;
}

html.corporate-surface .play-page .f1-paddock-copy h3 {
	font-size: clamp(1.45rem, 1.1rem + 1vw, 2.25rem);
	line-height: 0.98;
	max-width: 11ch;
}

html.corporate-surface .play-page .f1-paddock-copy p {
	max-width: 46rem;
	color: var(--text-muted);
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.35;
}

html.corporate-surface .play-page .f1-driver-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.55rem;
}

html.corporate-surface .play-page .f1-driver-tile {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) 26px;
	align-items: center;
	gap: 0.5rem;
	min-width: 0;
	padding: 0.55rem;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
		rgba(5, 10, 20, 0.72);
}

html.corporate-surface .play-page .f1-driver-avatar {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--sponsor-accent, #5cf2a5);
	font-size: 0.7rem;
	font-weight: 950;
}

html.corporate-surface .play-page .f1-driver-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.corporate-surface .play-page .f1-driver-copy {
	display: grid;
	min-width: 0;
	gap: 0.1rem;
}

html.corporate-surface .play-page .f1-driver-copy strong,
html.corporate-surface .play-page .f1-driver-copy small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-driver-copy strong {
	font-size: 0.78rem;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-driver-copy small {
	color: var(--text-muted);
	font-size: 0.64rem;
	font-weight: 800;
}

html.corporate-surface .play-page .f1-team-logo {
	width: 24px;
	height: 24px;
	object-fit: contain;
	justify-self: end;
	filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.28));
}

html.corporate-surface .play-page .f1-team-mosaic {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

html.corporate-surface .play-page .f1-team-mosaic span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.055);
	color: var(--text-muted);
	font-size: 0.65rem;
	font-weight: 950;
}

html.corporate-surface .play-page .f1-team-mosaic img {
	max-width: 30px;
	max-height: 20px;
	object-fit: contain;
}

html.corporate-surface .play-page .prediction-controls--f1 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.1));
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
		rgba(4, 9, 19, 0.74);
}

html.corporate-surface .play-page .f1-select-card {
	padding: 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface .play-page .f1-select-card--pole {
	border-color: color-mix(in srgb, #e9d08d 35%, rgba(255, 255, 255, 0.1));
}

html.corporate-surface .play-page .f1-select-card--winner {
	border-color: color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 28%, rgba(255, 255, 255, 0.1));
}

html.corporate-surface .play-page .f1-paddock-readonly {
	grid-column: 1 / -1;
	width: 100%;
	padding: 1rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	font-weight: 900;
}

html.corporate-surface .play-page .prediction-controls--f1 .prediction-native-save-btn {
	grid-column: 1 / -1;
	justify-self: end;
	min-width: 12rem;
}

html.corporate-surface .play-page .prediction-controls--f1 {
	grid-template-columns: 1fr;
	gap: 1rem;
	align-items: stretch;
}

html.corporate-surface .play-page .f1-rules-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.5rem;
}

html.corporate-surface .play-page .f1-rules-strip span {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	min-width: 0;
	padding: 0.62rem 0.7rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--text-muted);
	font-size: 0.7rem;
	font-weight: 900;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-rules-strip strong {
	color: #f4d477;
	font-size: 1rem;
	line-height: 1;
}

html.corporate-surface .play-page .f1-pick-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
}

html.corporate-surface .play-page .f1-pick-module,
html.corporate-surface .play-page .f1-podium-builder,
html.corporate-surface .play-page .f1-safety-car-pick {
	min-width: 0;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.022)),
		rgba(5, 11, 23, 0.74);
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2);
}

html.corporate-surface .play-page .f1-pick-module {
	display: grid;
	gap: 0.8rem;
	padding: 0.85rem;
}

html.corporate-surface .play-page .f1-pick-module header,
html.corporate-surface .play-page .f1-podium-builder header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
}

html.corporate-surface .play-page .f1-pick-module header span,
html.corporate-surface .play-page .f1-podium-builder header span,
html.corporate-surface .play-page .f1-safety-car-copy span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.68rem;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-pick-module header strong,
html.corporate-surface .play-page .f1-podium-builder header strong,
html.corporate-surface .play-page .f1-safety-car-copy strong {
	color: var(--text-primary);
	font-size: 0.9rem;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-driver-puck-grid {
	display: flex;
	gap: 0.55rem;
	min-width: 0;
	overflow-x: auto;
	padding: 0.1rem 0.1rem 0.45rem;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 42%, transparent) transparent;
}

html.corporate-surface .play-page .f1-pick-module .f1-driver-puck-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
	overflow: visible;
	padding-bottom: 0.1rem;
}

html.corporate-surface .play-page .f1-driver-puck-option {
	display: block;
	flex: 0 0 auto;
	margin: 0;
	cursor: pointer;
}

html.corporate-surface .play-page .f1-pick-module .f1-driver-puck-option {
	min-width: 0;
}

html.corporate-surface .play-page .f1-driver-radio,
html.corporate-surface .play-page .f1-boolean-toggle input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-driver-puck {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 0.3rem;
	width: 72px;
	min-height: 96px;
	padding: 0.35rem 0.25rem 0.45rem;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 999px 999px 8px 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
		rgba(2, 8, 18, 0.74);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}

html.corporate-surface .play-page .f1-pick-module .f1-driver-puck {
	width: 100%;
	min-width: 0;
	max-width: 82px;
	justify-self: center;
}

html.corporate-surface .play-page .f1-driver-puck__photo {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--sponsor-accent, #5cf2a5);
	font-size: 0.7rem;
	font-weight: 950;
}

html.corporate-surface .play-page .f1-driver-puck__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.corporate-surface .play-page .f1-driver-puck__team {
	position: absolute;
	right: 0.18rem;
	top: 2.7rem;
	width: 24px;
	height: 24px;
	padding: 0.18rem;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 999px;
	background: rgba(5, 9, 18, 0.86);
	object-fit: contain;
}

html.corporate-surface .play-page .f1-driver-puck__code {
	max-width: 58px;
	overflow: hidden;
	color: var(--text-primary);
	font-size: 0.68rem;
	font-weight: 950;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-driver-radio:focus-visible + .f1-driver-puck,
html.corporate-surface .play-page .f1-driver-radio:checked + .f1-driver-puck {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 72%, white 8%);
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 22%, transparent), rgba(255, 255, 255, 0.035)),
		rgba(3, 13, 25, 0.92);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 34%, transparent) inset,
		0 12px 28px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 16%, transparent);
	transform: translateY(-1px);
}

html.corporate-surface .play-page .f1-driver-radio:checked + .f1-driver-puck .f1-driver-puck__photo {
	border-color: #f4d477;
}

html.corporate-surface .play-page .f1-podium-builder {
	display: grid;
	gap: 0.85rem;
	padding: 0.95rem;
}

html.corporate-surface .play-page .f1-podium-builder header p {
	max-width: 22rem;
	margin: 0;
	color: var(--text-muted);
	font-size: 0.74rem;
	font-weight: 800;
	line-height: 1.28;
}

html.corporate-surface .play-page .f1-podium-lanes {
	display: grid;
	gap: 0.7rem;
}

html.corporate-surface .play-page .f1-podium-lane {
	display: grid;
	grid-template-columns: 98px minmax(0, 1fr);
	gap: 0.65rem;
	align-items: center;
	min-width: 0;
	padding: 0.55rem;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.035);
}

html.corporate-surface .play-page .f1-podium-lane__label {
	display: grid;
	gap: 0.12rem;
}

html.corporate-surface .play-page .f1-podium-lane__label strong {
	color: #f4d477;
	font-size: 1.25rem;
	line-height: 1;
}

html.corporate-surface .play-page .f1-podium-lane__label span {
	color: var(--text-muted);
	font-size: 0.68rem;
	font-weight: 850;
	line-height: 1.1;
}

html.corporate-surface .play-page .f1-driver-puck-grid--podium .f1-driver-puck {
	width: 62px;
	min-height: 84px;
}

html.corporate-surface .play-page .f1-driver-puck-grid--podium .f1-driver-puck__photo {
	width: 48px;
	height: 48px;
}

html.corporate-surface .play-page .f1-driver-puck-grid--podium .f1-driver-puck__team {
	top: 2.18rem;
	width: 21px;
	height: 21px;
}

html.corporate-surface .play-page .f1-race-control-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.85rem;
	align-items: stretch;
}

html.corporate-surface .play-page .f1-safety-car-pick {
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr) auto;
	gap: 0.75rem;
	align-items: center;
	padding: 0.75rem;
}

html.corporate-surface .play-page .f1-safety-car-visual {
	position: relative;
	width: 70px;
	height: 48px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, #f4d477 34%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(244, 212, 119, 0.14), rgba(53, 208, 226, 0.08)),
		rgba(4, 9, 18, 0.85);
}

html.corporate-surface .play-page .f1-safety-car-visual__halo,
html.corporate-surface .play-page .f1-safety-car-visual__car,
html.corporate-surface .play-page .f1-safety-car-visual__line {
	position: absolute;
	display: block;
}

html.corporate-surface .play-page .f1-safety-car-visual__halo {
	inset: 8px 10px auto auto;
	width: 16px;
	height: 16px;
	border-radius: 999px;
	background: #f4d477;
	box-shadow: 0 0 18px rgba(244, 212, 119, 0.82);
}

html.corporate-surface .play-page .f1-safety-car-visual__car {
	left: 13px;
	bottom: 13px;
	width: 42px;
	height: 15px;
	border-radius: 999px 999px 5px 5px;
	background: linear-gradient(90deg, #f4d477, #ffffff 45%, #35d0e2);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
}

html.corporate-surface .play-page .f1-safety-car-visual__line {
	left: 8px;
	right: 8px;
	bottom: 7px;
	height: 2px;
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.55) 0 8px, transparent 8px 14px);
}

html.corporate-surface .play-page .f1-safety-car-copy {
	display: grid;
	gap: 0.18rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-boolean-toggle {
	display: inline-flex;
	gap: 0.4rem;
	padding: 0.25rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.045);
}

html.corporate-surface .play-page .f1-boolean-toggle label {
	margin: 0;
	cursor: pointer;
}

html.corporate-surface .play-page .f1-boolean-toggle span {
	display: grid;
	place-items: center;
	min-width: 56px;
	min-height: 34px;
	border: 1px solid transparent;
	border-radius: 999px;
	color: var(--text-muted);
	font-size: 0.76rem;
	font-weight: 950;
}

html.corporate-surface .play-page .f1-boolean-toggle input:checked + span,
html.corporate-surface .play-page .f1-boolean-toggle input:focus-visible + span {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 44%, rgba(255, 255, 255, 0.14));
	background: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.06));
	color: var(--text-primary);
}

html.corporate-surface .play-page .f1-save-pick-btn {
	align-self: stretch;
	min-width: 12.5rem;
}

html.corporate-surface .play-page .f1-paddock-stage--avatars {
	grid-template-columns: minmax(250px, 0.9fr) minmax(0, 1.1fr);
	align-items: stretch;
}

html.corporate-surface .play-page .f1-paddock-visual__badge--safe {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 38%, rgba(255, 255, 255, 0.14));
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.18), rgba(244, 212, 119, 0.12)),
		rgba(3, 8, 17, 0.88);
	color: var(--text-primary);
}

html.corporate-surface .play-page .f1-avatar-hero {
	gap: 1rem;
}

html.corporate-surface .play-page .f1-avatar-lineup {
	display: grid;
	grid-template-columns: minmax(164px, auto) minmax(0, 1fr);
	gap: 0.85rem;
	align-items: center;
	padding: 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.09), rgba(244, 212, 119, 0.055)),
		rgba(2, 8, 18, 0.72);
}

html.corporate-surface .play-page .f1-avatar-lineup__stack {
	display: flex;
	align-items: center;
	min-height: 82px;
}

html.corporate-surface .play-page .f1-avatar-lineup__card {
	position: relative;
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	margin-left: calc(var(--lineup-index, 0) * -16px);
	overflow: hidden;
	border: 2px solid color-mix(in srgb, var(--f1-team-accent, #f4d477) 72%, rgba(255, 255, 255, 0.18));
	border-radius: 8px;
	background:
		linear-gradient(145deg, var(--f1-team-primary, #35d0e2), var(--f1-team-secondary, #09111f)),
		rgba(2, 8, 18, 0.88);
	box-shadow:
		0 14px 28px rgba(0, 0, 0, 0.26),
		0 0 24px color-mix(in srgb, var(--f1-team-primary, #35d0e2) 18%, transparent);
}

html.corporate-surface .play-page .f1-avatar-lineup__card:first-child {
	margin-left: 0;
}

html.corporate-surface .play-page .f1-avatar-lineup__card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.corporate-surface .play-page .f1-avatar-lineup__card small,
html.corporate-surface .play-page .f1-driver-pick-card__avatar em,
html.corporate-surface .play-page .f1-team-identity-card__avatars em {
	position: absolute;
	right: 0.25rem;
	bottom: 0.25rem;
	display: grid;
	place-items: center;
	min-width: 24px;
	min-height: 20px;
	padding: 0.08rem 0.25rem;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.84);
	color: var(--text-primary);
	font-size: 0.62rem;
	font-style: normal;
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .play-page .f1-avatar-lineup__copy {
	display: grid;
	gap: 0.12rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-avatar-lineup__copy strong {
	color: var(--text-primary);
	font-size: 0.94rem;
	font-weight: 950;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-avatar-lineup__copy span {
	color: var(--text-muted);
	font-size: 0.72rem;
	font-weight: 850;
	line-height: 1.25;
}

html.corporate-surface .play-page .f1-team-identity-rail {
	display: grid;
	gap: 0.55rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-team-identity-rail__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-team-identity-rail__header strong {
	display: grid;
	place-items: center;
	min-width: 28px;
	min-height: 24px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	color: var(--text-primary);
}

html.corporate-surface .play-page .f1-team-identity-rail__list {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(186px, 1fr);
	gap: 0.55rem;
	overflow-x: auto;
	padding-bottom: 0.18rem;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 42%, transparent) transparent;
}

html.corporate-surface .play-page .f1-team-identity-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.55rem;
	align-items: center;
	min-width: 0;
	padding: 0.65rem;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--f1-team-primary, #35d0e2) 26%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 13%, transparent), rgba(255, 255, 255, 0.025)),
		rgba(4, 10, 20, 0.76);
}

html.corporate-surface .play-page .f1-team-identity-card__stripe {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: linear-gradient(180deg, var(--f1-team-primary, #35d0e2), var(--f1-team-accent, #f4d477));
}

html.corporate-surface .play-page .f1-team-identity-card strong,
html.corporate-surface .play-page .f1-team-identity-card small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-team-identity-card strong {
	color: var(--text-primary);
	font-size: 0.78rem;
	font-weight: 950;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-team-identity-card small {
	color: var(--text-muted);
	font-size: 0.64rem;
	font-weight: 850;
}

html.corporate-surface .play-page .f1-team-identity-card__avatars {
	display: flex;
	gap: 0.28rem;
}

html.corporate-surface .play-page .f1-team-identity-card__avatars span {
	position: relative;
	width: 38px;
	height: 38px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--f1-team-accent, #f4d477) 50%, rgba(255, 255, 255, 0.14));
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.07);
}

html.corporate-surface .play-page .f1-team-identity-card__avatars img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.corporate-surface .play-page .f1-team-identity-card__avatars em {
	top: 0.18rem;
	right: 0.18rem;
	bottom: auto;
	min-width: 20px;
	min-height: 16px;
	font-size: 0.5rem;
}

html.corporate-surface .play-page .f1-team-identity-card__avatars strong {
	position: absolute;
	left: 0.22rem;
	bottom: 0.22rem;
	display: grid;
	place-items: center;
	min-width: 24px;
	min-height: 18px;
	padding: 0.05rem 0.22rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.86);
	color: var(--text-primary);
	font-size: 0.54rem;
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .play-page .f1-avatar-system-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
	gap: 0.85rem;
	align-items: stretch;
	margin-top: 0.85rem;
	padding: 0.9rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 24%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), rgba(244, 212, 119, 0.05)),
		rgba(4, 10, 20, 0.76);
}

html.corporate-surface .play-page .f1-avatar-system-panel__eyebrow {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.66rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-avatar-system-panel h4,
html.corporate-surface .play-page .f1-avatar-system-panel p {
	margin: 0;
}

html.corporate-surface .play-page .f1-avatar-system-panel h4 {
	margin-top: 0.18rem;
	color: var(--text-primary);
	font-size: 1.08rem;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-avatar-system-panel p {
	max-width: 44rem;
	margin-top: 0.35rem;
	color: var(--text-muted);
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.34;
}

html.corporate-surface .play-page .f1-avatar-system-legend {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45rem;
	align-content: center;
}

html.corporate-surface .play-page .f1-avatar-system-legend span {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
	padding: 0.52rem 0.6rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--text-muted);
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1.15;
}

html.corporate-surface .play-page .f1-avatar-system-legend strong {
	display: grid;
	place-items: center;
	min-width: 30px;
	min-height: 24px;
	border: 1px solid color-mix(in srgb, #f4d477 46%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	color: var(--text-primary);
	font-size: 0.66rem;
}

html.corporate-surface .play-page .f1-legend-dot {
	width: 12px;
	height: 12px;
	border-radius: 999px;
}

html.corporate-surface .play-page .f1-legend-dot--gold {
	background: #f4d477;
	box-shadow: 0 0 16px rgba(244, 212, 119, 0.34);
}

html.corporate-surface .play-page .f1-legend-dot--silver {
	background: #d7dde4;
	box-shadow: 0 0 16px rgba(215, 221, 228, 0.24);
}

html.corporate-surface .play-page .f1-avatar-prediction-form {
	margin-top: 0.85rem;
}

html.corporate-surface .play-page {
	--f1-competition-gold: #f5c542;
	--f1-selected-cyan: #35d0e2;
}

html.corporate-surface .track-mini {
	--track-color: rgba(148, 163, 184, 0.74);
	--track-glow: transparent;
	display: grid;
	gap: 0.62rem;
	align-items: start;
	min-width: 0;
	padding: 0.42rem 0;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--track-color);
}

html.corporate-surface .track-mini--active {
	--track-color: rgb(34, 211, 238);
	--track-glow: rgba(34, 211, 238, 0.28);
}

html.corporate-surface .track-mini--upcoming {
	--track-color: rgba(148, 163, 184, 0.65);
}

html.corporate-surface .track-mini--finished {
	--track-color: rgba(245, 197, 66, 0.85);
	--track-glow: rgba(245, 197, 66, 0.18);
}

html.corporate-surface .track-mini__svg {
	display: grid;
	place-items: center;
	width: clamp(118px, 46%, 220px);
	aspect-ratio: 13 / 7.5;
	height: auto;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--track-color);
}

html.corporate-surface .track-mini__shape {
	display: block;
	width: 100%;
	height: 100%;
	background: currentColor;
	-webkit-mask: var(--track-asset) center / contain no-repeat;
	mask: var(--track-asset) center / contain no-repeat;
	filter: drop-shadow(0 0 9px var(--track-glow));
}

html.corporate-surface .track-mini--upcoming .track-mini__shape {
	filter: none;
}

html.corporate-surface .track-mini__fallback {
	display: grid;
	place-items: center;
	width: 64px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.035);
	color: var(--text-primary);
	font-size: 0.72rem;
	font-weight: 950;
}

html.corporate-surface .track-mini__copy {
	display: grid;
	gap: 0.1rem;
	min-width: 0;
}

html.corporate-surface .track-mini__copy strong,
html.corporate-surface .track-mini__copy small,
html.corporate-surface .track-mini__copy em {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .track-mini__copy strong {
	color: var(--text-primary);
	font-size: clamp(0.92rem, 1.4vw, 1.08rem);
	font-style: normal;
	font-weight: 950;
	line-height: 1.08;
}

html.corporate-surface .track-mini__copy small {
	color: var(--text-muted);
	font-size: 0.74rem;
	font-weight: 820;
}

html.corporate-surface .track-mini__copy em {
	color: color-mix(in srgb, var(--track-color) 28%, var(--text-muted));
	font-size: 0.68rem;
	font-style: normal;
	font-weight: 900;
}

html.corporate-surface .track-mini--compact {
	padding: 0.34rem 0;
}

html.corporate-surface .track-mini--compact .track-mini__svg {
	width: clamp(104px, 44%, 168px);
}

html.corporate-surface .track-mini--compact .track-mini__copy strong {
	font-size: 0.9rem;
}

html.corporate-surface .track-mini--compact .track-mini__copy small,
html.corporate-surface .track-mini--compact .track-mini__copy em {
	font-size: 0.64rem;
}

html.corporate-surface .play-page .track-card {
	--track-color: rgba(148, 163, 184, 0.82);
	--track-glow: transparent;
	position: relative;
	color: var(--track-color);
}

html.corporate-surface .play-page .track-meta {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .track-meta {
	color: var(--text-muted);
	font-size: 0.62rem;
	font-weight: 850;
}

html.corporate-surface .play-page .track-watermark {
	position: absolute;
	top: 7%;
	right: 5%;
	z-index: 0;
	width: min(460px, 42vw);
	height: min(280px, 44%);
	background: rgba(236, 254, 255, 0.04);
	-webkit-mask: var(--track-asset) center / contain no-repeat;
	mask: var(--track-asset) center / contain no-repeat;
	pointer-events: none;
}

html.corporate-surface .play-page .track-watermark + .corporate-command-hero__content,
html.corporate-surface .play-page .track-watermark ~ .corporate-command-hero__visual {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page .f1-pick-grid--team-groups {
	align-items: start;
}

html.corporate-surface .play-page .f1-pick-module--team-grouped {
	align-content: start;
}

html.corporate-surface .play-page .f1-team-pick-groups {
	display: grid;
	gap: 0.62rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-team-pick-row {
	display: grid;
	grid-template-columns: minmax(132px, 0.32fr) minmax(0, 1fr);
	gap: 0.65rem;
	align-items: stretch;
	min-width: 0;
	padding: 0.62rem;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--f1-team-primary, #35d0e2) 30%, rgba(255, 255, 255, 0.1));
	border-left: 4px solid var(--f1-team-primary, #35d0e2);
	border-radius: 8px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 13%, transparent), transparent 58%),
		linear-gradient(220deg, color-mix(in srgb, var(--f1-team-accent, #f4d477) 5%, transparent), transparent 48%),
		rgba(2, 8, 18, 0.62);
}

html.corporate-surface .play-page .f1-team-pick-row__header {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 0.5rem;
	align-items: center;
	min-width: 0;
}

html.corporate-surface .play-page .f1-team-pick-row__mark {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid color-mix(in srgb, var(--f1-team-accent, #f4d477) 42%, rgba(255, 255, 255, 0.14));
	border-radius: 8px;
	background:
		linear-gradient(135deg, var(--f1-team-primary, #35d0e2), var(--f1-team-secondary, #09111f)),
		rgba(255, 255, 255, 0.06);
	color: var(--text-primary);
	font-size: 0.7rem;
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .play-page .f1-team-pick-row__header strong,
html.corporate-surface .play-page .f1-team-pick-row__header small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-team-pick-row__header strong {
	color: var(--text-primary);
	font-size: 0.86rem;
	font-weight: 950;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-team-pick-row__header small {
	color: var(--text-muted);
	font-size: 0.66rem;
	font-weight: 850;
}

html.corporate-surface .play-page .f1-team-driver-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.52rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-driver-pick-option {
	display: block;
	min-width: 0;
	margin: 0;
	cursor: pointer;
}

html.corporate-surface .play-page .f1-driver-pick-card {
	position: relative;
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	gap: 0.68rem;
	align-items: center;
	min-height: 96px;
	min-width: 0;
	padding: 0.66rem 0.68rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-left: 4px solid var(--f1-team-primary, #35d0e2);
	border-radius: 8px;
	background:
		radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 10%, transparent), transparent 42%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
		rgba(10, 18, 32, 0.92);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease, opacity 160ms ease;
}

html.corporate-surface .play-page .f1-driver-pick-card::before {
	position: absolute;
	inset: auto -40px -56px auto;
	width: 128px;
	height: 128px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 14%, transparent);
	content: '';
	pointer-events: none;
}

html.corporate-surface .play-page .f1-driver-pick-card__check {
	position: absolute;
	top: 0.45rem;
	right: 0.45rem;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid color-mix(in srgb, var(--f1-selected-cyan, #35d0e2) 58%, rgba(255, 255, 255, 0.14));
	border-radius: 999px;
	background: color-mix(in srgb, var(--f1-selected-cyan, #35d0e2) 20%, rgba(2, 8, 18, 0.9));
	color: var(--text-primary);
	font-size: 0.88rem;
	opacity: 0;
	transform: scale(0.84);
	transition: opacity 160ms ease, transform 160ms ease;
}

html.corporate-surface .play-page .f1-driver-pick-card__avatar {
	position: relative;
	display: grid;
	place-items: center;
	width: 68px;
	height: 68px;
	overflow: hidden;
	border: 2px solid color-mix(in srgb, var(--f1-team-primary, #35d0e2) 55%, rgba(255, 255, 255, 0.16));
	border-radius: 8px;
	background:
		linear-gradient(145deg, var(--f1-team-primary, #35d0e2), var(--f1-team-secondary, #09111f)),
		rgba(255, 255, 255, 0.08);
}

html.corporate-surface .play-page .f1-driver-pick-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.corporate-surface .play-page .f1-driver-pick-card__stripe {
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: linear-gradient(180deg, var(--f1-team-primary, #35d0e2), var(--f1-team-accent, #f4d477), var(--f1-team-secondary, #09111f));
}

html.corporate-surface .play-page .f1-driver-pick-card__copy {
	position: relative;
	display: grid;
	gap: 0.16rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-driver-pick-card__copy strong,
html.corporate-surface .play-page .f1-driver-pick-card__copy small,
html.corporate-surface .play-page .f1-driver-pick-card__meta {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

html.corporate-surface .play-page .f1-driver-pick-card__copy strong {
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 1rem;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-driver-pick-card__copy small {
	color: color-mix(in srgb, var(--f1-team-accent, #f4d477) 18%, #cbd5e1);
	font-size: 0.72rem;
	font-weight: 800;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-driver-pick-card__meta {
	position: relative;
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	padding: 0.22rem 0.42rem;
	border: 1px solid color-mix(in srgb, var(--f1-team-primary, #35d0e2) 32%, rgba(255, 255, 255, 0.1));
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.045);
	color: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 28%, var(--text-muted));
	font-size: 0.62rem;
	font-weight: 950;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-driver-pick-card__state {
	position: absolute;
	right: 0.48rem;
	bottom: 0.48rem;
	z-index: 2;
	display: none;
	align-items: center;
	gap: 0.22rem;
	padding: 0.24rem 0.42rem;
	border: 1px solid color-mix(in srgb, var(--f1-selected-cyan, #35d0e2) 46%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	background: color-mix(in srgb, var(--f1-selected-cyan, #35d0e2) 14%, rgba(2, 8, 18, 0.88));
	color: #ecfeff;
	font-size: 0.58rem;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-driver-pick-card__state span:last-child {
	display: none;
}

html.corporate-surface .play-page .f1-driver-radio:focus-visible + .f1-driver-pick-card,
html.corporate-surface .play-page .f1-driver-radio:checked + .f1-driver-pick-card {
	border-color: rgba(34, 211, 238, 0.85);
	background:
		radial-gradient(circle at top right, rgba(34, 211, 238, 0.16), transparent 45%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.04)),
		rgba(9, 20, 35, 0.96);
	box-shadow:
		0 0 0 1px rgba(34, 211, 238, 0.35),
		0 0 22px rgba(34, 211, 238, 0.18);
	transform: translateY(-1px);
}

html.corporate-surface .play-page .f1-driver-radio:checked + .f1-driver-pick-card .f1-driver-pick-card__check,
html.corporate-surface .play-page .f1-driver-radio:focus-visible + .f1-driver-pick-card .f1-driver-pick-card__check {
	opacity: 1;
	transform: scale(1);
}

html.corporate-surface .play-page .f1-driver-radio:checked + .f1-driver-pick-card .f1-driver-pick-card__state,
html.corporate-surface .play-page .f1-driver-pick-card.is-picked .f1-driver-pick-card__state {
	display: inline-flex;
}

html.corporate-surface .play-page .f1-race-event-card.is-saved .f1-driver-radio:checked + .f1-driver-pick-card,
html.corporate-surface .play-page .f1-driver-pick-card.is-saved-pick {
	border-color: rgba(245, 197, 66, 0.7);
	box-shadow:
		0 0 0 1px rgba(245, 197, 66, 0.25),
		0 0 20px rgba(245, 197, 66, 0.14);
}

html.corporate-surface .play-page .f1-race-event-card.is-saved .f1-driver-radio:checked + .f1-driver-pick-card .f1-driver-pick-card__state,
html.corporate-surface .play-page .f1-driver-pick-card.is-saved-pick .f1-driver-pick-card__state {
	border-color: rgba(245, 197, 66, 0.35);
	background: rgba(245, 197, 66, 0.1);
	color: var(--f1-competition-gold, #f5c542);
}

html.corporate-surface .play-page .f1-race-event-card.is-saved .f1-driver-radio:checked + .f1-driver-pick-card .f1-driver-pick-card__state span:first-child,
html.corporate-surface .play-page .f1-driver-pick-card.is-saved-pick .f1-driver-pick-card__state span:first-child {
	display: none;
}

html.corporate-surface .play-page .f1-race-event-card.is-saved .f1-driver-radio:checked + .f1-driver-pick-card .f1-driver-pick-card__state span:last-child,
html.corporate-surface .play-page .f1-driver-pick-card.is-saved-pick .f1-driver-pick-card__state span:last-child {
	display: inline;
}

html.corporate-surface .play-page .f1-driver-pick-card.is-leader::after,
html.corporate-surface .play-page .f1-driver-pick-card.is-winner::after {
	position: absolute;
	top: 0.48rem;
	left: 0.48rem;
	z-index: 2;
	padding: 0.22rem 0.42rem;
	border: 1px solid rgba(245, 197, 66, 0.35);
	border-radius: 999px;
	background: rgba(245, 197, 66, 0.11);
	color: var(--f1-competition-gold, #f5c542);
	content: 'Leader';
	font-size: 0.56rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-driver-pick-card.is-winner::after {
	content: 'Winner';
}

html.corporate-surface .play-page .f1-driver-pick-option.is-selected-elsewhere .f1-driver-pick-card {
	opacity: 0.42;
}

html.corporate-surface .play-page .f1-driver-pick-option.is-selected-elsewhere .f1-driver-pick-card::after {
	position: absolute;
	right: 0.45rem;
	bottom: 0.45rem;
	padding: 0.22rem 0.38rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.86);
	color: var(--text-muted);
	content: 'In podium';
	font-size: 0.58rem;
	font-weight: 950;
	text-transform: uppercase;
}

@media (hover: hover) {
	html.corporate-surface .play-page .f1-driver-pick-option:hover .f1-driver-pick-card {
		border-color: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 46%, rgba(255, 255, 255, 0.14));
		background:
			radial-gradient(circle at top left, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 13%, transparent), transparent 55%),
			linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.04)),
			rgba(10, 18, 32, 0.94);
		box-shadow: 0 12px 22px color-mix(in srgb, var(--f1-team-primary, #35d0e2) 10%, transparent);
		transform: translateY(-1px);
	}
}

html.corporate-surface .play-page .f1-podium-builder--premium {
	gap: 0.95rem;
}

html.corporate-surface .play-page .f1-podium-lane--premium {
	grid-template-columns: 96px minmax(180px, 0.28fr) minmax(0, 1fr);
	align-items: stretch;
}

html.corporate-surface .play-page .f1-podium-lane__selected {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 0.48rem;
	align-items: center;
	min-width: 0;
	padding: 0.52rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
}

html.corporate-surface .play-page .f1-summary-avatar {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border: 2px solid color-mix(in srgb, var(--f1-team-accent, #f4d477) 44%, rgba(255, 255, 255, 0.14));
	border-radius: 8px;
	background:
		linear-gradient(145deg, var(--f1-team-primary, #35d0e2), var(--f1-team-secondary, #09111f)),
		rgba(255, 255, 255, 0.08);
	color: var(--text-muted);
	font-size: 0.72rem;
	font-weight: 950;
}

html.corporate-surface .play-page .f1-summary-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html.corporate-surface .play-page .f1-summary-avatar--empty {
	border-style: dashed;
	background: rgba(255, 255, 255, 0.04);
}

html.corporate-surface .play-page .f1-podium-lane__selected strong,
html.corporate-surface .play-page .f1-podium-lane__selected small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

html.corporate-surface .play-page .f1-podium-lane__selected strong {
	color: var(--text-primary);
	font-size: 0.78rem;
	font-weight: 950;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-podium-lane__selected small {
	color: var(--text-muted);
	font-size: 0.62rem;
	font-weight: 850;
}

html.corporate-surface .play-page .f1-team-pick-groups--podium {
	display: flex;
	gap: 0.5rem;
	overflow-x: auto;
	padding-bottom: 0.16rem;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 42%, transparent) transparent;
}

html.corporate-surface .play-page .f1-team-pick-row--podium {
	grid-template-columns: minmax(96px, 0.32fr) minmax(164px, 1fr);
	flex: 0 0 min(360px, 82vw);
}

html.corporate-surface .play-page .f1-driver-pick-card--compact {
	grid-template-columns: 52px minmax(0, 1fr);
	min-height: 76px;
	padding: 0.5rem;
}

html.corporate-surface .play-page .f1-driver-pick-card--compact .f1-driver-pick-card__avatar {
	width: 52px;
	height: 52px;
}

html.corporate-surface .play-page .f1-driver-pick-card--compact .f1-driver-pick-card__copy strong {
	font-size: 0.84rem;
}

html.corporate-surface .play-page .f1-driver-pick-card--compact .f1-driver-pick-card__copy small {
	font-size: 0.62rem;
}

html.corporate-surface .play-page .f1-race-card-summary {
	display: grid;
	gap: 0.75rem;
	padding: 0.85rem;
	border: 1px solid color-mix(in srgb, #f4d477 24%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(244, 212, 119, 0.08), rgba(53, 208, 226, 0.05)),
		rgba(5, 11, 23, 0.78);
}

html.corporate-surface .play-page .f1-race-card-summary header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
}

html.corporate-surface .play-page .f1-race-card-summary header span {
	color: var(--f1-competition-gold, #f5c542);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-race-card-summary header strong {
	color: var(--text-primary);
	font-size: 0.86rem;
	font-weight: 950;
}

html.corporate-surface .play-page .f1-race-card-summary__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0.48rem;
}

html.corporate-surface .play-page .f1-race-card-summary__item {
	display: grid;
	align-content: start;
	gap: 0.12rem;
	min-width: 0;
	min-height: 78px;
	padding: 0.58rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
}

html.corporate-surface .play-page .f1-race-card-summary__item span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.62rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-race-card-summary__item:first-child span {
	color: var(--f1-competition-gold, #f5c542);
}

html.corporate-surface .play-page .f1-race-card-summary__item strong,
html.corporate-surface .play-page .f1-race-card-summary__item small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

html.corporate-surface .play-page .f1-race-card-summary__item strong {
	color: var(--text-primary);
	font-size: 0.78rem;
	font-weight: 950;
	line-height: 1.08;
}

html.corporate-surface .play-page .f1-race-card-summary__item small {
	color: var(--text-muted);
	font-size: 0.62rem;
	font-weight: 850;
}

html.corporate-surface .play-page .nfl-pickem-event-card {
	overflow: hidden;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 28%, rgba(255, 255, 255, 0.1));
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.1), transparent 34%),
		linear-gradient(220deg, rgba(244, 212, 119, 0.08), transparent 38%),
		rgba(5, 11, 23, 0.82);
}

html.corporate-surface .play-page .f1-race-collapsed-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(160px, auto);
	gap: 0.9rem;
	align-items: center;
	padding: 0.9rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 24%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), transparent 42%),
		rgba(5, 11, 23, 0.82);
}

@media (hover: hover) {
	html.corporate-surface .play-page .f1-race-collapsed-card:hover {
		border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 42%, rgba(255, 255, 255, 0.14));
		background:
			radial-gradient(circle at top left, rgba(34, 211, 238, 0.09), transparent 54%),
			linear-gradient(135deg, rgba(245, 197, 66, 0.04), transparent 42%),
			rgba(5, 11, 23, 0.86);
	}
}

html.corporate-surface .play-page .f1-race-collapsed-card__main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.72rem;
	align-items: center;
	min-width: 0;
}

html.corporate-surface .play-page .f1-race-collapsed-card__mark,
html.corporate-surface .play-page .f1-race-collapsed-card__grid-mark {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(53, 208, 226, 0.2), rgba(244, 212, 119, 0.12)),
		rgba(2, 8, 18, 0.86);
	color: var(--text-primary);
	font-weight: 950;
}

html.corporate-surface .play-page .f1-race-collapsed-card__grid-mark {
	grid-template-columns: repeat(2, 1fr);
	gap: 0.18rem 0.26rem;
	padding: 0.32rem;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
		repeating-linear-gradient(0deg, transparent 0 15px, rgba(255, 255, 255, 0.04) 16px, transparent 17px),
		rgba(2, 8, 18, 0.86);
	background-size: 50% 100%, 100% 28px, auto;
}

html.corporate-surface .play-page .f1-race-collapsed-card__grid-mark span {
	position: relative;
	width: 100%;
	min-height: 12px;
	border: 1px solid color-mix(in srgb, var(--f1-team-primary, #35d0e2) 34%, rgba(255, 255, 255, 0.1));
	border-radius: 3px;
	background: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 14%, rgba(255, 255, 255, 0.03));
}

html.corporate-surface .play-page .f1-race-collapsed-card__grid-mark span:nth-child(even) {
	transform: translateY(6px);
}

html.corporate-surface .play-page .f1-race-collapsed-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: center;
	margin-bottom: 0.18rem;
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.64rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-race-collapsed-card h3,
html.corporate-surface .play-page .f1-race-collapsed-card p {
	margin: 0;
}

html.corporate-surface .play-page .f1-race-collapsed-card h3 {
	overflow-wrap: anywhere;
	color: var(--text-primary);
	font-size: 1rem;
	font-weight: 950;
	line-height: 1.05;
}

html.corporate-surface .play-page .f1-race-collapsed-card p {
	margin-top: 0.22rem;
	color: var(--text-muted);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.25;
}

html.corporate-surface .play-page .f1-race-collapsed-card__preview {
	display: grid;
	grid-template-columns: repeat(5, minmax(18px, 1fr));
	gap: 0.26rem;
	align-items: center;
	min-width: 136px;
	padding: 0.28rem;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		rgba(255, 255, 255, 0.018);
	background-size: 20% 100%, auto;
}

html.corporate-surface .play-page .f1-race-collapsed-card__preview span {
	position: relative;
	display: grid;
	place-items: center;
	min-width: 0;
	height: 34px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--f1-team-primary, #35d0e2) 28%, rgba(255, 255, 255, 0.1));
	border-radius: 4px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 16%, transparent), transparent 72%),
		rgba(255, 255, 255, 0.026);
}

html.corporate-surface .play-page .f1-race-collapsed-card__preview small {
	position: absolute;
	inset: auto 0 0;
	height: 2px;
	background: var(--f1-team-primary, #35d0e2);
}

html.corporate-surface .play-page .f1-race-collapsed-card__action {
	display: grid;
	gap: 0.45rem;
	justify-items: end;
	min-width: 0;
}

html.corporate-surface .play-page .f1-race-collapsed-card__action > span {
	color: var(--text-muted);
	font-size: 0.72rem;
	font-weight: 900;
}

html.corporate-surface .play-page .f1-active-race-header {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 0.28fr);
	gap: 1rem;
	align-items: stretch;
	padding: 0.82rem 0.9rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 24%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.04), transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.01)),
		rgba(4, 8, 16, 0.82);
	overflow: hidden;
}

html.corporate-surface .play-page .f1-active-race-header::before {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
		repeating-linear-gradient(0deg, transparent 0 30px, rgba(255, 255, 255, 0.035) 31px, transparent 32px);
	background-size: 72px 100%, 100% 62px;
	content: '';
	opacity: 0.32;
	pointer-events: none;
}

html.corporate-surface .play-page .f1-active-race-header__copy {
	position: relative;
	z-index: 1;
	display: grid;
	align-content: center;
	gap: 0.42rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-active-race-header__copy > span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-active-race-header__copy h3,
html.corporate-surface .play-page .f1-active-race-header__copy p {
	margin: 0;
}

html.corporate-surface .play-page .f1-active-race-header__copy h3 {
	color: var(--text-primary);
	font-size: clamp(1.65rem, 4vw, 3rem);
	font-weight: 950;
	letter-spacing: 0;
	line-height: 0.96;
}

html.corporate-surface .play-page .f1-active-race-header__copy p {
	color: var(--text-muted);
	font-size: 0.85rem;
	font-weight: 850;
}

html.corporate-surface .play-page .f1-active-race-header__points {
	display: flex;
	flex-wrap: wrap;
	gap: 0.42rem;
	margin-top: 0.24rem;
}

html.corporate-surface .play-page .f1-active-race-header__points span {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	padding: 0.36rem 0.52rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--text-muted);
	font-size: 0.66rem;
	font-weight: 900;
}

html.corporate-surface .play-page .f1-active-race-header__points strong {
	color: var(--f1-competition-gold, #f5c542);
	font-size: 0.82rem;
}

html.corporate-surface .play-page .f1-starting-grid-preview {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(44px, 1fr));
	gap: 0.28rem 0.42rem;
	align-content: center;
	min-width: 0;
	padding: 0.42rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		repeating-linear-gradient(0deg, transparent 0 23px, rgba(255, 255, 255, 0.04) 24px, transparent 25px),
		rgba(0, 0, 0, 0.18);
	background-size: 50% 100%, 100% 42px, auto;
}

html.corporate-surface .play-page .f1-starting-grid-preview span {
	position: relative;
	min-height: 24px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--f1-team-primary, #35d0e2) 32%, rgba(255, 255, 255, 0.1));
	border-radius: 4px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 18%, transparent), transparent 70%),
		rgba(255, 255, 255, 0.035);
	opacity: 0.9;
}

html.corporate-surface .play-page .f1-starting-grid-preview span:nth-child(even) {
	transform: translateY(8px);
}

html.corporate-surface .play-page .f1-starting-grid-preview span::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--f1-team-primary, #35d0e2);
	content: '';
}

html.corporate-surface .play-page .f1-starting-grid-preview span::after {
	position: absolute;
	inset: auto 0 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.16);
	content: '';
}

html.corporate-surface .play-page .f1-step-form {
	display: grid;
	gap: 0.9rem;
	margin-top: 0.9rem;
}

html.corporate-surface .play-page .f1-ordered-form {
	display: grid;
	gap: 0.95rem;
	margin-top: 0.9rem;
}

html.corporate-surface .play-page .f1-ordered-selector-panel {
	position: relative;
	display: grid;
	gap: 0.9rem;
	padding: 0.9rem;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.09));
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
		rgba(0, 4, 10, 0.82);
	background-size: 50% 100%, auto, auto;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.025) inset,
		0 20px 44px rgba(0, 0, 0, 0.22);
}

html.corporate-surface .play-page .f1-starting-grid-builder::before {
	position: absolute;
	inset: 0.72rem;
	border: 1px solid rgba(255, 255, 255, 0.045);
	border-radius: 6px;
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.09) calc(50% - 1px), rgba(255, 255, 255, 0.09) calc(50% + 1px), transparent calc(50% + 1px)),
		repeating-linear-gradient(0deg, transparent 0 42px, rgba(255, 255, 255, 0.05) 43px, transparent 44px);
	content: '';
	opacity: 0.58;
	pointer-events: none;
}

html.corporate-surface .play-page .f1-starting-grid-builder::after {
	position: absolute;
	top: 3.45rem;
	right: 1rem;
	width: min(210px, 34%);
	height: calc(100% - 5rem);
	min-height: 128px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, transparent), transparent 72%) 0 0 / 46% 38px no-repeat,
		linear-gradient(90deg, color-mix(in srgb, var(--f1-competition-gold, #f5c542) 14%, transparent), transparent 72%) 100% 28px / 46% 38px no-repeat,
		linear-gradient(90deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 12%, transparent), transparent 72%) 0 74px / 46% 38px no-repeat,
		linear-gradient(90deg, rgba(255, 255, 255, 0.07), transparent 72%) 100% 104px / 46% 38px no-repeat;
	content: '';
	opacity: 0.5;
	pointer-events: none;
}

html.corporate-surface .play-page .f1-ordered-selector-panel > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page .f1-ordered-selector-panel.is-selector-menu-open > * {
	z-index: 0;
}

html.corporate-surface .play-page .f1-ordered-selector-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-ordered-selector-panel__header span,
html.corporate-surface .play-page .f1-selector-group > span {
	color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 70%, #b8c6d8);
	font-size: 0.68rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-ordered-selector-panel__header strong {
	color: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 72%, #f8fafc);
	font-size: 0.78rem;
	font-weight: 950;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-selector-group {
	position: relative;
	display: grid;
	gap: 0.48rem;
	min-width: 0;
	z-index: 1;
}

html.corporate-surface .play-page .f1-selector-group.is-selector-open {
	z-index: 70;
}

html.corporate-surface .play-page .f1-selector-group p {
	margin: 0;
	color: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 28%, var(--text-muted));
	font-size: 0.68rem;
	font-weight: 900;
}

html.corporate-surface .play-page .f1-podium-selector-stack {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.56rem;
}

html.corporate-surface .play-page .f1-custom-selector {
	position: relative;
	min-width: 0;
}

html.corporate-surface .play-page .f1-custom-selector.is-open {
	z-index: 34;
}

html.corporate-surface .play-page .f1-custom-selector.is-open::after {
	position: fixed;
	inset: 0;
	z-index: 38;
	background:
		radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.055), transparent 26%),
		rgba(0, 0, 0, 0.42);
	backdrop-filter: blur(10px);
	content: '';
	pointer-events: none;
}

html.corporate-surface .play-page .f1-selector-trigger {
	position: relative;
	display: grid;
	grid-template-columns: minmax(38px, auto) minmax(0, 1fr) auto;
	gap: 0.54rem;
	align-items: center;
	width: 100%;
	min-height: 60px;
	padding: 0.62rem 0.72rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.095);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.018)),
		rgba(1, 6, 14, 0.9);
	color: var(--text-primary);
	font: inherit;
	text-align: left;
	transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

html.corporate-surface .play-page .f1-selector-trigger::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--f1-team-primary, rgba(53, 208, 226, 0.62));
	opacity: 0.72;
	content: '';
	pointer-events: none;
}

html.corporate-surface .play-page .f1-custom-selector.is-selected .f1-selector-trigger {
	border-color: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 38%, rgba(255, 255, 255, 0.12));
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 14%, transparent), transparent 58%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
		rgba(1, 6, 14, 0.92);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--f1-team-primary, #35d0e2) 12%, transparent) inset,
		0 12px 26px rgba(0, 0, 0, 0.2);
}

html.corporate-surface .play-page .f1-custom-selector.is-active .f1-selector-trigger,
html.corporate-surface .play-page .f1-custom-selector.is-open .f1-selector-trigger {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 42%, rgba(255, 255, 255, 0.14));
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 14%, transparent) inset,
		0 14px 30px rgba(0, 0, 0, 0.24);
}

html.corporate-surface .play-page .f1-selector-trigger__slot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 0.44rem;
	border: 1px solid color-mix(in srgb, var(--f1-competition-gold, #f5c542) 30%, rgba(255, 255, 255, 0.12));
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.38);
	color: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 82%, #f8fafc);
	font-size: 0.74rem;
	font-weight: 950;
	letter-spacing: 0.03em;
	line-height: 1;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-selector-trigger strong,
html.corporate-surface .play-page .f1-selector-trigger small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-selector-trigger strong {
	color: #ffffff;
	font-size: 0.95rem;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-selector-trigger small {
	color: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 22%, var(--text-muted));
	font-size: 0.66rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-selector-trigger i {
	color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 42%, var(--text-muted));
	font-size: 0.9rem;
	transition: transform 160ms ease;
}

html.corporate-surface .play-page .f1-custom-selector.is-open .f1-selector-trigger i {
	transform: rotate(180deg);
}

html.corporate-surface .play-page .f1-selector-menu {
	position: fixed;
	top: clamp(88px, 12vh, 132px);
	left: 50%;
	z-index: 42;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0.62rem;
	align-content: start;
	width: min(980px, calc(100vw - 2rem));
	max-height: min(690px, calc(100vh - 154px));
	padding: 0.72rem;
	overflow-y: auto;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 7%, transparent), transparent 46%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)),
		rgba(1, 5, 12, 0.975);
	box-shadow:
		0 34px 80px rgba(0, 0, 0, 0.46),
		0 0 0 1px rgba(255, 255, 255, 0.025) inset;
	opacity: 0;
	transform: translate(-50%, -6px) scale(0.99);
	transform-origin: top center;
	transition: opacity 170ms ease, transform 170ms ease;
}

html.corporate-surface .play-page .f1-custom-selector.is-open .f1-selector-menu {
	opacity: 1;
	transform: translate(-50%, 0) scale(1);
}

html.corporate-surface .play-page .f1-selector-menu[hidden] {
	display: none;
}

html.corporate-surface .play-page .f1-selector-constructor-group {
	display: grid;
	gap: 0.42rem;
	min-width: 0;
	padding: 0.48rem;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 7%, transparent), transparent 62%),
		rgba(255, 255, 255, 0.026);
}

html.corporate-surface .play-page .f1-selector-constructor-heading {
	position: relative;
	min-width: 0;
	padding: 0.1rem 0 0.28rem 0.58rem;
	overflow: hidden;
	border-bottom: 1px solid color-mix(in srgb, var(--f1-team-primary, #35d0e2) 20%, rgba(255, 255, 255, 0.08));
	color: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 58%, #e5e7eb);
	font-size: 0.64rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-selector-constructor-heading::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	border-radius: 999px;
	background: var(--f1-team-primary, #35d0e2);
	content: '';
}

html.corporate-surface .play-page .f1-selector-constructor-drivers {
	display: grid;
	gap: 0.32rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-selector-option {
	position: relative;
	display: grid;
	gap: 0.05rem;
	width: 100%;
	min-height: 48px;
	padding: 0.5rem 0.68rem 0.5rem 0.9rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 16%, transparent), transparent 68%),
		rgba(6, 11, 20, 0.94);
	color: color-mix(in srgb, #ffffff 94%, var(--f1-team-primary, #35d0e2));
	font: inherit;
	text-align: left;
	text-shadow: none;
	transition: opacity 140ms ease, transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

html.corporate-surface .play-page .f1-selector-option::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: var(--f1-team-primary, #35d0e2);
	content: '';
	pointer-events: none;
}

html.corporate-surface .play-page .f1-selector-option span,
html.corporate-surface .play-page .f1-selector-option strong,
html.corporate-surface .play-page .f1-selector-option small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-selector-option span {
	font-size: 0.62rem;
	font-weight: 950;
	color: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 40%, #cbd5e1);
	opacity: 0.92;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-selector-option strong {
	font-size: 0.88rem;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.02;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-selector-option small {
	color: #94a3b8;
	font-size: 0.62rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-selector-option.is-selected {
	border-color: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 48%, rgba(255, 255, 255, 0.16));
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 22%, transparent), transparent 70%),
		rgba(9, 15, 24, 0.96);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--f1-team-primary, #35d0e2) 16%, transparent) inset;
}

html.corporate-surface .play-page .f1-selector-option.is-disabled,
html.corporate-surface .play-page .f1-selector-option:disabled {
	cursor: not-allowed;
	filter: grayscale(0.28);
	opacity: 0.34;
}

html.corporate-surface .play-page .f1-custom-selector.is-readonly .f1-selector-trigger {
	cursor: default;
}

@media (hover: hover) {
	html.corporate-surface .play-page .f1-selector-trigger:hover {
		transform: translateY(-1px);
	}

	html.corporate-surface .play-page .f1-selector-option:not(:disabled):hover {
		border-color: color-mix(in srgb, var(--f1-team-primary, #35d0e2) 44%, rgba(255, 255, 255, 0.12));
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--f1-team-primary, #35d0e2) 22%, transparent), transparent 70%),
			rgba(10, 16, 26, 0.98);
		transform: translateY(-1px);
	}
}

html.corporate-surface .play-page .f1-ordered-summary {
	display: grid;
	gap: 0.72rem;
	padding: 0.78rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 28%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 10%, transparent), transparent 56%),
		rgba(2, 8, 18, 0.58);
}

html.corporate-surface .play-page .f1-ordered-summary > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-ordered-summary > header span,
html.corporate-surface .play-page .f1-ordered-summary__section > span,
html.corporate-surface .play-page .f1-driver-grid-section__header span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-ordered-summary > header strong {
	color: var(--f1-competition-gold, #f5c542);
	font-size: 0.78rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-ordered-summary__rail {
	display: grid;
	grid-template-columns: minmax(180px, 0.34fr) minmax(0, 1fr);
	gap: 0.72rem;
	align-items: stretch;
}

html.corporate-surface .play-page .f1-ordered-summary__section {
	display: grid;
	gap: 0.45rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-ordered-summary__section p {
	margin: 0;
	color: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 42%, var(--text-muted));
	font-size: 0.68rem;
	font-weight: 900;
}

html.corporate-surface .play-page .f1-ordered-slot {
	display: grid;
	gap: 0.18rem;
	min-height: 92px;
	min-width: 0;
	padding: 0.72rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--text-muted);
	font: inherit;
	text-align: left;
}

html.corporate-surface .play-page .f1-ordered-slot span {
	color: var(--f1-competition-gold, #f5c542);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-ordered-slot strong {
	overflow: hidden;
	color: var(--text-primary);
	font-size: 0.9rem;
	font-weight: 950;
	line-height: 1.06;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-ordered-slot small {
	overflow: hidden;
	color: var(--text-muted);
	font-size: 0.66rem;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-ordered-slot.is-active {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 62%, rgba(255, 255, 255, 0.14));
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 15%, transparent), color-mix(in srgb, var(--f1-competition-gold, #f5c542) 7%, transparent)),
		rgba(255, 255, 255, 0.055);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 24%, transparent) inset;
}

html.corporate-surface .play-page .f1-ordered-slot.is-filled {
	background: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 8%, rgba(255, 255, 255, 0.05));
}

html.corporate-surface .play-page .f1-driver-grid-section {
	display: grid;
	gap: 0.72rem;
}

html.corporate-surface .play-page .f1-driver-grid-section__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 0.75rem;
	min-width: 0;
}

html.corporate-surface .play-page .f1-driver-grid-section__header strong {
	color: var(--text-primary);
	font-size: 1rem;
	font-weight: 950;
}

html.corporate-surface .play-page .f1-driver-grid-section__header small {
	color: var(--text-muted);
	font-size: 0.72rem;
	font-weight: 850;
	text-align: right;
}

html.corporate-surface .play-page .f1-ordered-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding-top: 0.2rem;
}

html.corporate-surface .play-page .f1-ordered-actions p {
	margin: 0;
	color: var(--text-muted);
	font-size: 0.76rem;
	font-weight: 900;
}

html.corporate-surface .play-page .f1-step-nav {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.45rem;
}

html.corporate-surface .play-page .f1-step-nav__item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.38rem;
	align-items: center;
	min-height: 44px;
	padding: 0.4rem 0.5rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--text-muted);
	font: inherit;
	font-weight: 900;
	text-align: left;
}

html.corporate-surface .play-page .f1-step-nav__item span {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--text-primary);
	font-size: 0.68rem;
}

html.corporate-surface .play-page .f1-step-nav__item strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.7rem;
}

html.corporate-surface .play-page .f1-step-nav__item.is-active {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 55%, rgba(255, 255, 255, 0.14));
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 15%, transparent), color-mix(in srgb, var(--f1-competition-gold, #f5c542) 6%, transparent)),
		rgba(255, 255, 255, 0.05);
	color: var(--text-primary);
}

html.corporate-surface .play-page .f1-step-panel {
	display: grid;
	gap: 0.85rem;
}

html.corporate-surface .play-page .f1-step-panel[hidden] {
	display: none;
}

html.corporate-surface .play-page .f1-step-panel__header {
	display: grid;
	gap: 0.18rem;
}

html.corporate-surface .play-page .f1-step-panel__header span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-step-panel__header h4,
html.corporate-surface .play-page .f1-step-panel__header p {
	margin: 0;
}

html.corporate-surface .play-page .f1-step-panel__header h4 {
	color: var(--text-primary);
	font-size: 1.25rem;
	font-weight: 950;
}

html.corporate-surface .play-page .f1-step-panel__header p {
	color: var(--text-muted);
	font-size: 0.82rem;
	font-weight: 800;
}

html.corporate-surface .play-page .f1-step-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	justify-content: flex-end;
}

html.corporate-surface .play-page .f1-podium-builder--simple {
	display: grid;
	gap: 0.75rem;
}

html.corporate-surface .play-page .f1-podium-slot-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55rem;
}

html.corporate-surface .play-page .f1-podium-slot {
	display: grid;
	gap: 0.16rem;
	min-height: 92px;
	padding: 0.72rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--text-muted);
	font: inherit;
	text-align: left;
}

html.corporate-surface .play-page .f1-podium-slot span {
	color: var(--f1-competition-gold, #f5c542);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .f1-podium-slot strong {
	color: var(--text-primary);
	font-size: 0.9rem;
	font-weight: 950;
	line-height: 1.06;
}

html.corporate-surface .play-page .f1-podium-slot small {
	color: var(--text-muted);
	font-size: 0.66rem;
	font-weight: 850;
}

html.corporate-surface .play-page .f1-podium-slot.is-active {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 58%, rgba(255, 255, 255, 0.14));
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 22%, transparent) inset;
}

html.corporate-surface .play-page .f1-podium-slot.is-filled {
	background: color-mix(in srgb, #f4d477 8%, rgba(255, 255, 255, 0.05));
}

html.corporate-surface .play-page .f1-podium-slot:first-child {
	border-color: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 26%, rgba(255, 255, 255, 0.1));
}

html.corporate-surface .play-page .f1-race-event-card--active {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 42%, rgba(255, 255, 255, 0.12));
	background:
		radial-gradient(circle at top left, rgba(34, 211, 238, 0.12), transparent 55%),
		linear-gradient(135deg, rgba(245, 197, 66, 0.04), transparent 38%),
		rgba(5, 11, 23, 0.86);
}

html.corporate-surface .play-page .f1-race-event-card--active.is-saved {
	border-color: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 38%, var(--sponsor-primary, #35d0e2) 28%);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--f1-competition-gold, #f5c542) 16%, transparent) inset;
}

html.corporate-surface .play-page .f1-race-event-card--active .prediction-next-chip {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 54%, rgba(255, 255, 255, 0.12));
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 24%, rgba(3, 14, 25, 0.88)), color-mix(in srgb, var(--f1-competition-gold, #f5c542) 12%, rgba(3, 14, 25, 0.88)));
	color: #ecfeff;
	box-shadow: 0 0 18px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, transparent);
}

html.corporate-surface .play-page .f1-race-event-card--active .prediction-status-badge.is-saved,
html.corporate-surface .play-page .f1-race-event-card--active .prediction-status-saved {
	border-color: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 44%, rgba(255, 255, 255, 0.12));
	background: color-mix(in srgb, var(--f1-competition-gold, #f5c542) 12%, rgba(5, 11, 23, 0.82));
	color: #fff7d6;
}

html.corporate-surface .play-page .f1-save-pick-btn {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 50%, rgba(255, 255, 255, 0.12));
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 20%, transparent), color-mix(in srgb, var(--f1-competition-gold, #f5c542) 8%, transparent)),
		rgba(5, 11, 23, 0.88);
}

html.corporate-surface .play-page .f1-team-pick-groups--podium-single {
	display: grid;
	gap: 0.62rem;
	overflow: visible;
}

@media (max-width: 820px) {
	html.corporate-surface .play-page .f1-race-collapsed-card,
	html.corporate-surface .play-page .f1-active-race-header {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-race-collapsed-card__preview,
	html.corporate-surface .play-page .f1-starting-grid-preview {
		min-width: 0;
	}

	html.corporate-surface .play-page .f1-race-collapsed-card__action {
		justify-items: stretch;
	}

	html.corporate-surface .play-page .f1-step-nav {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-ordered-summary__rail,
	html.corporate-surface .play-page .f1-podium-selector-stack,
	html.corporate-surface .play-page .f1-driver-grid-section__header,
	html.corporate-surface .play-page .f1-ordered-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-driver-grid-section__header small {
		text-align: left;
	}

	html.corporate-surface .play-page .f1-step-nav__item {
		min-height: 48px;
	}

	html.corporate-surface .play-page .f1-podium-slot-row {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-step-actions {
		display: grid;
		grid-template-columns: 1fr;
	}
}

html.corporate-surface .play-page .nfl-pickem-header {
	align-items: flex-start;
}

html.corporate-surface .play-page .nfl-pickem-meta {
	display: grid;
	justify-items: end;
	gap: 0.15rem;
	text-align: right;
}

html.corporate-surface .play-page .nfl-pickem-meta span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .nfl-pickem-meta strong {
	color: var(--text-primary);
	font-size: 0.78rem;
}

html.corporate-surface .play-page .nfl-pickem-stage {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0.75rem;
	margin-top: 0.85rem;
	padding: 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(53, 208, 226, 0.06)),
		rgba(4, 9, 18, 0.66);
}

html.corporate-surface .play-page .nfl-pickem-stage.is-selectable {
	margin-bottom: 0;
}

html.corporate-surface .play-page .nfl-team-showcase {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 0.45rem;
	min-width: 0;
	padding: 1rem 0.8rem 0.9rem;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 16%, transparent), transparent 56%),
		rgba(255, 255, 255, 0.035);
}

html.corporate-surface .play-page .nfl-team-choice {
	margin: 0;
	cursor: pointer;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}

html.corporate-surface .play-page .nfl-team-choice:hover,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:focus-visible) {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 48%, rgba(255, 255, 255, 0.12));
	transform: translateY(-1px);
}

html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) {
	border-color: color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 62%, var(--nfl-team-primary, #35d0e2) 38%);
	background:
		radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 26%, transparent), transparent 58%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025)),
		rgba(3, 14, 25, 0.92);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 36%, transparent) inset,
		0 14px 32px color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 20%, transparent);
}

html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked)::after {
	content: 'Selection Made';
	position: absolute;
	top: 0.7rem;
	right: 0.7rem;
	padding: 0.28rem 0.48rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 52%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	background: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(4, 10, 18, 0.82));
	color: var(--text-primary);
	font-size: 0.62rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .nfl-team-showcase__side,
html.corporate-surface .play-page .nfl-winner-module header span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.68rem;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

html.corporate-surface .play-page .nfl-team-pick__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

html.corporate-surface .play-page .nfl-team-showcase__name {
	max-width: 100%;
	overflow: hidden;
	color: var(--text-primary);
	font-size: 1.18rem;
	font-weight: 950;
	line-height: 1.05;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .nfl-team-showcase__code {
	color: var(--text-muted);
	font-size: 0.72rem;
	font-weight: 900;
}

html.corporate-surface .play-page .nfl-team-showcase__pick-state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 0.3rem 0.62rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: var(--text-muted);
	font-size: 0.66rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) .nfl-team-showcase__pick-state {
	border-color: color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 48%, rgba(255, 255, 255, 0.12));
	background: color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 24%, transparent);
	color: var(--text-primary);
}

html.corporate-surface .play-page .nfl-vs-badge {
	position: absolute;
	inset: 50% auto auto 50%;
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 38%, rgba(255, 255, 255, 0.1));
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
		rgba(2, 8, 18, 0.95);
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.75rem;
	font-weight: 950;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 24px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 16%, transparent);
}

html.corporate-surface .play-page .prediction-controls--nfl-pickem {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 0.34fr);
	gap: 0.85rem;
	align-items: stretch;
	justify-self: stretch;
	width: 100%;
	margin-top: 0.7rem;
	box-sizing: border-box;
}

html.corporate-surface .play-page .nfl-rules-strip {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.45rem;
}

html.corporate-surface .play-page .nfl-rules-strip span {
	display: grid;
	justify-items: center;
	gap: 0.1rem;
	min-width: 0;
	padding: 0.58rem 0.35rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	color: var(--text-muted);
	font-size: 0.64rem;
	font-weight: 900;
	text-align: center;
}

html.corporate-surface .play-page .nfl-rules-strip strong {
	color: #f4d477;
	font-size: 1.05rem;
	line-height: 1;
}

html.corporate-surface .play-page .nfl-winner-module {
	display: grid;
	gap: 0.75rem;
	min-width: 0;
	padding: 0.85rem;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
		rgba(5, 11, 23, 0.7);
}

html.corporate-surface .play-page .nfl-winner-module header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
}

html.corporate-surface .play-page .nfl-winner-module header strong {
	color: var(--text-primary);
	font-size: 0.9rem;
	line-height: 1.05;
}

html.corporate-surface .play-page .nfl-winner-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem;
}

html.corporate-surface .play-page .nfl-team-pick-option {
	display: block;
	margin: 0;
	cursor: pointer;
}

html.corporate-surface .play-page .nfl-pick-radio {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

html.corporate-surface .play-page .nfl-team-pick {
	position: relative;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 0.7rem;
	align-items: center;
	min-height: 86px;
	padding: 0.75rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
		rgba(2, 8, 18, 0.76);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}

html.corporate-surface .play-page .nfl-team-pick__halo {
	position: absolute;
	inset: auto -20px -36px auto;
	width: 110px;
	height: 110px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 12%, transparent);
	filter: blur(4px);
}

html.corporate-surface .play-page .nfl-team-pick__logo {
	position: relative;
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	padding: 0.35rem;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--sponsor-accent, #5cf2a5);
	font-size: 0.78rem;
	font-weight: 950;
}

html.corporate-surface .play-page .nfl-team-pick__copy {
	position: relative;
	display: grid;
	gap: 0.2rem;
	min-width: 0;
}

html.corporate-surface .play-page .nfl-team-pick__copy strong {
	overflow: hidden;
	color: var(--text-primary);
	font-size: 1rem;
	font-weight: 950;
	line-height: 1.05;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .nfl-team-pick__copy small {
	color: var(--text-muted);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .play-page .nfl-pick-radio:focus-visible + .nfl-team-pick,
html.corporate-surface .play-page .nfl-pick-radio:checked + .nfl-team-pick {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 72%, white 8%);
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 17%, transparent), rgba(255, 255, 255, 0.035)),
		rgba(3, 13, 25, 0.92);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 34%, transparent) inset,
		0 12px 28px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 15%, transparent);
	transform: translateY(-1px);
}

html.corporate-surface .play-page .nfl-pick-radio:checked + .nfl-team-pick .nfl-team-pick__logo {
	border-color: #f4d477;
}

html.corporate-surface .play-page .nfl-pickem-readonly {
	margin-top: 0.85rem;
}

html.corporate-surface .play-page .nfl-pickem-event-card {
	border-radius: 18px;
	background:
		radial-gradient(circle at 12% 0%, rgba(53, 208, 226, 0.12), transparent 34%),
		radial-gradient(circle at 88% 12%, rgba(245, 197, 66, 0.08), transparent 32%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
		rgba(5, 11, 23, 0.9);
}

html.corporate-surface .play-page .nfl-pickem-stage {
	gap: 0.95rem;
	padding: 0;
	border: 0;
	border-radius: 18px;
	background: transparent;
}

html.corporate-surface .play-page .nfl-team-showcase {
	position: relative;
	display: block;
	min-height: 256px;
	padding: 0;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 30%, rgba(255, 255, 255, 0.1));
	border-radius: 18px;
	background:
		radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 22%, transparent), transparent 55%),
		linear-gradient(145deg, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 18%, rgba(5, 11, 23, 0.94)), color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 9%, rgba(5, 11, 23, 0.96))),
		rgba(5, 11, 23, 0.94);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .play-page .nfl-team-showcase::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 28%),
		repeating-linear-gradient(135deg, transparent 0 14px, rgba(255, 255, 255, 0.035) 15px 16px);
	opacity: 0.38;
	pointer-events: none;
}

html.corporate-surface .play-page .franchise-pattern-diagonal::before,
html.corporate-surface .play-page .franchise-identity--pattern-diagonal::before {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.075), transparent 28%),
		repeating-linear-gradient(135deg, transparent 0 14px, rgba(255, 255, 255, 0.035) 15px 16px);
}

html.corporate-surface .play-page .franchise-pattern-grid::before,
html.corporate-surface .play-page .franchise-identity--pattern-grid::before {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 28%),
		repeating-linear-gradient(0deg, transparent 0 18px, rgba(255, 255, 255, 0.035) 19px 20px),
		repeating-linear-gradient(90deg, transparent 0 18px, rgba(255, 255, 255, 0.03) 19px 20px);
}

html.corporate-surface .play-page .franchise-pattern-carbon::before,
html.corporate-surface .play-page .franchise-identity--pattern-carbon::before {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 28%),
		repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 9px);
}

html.corporate-surface .play-page .franchise-pattern-radial::before,
html.corporate-surface .play-page .franchise-identity--pattern-radial::before {
	background:
		radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.12), transparent 34%),
		repeating-radial-gradient(circle at 50% 18%, transparent 0 16px, rgba(255, 255, 255, 0.035) 17px 18px);
}

html.corporate-surface .play-page .franchise-pattern-hash::before,
html.corporate-surface .play-page .franchise-identity--pattern-hash::before {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 28%),
		repeating-linear-gradient(90deg, transparent 0 22px, color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 18%, transparent) 23px 25px),
		repeating-linear-gradient(0deg, transparent 0 54px, rgba(255, 255, 255, 0.04) 55px 56px);
}

html.corporate-surface .play-page .franchise-pattern-stripe::before,
html.corporate-surface .play-page .franchise-identity--pattern-stripe::before,
html.corporate-surface .play-page .franchise-pattern-speed-lines::before,
html.corporate-surface .play-page .franchise-identity--pattern-speed-lines::before {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 28%),
		repeating-linear-gradient(110deg, transparent 0 20px, color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 16%, transparent) 21px 23px);
}

html.corporate-surface .play-page .nfl-team-choice:hover,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:focus-visible) {
	border-color: color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 62%, rgba(255, 255, 255, 0.18));
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 22%, transparent),
		0 18px 42px color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 13%, transparent);
	transform: translateY(-1px);
}

html.corporate-surface .play-page .nfl-team-showcase.is-selected,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) {
	border-color: rgba(34, 211, 238, 0.85);
	background:
		radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 28%, transparent), transparent 56%),
		linear-gradient(145deg, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 24%, rgba(5, 11, 23, 0.92)), color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 11%, rgba(5, 11, 23, 0.96))),
		rgba(5, 11, 23, 0.96);
	box-shadow:
		0 0 0 1px rgba(34, 211, 238, 0.35),
		0 0 24px rgba(34, 211, 238, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html.corporate-surface .play-page .nfl-team-showcase.is-saved {
	border-color: rgba(245, 197, 66, 0.75);
	box-shadow:
		0 0 0 1px rgba(245, 197, 66, 0.28),
		0 0 22px rgba(245, 197, 66, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked)::after {
	display: none;
	content: none;
}

html.corporate-surface .play-page .franchise-identity {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-rows: auto minmax(88px, 1fr) auto auto;
	align-content: stretch;
	justify-items: stretch;
	gap: 0.62rem;
	min-height: 256px;
	padding: 1rem;
	overflow: hidden;
	color: var(--nfl-team-accent, #ffffff);
}

html.corporate-surface .play-page .franchise-identity::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: 0.2;
	pointer-events: none;
}

html.corporate-surface .play-page .franchise-identity::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(circle at 24% 34%, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 24%, transparent), transparent 38%),
		radial-gradient(circle at 84% 92%, color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 14%, transparent), transparent 42%);
	opacity: 0.78;
	pointer-events: none;
}

html.corporate-surface .play-page .franchise-identity__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.55rem;
	min-width: 0;
}

html.corporate-surface .play-page .franchise-identity__side {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0.32rem 0.58rem;
	border: 1px solid color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 42%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.5);
	color: color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 42%, #ffffff);
	font-size: 0.66rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .franchise-identity__monogram {
	align-self: center;
	justify-self: start;
	max-width: 100%;
	overflow: hidden;
	color: color-mix(in srgb, var(--nfl-team-accent, #ffffff) 92%, var(--nfl-team-secondary, #f4d477) 8%);
	font-size: 5.6rem;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 0.86;
	text-overflow: ellipsis;
	text-shadow: 0 12px 34px rgba(0, 0, 0, 0.38);
	white-space: nowrap;
}

html.corporate-surface .play-page .franchise-identity__copy {
	display: grid;
	justify-items: start;
	gap: 0.12rem;
	max-width: 100%;
	text-align: left;
}

html.corporate-surface .play-page .franchise-identity__copy small,
html.corporate-surface .play-page .franchise-identity__copy strong,
html.corporate-surface .play-page .franchise-identity__copy em {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .franchise-identity__copy small {
	color: color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 38%, rgba(226, 232, 240, 0.82));
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .play-page .franchise-identity__copy strong {
	color: #ffffff;
	font-size: 1.38rem;
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .play-page .franchise-identity__copy em {
	color: rgba(226, 232, 240, 0.72);
	font-size: 0.74rem;
	font-style: normal;
	font-weight: 950;
}

html.corporate-surface .play-page .franchise-identity__state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: end;
	min-height: 28px;
	padding: 0.32rem 0.7rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.5);
	color: var(--text-muted);
	font-size: 0.66rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .franchise-identity.is-selected .franchise-identity__state {
	border-color: rgba(34, 211, 238, 0.52);
	background: rgba(34, 211, 238, 0.14);
	color: #ecfeff;
}

html.corporate-surface .play-page .franchise-identity.is-saved .franchise-identity__state {
	border-color: rgba(245, 197, 66, 0.52);
	background: rgba(245, 197, 66, 0.12);
	color: #fff7d6;
}

html.corporate-surface .play-page .franchise-identity__technical-line {
	position: relative;
	display: block;
	height: 12px;
	overflow: hidden;
	border-top: 1px solid color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 46%, transparent);
	opacity: 0.78;
}

html.corporate-surface .play-page .franchise-identity__technical-line::before {
	content: "";
	position: absolute;
	inset: 5px 0 auto;
	height: 4px;
	background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 54%, transparent) 0 18px, transparent 18px 28px);
	opacity: 0.58;
}

html.corporate-surface .play-page .nfl-field-module {
	position: relative;
	gap: 0.88rem;
	padding: clamp(0.85rem, 1.5vw, 1.12rem);
	border-radius: 8px;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 24%, rgba(255, 255, 255, 0.1));
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 36%, rgba(255, 255, 255, 0.025)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
		rgba(5, 11, 23, 0.9);
	box-shadow:
		0 18px 52px rgba(0, 0, 0, 0.26),
		0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

html.corporate-surface .play-page .nfl-field-module::before {
	content: "";
	position: absolute;
	inset: 0.65rem;
	border: 1px solid rgba(255, 255, 255, 0.055);
	border-radius: 8px;
	pointer-events: none;
}

html.corporate-surface .play-page .nfl-field-module.is-quick-next-prediction {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 54%, rgba(255, 255, 255, 0.14));
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 9%, transparent), transparent 44%, rgba(244, 212, 119, 0.04)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.022)),
		rgba(7, 15, 29, 0.96);
}

html.corporate-surface .play-page .nfl-field-module.is-saved {
	border-color: rgba(245, 197, 66, 0.45);
}

html.corporate-surface .play-page .nfl-field-module__header {
	position: relative;
	z-index: 2;
}

html.corporate-surface .play-page .nfl-field-module__matchup {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.45rem;
	margin-top: -0.25rem;
	color: #f8fbff;
	font-size: clamp(1.55rem, 1.15rem + 1.25vw, 2.35rem);
	font-weight: 950;
	line-height: 0.95;
}

html.corporate-surface .play-page .nfl-field-module__matchup strong {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.56em;
	text-transform: uppercase;
}

html.corporate-surface .play-page .nfl-field {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	min-height: 272px;
	margin-top: 0;
	padding: clamp(0.7rem, 1.4vw, 1rem);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.085);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(2, 69, 53, 0.58), rgba(6, 32, 43, 0.68) 49%, rgba(2, 69, 53, 0.58)),
		rgba(3, 10, 19, 0.82);
}

html.corporate-surface .play-page .nfl-field__grid,
html.corporate-surface .play-page .nfl-field__yard-line,
html.corporate-surface .play-page .nfl-field__hash,
html.corporate-surface .play-page .nfl-field__advance {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

html.corporate-surface .play-page .nfl-field__grid {
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.34) calc(50% - 1px), rgba(255, 255, 255, 0.34) calc(50% + 1px), transparent calc(50% + 1px)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0 1px, transparent 1px 10%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 42%, rgba(0, 0, 0, 0.12));
	opacity: 0.82;
}

html.corporate-surface .play-page .nfl-field__yard-line {
	width: 1px;
	background: rgba(255, 255, 255, 0.18);
}

html.corporate-surface .play-page .nfl-field__yard-line--20 { left: 20%; }
html.corporate-surface .play-page .nfl-field__yard-line--35 { left: 35%; }
html.corporate-surface .play-page .nfl-field__yard-line--50 {
	left: 50%;
	width: 2px;
	background: rgba(255, 255, 255, 0.42);
}
html.corporate-surface .play-page .nfl-field__yard-line--65 { left: 65%; }
html.corporate-surface .play-page .nfl-field__yard-line--80 { left: 80%; }

html.corporate-surface .play-page .nfl-field__hash {
	inset: auto 7% auto;
	height: 12px;
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.38) 0 2px, transparent 2px 24px);
	opacity: 0.68;
}

html.corporate-surface .play-page .nfl-field__hash--top {
	top: 28%;
}

html.corporate-surface .play-page .nfl-field__hash--bottom {
	bottom: 28%;
}

html.corporate-surface .play-page .nfl-field__advance {
	inset: 0 auto 0 50%;
	width: 26%;
	background: linear-gradient(90deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 12%, transparent), transparent);
	opacity: 0.7;
}

html.corporate-surface .play-page .nfl-field__teams {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(180px, 0.43fr) minmax(180px, 0.43fr);
	justify-content: space-between;
	gap: clamp(0.75rem, 1.6vw, 1rem);
	align-items: stretch;
	width: 100%;
	min-width: 0;
	align-self: stretch;
}

html.corporate-surface .play-page .nfl-field .nfl-team-showcase {
	min-height: 238px;
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 18%, rgba(4, 12, 22, 0.78)), rgba(4, 12, 22, 0.58)),
		rgba(4, 12, 22, 0.62);
	backdrop-filter: blur(2px);
}

html.corporate-surface .play-page .nfl-field .nfl-team-showcase::before {
	opacity: 0.22;
}

html.corporate-surface .play-page .nfl-field .nfl-team-showcase--home {
	background:
		linear-gradient(270deg, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 18%, rgba(4, 12, 22, 0.78)), rgba(4, 12, 22, 0.58)),
		rgba(4, 12, 22, 0.62);
}

html.corporate-surface .play-page .nfl-field .franchise-identity {
	min-height: 238px;
	grid-template-rows: auto minmax(72px, 1fr) auto auto;
	padding: clamp(0.85rem, 1.4vw, 1rem);
}

html.corporate-surface .play-page .nfl-field .franchise-identity__monogram {
	font-size: clamp(3.7rem, 5vw, 5.3rem);
}

html.corporate-surface .play-page .nfl-field .franchise-identity__copy strong {
	font-size: clamp(1.24rem, 1rem + 0.6vw, 1.7rem);
}

html.corporate-surface .play-page .nfl-vs-badge {
	z-index: 3;
	width: 58px;
	height: 58px;
	border-radius: 8px;
	border-color: rgba(255, 255, 255, 0.2);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.025)),
		rgba(2, 8, 18, 0.94);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.06) inset,
		0 12px 28px rgba(0, 0, 0, 0.3);
}

html.corporate-surface .play-page .nfl-vs-badge small {
	color: rgba(226, 232, 240, 0.55);
	font-size: 0.55rem;
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .play-page .nfl-vs-badge span {
	color: #ecfeff;
	font-size: 0.78rem;
	line-height: 1;
}

html.corporate-surface .play-page .nfl-team-showcase.is-selected,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) {
	border-color: rgba(34, 211, 238, 0.86);
	background:
		radial-gradient(circle at 76% 18%, color-mix(in srgb, var(--nfl-team-accent, #ffffff) 18%, transparent), transparent 42%),
		linear-gradient(145deg, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 28%, rgba(5, 11, 23, 0.9)), color-mix(in srgb, var(--nfl-team-secondary, #f4d477) 15%, rgba(5, 11, 23, 0.92))),
		rgba(7, 16, 30, 0.96);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--nfl-team-accent, #ffffff) 54%, rgba(34, 211, 238, 0.28)),
		0 18px 42px color-mix(in srgb, var(--nfl-team-accent, #ffffff) 18%, transparent),
		0 10px 28px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.13);
	transform: translateY(-2px);
	transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

html.corporate-surface .play-page .nfl-team-showcase.is-selected .franchise-identity__monogram,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) .franchise-identity__monogram {
	color: #fffdf4;
	text-shadow:
		0 0 22px color-mix(in srgb, var(--nfl-team-accent, #ffffff) 18%, transparent),
		0 2px 18px rgba(0, 0, 0, 0.34);
}

html.corporate-surface .play-page .nfl-team-showcase.is-selected .franchise-identity__copy strong,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) .franchise-identity__copy strong,
html.corporate-surface .play-page .nfl-team-showcase.is-selected .franchise-identity__copy em,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) .franchise-identity__copy em {
	color: #fffdf4;
}

html.corporate-surface .play-page .nfl-team-showcase.is-selected .franchise-identity__state,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) .franchise-identity__state {
	border-color: color-mix(in srgb, var(--nfl-team-accent, #ffffff) 66%, rgba(255, 255, 255, 0.14));
	background: color-mix(in srgb, var(--nfl-team-accent, #ffffff) 18%, rgba(2, 8, 18, 0.76));
	color: transparent;
	font-size: 0;
	box-shadow: 0 0 18px color-mix(in srgb, var(--nfl-team-accent, #ffffff) 15%, transparent);
}

html.corporate-surface .play-page .nfl-team-showcase.is-selected .franchise-identity__state::before,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked) .franchise-identity__state::before {
	content: "Selection Made";
	color: #fffdf4;
	font-size: 0.56rem;
	line-height: 1;
}

html.corporate-surface .play-page .nfl-field .nfl-team-showcase.is-saved {
	border-color: rgba(245, 197, 66, 0.8);
	box-shadow:
		0 0 0 1px rgba(245, 197, 66, 0.32),
		0 14px 32px rgba(245, 197, 66, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

html.corporate-surface .play-page .prediction-controls--nfl-pickem {
	position: relative;
	z-index: 2;
	grid-template-columns: minmax(0, 1fr) minmax(168px, 0.24fr);
	margin-top: 0;
	padding-top: 0.3rem;
	border-top: 1px solid rgba(255, 255, 255, 0.075);
}

html.corporate-surface .play-page .nfl-field-module.is-saved .prediction-status-badge.is-saved,
html.corporate-surface .play-page .nfl-field-module .prediction-status-saved {
	border-color: rgba(245, 197, 66, 0.55);
	background: rgba(245, 197, 66, 0.12);
	color: #fff7d6;
}

html.corporate-surface .play-page .prediction-controls--nfl-pickem.nfl-pick-action,
html.corporate-surface .play-page .nfl-pick-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.58rem;
	width: 100%;
	margin-top: 0;
	padding-top: 0.72rem;
	border-top: 1px solid rgba(255, 255, 255, 0.075);
}

html.corporate-surface .play-page .nfl-pick-action__helper {
	margin: 0;
	color: rgba(226, 232, 240, 0.68);
	font-size: 0.78rem;
	font-weight: 900;
	text-align: center;
}

html.corporate-surface .play-page .nfl-pick-action__controls,
html.corporate-surface .play-page .nfl-pick-action__confirmed {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.7rem;
	width: 100%;
}

html.corporate-surface .play-page .nfl-pick-action__status,
html.corporate-surface .play-page .nfl-pick-action__passive {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0.36rem 0.72rem;
	border: 1px solid rgba(245, 197, 66, 0.55);
	border-radius: 999px;
	background: rgba(245, 197, 66, 0.12);
	color: #fff7d6;
	font-size: 0.78rem;
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .play-page .nfl-pick-action__passive {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.055);
	color: rgba(226, 232, 240, 0.78);
}

html.corporate-surface .play-page .nfl-edit-pick-btn {
	width: min(100%, 220px);
	border-color: rgba(255, 255, 255, 0.16);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018)),
		rgba(4, 12, 22, 0.78);
	color: #f8fbff;
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .nfl-field-module {
		padding: 0.7rem;
	}

	html.corporate-surface .play-page .nfl-field {
		min-height: auto;
		padding: 0.58rem;
	}

	html.corporate-surface .play-page .nfl-field__teams {
		grid-template-columns: 1fr;
		gap: 3.1rem;
		width: 100%;
	}

	html.corporate-surface .play-page .nfl-field .nfl-team-showcase,
	html.corporate-surface .play-page .nfl-field .franchise-identity {
		min-height: 218px;
	}

	html.corporate-surface .play-page .nfl-vs-badge {
		top: 50%;
		width: 48px;
		height: 48px;
	}

	html.corporate-surface .play-page .prediction-controls--nfl-pickem {
		padding-top: 0.65rem;
	}

	html.corporate-surface .play-page .nfl-pick-action__confirmed {
		flex-direction: column;
	}

}

html.corporate-surface .campaign-grammar--champions {
	position: relative;
	min-height: 320px;
	overflow: hidden;
	background:
		linear-gradient(120deg, rgba(53, 208, 226, 0.14), rgba(215, 180, 106, 0.05)),
		#06131d;
	border: 1px solid rgba(126, 231, 255, 0.2);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch,
html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-midline,
html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-circle,
html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box,
html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass,
html.corporate-surface .campaign-grammar--champions .campaign-grammar__node,
html.corporate-surface .campaign-grammar--champions .campaign-grammar__star,
html.corporate-surface .campaign-grammar--champions .campaign-grammar__vs {
	position: absolute;
	display: block;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch {
	inset: 34px 22px;
	border: 1px solid rgba(126, 231, 255, 0.32);
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px) 0 0 / 12.5% 100%,
		linear-gradient(180deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 100% 22%,
		linear-gradient(135deg, rgba(53, 208, 226, 0.16), rgba(9, 20, 31, 0.92));
	box-shadow: inset 0 0 44px rgba(53, 208, 226, 0.18);
	transform: perspective(420px) rotateX(54deg) rotateZ(-9deg) translateY(12px);
	transform-origin: center;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-midline {
	top: 54px;
	bottom: 58px;
	left: 50%;
	width: 1px;
	background: rgba(214, 250, 255, 0.38);
	transform: rotate(-9deg);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-circle {
	top: 116px;
	left: 50%;
	width: 86px;
	height: 86px;
	border: 1px solid rgba(214, 250, 255, 0.38);
	border-radius: 50%;
	transform: translateX(-50%) rotate(-9deg) scaleY(0.58);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box {
	top: 122px;
	width: 74px;
	height: 78px;
	border: 1px solid rgba(214, 250, 255, 0.28);
	transform: rotate(-9deg) scaleY(0.62);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box--left {
	left: 34px;
	border-left: 0;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box--right {
	right: 34px;
	border-right: 0;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.82), transparent);
	box-shadow: 0 0 16px rgba(94, 234, 212, 0.34);
	transform-origin: left center;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass--one {
	top: 124px;
	left: 82px;
	width: 210px;
	transform: rotate(13deg);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass--two {
	top: 178px;
	left: 162px;
	width: 260px;
	transform: rotate(-18deg);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass--three {
	top: 236px;
	left: 94px;
	width: 300px;
	transform: rotate(-3deg);
	opacity: 0.52;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__node {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #7ee7ff;
	box-shadow: 0 0 18px rgba(126, 231, 255, 0.7);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__node--one { top: 118px; left: 78px; }
html.corporate-surface .campaign-grammar--champions .campaign-grammar__node--two { top: 156px; left: 252px; }
html.corporate-surface .campaign-grammar--champions .campaign-grammar__node--three { top: 222px; left: 392px; }
html.corporate-surface .campaign-grammar--champions .campaign-grammar__node--four { top: 260px; left: 132px; }

html.corporate-surface .campaign-grammar--champions .campaign-grammar__star {
	width: 24px;
	height: 24px;
	clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 35%);
	background: rgba(215, 180, 106, 0.42);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__star--one { right: 64px; top: 78px; }
html.corporate-surface .campaign-grammar--champions .campaign-grammar__star--two { right: 112px; bottom: 66px; opacity: 0.45; }

html.corporate-surface .campaign-grammar--champions .campaign-grammar__vs {
	top: 145px;
	left: 50%;
	width: 54px;
	height: 54px;
	display: grid;
	place-items: center;
	transform: translateX(-50%);
	border-radius: 50%;
	border: 1px solid rgba(126, 231, 255, 0.4);
	background: rgba(3, 12, 20, 0.78);
	color: #dffbff;
	font-size: 0.78rem;
	letter-spacing: 0.16em;
}

html.corporate-surface .campaign-grammar--champions {
	min-height: 320px;
	border-color: rgba(126, 231, 255, 0.2);
	background:
		radial-gradient(circle at 50% 48%, rgba(34, 211, 238, 0.08), transparent 42%),
		linear-gradient(120deg, rgba(53, 208, 226, 0.1), rgba(215, 180, 106, 0.035)),
		#06131d;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch {
	inset: 42px 26px 34px;
	overflow: hidden;
	border: 1px solid rgba(126, 231, 255, 0.28);
	border-radius: 8px;
	background:
		radial-gradient(circle at center, rgba(34, 211, 238, 0.1), transparent 38%),
		repeating-linear-gradient(
			90deg,
			rgba(255, 255, 255, 0.035) 0,
			rgba(255, 255, 255, 0.035) 12.5%,
			rgba(0, 0, 0, 0.045) 12.5%,
			rgba(0, 0, 0, 0.045) 25%
		),
		linear-gradient(180deg, rgba(15, 95, 53, 0.72), rgba(7, 63, 42, 0.82));
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.035) inset,
		0 0 30px rgba(34, 211, 238, 0.075) inset;
	transform: none;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch::before {
	content: "";
	position: absolute;
	inset: 11% 8%;
	border: 1.5px solid rgba(255, 255, 255, 0.48);
	box-shadow: 0 0 12px rgba(34, 211, 238, 0.04);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(2, 8, 18, 0.12), transparent 18%, transparent 82%, rgba(2, 8, 18, 0.12)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 44%, rgba(0, 0, 0, 0.08));
	pointer-events: none;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-midline {
	top: 42px;
	bottom: 34px;
	left: 50%;
	width: 1.5px;
	background: rgba(255, 255, 255, 0.5);
	transform: translateX(-50%);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-circle {
	top: 50%;
	left: 50%;
	width: 78px;
	height: 78px;
	border: 1.5px solid rgba(255, 255, 255, 0.42);
	border-radius: 50%;
	background:
		radial-gradient(circle at center, rgba(34, 211, 238, 0.08), transparent 58%),
		rgba(3, 12, 18, 0.08);
	box-shadow: 0 0 14px rgba(34, 211, 238, 0.08);
	transform: translate(-50%, -50%);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box {
	top: 50%;
	width: 20%;
	height: 54%;
	border: 1.5px solid rgba(255, 255, 255, 0.44);
	transform: translateY(-50%);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 43%;
	height: 54%;
	border: 1.5px solid rgba(255, 255, 255, 0.3);
	transform: translateY(-50%);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box--left {
	left: 8%;
	border-left: 0;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box--left::after {
	left: 0;
	border-left: 0;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box--right {
	right: 8%;
	border-right: 0;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pitch-box--right::after {
	right: 0;
	border-right: 0;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass {
	z-index: 2;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.68), transparent);
	box-shadow: 0 0 14px rgba(94, 234, 212, 0.16);
	transform-origin: left center;
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass--one {
	top: 138px;
	left: 96px;
	width: 190px;
	transform: rotate(13deg);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass--two {
	top: 174px;
	left: 226px;
	width: 235px;
	transform: rotate(-19deg);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__pass--three {
	top: 238px;
	left: 112px;
	width: 300px;
	opacity: 0.42;
	transform: rotate(-4deg);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__node {
	z-index: 3;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #7ee7ff;
	box-shadow:
		0 0 0 4px rgba(126, 231, 255, 0.08),
		0 0 16px rgba(126, 231, 255, 0.56);
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__node--one { top: 132px; left: 114px; }
html.corporate-surface .campaign-grammar--champions .campaign-grammar__node--two { top: 166px; left: 282px; }
html.corporate-surface .campaign-grammar--champions .campaign-grammar__node--three { top: 228px; left: 392px; }
html.corporate-surface .campaign-grammar--champions .campaign-grammar__node--four { top: 254px; left: 178px; }

html.corporate-surface .campaign-grammar--champions .campaign-grammar__star {
	z-index: 3;
	width: 22px;
	height: 22px;
	background: rgba(215, 180, 106, 0.38);
	filter: drop-shadow(0 0 10px rgba(215, 180, 106, 0.14));
}

html.corporate-surface .campaign-grammar--champions .campaign-grammar__star--one { right: 70px; top: 90px; }
html.corporate-surface .campaign-grammar--champions .campaign-grammar__star--two { right: 124px; bottom: 76px; opacity: 0.42; }

html.corporate-surface .campaign-grammar--champions .campaign-grammar__vs {
	top: 50%;
	left: 50%;
	z-index: 4;
	width: 34px;
	height: 34px;
	border-color: rgba(34, 211, 238, 0.44);
	background: rgba(3, 12, 18, 0.62);
	color: rgba(236, 254, 255, 0.92);
	font-size: 0.58rem;
	letter-spacing: 0.06em;
	transform: translate(-50%, -50%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.045) inset,
		0 0 12px rgba(34, 211, 238, 0.12);
}

html.corporate-surface .play-page .champions-match-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(126, 231, 255, 0.16);
	background:
		linear-gradient(135deg, rgba(10, 21, 34, 0.96), rgba(4, 13, 22, 0.98)),
		#07111c;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.26);
}

html.corporate-surface .play-page .champions-match-card__stage {
	display: grid;
	grid-template-columns: minmax(150px, 0.86fr) minmax(230px, 1.36fr) minmax(150px, 0.86fr);
	gap: 14px;
	align-items: stretch;
	margin: 18px 0;
}

html.corporate-surface .play-page .club-tile {
	min-height: 190px;
	border: 1px solid color-mix(in srgb, var(--club-primary, #35d0e2) 34%, transparent);
	border-radius: 8px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--club-primary, #35d0e2) 22%, transparent), transparent 48%),
		linear-gradient(145deg, color-mix(in srgb, var(--club-secondary, #0f172a) 64%, #020617), rgba(3, 10, 18, 0.94));
	box-shadow: inset 0 0 28px color-mix(in srgb, var(--club-primary, #35d0e2) 14%, transparent);
}

html.corporate-surface .play-page .club-tile.is-selected {
	border-color: color-mix(in srgb, var(--club-accent, #d7b46a) 70%, #ffffff);
}

html.corporate-surface .play-page .club-identity {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 188px;
	height: 100%;
	padding: 16px;
	overflow: hidden;
	color: #f8fbff;
}

html.corporate-surface .play-page .club-identity__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	min-height: 20px;
}

html.corporate-surface .play-page .club-identity__side,
html.corporate-surface .play-page .club-identity__state {
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.16em;
	color: rgba(223, 251, 255, 0.74);
}

html.corporate-surface .play-page .club-identity__code {
	position: relative;
	z-index: 1;
	font-size: clamp(2.45rem, 4.8vw, 4.6rem);
	line-height: 0.92;
	letter-spacing: 0;
	text-transform: uppercase;
	text-shadow: 0 0 18px color-mix(in srgb, var(--club-primary, #35d0e2) 42%, transparent);
}

html.corporate-surface .play-page .club-identity__copy {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 2px;
}

html.corporate-surface .play-page .club-identity__copy small {
	color: rgba(223, 251, 255, 0.62);
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
}

html.corporate-surface .play-page .club-identity__copy span {
	color: #ffffff;
	font-size: 1rem;
	font-weight: 900;
}

html.corporate-surface .play-page .club-identity__pattern {
	position: absolute;
	inset: 0;
	opacity: 0.28;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px) 0 0 / 18px 18px,
		radial-gradient(circle at 76% 22%, color-mix(in srgb, var(--club-accent, #d7b46a) 50%, transparent) 0 2px, transparent 3px);
}

html.corporate-surface .play-page .cl-football-pitch {
	position: relative;
	min-height: 190px;
	border: 1px solid rgba(126, 231, 255, 0.26);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(126, 231, 255, 0.07) 1px, transparent 1px) 0 0 / 16.666% 100%,
		linear-gradient(180deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px) 0 0 / 100% 25%,
		linear-gradient(135deg, rgba(10, 92, 90, 0.42), rgba(4, 16, 25, 0.96));
	box-shadow: inset 0 0 38px rgba(53, 208, 226, 0.17);
	overflow: hidden;
}

html.corporate-surface .play-page .cl-football-pitch__midline,
html.corporate-surface .play-page .cl-football-pitch__circle,
html.corporate-surface .play-page .cl-football-pitch__boxes,
html.corporate-surface .play-page .cl-football-pitch__passing-lines,
html.corporate-surface .play-page .cl-football-pitch__vs-marker,
html.corporate-surface .play-page .cl-football-pitch__spot,
html.corporate-surface .play-page .cl-football-pitch__node,
html.corporate-surface .play-page .cl-football-pitch__goal-area,
html.corporate-surface .play-page .cl-football-pitch__arc,
html.corporate-surface .play-page .cl-football-pitch__corner {
	position: absolute;
	display: block;
}

html.corporate-surface .play-page .cl-football-pitch__midline {
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: rgba(223, 251, 255, 0.32);
}

html.corporate-surface .play-page .cl-football-pitch__circle {
	top: 50%;
	left: 50%;
	width: 82px;
	height: 82px;
	border: 1px solid rgba(223, 251, 255, 0.36);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

html.corporate-surface .play-page .cl-football-pitch__boxes {
	top: 50%;
	width: 52px;
	height: 88px;
	border: 1px solid rgba(223, 251, 255, 0.28);
	transform: translateY(-50%);
}

html.corporate-surface .play-page .cl-football-pitch__boxes--home {
	left: 0;
	border-left: 0;
}

html.corporate-surface .play-page .cl-football-pitch__boxes--away {
	right: 0;
	border-right: 0;
}

html.corporate-surface .play-page .cl-football-pitch__goal-area {
	top: 50%;
	width: 24px;
	height: 46px;
	border: 1px solid rgba(223, 251, 255, 0.24);
	transform: translateY(-50%);
}

html.corporate-surface .play-page .cl-football-pitch__goal-area--home {
	left: 0;
	border-left: 0;
}

html.corporate-surface .play-page .cl-football-pitch__goal-area--away {
	right: 0;
	border-right: 0;
}

html.corporate-surface .play-page .cl-football-pitch__arc {
	top: 50%;
	width: 34px;
	height: 48px;
	border: 1px solid rgba(223, 251, 255, 0.19);
	border-radius: 50%;
	transform: translateY(-50%);
}

html.corporate-surface .play-page .cl-football-pitch__arc--home {
	left: 38px;
	clip-path: inset(0 0 0 50%);
}

html.corporate-surface .play-page .cl-football-pitch__arc--away {
	right: 38px;
	clip-path: inset(0 50% 0 0);
}

html.corporate-surface .play-page .cl-football-pitch__corner {
	width: 18px;
	height: 18px;
	border: 1px solid rgba(223, 251, 255, 0.2);
	border-radius: 50%;
}

html.corporate-surface .play-page .cl-football-pitch__corner--tl {
	top: -9px;
	left: -9px;
}

html.corporate-surface .play-page .cl-football-pitch__corner--tr {
	top: -9px;
	right: -9px;
}

html.corporate-surface .play-page .cl-football-pitch__corner--bl {
	bottom: -9px;
	left: -9px;
}

html.corporate-surface .play-page .cl-football-pitch__corner--br {
	right: -9px;
	bottom: -9px;
}

html.corporate-surface .play-page .cl-football-pitch__passing-lines {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.82), transparent);
	box-shadow: 0 0 16px rgba(94, 234, 212, 0.32);
}

html.corporate-surface .play-page .cl-football-pitch__passing-lines--one {
	top: 62px;
	left: 58px;
	width: 190px;
	transform: rotate(18deg);
}

html.corporate-surface .play-page .cl-football-pitch__passing-lines--two {
	bottom: 56px;
	right: 54px;
	width: 210px;
	transform: rotate(-14deg);
}

html.corporate-surface .play-page .cl-football-pitch__spot,
html.corporate-surface .play-page .cl-football-pitch__node {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #dffbff;
	box-shadow: 0 0 14px rgba(126, 231, 255, 0.64);
}

html.corporate-surface .play-page .cl-football-pitch__spot--home { left: 34px; top: calc(50% - 3px); }
html.corporate-surface .play-page .cl-football-pitch__spot--away { right: 34px; top: calc(50% - 3px); }
html.corporate-surface .play-page .cl-football-pitch__node--one { left: 78px; top: 48px; background: #5eead4; }
html.corporate-surface .play-page .cl-football-pitch__node--two { left: 42%; top: 132px; background: #7ee7ff; }
html.corporate-surface .play-page .cl-football-pitch__node--three { right: 78px; top: 70px; background: #d7b46a; }

html.corporate-surface .play-page .cl-football-pitch__vs-marker {
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	display: grid;
	place-items: center;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 1px solid rgba(126, 231, 255, 0.46);
	background: rgba(3, 12, 20, 0.82);
	color: #dffbff;
	font-size: 0.76rem;
	letter-spacing: 0.16em;
}

html.corporate-surface .play-page .prediction-controls--champions-pickem {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: stretch;
	gap: 12px;
}

html.corporate-surface .play-page .champions-score-module {
	display: grid;
	grid-template-columns: minmax(150px, 0.72fr) minmax(240px, 1fr);
	gap: 14px;
	align-items: center;
	min-height: 108px;
	padding: 14px 16px;
	border: 1px solid rgba(126, 231, 255, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.08), transparent 48%),
		rgba(5, 15, 25, 0.72);
	box-shadow: inset 0 0 28px rgba(53, 208, 226, 0.08);
}

html.corporate-surface .play-page .champions-score-module header {
	display: grid;
	gap: 0.22rem;
}

html.corporate-surface .play-page .champions-score-module header span {
	color: #20d3c2;
	font-size: 0.74rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-score-module header strong {
	color: #f8fbff;
	font-size: 1rem;
	font-weight: 920;
}

html.corporate-surface .play-page .champions-score-inputs {
	display: grid;
	grid-template-columns: minmax(86px, 1fr) auto minmax(86px, 1fr);
	gap: 10px;
	align-items: center;
}

html.corporate-surface .play-page .champions-score-input {
	display: grid;
	gap: 6px;
	margin: 0;
}

html.corporate-surface .play-page .champions-score-input span {
	color: rgba(223, 251, 255, 0.68);
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-align: center;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-score-input input {
	width: 100%;
	min-height: 58px;
	border-radius: 8px;
	color: #f8fbff;
	font-size: clamp(1.65rem, 3vw, 2.25rem);
	font-weight: 950;
	line-height: 1;
	text-align: center;
}

html.corporate-surface .play-page .champions-score-input--home input {
	border-color: color-mix(in srgb, var(--club-primary, #35d0e2) 44%, rgba(126, 231, 255, 0.2));
}

html.corporate-surface .play-page .champions-score-input--away input {
	border-color: color-mix(in srgb, var(--club-accent, #d7b46a) 44%, rgba(126, 231, 255, 0.2));
}

html.corporate-surface .play-page .champions-score-separator {
	align-self: end;
	padding-bottom: 0.4rem;
	color: #20d3c2;
	font-size: 1.8rem;
	font-weight: 950;
}

html.corporate-surface .play-page .champions-pick-options {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
}

html.corporate-surface .play-page .champions-pick-option {
	display: grid;
	gap: 4px;
	min-height: 74px;
	padding: 12px;
	border: 1px solid rgba(126, 231, 255, 0.18);
	border-radius: 8px;
	background: rgba(7, 21, 33, 0.82);
	color: #f8fbff;
	cursor: pointer;
}

html.corporate-surface .play-page .champions-pick-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

html.corporate-surface .play-page .champions-pick-option span {
	font-size: 0.88rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-pick-option small {
	color: rgba(223, 251, 255, 0.62);
	font-size: 0.72rem;
	font-weight: 800;
}

html.corporate-surface .play-page .champions-pick-option:has(input:checked),
html.corporate-surface .play-page .champions-pick-option.is-selected {
	border-color: rgba(94, 234, 212, 0.72);
	background: linear-gradient(135deg, rgba(53, 208, 226, 0.18), rgba(215, 180, 106, 0.08));
}

html.corporate-surface .play-page .champions-save-pick-btn {
	min-width: 140px;
	justify-content: center;
}

@media (max-width: 992px) {
	html.corporate-surface .play-page .champions-match-card__stage {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .club-tile,
	html.corporate-surface .play-page .club-identity,
	html.corporate-surface .play-page .cl-football-pitch {
		min-height: 154px;
	}
}

@media (max-width: 640px) {
	html.corporate-surface .play-page .prediction-controls--champions-pickem,
	html.corporate-surface .play-page .champions-pick-options,
	html.corporate-surface .play-page .champions-score-module {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .campaign-grammar--champions {
		min-height: 240px;
	}
}

html.corporate-surface .play-page .nfl-field-module .nfl-field {
	grid-template-columns: 1fr;
	min-height: 254px;
	border-color: rgba(53, 208, 226, 0.22);
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 50%, rgba(168, 206, 116, 0.18), transparent 34%),
		linear-gradient(90deg, rgba(2, 58, 52, 0.76), rgba(4, 75, 50, 0.78) 50%, rgba(2, 58, 52, 0.76)),
		rgba(3, 12, 19, 0.9);
}

html.corporate-surface .play-page .nfl-field-module .nfl-field__grid {
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(248, 255, 232, 0.68) calc(50% - 1px), rgba(248, 255, 232, 0.68) calc(50% + 1px), transparent calc(50% + 1px)),
		repeating-linear-gradient(90deg, rgba(209, 236, 196, 0.24) 0 1px, transparent 1px 10%),
		radial-gradient(circle at 50% 50%, rgba(209, 236, 145, 0.16), transparent 38%);
	opacity: 1;
}

html.corporate-surface .play-page .nfl-field-module .nfl-field__yard-line {
	background: rgba(220, 247, 210, 0.28);
}

html.corporate-surface .play-page .nfl-field-module .nfl-field__yard-line--50 {
	width: 2px;
	background: rgba(250, 255, 232, 0.76);
	box-shadow: 0 0 18px rgba(220, 247, 180, 0.18);
}

html.corporate-surface .play-page .nfl-field-module .nfl-field__hash {
	height: 14px;
	background: repeating-linear-gradient(90deg, rgba(232, 255, 220, 0.52) 0 2px, transparent 2px 23px);
	opacity: 0.82;
}

html.corporate-surface .play-page .nfl-field-module .nfl-field__advance {
	display: none;
}

html.corporate-surface .play-page .nfl-field-module .nfl-field.has-selected-team::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.5;
}

html.corporate-surface .play-page .nfl-field-module .nfl-field.is-pick-away::after {
	background: linear-gradient(90deg, rgba(34, 211, 238, 0.16), rgba(248, 255, 232, 0.1) 50%, transparent 58%);
}

html.corporate-surface .play-page .nfl-field-module .nfl-field.is-pick-home::after {
	background: linear-gradient(270deg, rgba(245, 197, 66, 0.14), rgba(248, 255, 232, 0.1) 50%, transparent 58%);
}

html.corporate-surface .play-page .nfl-field__yard-number {
	position: absolute;
	top: 50%;
	color: rgba(232, 255, 220, 0.52);
	font-size: clamp(1.1rem, 1.7vw, 1.55rem);
	font-weight: 850;
	line-height: 1;
	transform: translate(-50%, -50%);
}

/* The NFL canvas is a full field.  Keep the eight labels on their matching
 * yard lines rather than compressing the entire sequence toward midfield. */
html.corporate-surface .play-page .nfl-field__yard-number--10-left { left: 10%; }
html.corporate-surface .play-page .nfl-field__yard-number--20-left { left: 20%; }
html.corporate-surface .play-page .nfl-field__yard-number--30-left { left: 30%; }
html.corporate-surface .play-page .nfl-field__yard-number--40-left { left: 40%; }
html.corporate-surface .play-page .nfl-field__yard-number--40-right { left: 60%; }
html.corporate-surface .play-page .nfl-field__yard-number--30-right { left: 70%; }
html.corporate-surface .play-page .nfl-field__yard-number--20-right { left: 80%; }
html.corporate-surface .play-page .nfl-field__yard-number--10-right { left: 90%; }

html.corporate-surface .play-page .nfl-field-module .nfl-field__teams {
	grid-template-columns: minmax(150px, 24%) minmax(150px, 24%);
	justify-content: space-between;
	align-items: stretch;
	gap: 0;
	width: 100%;
	min-height: 100%;
}

html.corporate-surface .play-page .nfl-field-module .nfl-team-showcase {
	min-height: 216px;
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 20%, rgba(3, 12, 22, 0.8)), rgba(3, 12, 22, 0.54)),
		rgba(3, 12, 22, 0.66);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html.corporate-surface .play-page .nfl-field-module .nfl-team-showcase--home {
	background:
		linear-gradient(270deg, color-mix(in srgb, var(--nfl-team-primary, #35d0e2) 20%, rgba(3, 12, 22, 0.8)), rgba(3, 12, 22, 0.54)),
		rgba(3, 12, 22, 0.66);
}

html.corporate-surface .play-page .nfl-field-module .franchise-identity {
	min-height: 216px;
	grid-template-rows: auto minmax(56px, 1fr) auto auto;
	padding: 0.9rem;
}

html.corporate-surface .play-page .nfl-field-module .franchise-identity__monogram {
	font-size: clamp(3.6rem, 4.7vw, 4.9rem);
}

html.corporate-surface .play-page .nfl-field-module .franchise-identity__copy strong {
	font-size: clamp(1.08rem, 1.4vw, 1.32rem);
}

html.corporate-surface .play-page .nfl-field-module .franchise-identity__side,
html.corporate-surface .play-page .nfl-field-module .franchise-identity__state {
	min-height: 26px;
	padding: 0.26rem 0.52rem;
	font-size: 0.6rem;
}

html.corporate-surface .play-page .nfl-kickoff-marker {
	position: absolute;
	inset: 50% auto auto 50%;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(248, 255, 232, 0.82);
	border-radius: 999px;
	background: rgba(95, 132, 82, 0.24);
	color: rgba(248, 255, 232, 0.9);
	font-size: 0.72rem;
	font-weight: 850;
	line-height: 1;
	transform: translate(-50%, -50%);
	box-shadow:
		0 0 0 1px rgba(5, 12, 18, 0.44) inset,
		0 0 18px rgba(220, 247, 180, 0.12);
	pointer-events: none;
}

html.corporate-surface .play-page .nfl-kickoff-marker::before,
html.corporate-surface .play-page .nfl-kickoff-marker::after {
	content: "";
	position: absolute;
	left: 50%;
	width: 2px;
	height: 10px;
	background: rgba(248, 255, 232, 0.72);
	transform: translateX(-50%);
}

html.corporate-surface .play-page .nfl-kickoff-marker::before {
	top: -12px;
}

html.corporate-surface .play-page .nfl-kickoff-marker::after {
	bottom: -12px;
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .nfl-field-module .nfl-field {
		min-height: 142px;
		padding: 0.45rem;
	}

	html.corporate-surface .play-page .nfl-field-module .nfl-field__teams {
		grid-template-columns: minmax(82px, 31%) minmax(82px, 31%);
		gap: 0;
	}

	html.corporate-surface .play-page .nfl-field-module .nfl-team-showcase,
	html.corporate-surface .play-page .nfl-field-module .franchise-identity {
		min-height: 122px !important;
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity {
		gap: 0.32rem;
		padding: 0.48rem;
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity__header {
		gap: 0.25rem;
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity__side {
		display: none;
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity__state {
		min-height: 20px;
		max-width: 100%;
		padding: 0.18rem 0.32rem;
		font-size: 0.48rem;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity__monogram {
		font-size: clamp(1.45rem, 8.3vw, 2.05rem);
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity__copy small {
		font-size: 0.48rem;
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity__copy strong {
		font-size: 0.72rem;
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity__copy em {
		font-size: 0.52rem;
	}

	html.corporate-surface .play-page .nfl-field-module .franchise-identity__technical-line {
		height: 7px;
	}

	html.corporate-surface .play-page .nfl-field__yard-number {
		font-size: 0.55rem;
	}

	html.corporate-surface .play-page .nfl-field-module .nfl-field__hash {
		height: 8px;
		background: repeating-linear-gradient(90deg, rgba(232, 255, 220, 0.42) 0 1px, transparent 1px 12px);
	}

	html.corporate-surface .play-page .nfl-kickoff-marker {
		width: 24px;
		height: 24px;
		font-size: 0.48rem;
	}

	html.corporate-surface .play-page .nfl-kickoff-marker::before,
	html.corporate-surface .play-page .nfl-kickoff-marker::after {
		height: 6px;
	}

	html.corporate-surface .play-page .nfl-kickoff-marker::before {
		top: -8px;
	}

	html.corporate-surface .play-page .nfl-kickoff-marker::after {
		bottom: -8px;
	}
}

html.corporate-surface .play-page .nfl-game-field .nfl-field {
	display: block;
	min-height: 0;
	padding: 0.7rem;
	border-color: rgba(53, 208, 226, 0.22);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
		rgba(3, 10, 19, 0.62);
}

html.corporate-surface .play-page .nfl-field-stage {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(154px, min(24%, 210px)) minmax(280px, 1fr) minmax(154px, min(24%, 210px));
	align-items: stretch;
	gap: 0;
	width: 100%;
	min-width: 0;
}

html.corporate-surface .play-page .nfl-field-surface {
	position: relative;
	min-width: 0;
	min-height: 216px;
	overflow: hidden;
	border-block: 1px solid rgba(220, 247, 210, 0.26);
	background:
		radial-gradient(circle at 50% 50%, rgba(190, 220, 112, 0.2), transparent 35%),
		linear-gradient(90deg, rgba(2, 51, 47, 0.92), rgba(4, 79, 51, 0.86) 50%, rgba(2, 51, 47, 0.92)),
		rgba(3, 14, 18, 0.94);
	box-shadow:
		0 0 0 1px rgba(53, 208, 226, 0.12) inset,
		0 0 30px rgba(92, 242, 165, 0.035) inset;
}

html.corporate-surface .play-page .nfl-field-surface::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
}

html.corporate-surface .play-page .nfl-field-surface--away-selected::after {
	opacity: 1;
	background: linear-gradient(90deg, rgba(34, 211, 238, 0.16), rgba(248, 255, 232, 0.11) 49%, transparent 58%);
}

html.corporate-surface .play-page .nfl-field-surface--home-selected::after {
	opacity: 1;
	background: linear-gradient(270deg, rgba(245, 197, 66, 0.15), rgba(248, 255, 232, 0.11) 49%, transparent 58%);
}

html.corporate-surface .play-page .nfl-team-showcase--away:has(.nfl-pick-radio:checked) + .nfl-field-surface::after {
	opacity: 1;
	background: linear-gradient(90deg, rgba(34, 211, 238, 0.16), rgba(248, 255, 232, 0.11) 49%, transparent 58%);
}

html.corporate-surface .play-page .nfl-field-surface:has(+ .nfl-team-showcase--home .nfl-pick-radio:checked)::after {
	opacity: 1;
	background: linear-gradient(270deg, rgba(245, 197, 66, 0.15), rgba(248, 255, 232, 0.11) 49%, transparent 58%);
}

html.corporate-surface .play-page .nfl-game-field .nfl-field__grid {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(248, 255, 232, 0.62) calc(50% - 1px), rgba(248, 255, 232, 0.62) calc(50% + 1px), transparent calc(50% + 1px)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0 1px, transparent 1px 10%),
		radial-gradient(circle at 50% 50%, rgba(215, 240, 146, 0.14), transparent 40%);
	opacity: 1;
}

html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-line {
	position: absolute;
	inset: 0 auto 0 auto;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
}

html.corporate-surface .play-page .nfl-field__yard-line--10 { left: 10%; }
html.corporate-surface .play-page .nfl-field__yard-line--20 { left: 20%; }
html.corporate-surface .play-page .nfl-field__yard-line--30 { left: 30%; }
html.corporate-surface .play-page .nfl-field__yard-line--40 { left: 40%; }
html.corporate-surface .play-page .nfl-field__yard-line--50 {
	left: 50%;
	width: 2px;
	background: rgba(255, 255, 255, 0.55);
	box-shadow: 0 0 18px rgba(236, 255, 218, 0.18);
}
html.corporate-surface .play-page .nfl-field__yard-line--60 { left: 60%; }
html.corporate-surface .play-page .nfl-field__yard-line--70 { left: 70%; }
html.corporate-surface .play-page .nfl-field__yard-line--80 { left: 80%; }
html.corporate-surface .play-page .nfl-field__yard-line--90 { left: 90%; }

html.corporate-surface .play-page .nfl-game-field .nfl-field__hash {
	position: absolute;
	inset-inline: 4%;
	height: 12px;
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.28) 0 2px, transparent 2px 18px);
	opacity: 0.9;
}

html.corporate-surface .play-page .nfl-game-field .nfl-field__hash--top {
	top: 17%;
}

html.corporate-surface .play-page .nfl-game-field .nfl-field__hash--bottom {
	bottom: 17%;
}

html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number {
	position: absolute;
	top: 50%;
	z-index: 2;
	color: rgba(235, 255, 224, 0.58);
	font-size: clamp(0.82rem, 1.35vw, 1.25rem);
	font-weight: 850;
	line-height: 1;
	transform: translate(-50%, -50%);
}

html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number--10-left { left: 8%; }
html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number--20-left { left: 20%; }
html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number--30-left { left: 31%; }
html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number--40-left { left: 42%; }
html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number--40-right { left: 58%; }
html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number--30-right { left: 69%; }
html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number--20-right { left: 80%; }
html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number--10-right { left: 92%; }

html.corporate-surface .play-page .nfl-game-field .kickoff-marker,
html.corporate-surface .play-page .nfl-game-field .nfl-kickoff-marker {
	position: absolute;
	inset: 50% auto auto 50%;
	z-index: 4;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(53, 208, 226, 0.76);
	border-radius: 999px;
	background: rgba(3, 12, 18, 0.58);
	color: #ecfeff;
	font-size: 0.62rem;
	font-weight: 900;
	line-height: 1;
	transform: translate(-50%, -50%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.08) inset,
		0 0 18px rgba(53, 208, 226, 0.12);
	pointer-events: none;
	transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease;
}

html.corporate-surface .play-page .nfl-field-surface--away-selected .nfl-kickoff-marker,
html.corporate-surface .play-page .nfl-team-showcase--away:has(.nfl-pick-radio:checked) + .nfl-field-surface .nfl-kickoff-marker {
	border-color: color-mix(in srgb, var(--nfl-away-accent, #ffffff) 64%, rgba(53, 208, 226, 0.3));
	background: color-mix(in srgb, var(--nfl-away-accent, #ffffff) 14%, rgba(3, 12, 18, 0.62));
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.1) inset,
		0 0 24px color-mix(in srgb, var(--nfl-away-accent, #ffffff) 18%, transparent);
}

html.corporate-surface .play-page .nfl-field-surface--home-selected .nfl-kickoff-marker,
html.corporate-surface .play-page .nfl-field-surface:has(+ .nfl-team-showcase--home .nfl-pick-radio:checked) .nfl-kickoff-marker {
	border-color: color-mix(in srgb, var(--nfl-home-accent, #ffffff) 64%, rgba(53, 208, 226, 0.3));
	background: color-mix(in srgb, var(--nfl-home-accent, #ffffff) 14%, rgba(3, 12, 18, 0.62));
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.1) inset,
		0 0 24px color-mix(in srgb, var(--nfl-home-accent, #ffffff) 18%, transparent);
}

html.corporate-surface .play-page .nfl-game-field .kickoff-marker::before,
html.corporate-surface .play-page .nfl-game-field .kickoff-marker::after {
	content: "";
	position: absolute;
	left: 50%;
	width: 2px;
	height: 9px;
	background: rgba(248, 255, 232, 0.68);
	transform: translateX(-50%);
}

html.corporate-surface .play-page .nfl-game-field .kickoff-marker::before {
	top: -11px;
}

html.corporate-surface .play-page .nfl-game-field .kickoff-marker::after {
	bottom: -11px;
}

html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact {
	z-index: 2;
	min-height: 216px;
	border-radius: 8px;
}

html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
	min-height: 216px;
	grid-template-rows: auto minmax(50px, 1fr) auto auto;
	gap: 0.48rem;
	padding: 0.82rem;
}

html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__monogram {
	font-size: clamp(3.35rem, 4.8vw, 4.7rem);
}

html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy small {
	font-size: 0.62rem;
}

html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy strong {
	font-size: clamp(1rem, 1.35vw, 1.22rem);
}

html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy em {
	font-size: 0.64rem;
}

html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__side,
html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__state {
	min-height: 24px;
	padding: 0.24rem 0.48rem;
	font-size: 0.56rem;
}

html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--away {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

@media (max-width: 820px) {
	html.corporate-surface .play-page .nfl-field-stage {
		grid-template-columns: minmax(96px, 28%) minmax(130px, 1fr) minmax(96px, 28%);
	}

	html.corporate-surface .play-page .nfl-field-surface {
		min-height: 164px;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		min-height: 164px;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .nfl-game-field .nfl-field {
		padding: 0.45rem;
	}

	html.corporate-surface .play-page .nfl-field-stage {
		grid-template-columns: minmax(78px, 30%) minmax(116px, 1fr) minmax(78px, 30%);
	}

	html.corporate-surface .play-page .nfl-field-surface {
		min-height: 126px;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		min-height: 126px !important;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		gap: 0.28rem;
		padding: 0.44rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__side {
		display: none;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__state {
		min-height: 18px;
		max-width: 100%;
		padding: 0.16rem 0.28rem;
		font-size: 0.44rem;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__monogram {
		font-size: clamp(1.42rem, 8vw, 2rem);
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy small {
		font-size: 0.46rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy strong {
		font-size: 0.68rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy em {
		font-size: 0.5rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__technical-line {
		height: 6px;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number {
		font-size: 0.52rem;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field__hash {
		height: 7px;
		background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.26) 0 1px, transparent 1px 10px);
	}

	html.corporate-surface .play-page .nfl-game-field .kickoff-marker,
	html.corporate-surface .play-page .nfl-game-field .nfl-kickoff-marker {
		width: 23px;
		height: 23px;
		font-size: 0.43rem;
	}
}

html.corporate-surface .play-page .champions-pitch-module {
	position: relative;
	gap: 0.88rem;
	padding: clamp(0.85rem, 1.5vw, 1.12rem);
	overflow: hidden;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 24%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		radial-gradient(circle at 12% 0%, rgba(53, 208, 226, 0.12), transparent 34%),
		radial-gradient(circle at 88% 12%, rgba(215, 180, 106, 0.08), transparent 32%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 36%, rgba(255, 255, 255, 0.025)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
		rgba(5, 11, 23, 0.9);
	box-shadow:
		0 18px 52px rgba(0, 0, 0, 0.26),
		0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

html.corporate-surface .play-page .champions-pitch-module::before {
	content: "";
	position: absolute;
	inset: 0.65rem;
	border: 1px solid rgba(255, 255, 255, 0.055);
	border-radius: 8px;
	pointer-events: none;
}

html.corporate-surface .play-page .champions-pitch-module.is-quick-next-prediction {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 54%, rgba(255, 255, 255, 0.14));
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 9%, transparent), transparent 44%, rgba(215, 180, 106, 0.04)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.022)),
		rgba(7, 15, 29, 0.96);
}

html.corporate-surface .play-page .champions-pitch-module > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page .champions-pitch-module .champions-match-card__header {
	align-items: flex-start;
}

html.corporate-surface .play-page .champions-match-card__meta {
	display: grid;
	justify-items: end;
	gap: 0.15rem;
	text-align: right;
}

html.corporate-surface .play-page .champions-match-card__meta span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.68rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-match-card__meta strong {
	color: var(--text-primary);
	font-size: 0.78rem;
}

html.corporate-surface .play-page .champions-match-card__matchup {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.45rem;
	margin-top: -0.25rem;
	color: #f8fbff;
	font-size: clamp(1.55rem, 1.15rem + 1.25vw, 2.35rem);
	font-weight: 950;
	line-height: 0.95;
}

html.corporate-surface .play-page .champions-match-card__matchup strong {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.56em;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
	position: relative;
	display: grid;
	grid-template-columns: minmax(154px, min(25%, 240px)) minmax(280px, 1fr) minmax(154px, min(25%, 240px));
	align-items: stretch;
	gap: 0;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0.7rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.085);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
		rgba(3, 10, 19, 0.62);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile {
	position: relative;
	z-index: 2;
	min-height: 216px;
	overflow: hidden;
	border-color: color-mix(in srgb, var(--club-primary, #35d0e2) 30%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--club-primary, #35d0e2) 22%, transparent), transparent 55%),
		linear-gradient(145deg, color-mix(in srgb, var(--club-primary, #35d0e2) 18%, rgba(5, 11, 23, 0.94)), color-mix(in srgb, var(--club-secondary, #0f172a) 18%, rgba(5, 11, 23, 0.96))),
		rgba(5, 11, 23, 0.94);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--home {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background:
		radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--club-primary, #35d0e2) 22%, transparent), transparent 55%),
		linear-gradient(90deg, color-mix(in srgb, var(--club-primary, #35d0e2) 20%, rgba(3, 12, 22, 0.8)), rgba(3, 12, 22, 0.54)),
		rgba(3, 12, 22, 0.66);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--away {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background:
		radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--club-primary, #35d0e2) 22%, transparent), transparent 55%),
		linear-gradient(270deg, color-mix(in srgb, var(--club-primary, #35d0e2) 20%, rgba(3, 12, 22, 0.8)), rgba(3, 12, 22, 0.54)),
		rgba(3, 12, 22, 0.66);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 28%),
		repeating-linear-gradient(135deg, transparent 0 14px, rgba(255, 255, 255, 0.035) 15px 16px);
	opacity: 0.38;
	pointer-events: none;
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--home::before {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 28%),
		repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in srgb, var(--club-accent, #d7b46a) 16%, transparent) 15px 16px);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--away::before {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.08), transparent 28%),
		repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in srgb, var(--club-accent, #d7b46a) 17%, transparent) 15px 16px);
}

html.corporate-surface .play-page .champions-pitch-module .club-identity {
	z-index: 1;
	display: grid;
	grid-template-rows: auto minmax(58px, 1fr) auto auto;
	gap: 0.48rem;
	min-height: 216px;
	padding: 0.82rem;
	color: var(--club-ink, #ffffff);
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__side,
html.corporate-surface .play-page .champions-pitch-module .club-identity__state {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0.24rem 0.48rem;
	border: 1px solid color-mix(in srgb, var(--club-accent, #d7b46a) 42%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.5);
	color: color-mix(in srgb, var(--club-accent, #d7b46a) 48%, var(--club-ink, #ffffff));
	font-size: 0.56rem;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__state {
	color: var(--club-muted, rgba(226, 232, 240, 0.72));
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
	align-self: center;
	justify-self: start;
	max-width: 100%;
	overflow: hidden;
	color: var(--club-ink, #ffffff);
	font-size: clamp(3.35rem, 4.8vw, 4.7rem);
	font-weight: 950;
	letter-spacing: 0;
	line-height: 0.86;
	text-overflow: ellipsis;
	text-shadow: 0 12px 34px rgba(0, 0, 0, 0.38);
	white-space: nowrap;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__copy {
	display: grid;
	justify-items: start;
	gap: 0.12rem;
	max-width: 100%;
	text-align: left;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small,
html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
	color: var(--club-muted, rgba(226, 232, 240, 0.72));
	font-size: 0.62rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
	color: var(--club-ink, #ffffff);
	font-size: clamp(1rem, 1.35vw, 1.22rem);
	font-weight: 950;
	line-height: 1;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__pattern {
	inset: auto 0 22px;
	height: 12px;
	opacity: var(--club-pattern-opacity, 0.78);
	background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 64%, transparent) 0 18px, transparent 18px 28px);
	border-top: 1px solid color-mix(in srgb, var(--club-accent, #d7b46a) 52%, transparent);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch {
	min-width: 0;
	min-height: 216px;
	overflow: hidden;
	border: 0;
	border-block: 1px solid rgba(220, 247, 210, 0.3);
	border-radius: 0;
	background:
		radial-gradient(circle at 50% 50%, rgba(190, 220, 112, 0.2), transparent 35%),
		repeating-linear-gradient(90deg, rgba(80, 157, 48, 0.56) 0 10%, rgba(56, 130, 38, 0.58) 10% 20%),
		linear-gradient(90deg, rgba(2, 51, 47, 0.92), rgba(45, 137, 36, 0.82) 50%, rgba(2, 51, 47, 0.92)),
		rgba(3, 14, 18, 0.94);
	box-shadow:
		0 0 0 1px rgba(53, 208, 226, 0.12) inset,
		0 0 30px rgba(92, 242, 165, 0.035) inset;
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch::before {
	content: "";
	position: absolute;
	inset: 12%;
	border: 2px solid rgba(248, 255, 232, 0.76);
	pointer-events: none;
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__midline {
	left: 50%;
	width: 2px;
	background: rgba(248, 255, 232, 0.76);
	box-shadow: 0 0 18px rgba(236, 255, 218, 0.18);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__circle {
	width: clamp(58px, 7.5vw, 88px);
	height: clamp(58px, 7.5vw, 88px);
	border: 2px solid rgba(248, 255, 232, 0.74);
	background: rgba(3, 12, 18, 0.14);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__boxes {
	width: clamp(54px, 8.6vw, 92px);
	height: 56%;
	border: 2px solid rgba(248, 255, 232, 0.74);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__boxes--home {
	left: 12%;
	border-left: 0;
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__boxes--away {
	right: 12%;
	border-right: 0;
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__goal-area {
	width: clamp(28px, 4.6vw, 48px);
	height: 29%;
	border: 2px solid rgba(248, 255, 232, 0.7);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__goal-area--home {
	left: 12%;
	border-left: 0;
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__goal-area--away {
	right: 12%;
	border-right: 0;
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__arc {
	width: clamp(36px, 5.7vw, 58px);
	height: 34%;
	border: 2px solid rgba(248, 255, 232, 0.64);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__arc--home {
	left: calc(12% + clamp(38px, 6.8vw, 74px));
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__arc--away {
	right: calc(12% + clamp(38px, 6.8vw, 74px));
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__corner {
	width: 20px;
	height: 20px;
	border: 2px solid rgba(248, 255, 232, 0.62);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__corner--tl {
	top: calc(12% - 10px);
	left: calc(12% - 10px);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__corner--tr {
	top: calc(12% - 10px);
	right: calc(12% - 10px);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__corner--bl {
	bottom: calc(12% - 10px);
	left: calc(12% - 10px);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__corner--br {
	right: calc(12% - 10px);
	bottom: calc(12% - 10px);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__spot {
	width: 5px;
	height: 5px;
	background: rgba(248, 255, 232, 0.94);
	box-shadow: 0 0 14px rgba(248, 255, 232, 0.22);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__spot--home {
	left: calc(12% + clamp(38px, 6.4vw, 66px));
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__spot--away {
	right: calc(12% + clamp(38px, 6.4vw, 66px));
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__node {
	width: 7px;
	height: 7px;
	background: #dffbff;
	box-shadow: 0 0 14px rgba(126, 231, 255, 0.64);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__node--one { left: 24%; top: 28%; background: #5eead4; }
html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__node--two { left: 43%; top: 65%; background: #7ee7ff; }
html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__node--three { right: 24%; top: 34%; background: #d7b46a; }

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__passing-lines {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.82), transparent);
	box-shadow: 0 0 16px rgba(94, 234, 212, 0.32);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__passing-lines--one {
	top: 28%;
	left: 20%;
	width: 31%;
	transform: rotate(15deg);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__passing-lines--two {
	right: 19%;
	bottom: 29%;
	width: 34%;
	transform: rotate(-13deg);
}

html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__vs-marker {
	z-index: 4;
	width: 42px;
	height: 42px;
	border-color: rgba(53, 208, 226, 0.76);
	background: rgba(3, 12, 18, 0.68);
	color: #ecfeff;
	font-size: 0.72rem;
	font-weight: 950;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.08) inset,
		0 0 18px rgba(53, 208, 226, 0.12);
}

html.corporate-surface .play-page .champions-pitch-module .prediction-controls--champions-pickem {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(168px, 0.25fr);
	gap: 0.85rem;
	align-items: stretch;
	width: 100%;
	margin-top: 0;
	padding-top: 0.3rem;
	border-top: 1px solid rgba(255, 255, 255, 0.075);
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-module {
	display: grid;
	grid-template-columns: minmax(138px, 0.28fr) minmax(0, 1fr);
	gap: 0.85rem;
	align-items: center;
	min-height: 86px;
	padding: 0.72rem;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, rgba(255, 255, 255, 0.1));
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.018)),
		rgba(3, 10, 19, 0.72);
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-module header strong {
	color: #d7b46a;
	font-size: 0.78rem;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-inputs {
	grid-template-columns: minmax(88px, 1fr) auto minmax(88px, 1fr);
	gap: 0.65rem;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-input input {
	min-height: 58px;
	border-color: rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
		rgba(2, 8, 18, 0.78);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-input--home span {
	color: color-mix(in srgb, var(--home-primary, #35d0e2) 72%, var(--sponsor-primary, #35d0e2));
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-input--away span {
	color: color-mix(in srgb, var(--away-primary, #d7b46a) 72%, #ff3d7f);
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-input--home input:focus {
	border-color: color-mix(in srgb, var(--home-primary, #35d0e2) 74%, rgba(255, 255, 255, 0.12));
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--home-primary, #35d0e2) 28%, transparent),
		0 10px 26px color-mix(in srgb, var(--home-primary, #35d0e2) 12%, transparent);
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-input--away input:focus {
	border-color: color-mix(in srgb, var(--away-primary, #d7b46a) 74%, rgba(255, 255, 255, 0.12));
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--away-primary, #d7b46a) 28%, transparent),
		0 10px 26px color-mix(in srgb, var(--away-primary, #d7b46a) 12%, transparent);
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-separator {
	align-self: end;
	padding-bottom: 0.42rem;
	color: rgba(248, 255, 232, 0.86);
	font-size: 1.8rem;
	font-weight: 950;
}

html.corporate-surface .play-page .champions-pitch-module .champions-save-pick-btn {
	align-self: stretch;
	justify-self: stretch;
	min-width: 0;
	min-height: 100%;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 46%, rgba(255, 255, 255, 0.12));
	border-radius: 8px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 20%, transparent), rgba(215, 180, 106, 0.06)),
		rgba(4, 12, 22, 0.88);
	color: #f8fbff;
	font-size: clamp(0.95rem, 1vw, 1.08rem);
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-rules {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(210px, 0.29fr) minmax(0, 1fr);
	gap: 0.85rem;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-rule {
	display: grid;
	gap: 0.22rem;
	padding: 0.72rem 0.9rem;
	border: 1px solid rgba(126, 231, 255, 0.12);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(53, 208, 226, 0.055), transparent),
		rgba(3, 10, 19, 0.52);
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-rule span {
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.66rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-rule strong {
	color: rgba(248, 250, 252, 0.88);
	font-size: 0.82rem;
	font-weight: 900;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-rule em {
	margin-inline: 0.65rem;
	color: rgba(226, 232, 240, 0.42);
	font-style: normal;
}

@media (max-width: 820px) {
	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-columns: minmax(96px, 28%) minmax(130px, 1fr) minmax(96px, 28%);
		padding: 0.55rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile,
	html.corporate-surface .play-page .champions-pitch-module .club-identity,
	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch {
		min-height: 164px;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		gap: 0.36rem;
		padding: 0.58rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		font-size: clamp(2rem, 8vw, 3rem);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
		font-size: 0.52rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
		font-size: 0.78rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .prediction-controls--champions-pickem,
	html.corporate-surface .play-page .champions-pitch-module .champions-score-module {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .champions-pitch-module {
		padding: 0.7rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-columns: minmax(78px, 30%) minmax(116px, 1fr) minmax(78px, 30%);
		padding: 0.45rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile,
	html.corporate-surface .play-page .champions-pitch-module .club-identity,
	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch {
		min-height: 126px !important;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		gap: 0.28rem;
		padding: 0.44rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__side {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__state {
		min-height: 18px;
		max-width: 100%;
		padding: 0.16rem 0.28rem;
		font-size: 0.44rem;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		font-size: clamp(1.42rem, 8vw, 2rem);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
		font-size: 0.46rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
		font-size: 0.68rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__pattern {
		height: 6px;
	}

	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch::before {
		inset: 10%;
		border-width: 1px;
	}

	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__boxes,
	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__goal-area,
	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__arc {
		border-width: 1px;
	}

	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__node,
	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__passing-lines {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .cl-football-pitch__vs-marker {
		width: 23px;
		height: 23px;
		font-size: 0.43rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-score-inputs,
	html.corporate-surface .play-page .champions-pitch-module .champions-score-rules {
		grid-template-columns: 1fr;
	}
}

html.corporate-surface .play-page .champions-pitch-module {
	row-gap: 1.05rem;
	padding-block: clamp(1rem, 1.8vw, 1.35rem);
}

html.corporate-surface .play-page .champions-pitch-module + .champions-pitch-module {
	margin-top: clamp(1rem, 2vw, 1.4rem);
}

html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
	grid-template-columns: minmax(168px, 25%) minmax(320px, 50%) minmax(168px, 25%);
	padding: 0.72rem;
}

html.corporate-surface .play-page .champions-pitch-module .club-tile {
	border-color: color-mix(in srgb, var(--club-primary, #35d0e2) 38%, rgba(255, 255, 255, 0.1));
	background:
		radial-gradient(circle at 22% 14%, color-mix(in srgb, var(--club-primary, #35d0e2) 24%, transparent), transparent 38%),
		linear-gradient(135deg, color-mix(in srgb, var(--club-primary, #35d0e2) 18%, rgba(5, 11, 23, 0.95)), color-mix(in srgb, var(--club-secondary, #0f172a) 26%, rgba(5, 11, 23, 0.97))),
		rgba(5, 11, 23, 0.95);
}

html.corporate-surface .play-page .champions-pitch-module .club-identity {
	grid-template-rows: auto minmax(48px, 1fr) auto auto;
	gap: 0.52rem;
	min-width: 0;
	padding: clamp(0.78rem, 1.2vw, 0.95rem);
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__header,
html.corporate-surface .play-page .champions-pitch-module .club-identity__code,
html.corporate-surface .play-page .champions-pitch-module .club-identity__copy,
html.corporate-surface .play-page .champions-pitch-module .club-identity__pattern {
	position: relative;
	z-index: 1;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__header {
	min-width: 0;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
	max-width: none;
	overflow: visible;
	font-size: clamp(2.5rem, 4.1vw, 3.5rem);
	line-height: 0.9;
	text-overflow: clip;
	white-space: nowrap;
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
	font-size: clamp(1rem, 1.25vw, 1.2rem);
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
	font-size: 0.7rem;
}

html.corporate-surface .play-page .club-identity--pattern-royal-light .club-identity__pattern,
html.corporate-surface .play-page .club-identity--pattern-royal .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 70%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 45%, transparent) 0 14px, transparent 14px 24px);
}

html.corporate-surface .play-page .club-identity--pattern-diagonal .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 70%, transparent), transparent),
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--club-secondary, #0f172a) 42%, transparent) 0 12px, transparent 12px 22px);
}

html.corporate-surface .play-page .club-identity--pattern-grid .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 70%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 44%, transparent) 0 2px, transparent 2px 18px);
}

html.corporate-surface .play-page .club-identity--pattern-stripe .club-identity__pattern,
html.corporate-surface .play-page .club-identity--pattern-vertical .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 74%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 48%, transparent) 0 10px, transparent 10px 20px);
}

html.corporate-surface .play-page .club-identity--pattern-minimal .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 62%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 54%, transparent) 0 18px, transparent 18px 30px);
}

html.corporate-surface .play-page .club-identity--pattern-split .club-identity__pattern,
html.corporate-surface .play-page .club-identity--pattern-split-diagonal .club-identity__pattern {
	background:
		linear-gradient(112deg, color-mix(in srgb, var(--club-primary, #35d0e2) 72%, transparent) 0 46%, color-mix(in srgb, var(--club-secondary, #0f172a) 72%, transparent) 46% 100%),
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 70%, transparent), transparent);
}

html.corporate-surface .play-page .club-identity--pattern-vertical-stripes .club-identity__pattern,
html.corporate-surface .play-page .club-identity--pattern-vertical-lines .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 66%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-primary, #35d0e2) 52%, transparent) 0 8px, color-mix(in srgb, var(--club-secondary, #0f172a) 52%, transparent) 8px 16px);
}

html.corporate-surface .play-page .club-identity--pattern-vertical-grid .club-identity__pattern,
html.corporate-surface .play-page .club-identity--pattern-paris-grid .club-identity__pattern,
html.corporate-surface .play-page .club-identity--pattern-industrial-grid .club-identity__pattern,
html.corporate-surface .play-page .club-identity--pattern-diamond-grid .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 62%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 42%, transparent) 0 2px, transparent 2px 16px),
		repeating-linear-gradient(0deg, color-mix(in srgb, var(--club-primary, #35d0e2) 28%, transparent) 0 1px, transparent 1px 14px);
}

html.corporate-surface .play-page .club-identity--pattern-diamond-grid .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 66%, transparent), transparent),
		repeating-linear-gradient(45deg, color-mix(in srgb, var(--club-secondary, #0f172a) 36%, transparent) 0 1px, transparent 1px 13px),
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--club-primary, #35d0e2) 24%, transparent) 0 1px, transparent 1px 13px);
}

html.corporate-surface .play-page .club-identity--pattern-carbon .club-identity__pattern,
html.corporate-surface .play-page .club-identity--pattern-cathedral-lines .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 66%, transparent), transparent),
		repeating-linear-gradient(45deg, color-mix(in srgb, var(--club-secondary, #0f172a) 44%, transparent) 0 1px, transparent 1px 9px),
		repeating-linear-gradient(115deg, color-mix(in srgb, var(--club-primary, #35d0e2) 24%, transparent) 0 1px, transparent 1px 18px);
}

html.corporate-surface .play-page .club-identity--pattern-minimal-stripes .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 56%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 46%, transparent) 0 20px, transparent 20px 34px);
}

html.corporate-surface .play-page .club-pattern--royal-lines .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 72%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #d8b45a) 42%, transparent) 0 10px, transparent 10px 22px),
		repeating-linear-gradient(0deg, color-mix(in srgb, var(--club-accent, #4cb9ff) 16%, transparent) 0 1px, transparent 1px 10px);
}

html.corporate-surface .play-page .club-pattern--split-diagonal .club-identity__pattern {
	background:
		linear-gradient(112deg, color-mix(in srgb, var(--club-primary, #35d0e2) 74%, transparent) 0 46%, color-mix(in srgb, var(--club-secondary, #0f172a) 74%, transparent) 46% 100%),
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 70%, transparent), transparent);
}

html.corporate-surface .play-page .club-pattern--vertical-stripes .club-identity__pattern,
html.corporate-surface .play-page .club-pattern--vertical-lines .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 66%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-primary, #35d0e2) 54%, transparent) 0 8px, color-mix(in srgb, var(--club-secondary, #0f172a) 54%, transparent) 8px 16px);
}

html.corporate-surface .play-page .club-pattern--technical-grid .club-identity__pattern,
html.corporate-surface .play-page .club-pattern--minimal-grid .club-identity__pattern,
html.corporate-surface .play-page .club-pattern--fine-grid .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 58%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 38%, transparent) 0 1px, transparent 1px 14px),
		repeating-linear-gradient(0deg, color-mix(in srgb, var(--club-primary, #35d0e2) 22%, transparent) 0 1px, transparent 1px 12px);
}

html.corporate-surface .play-page .club-pattern--fine-grid .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #ffffff) 60%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 28%, transparent) 0 1px, transparent 1px 10px),
		repeating-linear-gradient(0deg, color-mix(in srgb, var(--club-primary, #35d0e2) 20%, transparent) 0 1px, transparent 1px 10px);
}

html.corporate-surface .play-page .club-pattern--diamond-grid .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 66%, transparent), transparent),
		repeating-linear-gradient(45deg, color-mix(in srgb, var(--club-secondary, #0f172a) 36%, transparent) 0 1px, transparent 1px 13px),
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--club-primary, #35d0e2) 24%, transparent) 0 1px, transparent 1px 13px);
}

html.corporate-surface .play-page .club-pattern--industrial-grid .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 62%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 54%, transparent) 0 2px, transparent 2px 13px),
		repeating-linear-gradient(0deg, color-mix(in srgb, var(--club-primary, #35d0e2) 36%, transparent) 0 1px, transparent 1px 13px);
}

html.corporate-surface .play-page .club-pattern--horizontal-lines .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 64%, transparent), transparent),
		repeating-linear-gradient(0deg, color-mix(in srgb, var(--club-secondary, #0f172a) 42%, transparent) 0 2px, transparent 2px 10px);
}

html.corporate-surface .play-page .club-pattern--cathedral-lines .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 66%, transparent), transparent),
		repeating-linear-gradient(45deg, color-mix(in srgb, var(--club-secondary, #0f172a) 44%, transparent) 0 1px, transparent 1px 9px),
		repeating-linear-gradient(115deg, color-mix(in srgb, var(--club-primary, #35d0e2) 24%, transparent) 0 1px, transparent 1px 18px);
}

html.corporate-surface .play-page .club-pattern--minimal-stripes .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-secondary, #0f172a) 56%, transparent), transparent),
		repeating-linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 46%, transparent) 0 20px, transparent 20px 34px);
}

html.corporate-surface .play-page .club-pattern--diagonal .club-identity__pattern {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--club-accent, #d7b46a) 70%, transparent), transparent),
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--club-secondary, #0f172a) 42%, transparent) 0 12px, transparent 12px 22px);
}

html.corporate-surface .play-page .club-identity--material-brushed-aluminum::after,
html.corporate-surface .play-page .club-identity--material-brushed-metal::after,
html.corporate-surface .play-page .club-identity--material-brushed-titanium::after,
html.corporate-surface .play-page .club-identity--material-titanium-white::after,
html.corporate-surface .play-page .club-identity--material-titanium-blue::after,
html.corporate-surface .play-page .club-identity--material-titanium::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 8px);
	opacity: 0.38;
	pointer-events: none;
}

html.corporate-surface .play-page .club-identity--material-gloss-carbon::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(115deg, rgba(255, 255, 255, 0.12), transparent 26%);
	opacity: 0.26;
	pointer-events: none;
}

html.corporate-surface .play-page .club-identity--tone-royal .club-identity__side,
html.corporate-surface .play-page .club-identity--tone-elegant .club-identity__side {
	border-color: color-mix(in srgb, var(--club-accent, #d7b46a) 58%, rgba(255, 255, 255, 0.12));
}

html.corporate-surface .play-page .club-identity--tone-aggressive .club-identity__code {
	text-shadow: 0 12px 34px rgba(0, 0, 0, 0.42), 0 0 18px color-mix(in srgb, var(--club-primary, #35d0e2) 22%, transparent);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile {
	border-color: color-mix(in srgb, var(--club-secondary, #d7b46a) 68%, rgba(255, 255, 255, 0.18));
	background: var(--club-surface, var(--club-primary, #35d0e2));
	color: var(--club-ink, #ffffff);
	box-shadow:
		0 22px 42px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		inset 0 -28px 42px rgba(0, 0, 0, 0.12);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--home {
	border-left: 9px solid var(--club-secondary, #d7b46a);
	background: var(--club-surface, var(--club-primary, #35d0e2));
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--away {
	border-right: 9px solid var(--club-secondary, #d7b46a);
	background: var(--club-surface, var(--club-primary, #35d0e2));
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--material-titanium-white,
html.corporate-surface .play-page .champions-pitch-module .club-tile--material-brushed-aluminum {
	background: var(--club-surface, #F9FAFB);
	box-shadow:
		0 18px 34px rgba(2, 8, 18, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		inset 0 -16px 24px rgba(15, 23, 42, 0.035);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--material-titanium-white.club-tile--home,
html.corporate-surface .play-page .champions-pitch-module .club-tile--material-brushed-aluminum.club-tile--home {
	background: var(--club-surface, #F9FAFB);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile--material-titanium-white.club-tile--away,
html.corporate-surface .play-page .champions-pitch-module .club-tile--material-brushed-aluminum.club-tile--away {
	background: var(--club-surface, #F9FAFB);
}

html.corporate-surface .play-page .champions-pitch-module .club-tile::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	z-index: 1;
	height: 9px;
	background: var(--club-secondary, #d7b46a);
	opacity: 0.86;
	pointer-events: none;
}

html.corporate-surface .play-page .champions-pitch-module .club-tile::before {
	opacity: var(--club-pattern-opacity, 0.04);
	background:
		linear-gradient(115deg, currentColor 0 1px, transparent 1px 26px),
		repeating-linear-gradient(135deg, transparent 0 14px, currentColor 14px 15px);
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__pattern {
	height: 9px;
	opacity: var(--club-pattern-opacity, 0.04);
	border-top: 1px solid color-mix(in srgb, var(--club-secondary, #d7b46a) 46%, transparent);
	background: repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 12px);
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__side,
html.corporate-surface .play-page .champions-pitch-module .club-identity__state {
	border-color: color-mix(in srgb, var(--club-secondary, #d7b46a) 58%, rgba(255, 255, 255, 0.14));
	background: color-mix(in srgb, var(--club-surface, var(--club-primary, #35d0e2)) 86%, var(--club-ink, #ffffff) 14%);
	color: var(--club-ink, #ffffff);
}

html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
	text-shadow:
		0 12px 32px rgba(0, 0, 0, 0.42),
		0 0 18px color-mix(in srgb, var(--club-accent, #d7b46a) 20%, transparent);
}

html.corporate-surface .play-page .club-identity--tone-minimal .club-identity__code,
html.corporate-surface .play-page .club-identity--pattern-royal-light .club-identity__code {
	text-shadow:
		0 1px 0 rgba(255, 255, 255, 0.22),
		0 12px 28px rgba(0, 0, 0, 0.24);
}

html.corporate-surface .play-page .champions-pitch-surface {
	--pitch-inset-x: 8%;
	--pitch-inset-y: 11%;
	--pitch-line-main: rgba(255, 255, 255, 0.55);
	--pitch-line-secondary: rgba(255, 255, 255, 0.35);
	--pitch-cyan: rgba(34, 211, 238, 0.42);
	position: relative;
	min-width: 0;
	min-height: 216px;
	overflow: hidden;
	border-block: 1px solid rgba(255, 255, 255, 0.12);
	background:
		radial-gradient(circle at center, rgba(34, 211, 238, 0.1), transparent 38%),
		repeating-linear-gradient(
			90deg,
			rgba(255, 255, 255, 0.035) 0,
			rgba(255, 255, 255, 0.035) 12.5%,
			rgba(0, 0, 0, 0.045) 12.5%,
			rgba(0, 0, 0, 0.045) 25%
		),
		linear-gradient(180deg, #0f5f35, #073f2a);
	box-shadow:
		0 0 0 1px rgba(53, 208, 226, 0.08) inset,
		0 0 26px rgba(34, 211, 238, 0.045) inset;
}

html.corporate-surface .play-page .champions-pitch-surface::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(2, 8, 18, 0.12), transparent 18%, transparent 82%, rgba(2, 8, 18, 0.12)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 44%, rgba(0, 0, 0, 0.08));
	pointer-events: none;
}

html.corporate-surface .play-page .champions-pitch__field-border,
html.corporate-surface .play-page .champions-pitch__midline,
html.corporate-surface .play-page .champions-pitch__center-circle,
html.corporate-surface .play-page .champions-pitch__box,
html.corporate-surface .play-page .champions-pitch__small-box,
html.corporate-surface .play-page .champions-pitch__penalty-spot,
html.corporate-surface .play-page .champions-pitch__arc,
html.corporate-surface .play-page .champions-pitch__corner,
html.corporate-surface .play-page .champions-pitch__pick-chip,
html.corporate-surface .play-page .champions-pitch__vs-marker {
	position: absolute;
	display: block;
}

html.corporate-surface .play-page .champions-pitch__field-border {
	inset: var(--pitch-inset-y) var(--pitch-inset-x);
	border: 1.5px solid var(--pitch-line-main);
	box-shadow: 0 0 12px rgba(34, 211, 238, 0.035);
}

html.corporate-surface .play-page .champions-pitch__midline {
	top: var(--pitch-inset-y);
	bottom: var(--pitch-inset-y);
	left: 50%;
	width: 1.5px;
	background: var(--pitch-line-main);
	transform: translateX(-50%);
}

html.corporate-surface .play-page .champions-pitch__center-circle {
	top: 50%;
	left: 50%;
	width: clamp(58px, 13%, 82px);
	aspect-ratio: 1;
	border: 1.5px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	background:
		radial-gradient(circle at center, rgba(34, 211, 238, 0.08), transparent 58%),
		rgba(3, 12, 18, 0.06);
	transform: translate(-50%, -50%);
	box-shadow: 0 0 14px rgba(34, 211, 238, 0.08);
}

html.corporate-surface .play-page .champions-pitch__box {
	top: 50%;
	width: 20%;
	height: 54%;
	border: 1.5px solid var(--pitch-line-main);
	transform: translateY(-50%);
}

html.corporate-surface .play-page .champions-pitch__box--home {
	left: var(--pitch-inset-x);
	border-left: 0;
}

html.corporate-surface .play-page .champions-pitch__box--away {
	right: var(--pitch-inset-x);
	border-right: 0;
}

html.corporate-surface .play-page .champions-pitch__small-box {
	top: 50%;
	width: 8.6%;
	height: 29%;
	border: 1.5px solid var(--pitch-line-secondary);
	transform: translateY(-50%);
}

html.corporate-surface .play-page .champions-pitch__small-box--home {
	left: var(--pitch-inset-x);
	border-left: 0;
}

html.corporate-surface .play-page .champions-pitch__small-box--away {
	right: var(--pitch-inset-x);
	border-right: 0;
}

html.corporate-surface .play-page .champions-pitch__penalty-spot {
	top: 50%;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.62);
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
	transform: translateY(-50%);
}

html.corporate-surface .play-page .champions-pitch__penalty-spot--home {
	left: calc(var(--pitch-inset-x) + 13%);
}

html.corporate-surface .play-page .champions-pitch__penalty-spot--away {
	right: calc(var(--pitch-inset-x) + 13%);
}

html.corporate-surface .play-page .champions-pitch__arc {
	top: 50%;
	width: 9%;
	height: 32%;
	border: 1.5px solid rgba(255, 255, 255, 0.28);
	border-radius: 50%;
	transform: translateY(-50%);
}

html.corporate-surface .play-page .champions-pitch__arc--home {
	left: calc(var(--pitch-inset-x) + 15.5%);
	clip-path: inset(0 0 0 50%);
}

html.corporate-surface .play-page .champions-pitch__arc--away {
	right: calc(var(--pitch-inset-x) + 15.5%);
	clip-path: inset(0 50% 0 0);
}

html.corporate-surface .play-page .champions-pitch__corner {
	width: 18px;
	height: 18px;
	border: 1.5px solid rgba(255, 255, 255, 0.26);
	border-radius: 50%;
}

html.corporate-surface .play-page .champions-pitch__corner--tl { top: calc(var(--pitch-inset-y) - 9px); left: calc(var(--pitch-inset-x) - 9px); }
html.corporate-surface .play-page .champions-pitch__corner--tr { top: calc(var(--pitch-inset-y) - 9px); right: calc(var(--pitch-inset-x) - 9px); }
html.corporate-surface .play-page .champions-pitch__corner--bl { bottom: calc(var(--pitch-inset-y) - 9px); left: calc(var(--pitch-inset-x) - 9px); }
html.corporate-surface .play-page .champions-pitch__corner--br { right: calc(var(--pitch-inset-x) - 9px); bottom: calc(var(--pitch-inset-y) - 9px); }

html.corporate-surface .play-page .champions-pitch__pick-chip {
	top: 0.72rem;
	left: 50%;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: calc(100% - 2rem);
	min-height: 26px;
	padding: 0.28rem 0.64rem;
	opacity: 0;
	border: 1px solid rgba(248, 250, 252, 0.18);
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.56);
	color: rgba(248, 250, 252, 0.86);
	font-size: 0.64rem;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
	text-transform: uppercase;
	transform: translateX(-50%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.035) inset,
		0 10px 22px rgba(0, 0, 0, 0.18);
	pointer-events: none;
}

html.corporate-surface .play-page .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch__pick-chip--home,
html.corporate-surface .play-page .champions-pitch-surface--home .champions-pitch__pick-chip--home,
html.corporate-surface .play-page .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch__pick-chip--draw,
html.corporate-surface .play-page .champions-pitch-surface--draw .champions-pitch__pick-chip--draw,
html.corporate-surface .play-page .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch__pick-chip--away,
html.corporate-surface .play-page .champions-pitch-surface--away .champions-pitch__pick-chip--away {
	opacity: 1;
}

html.corporate-surface .play-page .champions-pitch__vs-marker {
	top: 50%;
	left: 50%;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(34, 211, 238, 0.44);
	border-radius: 999px;
	background: rgba(3, 12, 18, 0.58);
	color: rgba(236, 254, 255, 0.92);
	font-size: 0.58rem;
	font-weight: 950;
	letter-spacing: 0.06em;
	transform: translate(-50%, -50%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.045) inset,
		0 0 12px rgba(34, 211, 238, 0.12);
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-module {
	min-height: 98px;
	padding: 0.82rem 0.92rem;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-input input {
	min-height: 64px;
	border: 1px solid rgba(126, 231, 255, 0.26);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
		rgba(2, 8, 18, 0.88);
	color: #f8fbff;
	font-size: clamp(1.8rem, 2.6vw, 2.45rem);
	font-weight: 950;
	appearance: auto;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-input input::placeholder {
	color: rgba(226, 232, 240, 0.34);
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-input span {
	font-size: 0.72rem;
	letter-spacing: 0.08em;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-rules {
	gap: 0.7rem;
}

html.corporate-surface .play-page .champions-pitch-module .champions-score-rule {
	padding: 0.58rem 0.78rem;
}

html.corporate-surface .play-page .champions-pick-form {
	display: grid;
	gap: 1.05rem;
	width: 100%;
	margin: 0;
}

html.corporate-surface .play-page .champions-outcome-choice {
	cursor: pointer;
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease,
		filter 180ms ease;
}

html.corporate-surface .play-page .champions-outcome-choice input {
	position: absolute;
	inset: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
	opacity: 0;
}

html.corporate-surface .play-page .champions-pick-edit-toggle {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

html.corporate-surface .play-page .champions-pick-edit-form .champions-outcome-choice {
	cursor: pointer;
	pointer-events: auto;
}

html.corporate-surface .play-page .champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked),
html.corporate-surface .play-page .champions-pitch-module .club-tile.champions-outcome-choice.is-selected {
	z-index: 4;
	transform: translateY(-2px);
	filter: brightness(1.08) saturate(1.08);
	border-color: color-mix(in srgb, var(--club-accent, #d7b46a) 86%, rgba(255, 255, 255, 0.2));
	box-shadow:
		0 26px 48px rgba(0, 0, 0, 0.28),
		0 0 30px color-mix(in srgb, var(--club-accent, #d7b46a) 28%, transparent),
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		inset 0 -28px 42px rgba(0, 0, 0, 0.1);
}

html.corporate-surface .play-page .champions-outcome-choice__state {
	position: absolute;
	top: 0.72rem;
	right: 0.72rem;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0.24rem 0.5rem;
	border: 1px solid color-mix(in srgb, var(--club-accent, #d7b46a) 48%, rgba(255, 255, 255, 0.16));
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.46);
	color: color-mix(in srgb, var(--club-ink, #ffffff) 88%, var(--club-accent, #d7b46a));
	font-size: 0.56rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-outcome-choice__state-selected {
	display: none;
}

html.corporate-surface .play-page .champions-outcome-choice:has(input:checked) .champions-outcome-choice__state {
	background: color-mix(in srgb, var(--club-accent, #d7b46a) 34%, rgba(2, 8, 18, 0.72));
	color: #ffffff;
}

html.corporate-surface .play-page .champions-outcome-choice:has(input:checked) .champions-outcome-choice__state-default {
	display: none;
}

html.corporate-surface .play-page .champions-outcome-choice:has(input:checked) .champions-outcome-choice__state-selected {
	display: inline;
}

html.corporate-surface .play-page .champions-draw-choice {
	position: absolute;
	top: calc(50% + 48px);
	left: 50%;
	z-index: 5;
	display: grid;
	place-items: center;
	gap: 0.08rem;
	min-width: 96px;
	padding: 0.46rem 0.74rem;
	border: 1px solid rgba(248, 255, 232, 0.46);
	border-radius: 999px;
	background: rgba(3, 12, 18, 0.72);
	color: rgba(248, 255, 232, 0.94);
	font-size: 0.8rem;
	font-weight: 950;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.05) inset,
		0 14px 28px rgba(0, 0, 0, 0.2);
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease,
		background 180ms ease;
}

html.corporate-surface .play-page .champions-draw-choice small {
	color: rgba(226, 232, 240, 0.72);
	font-size: 0.5rem;
	font-weight: 900;
	letter-spacing: 0;
}

html.corporate-surface .play-page .champions-draw-choice:has(input:checked),
html.corporate-surface .play-page .champions-draw-choice.is-selected {
	border-color: rgba(215, 180, 106, 0.78);
	background: rgba(20, 26, 26, 0.82);
	color: #ffffff;
	transform: translate(-50%, calc(-50% - 2px));
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.07) inset,
		0 0 28px rgba(215, 180, 106, 0.22),
		0 16px 30px rgba(0, 0, 0, 0.24);
}

html.corporate-surface .play-page .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch__vs-marker,
html.corporate-surface .play-page .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch__vs-marker,
html.corporate-surface .play-page .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch__vs-marker {
	border-color: rgba(215, 180, 106, 0.68);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.07) inset,
		0 0 22px rgba(215, 180, 106, 0.22);
}

html.corporate-surface .play-page .champions-pitch-module .prediction-controls--champions-pickem {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.7rem;
	width: 100%;
	margin-top: 0;
	padding-top: 0.35rem;
	border-top: 1px solid rgba(255, 255, 255, 0.075);
}

html.corporate-surface .play-page .champions-pitch-module .champions-save-pick-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: min(100%, 360px);
	min-width: 0;
	min-height: 48px;
	padding: 0.74rem 1.2rem;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 46%, rgba(255, 255, 255, 0.12));
	border-radius: 8px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 20%, transparent), rgba(215, 180, 106, 0.06)),
		rgba(4, 12, 22, 0.88);
	color: #f8fbff;
	font-size: clamp(0.95rem, 1vw, 1.08rem);
	font-weight: 950;
	text-align: center;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-pitch-module .champions-select-outcome-btn:disabled {
	cursor: default;
	opacity: 0.68;
}

html.corporate-surface .play-page .champions-pitch-module .champions-confirm-pick-btn--ready,
html.corporate-surface .play-page .champions-pitch-module .champions-confirm-pick-btn--edit {
	display: none;
}

html.corporate-surface .play-page .champions-pitch-module:has(input[name="outcome"]:checked) .champions-select-outcome-btn {
	display: none;
}

html.corporate-surface .play-page .champions-pitch-module:has(input[name="outcome"]:checked) .champions-confirm-pick-btn--ready {
	display: inline-flex;
}

html.corporate-surface .play-page .champions-pick-action__status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.64rem 1rem;
	border: 1px solid rgba(126, 231, 255, 0.18);
	border-radius: 999px;
	background: rgba(3, 10, 19, 0.62);
	color: rgba(248, 250, 252, 0.9);
	font-size: 0.86rem;
	font-weight: 950;
	text-transform: uppercase;
}

html.corporate-surface .play-page .champions-pick-action--editable {
	row-gap: 0.55rem;
}

html.corporate-surface .play-page .champions-pick-edit-form:has(.champions-pick-edit-toggle:checked) .champions-pick-action__status,
html.corporate-surface .play-page .champions-pick-edit-form:has(.champions-pick-edit-toggle:checked) .champions-edit-pick-btn,
html.corporate-surface .play-page .champions-pick-edit-form.has-unsaved-changes .champions-pick-action__status,
html.corporate-surface .play-page .champions-pick-edit-form.has-unsaved-changes .champions-edit-pick-btn {
	display: none;
}

html.corporate-surface .play-page .champions-pick-edit-form:has(.champions-pick-edit-toggle:checked) .champions-confirm-pick-btn--edit,
html.corporate-surface .play-page .champions-pick-edit-form.has-unsaved-changes .champions-confirm-pick-btn--edit {
	display: inline-flex;
}

html.corporate-surface .play-page .champions-pick-action--readonly {
	display: flex;
	justify-content: center;
	padding-top: 0.35rem;
	border-top: 1px solid rgba(255, 255, 255, 0.075);
}

html.corporate-surface .play-page .champions-match-card .prediction-summary-inline.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

@media (max-width: 820px) {
	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-columns: minmax(96px, 29%) minmax(128px, 42%) minmax(96px, 29%);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface,
	html.corporate-surface .play-page .champions-pitch-module .club-tile,
	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		min-height: 164px;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		font-size: clamp(1.9rem, 6.4vw, 2.5rem);
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .champions-pitch-surface {
		--pitch-inset-x: 7%;
		--pitch-inset-y: 12%;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-columns: minmax(76px, 30%) minmax(112px, 40%) minmax(76px, 30%);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface,
	html.corporate-surface .play-page .champions-pitch-module .club-tile,
	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		min-height: 126px !important;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		font-size: clamp(1.65rem, 7vw, 2.2rem);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
		font-size: 0.68rem;
	}

	html.corporate-surface .play-page .champions-pitch__field-border {
		inset: 10%;
		border-width: 1px;
	}

	html.corporate-surface .play-page .champions-pitch__midline,
	html.corporate-surface .play-page .champions-pitch__center-circle,
	html.corporate-surface .play-page .champions-pitch__box,
	html.corporate-surface .play-page .champions-pitch__small-box,
	html.corporate-surface .play-page .champions-pitch__arc,
	html.corporate-surface .play-page .champions-pitch__corner {
		border-width: 1px;
	}

	html.corporate-surface .play-page .champions-pitch__vs-marker {
		width: 25px;
		height: 25px;
		font-size: 0.45rem;
	}

	html.corporate-surface .play-page .champions-pitch__arc,
	html.corporate-surface .play-page .champions-pitch__corner {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-score-input input {
		min-height: 56px;
	}
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.75fr);
	align-items: stretch;
	gap: clamp(1.2rem, 3vw, 3.6rem);
	min-height: clamp(360px, 42vw, 520px);
	overflow: hidden;
	padding: clamp(1.45rem, 3.4vw, 3.8rem);
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 22%, rgba(255, 255, 255, 0.08));
	border-radius: 8px;
	background:
		linear-gradient(105deg, rgba(4, 10, 19, 0.98) 0%, rgba(7, 18, 31, 0.96) 46%, rgba(3, 8, 16, 0.98) 100%),
		color-mix(in srgb, var(--sponsor-primary, #35d0e2) 4%, transparent);
	box-shadow:
		0 28px 90px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(255, 255, 255, 0.045) inset;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
	background-size: 64px 64px;
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.18) 68%, transparent);
	pointer-events: none;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system::after,
html.corporate-surface .arena-experience-narrative--operational .sport-hero-system::after {
	content: none;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__content,
html.corporate-surface .arena-experience-narrative--play .sport-hero-system__visual {
	position: relative;
	z-index: 1;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__content {
	display: grid;
	align-content: center;
	justify-items: start;
	gap: clamp(0.75rem, 1.45vw, 1.15rem);
	max-width: min(760px, 100%);
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__sport-label {
	margin: 0;
	color: var(--sponsor-primary, #35d0e2);
	font-size: 0.78rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__headline {
	max-width: 10ch;
	margin: 0;
	color: #f8fbff;
	font-size: clamp(3.3rem, 8vw, 7.4rem);
	font-weight: 950;
	letter-spacing: 0;
	line-height: 0.88;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__narrative {
	max-width: 44rem;
	margin: 0;
	color: rgba(226, 232, 240, 0.72);
	font-size: clamp(1rem, 1.3vw, 1.2rem);
	font-weight: 700;
	line-height: 1.45;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__context {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	margin-top: 0.25rem;
	padding: 0.38rem 0.72rem;
	border-left: 2px solid var(--sponsor-primary, #35d0e2);
	color: #f8fbff;
	background: linear-gradient(90deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 13%, transparent), transparent);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__actions {
	margin-top: 0.55rem;
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__actions .btn-primary-gradient {
	min-height: 48px;
	padding-inline: 1.2rem;
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 50%, rgba(255, 255, 255, 0.12));
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--sponsor-primary, #35d0e2) 82%, white 8%), color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 72%, var(--sponsor-primary, #35d0e2) 28%));
	color: #03111d;
	box-shadow: 0 16px 42px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 22%, transparent);
}

html.corporate-surface .arena-experience-narrative--play .sport-hero-system__visual {
	display: grid;
	align-items: center;
	justify-items: end;
	justify-self: stretch;
	width: 100%;
	min-width: 0;
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork {
	position: relative;
	width: 100%;
	max-width: 560px;
	min-width: min(320px, 100%);
	min-height: clamp(260px, 32vw, 430px);
	justify-self: end;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 24%, rgba(255, 255, 255, 0.08));
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 14%, transparent), transparent 42%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.016)),
		rgba(4, 16, 24, 0.52);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.03) inset,
		0 24px 70px rgba(0, 0, 0, 0.24);
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.7) calc(50% - 1px), rgba(255, 255, 255, 0.7) calc(50% + 1px), transparent calc(50% + 1px)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.28) 0 1px, transparent 1px 10%),
		radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 18%, transparent), transparent 42%);
	opacity: 1;
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: 32px 32px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), transparent 82%);
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__field,
html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__midline,
html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__hash,
html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__route,
html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__marker {
	position: absolute;
	z-index: 1;
	display: block;
	pointer-events: none;
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__field {
	inset: 12% 6%;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 50%, rgba(255, 255, 255, 0.18));
	background:
		radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 16%, transparent), transparent 38%),
		repeating-linear-gradient(90deg, transparent 0 9.85%, rgba(255, 255, 255, 0.3) 10% calc(10% + 1px), transparent calc(10% + 1px) 20%),
		linear-gradient(90deg, rgba(4, 78, 60, 0.72), rgba(10, 104, 68, 0.48), rgba(4, 78, 60, 0.72));
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__midline {
	top: 12%;
	bottom: 12%;
	left: 50%;
	width: 2px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: 0 0 22px color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 20%, transparent);
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__hash {
	left: 12%;
	right: 12%;
	height: 10px;
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0 2px, transparent 2px 18px);
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__hash--top {
	top: 31%;
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__hash--bottom {
	bottom: 31%;
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__route {
	border: 2px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 74%, rgba(255, 255, 255, 0.2));
	border-bottom: 0;
	border-left: 0;
	opacity: 0.9;
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__route--one {
	top: 22%;
	left: 16%;
	width: 34%;
	height: 25%;
	border-radius: 0 36px 0 0;
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__route--two {
	right: 14%;
	bottom: 22%;
	width: 32%;
	height: 22%;
	border-color: color-mix(in srgb, var(--sponsor-accent, #5cf2a5) 46%, rgba(255, 255, 255, 0.16));
	border-radius: 0 30px 0 0;
	transform: rotate(180deg);
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork__marker {
	top: 50%;
	left: 50%;
	width: 42px;
	height: 42px;
	border: 1px solid color-mix(in srgb, var(--sponsor-primary, #35d0e2) 64%, rgba(255, 255, 255, 0.16));
	border-radius: 999px;
	background: rgba(2, 8, 18, 0.58);
	transform: translate(-50%, -50%);
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork--f1-race .sport-grammar-artwork__field {
	inset: 16% 8%;
	border-radius: 44% 56% 38% 62%;
	background:
		repeating-linear-gradient(120deg, transparent 0 22px, rgba(255, 255, 255, 0.08) 23px 24px),
		linear-gradient(135deg, rgba(53, 208, 226, 0.1), rgba(245, 197, 66, 0.075));
	transform: rotate(-8deg);
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork--f1-race::before {
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 10%),
		linear-gradient(135deg, rgba(53, 208, 226, 0.08), transparent 52%, rgba(245, 197, 66, 0.07));
}

html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork--mlb-pickem .sport-grammar-artwork__field {
	inset: 18% 16%;
	border-radius: 8px;
	transform: rotate(45deg);
	background:
		linear-gradient(45deg, transparent 48%, rgba(255, 255, 255, 0.2) 49% 51%, transparent 52%),
		linear-gradient(-45deg, transparent 48%, rgba(255, 255, 255, 0.14) 49% 51%, transparent 52%),
		rgba(53, 208, 226, 0.04);
}

@media (max-width: 991.98px) {
	html.corporate-surface .campaign-hero {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: clamp(1rem, 5vw, 1.45rem);
	}

	html.corporate-surface .campaign-hero__title {
		max-width: 11ch;
		font-size: clamp(2.35rem, 12vw, 4rem);
	}

	html.corporate-surface .campaign-hero__visual-slot {
		justify-items: stretch;
	}

	html.corporate-surface .campaign-grammar {
		max-width: none;
		min-height: 150px;
	}

	html.corporate-surface .arena-experience-narrative--play .sport-hero-system {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork {
		justify-self: stretch;
		width: 100%;
		min-height: 220px;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .campaign-hero {
		gap: 0.85rem;
	}

	html.corporate-surface .campaign-hero__subtitle {
		font-size: 0.94rem;
	}

	html.corporate-surface .campaign-hero__actions {
		width: 100%;
	}

	html.corporate-surface .campaign-hero__actions .btn-primary-gradient,
	html.corporate-surface .campaign-hero__actions .btn-secondary-soft {
		width: 100%;
		justify-content: center;
	}

	html.corporate-surface .campaign-hero__visual-slot {
		display: none;
	}

	html.corporate-surface .arena-experience-narrative--play .sport-hero-system {
		padding: 1rem;
	}

	html.corporate-surface .arena-experience-narrative--play .sport-hero-system__headline {
		max-width: 12ch;
		font-size: clamp(2.6rem, 16vw, 4.25rem);
	}

	html.corporate-surface .arena-experience-narrative--play .sport-grammar-artwork {
		min-height: 170px;
	}
}

@media (max-width: 991.98px) {
	html.corporate-surface .arena-dashboard-narrative .corporate-command-hero,
	html.corporate-surface .arena-dashboard-layout {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .arena-experience-narrative--play .play-command-layout {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .arena-experience-narrative--play .play-command-side {
		position: static;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	html.corporate-surface .play-page .f1-paddock-stage {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-avatar-system-panel,
	html.corporate-surface .play-page .f1-podium-lane--premium {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-race-card-summary__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	html.corporate-surface .play-page .f1-driver-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .play-page .nfl-pickem-stage,
	html.corporate-surface .play-page .nfl-winner-grid {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .nfl-pickem-stage {
		gap: 3rem;
	}

	html.corporate-surface .play-page .prediction-controls--nfl-pickem {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .nfl-vs-badge {
		top: calc(256px + 1.5rem);
		width: 42px;
		height: 42px;
	}

	html.corporate-surface .play-page .franchise-identity__monogram {
		font-size: 5rem;
	}

	html.corporate-surface .arena-dashboard-narrative .corporate-command-hero__visual {
		justify-content: stretch;
	}

	html.corporate-surface .arena-visual-stage {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .arena-visual-board__featured {
		grid-template-columns: 1fr 1fr;
		gap: 0.55rem;
	}

	html.corporate-surface .arena-visual-board__team {
		min-height: 76px;
	}

	html.corporate-surface .arena-visual-board__mosaic {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0.32rem;
	}

	html.corporate-surface .arena-visual-board__rail {
		grid-auto-columns: 30px;
	}

	html.corporate-surface .arena-visual-board__rail span {
		width: 30px;
		height: 30px;
	}

	html.corporate-surface .play-page .f1-race-hero,
	html.corporate-surface .play-page .prediction-controls--f1,
	html.corporate-surface .play-page .f1-podium-grid {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-race-hero {
		display: grid;
	}

	html.corporate-surface .play-page .f1-paddock-visual {
		min-height: 210px;
	}

	html.corporate-surface .play-page .f1-paddock-copy {
		padding: 0.85rem;
	}

	html.corporate-surface .play-page .f1-paddock-copy h3 {
		max-width: none;
		font-size: 1.55rem;
	}

	html.corporate-surface .play-page .f1-driver-strip {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-avatar-lineup {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-avatar-lineup__stack {
		min-height: 72px;
	}

	html.corporate-surface .play-page .f1-avatar-lineup__card {
		width: 62px;
		height: 62px;
		margin-left: calc(var(--lineup-index, 0) * -12px);
	}

	html.corporate-surface .play-page .f1-avatar-system-legend,
	html.corporate-surface .play-page .f1-team-pick-row,
	html.corporate-surface .play-page .f1-race-card-summary__grid {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-team-driver-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .play-page .f1-team-pick-row__header {
		grid-template-columns: 36px minmax(0, 1fr);
	}

	html.corporate-surface .play-page .f1-team-pick-row__mark {
		width: 36px;
		height: 36px;
	}

	html.corporate-surface .play-page .f1-driver-pick-card {
		grid-template-columns: minmax(0, 1fr);
		align-content: start;
		justify-items: start;
		min-height: 154px;
	}

	html.corporate-surface .play-page .f1-driver-pick-card__avatar {
		width: 64px;
		height: 64px;
	}

	html.corporate-surface .play-page .f1-driver-pick-card__meta {
		font-size: 0.6rem;
	}

	html.corporate-surface .play-page .f1-driver-pick-card__state {
		right: 0.42rem;
		bottom: 0.42rem;
	}

	html.corporate-surface .play-page .f1-team-pick-row--podium {
		grid-template-columns: 1fr;
		flex-basis: min(280px, 86vw);
	}

	html.corporate-surface .play-page .f1-driver-pick-card--compact {
		grid-template-columns: minmax(0, 1fr);
		min-height: 148px;
	}

	html.corporate-surface .play-page .f1-driver-tile {
		grid-template-columns: 34px minmax(0, 1fr) 24px;
	}

	html.corporate-surface .play-page .f1-driver-avatar {
		width: 34px;
		height: 34px;
	}

	html.corporate-surface .play-page .prediction-controls--f1 .prediction-native-save-btn {
		justify-self: stretch;
	}

	html.corporate-surface .play-page .f1-rules-strip,
	html.corporate-surface .play-page .f1-pick-grid,
	html.corporate-surface .play-page .f1-race-control-row {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-rules-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .play-page .f1-podium-lane {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .play-page .f1-podium-lane__label {
		display: flex;
		align-items: baseline;
		gap: 0.5rem;
	}

	html.corporate-surface .play-page .f1-safety-car-pick {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	html.corporate-surface .play-page .f1-boolean-toggle {
		grid-column: 1 / -1;
		justify-content: stretch;
	}

	html.corporate-surface .play-page .f1-boolean-toggle label {
		flex: 1 1 0;
	}

	html.corporate-surface .play-page .f1-boolean-toggle span {
		width: 100%;
	}

	html.corporate-surface .play-page .prediction-controls--f1 .prediction-native-save-btn {
		width: 100%;
	}

	html.corporate-surface .play-page .nfl-rules-strip {
		grid-template-columns: repeat(5, minmax(44px, 1fr));
		overflow-x: auto;
		padding-bottom: 0.2rem;
	}

	html.corporate-surface .play-page .nfl-pickem-header,
	html.corporate-surface .play-page .nfl-winner-module header {
		display: grid;
	}

	html.corporate-surface .play-page .nfl-pickem-meta {
		justify-items: start;
		text-align: left;
	}

	html.corporate-surface .play-page .franchise-identity {
		min-height: 218px;
		padding: 0.85rem;
	}

	html.corporate-surface .play-page .franchise-identity__monogram {
		font-size: 4.2rem;
	}

	html.corporate-surface .play-page .franchise-identity__copy strong {
		font-size: 1.18rem;
	}

	html.corporate-surface .play-page .nfl-team-pick {
		grid-template-columns: 50px minmax(0, 1fr);
		min-height: 78px;
	}

	html.corporate-surface .play-page .nfl-team-pick__logo {
		width: 50px;
		height: 50px;
	}

	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__header {
		display: grid;
	}

	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__status {
		justify-content: flex-start;
		max-width: none;
	}

	html.corporate-surface .arena-experience-narrative--play .play-command-side {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .arena-experience-strip {
		align-items: flex-start;
		width: 100%;
	}

	html.corporate-surface .arena-experience-strip small,
	html.corporate-surface .arena-experience-strip strong {
		max-width: calc(100vw - 128px);
	}

	html.corporate-surface .arena-dashboard-event-row {
		grid-template-columns: auto minmax(0, 1fr);
	}

	html.corporate-surface .arena-dashboard-event-row > div:last-child {
		grid-column: 2;
		text-align: left;
	}

	html.corporate-surface .arena-dashboard-mini-list {
		grid-template-columns: 1fr;
	}
}

/* Corporate mobile play cards: port the dense production matchup surface. */
@media (max-width: 767.98px) {
	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel {
		padding: 0.75rem;
	}

	html.corporate-surface .arena-experience-narrative--play .play-prediction-list {
		gap: 0.68rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card {
		gap: 0.55rem;
		padding: 0.72rem;
		border-radius: 18px;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-card-header {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-items: start;
		gap: 0.46rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .prediction-card__status-stack {
		gap: 0.38rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-status-chip,
	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-deadline-chip,
	html.corporate-surface .arena-experience-narrative--play .prediction-next-chip {
		min-height: 1.62rem !important;
		height: 1.62rem !important;
		padding-inline: 0.58rem !important;
		border-radius: 999px;
		font-size: 0.66rem !important;
		line-height: 1 !important;
		letter-spacing: 0;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-meta {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		width: fit-content;
		max-width: 100%;
		min-width: 0;
		padding: 0.38rem 0.64rem;
		border: 1px solid rgba(156, 163, 175, 0.13);
		border-radius: 999px;
		background:
			linear-gradient(180deg, rgba(245, 245, 244, 0.028), transparent 56%),
			rgba(5, 8, 22, 0.42);
		color: rgba(226, 232, 240, 0.68);
		font-size: 0.68rem;
		font-weight: 850;
		line-height: 1;
		white-space: nowrap;
		justify-self: start;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-meta .match-time {
		display: block;
		max-width: calc(100vw - 6.5rem);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-hero {
		grid-template-columns: minmax(0, 1fr) minmax(5.9rem, auto) minmax(0, 1fr) !important;
		grid-template-areas: none !important;
		align-items: center;
		gap: 0.42rem;
		min-height: 5.5rem;
		padding: 0.62rem;
		border-radius: 16px;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-team,
	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-team--away {
		grid-area: auto !important;
		flex-direction: column !important;
		justify-content: center !important;
		gap: 0.36rem;
		min-width: 0;
		padding: 0;
		text-align: center !important;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-team--away .match-team-flag {
		order: 0 !important;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-team-flag {
		width: 2.25rem !important;
		height: 2.25rem !important;
		min-width: 2.25rem !important;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-team-name {
		display: block !important;
		max-width: 100%;
		font-size: clamp(0.78rem, 3.6vw, 0.92rem) !important;
		line-height: 1.02 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-team-code {
		display: none;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control {
		grid-area: auto !important;
		width: auto;
		min-width: 0;
		padding-top: 0;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-native-save-form,
	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-score-box {
		width: auto;
		margin-inline: 0;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-native-save-form.prediction-controls--score {
		display: grid;
		grid-template-columns: minmax(5.9rem, auto);
		justify-items: center;
		gap: 0.42rem;
		width: auto;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-score-grid {
		grid-template-columns: minmax(2.25rem, 2.45rem) auto minmax(2.25rem, 2.45rem);
		gap: 0.34rem;
		min-width: 0;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-score-input {
		width: 2.45rem;
		height: 2.45rem;
		min-height: 2.45rem;
		border-radius: 12px;
		font-size: 0.98rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-score-tap-target {
		min-width: 2.75rem;
		min-height: 2.75rem;
		margin: -0.2rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-score-separator {
		min-width: 0.55rem;
		font-size: 0.82rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-readonly {
		width: auto;
		min-width: 5.9rem;
		min-height: 2.65rem;
		height: auto;
		margin-inline: 0;
		padding-inline: 0.72rem;
		border-radius: 14px;
		font-size: 0.78rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-native-save-btn {
		width: auto;
		min-width: 5.9rem;
		min-height: 1.88rem;
		padding: 0 0.66rem;
		border-radius: 999px;
		font-size: 0.68rem;
		font-weight: 900;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-native-save-form.has-save-success .prediction-native-save-btn {
		min-height: 1.88rem;
	}
}

@media (max-width: 380px) {
	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-hero {
		grid-template-columns: minmax(0, 1fr) minmax(5.35rem, auto) minmax(0, 1fr) !important;
		gap: 0.32rem;
		padding-inline: 0.48rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-native-save-form.prediction-controls--score {
		grid-template-columns: minmax(5.35rem, auto);
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-score-grid {
		grid-template-columns: 2.2rem auto 2.2rem;
		gap: 0.28rem;
	}

	html.corporate-surface .arena-experience-narrative--play .prediction-match-card .match-score-control .prediction-score-input {
		width: 2.2rem;
		height: 2.2rem;
		min-height: 2.2rem;
	}
}

html.has-bottom-nav.corporate-surface .arena-experience-narrative--play .arena-experience-content {
	padding-bottom: 5.75rem;
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .nfl-field-module {
		padding: 0.7rem;
	}

	html.corporate-surface .play-page .nfl-field {
		grid-template-columns: 1fr;
		min-height: auto;
		padding: 0.58rem;
	}

	html.corporate-surface .play-page .nfl-field__teams {
		grid-template-columns: 1fr;
		gap: 3.1rem;
		width: 100%;
	}

	html.corporate-surface .play-page .nfl-field .nfl-team-showcase,
	html.corporate-surface .play-page .nfl-field .franchise-identity {
		min-height: 218px;
	}

	html.corporate-surface .play-page .nfl-vs-badge {
		top: 50%;
		width: 48px;
		height: 48px;
	}

	html.corporate-surface .play-page .prediction-controls--nfl-pickem {
		padding-top: 0.65rem;
	}
}

/* Premium Product Expression Sprint 01: keep Play buttons and states consistent after corporate overrides. */
html.corporate-surface .play-page {
	--play-action-height: 52px;
	/* Keep every Play confirmation action on Arena's canonical pill geometry. */
	--play-action-radius: 999px;
	--play-action-padding-x: 22px;
	--play-action-transition: 180ms ease-out;
	--play-state-border: rgba(255, 255, 255, 0.14);
	--play-state-border-strong: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 46%, rgba(255, 255, 255, 0.16));
	--play-state-glow: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 18%, transparent);
}

html.corporate-surface .play-page .prediction-native-save-btn,
html.corporate-surface .play-page .champions-confirm-pick-btn,
html.corporate-surface .play-page .champions-save-pick-btn,
html.corporate-surface .play-page .mlb-save-decision-btn,
html.corporate-surface .play-page .player-matchup-save-btn,
html.corporate-surface .play-page .f1-save-pick-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: var(--play-action-height);
	padding: 0 var(--play-action-padding-x);
	border-radius: var(--play-action-radius);
	font-size: 0.82rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	box-shadow:
		0 12px 24px rgba(0, 0, 0, 0.2),
		0 0 0 1px rgba(255, 255, 255, 0.035) inset;
	transition:
		transform var(--play-action-transition),
		border-color var(--play-action-transition),
		background var(--play-action-transition),
		box-shadow var(--play-action-transition),
		color var(--play-action-transition),
		opacity var(--play-action-transition);
}

html.corporate-surface .play-page .prediction-native-save-btn,
html.corporate-surface .play-page .champions-confirm-pick-btn,
html.corporate-surface .play-page .f1-save-pick-btn {
	border-color: var(--play-state-border-strong);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.074), rgba(255, 255, 255, 0.024)),
		color-mix(in srgb, var(--sponsor-primary, #35d0e2) 13%, rgba(4, 12, 22, 0.9));
	color: var(--text-primary, #f8fafc);
}

html.corporate-surface .play-page .btn-secondary-soft:not(.prediction-native-save-btn):not(.champions-confirm-pick-btn):not(.f1-save-pick-btn) {
	min-height: 40px;
	padding: 0 16px;
	border-color: var(--play-state-border);
	border-radius: var(--play-action-radius);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.016)),
		rgba(255, 255, 255, 0.042);
	color: color-mix(in srgb, var(--text-primary, #f8fafc) 82%, var(--text-muted, #94a3b8));
	font-size: 0.76rem;
	font-weight: 850;
	text-transform: uppercase;
	opacity: 0.88;
	box-shadow: none;
	transition:
		transform var(--play-action-transition),
		border-color var(--play-action-transition),
		background var(--play-action-transition),
		box-shadow var(--play-action-transition),
		color var(--play-action-transition),
		opacity var(--play-action-transition);
}

@media (hover: hover) {
	html.corporate-surface .play-page .prediction-native-save-btn:not(:disabled):hover,
	html.corporate-surface .play-page .champions-confirm-pick-btn:not(:disabled):hover,
	html.corporate-surface .play-page .f1-save-pick-btn:not(:disabled):hover {
		transform: translateY(-1px) scale(1.005);
		border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 58%, rgba(255, 255, 255, 0.18));
		box-shadow:
			0 16px 32px rgba(0, 0, 0, 0.24),
			0 0 20px var(--play-state-glow),
			0 0 0 1px rgba(255, 255, 255, 0.045) inset;
	}
}

html.corporate-surface .play-page .prediction-native-save-btn:not(:disabled):active,
html.corporate-surface .play-page .champions-confirm-pick-btn:not(:disabled):active,
html.corporate-surface .play-page .f1-save-pick-btn:not(:disabled):active,
html.corporate-surface .play-page .btn-secondary-soft:not(:disabled):active {
	transform: translateY(0) scale(0.99);
}

/* MLB desktop field recovery: keep the wide matchup band reading as a ballpark. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .mlb-decision-card__matchup {
		background:
			radial-gradient(ellipse 46% 70% at 50% 54%, rgba(30, 118, 78, 0.42), transparent 58%),
			radial-gradient(ellipse 70% 44% at 50% 100%, rgba(11, 42, 34, 0.46), transparent 70%),
			linear-gradient(45deg, transparent 49%, rgba(236, 253, 245, 0.1) 50%, transparent 51%),
			linear-gradient(-45deg, transparent 49%, rgba(236, 253, 245, 0.09) 50%, transparent 51%),
			linear-gradient(135deg, rgba(15, 72, 50, 0.98), rgba(13, 76, 52, 0.96) 48%, rgba(8, 34, 31, 0.98)) !important;
		background-position: center !important;
		background-size: 100% 100%, 100% 100%, 240px 240px, 240px 240px, 100% 100% !important;
		isolation: isolate !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup::before {
		border-color: rgba(236, 253, 245, 0.16) !important;
		opacity: 0.34 !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup::after {
		border-color: rgba(236, 253, 245, 0.18) !important;
		opacity: 0.28 !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond::before {
		border-color: rgba(236, 253, 245, 0.2) !important;
		opacity: 0.44 !important;
	}

	html.corporate-surface .play-page .mlb-team-panel {
		background: var(--surface-material-layer) !important;
		isolation: isolate !important;
		mix-blend-mode: normal !important;
		opacity: 1 !important;
	}

	html.corporate-surface .play-page .mlb-team-panel.is-selected,
	html.corporate-surface .play-page .mlb-team-panel--choice.is-selected,
	html.corporate-surface .play-page .mlb-team-panel--choice:has(input:checked) {
		background: var(--surface-material-layer) !important;
		mix-blend-mode: normal !important;
		opacity: 1 !important;
	}
}

html.corporate-surface .play-page button:disabled,
html.corporate-surface .play-page [aria-disabled="true"],
html.corporate-surface .play-page .champions-select-outcome-btn:disabled,
html.corporate-surface .play-page .f1-save-pick-btn:disabled {
	border-color: rgba(255, 255, 255, 0.09);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.012)),
		rgba(255, 255, 255, 0.032);
	color: color-mix(in srgb, var(--text-muted, #94a3b8) 74%, transparent);
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.66;
	transform: none;
}

html.corporate-surface .play-page .prediction-status-badge,
html.corporate-surface .play-page .match-status-chip,
html.corporate-surface .play-page .mlb-decision-state-chip,
html.corporate-surface .play-page .player-matchup-state-chip,
html.corporate-surface .play-page .nfl-pick-action__status,
html.corporate-surface .play-page .nfl-pick-action__passive,
html.corporate-surface .play-page .champions-pick-action__status,
html.corporate-surface .play-page .mlb-pick-action__status,
html.corporate-surface .play-page .player-matchup-action__status {
	border-color: var(--play-state-border);
	background: rgba(255, 255, 255, 0.052);
	color: color-mix(in srgb, var(--text-primary, #f8fafc) 84%, var(--text-muted, #94a3b8));
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.025) inset;
}

html.corporate-surface .play-page .prediction-status-badge.is-saved,
html.corporate-surface .play-page .match-status-chip.is-saved,
html.corporate-surface .play-page .mlb-decision-state-chip.is-saved,
html.corporate-surface .play-page .player-matchup-state-chip.is-saved,
html.corporate-surface .play-page .nfl-pick-action__status,
html.corporate-surface .play-page .champions-pick-action__status,
html.corporate-surface .play-page .mlb-pick-action__status,
html.corporate-surface .play-page .player-matchup-action__status {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 36%, rgba(255, 255, 255, 0.16));
	background: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 10%, rgba(255, 255, 255, 0.05));
	color: var(--text-primary, #f8fafc);
}

html.corporate-surface .play-page .mlb-team-panel,
html.corporate-surface .play-page .player-panel,
html.corporate-surface .play-page .nfl-team-showcase,
html.corporate-surface .play-page .champions-pitch-module .club-tile,
html.corporate-surface .play-page .champions-draw-choice,
html.corporate-surface .play-page .f1-selector-trigger,
html.corporate-surface .play-page .f1-selector-option,
html.corporate-surface .play-page .prediction-select-shell {
	transition:
		transform var(--play-action-transition),
		border-color var(--play-action-transition),
		background var(--play-action-transition),
		box-shadow var(--play-action-transition),
		filter var(--play-action-transition),
		opacity var(--play-action-transition);
}

html.corporate-surface .play-page .mlb-team-panel.is-selected,
html.corporate-surface .play-page .mlb-team-panel--choice:has(input:checked),
html.corporate-surface .play-page .player-panel.is-selected,
html.corporate-surface .play-page .player-panel--choice:has(input:checked),
html.corporate-surface .play-page .nfl-team-showcase.is-selected,
html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked),
html.corporate-surface .play-page .champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked),
html.corporate-surface .play-page .champions-pitch-module .club-tile.champions-outcome-choice.is-selected,
html.corporate-surface .play-page .champions-draw-choice:has(input:checked),
html.corporate-surface .play-page .champions-draw-choice.is-selected,
html.corporate-surface .play-page .f1-custom-selector.is-selected .f1-selector-trigger,
html.corporate-surface .play-page .f1-selector-option.is-selected,
html.corporate-surface .play-page .prediction-select-shell.has-value {
	transform: translateY(-2px);
	border-color: var(--play-state-border-strong);
	box-shadow:
		0 16px 34px rgba(0, 0, 0, 0.24),
		0 0 22px var(--play-state-glow),
		0 0 0 1px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 14%, transparent) inset;
	filter: saturate(1.03) brightness(1.035);
}

/* Premium Polish Sprint: final corporate Play visual rhythm. */
html.corporate-surface .play-page {
	--play-polish-ease: 180ms ease-out;
	--play-polish-line: rgba(226, 232, 240, 0.18);
	--play-polish-line-strong: rgba(226, 232, 240, 0.28);
	--play-polish-muted: color-mix(in srgb, var(--text-muted, #94a3b8) 88%, transparent);
	--play-polish-ink: color-mix(in srgb, var(--text-primary, #f8fafc) 94%, #ffffff);
}

html.corporate-surface .arena-experience-narrative--play .play-predictions-panel {
	padding: 1.15rem;
}

html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__header,
html.corporate-surface .play-page .prediction-group-header,
html.corporate-surface .play-page .match-card-header,
html.corporate-surface .play-page .player-matchup-card__header,
html.corporate-surface .play-page .mlb-decision-card__header,
html.corporate-surface .play-page .f1-active-race-header {
	gap: 0.9rem;
	margin-bottom: 0.85rem;
}

html.corporate-surface .arena-experience-narrative--play .play-prediction-list {
	gap: 1rem;
}

html.corporate-surface .play-page .play-predictions-panel__header h2,
html.corporate-surface .play-page .prediction-group-title,
html.corporate-surface .play-page .player-matchup-card__title,
html.corporate-surface .play-page .nfl-field-module__matchup,
html.corporate-surface .play-page .f1-active-race-header h3,
html.corporate-surface .play-page .f1-paddock-copy h3 {
	color: var(--play-polish-ink);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.04;
	text-shadow: none;
}

html.corporate-surface .play-page .play-predictions-panel__header h2,
html.corporate-surface .play-page .prediction-group-title {
	margin: 0;
	font-size: 1.18rem;
}

html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__header p:not(.corporate-section-eyebrow),
html.corporate-surface .play-page .prediction-group-header p:not(.corporate-section-eyebrow),
html.corporate-surface .play-page .match-meta,
html.corporate-surface .play-page .nfl-pickem-meta,
html.corporate-surface .play-page .mlb-meta-item,
html.corporate-surface .play-page .mlb-meta-pill,
html.corporate-surface .play-page .player-matchup-meta-pill,
html.corporate-surface .play-page .f1-ordered-selector-panel__header span,
html.corporate-surface .play-page .f1-selector-trigger small,
html.corporate-surface .play-page .franchise-identity__copy em,
html.corporate-surface .play-page .club-identity__copy small,
html.corporate-surface .play-page .mlb-team-panel__name,
html.corporate-surface .play-page .player-panel__meta {
	color: var(--play-polish-muted);
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.18;
	text-shadow: none;
}

html.corporate-surface .play-page .corporate-section-eyebrow,
html.corporate-surface .play-page .prediction-status-badge,
html.corporate-surface .play-page .match-status-chip,
html.corporate-surface .play-page .match-deadline-chip,
html.corporate-surface .play-page .prediction-next-chip,
html.corporate-surface .play-page .mlb-meta-pill small,
html.corporate-surface .play-page .player-matchup-meta-pill small,
html.corporate-surface .play-page .franchise-identity__side,
html.corporate-surface .play-page .club-identity__side,
html.corporate-surface .play-page .champions-outcome-choice__state,
html.corporate-surface .play-page .mlb-team-panel__pick-state,
html.corporate-surface .play-page .player-panel__pick-state {
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1;
	text-transform: uppercase;
}

html.corporate-surface .play-page .prediction-match-card,
html.corporate-surface .play-page .f1-race-collapsed-card,
html.corporate-surface .play-page .mlb-decision-card,
html.corporate-surface .play-page .player-matchup-card,
html.corporate-surface .play-page .nfl-field-module,
html.corporate-surface .play-page .champions-pitch-module,
html.corporate-surface .play-page .f1-race-event-card {
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.22),
		0 0 0 1px rgba(255, 255, 255, 0.026) inset;
}

html.corporate-surface .play-page .match-hero,
html.corporate-surface .play-page .nfl-field,
html.corporate-surface .play-page .champions-pitch-surface,
html.corporate-surface .play-page .mlb-decision-card__matchup,
html.corporate-surface .play-page .player-matchup-card__matchup,
html.corporate-surface .play-page .f1-ordered-selector-panel,
html.corporate-surface .play-page .f1-starting-grid-preview,
html.corporate-surface .play-page .f1-race-collapsed-card__grid-mark {
	border-color: var(--play-polish-line);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.026);
}

html.corporate-surface .play-page .player-matchup-card__matchup {
	position: relative;
}

html.corporate-surface .play-page .player-matchup-card::before {
	background: radial-gradient(ellipse at 50% 50%, rgba(216, 183, 106, 0.08), transparent 58%);
	opacity: 0.42;
}

html.corporate-surface .play-page .champions-pitch__field-border,
html.corporate-surface .play-page .champions-pitch__center-circle,
html.corporate-surface .play-page .champions-pitch__box,
html.corporate-surface .play-page .champions-pitch__small-box,
html.corporate-surface .play-page .champions-pitch__arc,
html.corporate-surface .play-page .champions-pitch__corner,
html.corporate-surface .play-page .player-matchup-court__baseline,
html.corporate-surface .play-page .player-matchup-court__service,
html.corporate-surface .play-page .player-matchup-court__sideline,
html.corporate-surface .play-page .player-matchup-court__center-mark {
	border-color: var(--play-polish-line-strong);
	box-shadow: none;
	opacity: 0.72;
}

html.corporate-surface .play-page .champions-pitch__midline,
html.corporate-surface .play-page .player-matchup-court__center-line,
html.corporate-surface .play-page .player-matchup-court__net,
html.corporate-surface .play-page .nfl-field__yard-line,
html.corporate-surface .play-page .nfl-field__hash,
html.corporate-surface .play-page .f1-starting-grid-preview span,
html.corporate-surface .play-page .f1-race-collapsed-card__grid-mark span {
	background-color: var(--play-polish-line-strong);
	box-shadow: none;
	opacity: 0.72;
}

html.corporate-surface .play-page .champions-pitch-surface,
html.corporate-surface .play-page .nfl-field,
html.corporate-surface .play-page .nfl-field-surface,
html.corporate-surface .play-page .player-matchup-court,
html.corporate-surface .play-page .mlb-matchup-diamond span,
html.corporate-surface .play-page .f1-ordered-selector-panel {
	filter: saturate(0.94) contrast(0.98);
}

html.corporate-surface .play-page .champions-pitch-surface::before,
html.corporate-surface .play-page .nfl-field-surface::after,
html.corporate-surface .play-page .mlb-matchup-diamond::before,
html.corporate-surface .play-page .mlb-matchup-diamond::after,
html.corporate-surface .play-page .f1-starting-grid-builder::before,
html.corporate-surface .play-page .f1-starting-grid-builder::after {
	opacity: 0.32;
}

html.corporate-surface .play-page .mlb-matchup-diamond span,
html.corporate-surface .play-page .player-matchup-vs span,
html.corporate-surface .play-page .champions-pitch__vs-marker,
html.corporate-surface .play-page .nfl-vs-badge,
html.corporate-surface .play-page .kickoff-marker,
html.corporate-surface .play-page .f1-selector-trigger__slot {
	border-color: var(--play-polish-line-strong);
	background: rgba(3, 8, 17, 0.64);
	color: var(--play-polish-ink);
	box-shadow:
		0 8px 20px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.026) inset;
}

html.corporate-surface .play-page .mlb-team-panel,
html.corporate-surface .play-page .player-panel,
html.corporate-surface .play-page .nfl-team-showcase,
html.corporate-surface .play-page .champions-pitch-module .club-tile,
html.corporate-surface .play-page .f1-selector-trigger,
html.corporate-surface .play-page .f1-selector-option,
html.corporate-surface .play-page .prediction-score-input,
html.corporate-surface .play-page .prediction-result-select {
	transition:
		transform var(--play-polish-ease),
		border-color var(--play-polish-ease),
		background var(--play-polish-ease),
		box-shadow var(--play-polish-ease),
		filter var(--play-polish-ease),
		opacity var(--play-polish-ease);
}

@media (hover: hover) {
	html.corporate-surface .play-page .mlb-team-panel--choice:hover,
	html.corporate-surface .play-page .player-panel--choice:hover,
	html.corporate-surface .play-page .nfl-team-choice:hover,
	html.corporate-surface .play-page .champions-outcome-choice:hover,
	html.corporate-surface .play-page .f1-selector-trigger:hover,
	html.corporate-surface .play-page .f1-selector-option:not(:disabled):hover {
		transform: translateY(-1px);
		border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 34%, rgba(255, 255, 255, 0.16));
		box-shadow:
			0 14px 28px rgba(0, 0, 0, 0.2),
			0 0 16px color-mix(in srgb, var(--sponsor-primary, #35d0e2) 8%, transparent);
	}
}

/* The draw pill is absolutely centered; preserve that transform on hover. */
@media (hover: hover) {
	html.corporate-surface .play-page .champions-draw-choice.champions-outcome-choice:hover {
		transform: translate(-50%, -50%);
	}

	html.corporate-surface .play-page .champions-draw-choice.champions-outcome-choice:is(.is-selected, :has(input:checked)):hover {
		transform: translate(-50%, calc(-50% - 2px));
	}
}

/* Arena Header System v1: corporate command surface authority. */
html.corporate-surface .play-page .arena-command-plate {
	border-color: color-mix(in srgb, var(--sponsor-primary, #35d0e2) 16%, rgba(255, 255, 255, 0.1));
	box-shadow:
		0 22px 64px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.028) inset;
}

html.corporate-surface .play-page .arena-command-plate__story {
	border-color: rgba(255, 255, 255, 0.07);
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.022), transparent 62%),
		rgba(255, 255, 255, 0.01);
}

html.corporate-surface .play-page .arena-command-plate__primary {
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.2),
		0 0 0 1px rgba(255, 255, 255, 0.024) inset;
}

/* Responsive Sprint 02: critical Play mobile containment. */
@media (max-width: 575.98px) {
	html.corporate-surface:has(.play-page),
	html.corporate-surface body:has(.play-page) {
		max-width: 100%;
	}

	html.corporate-surface body:has(.play-page) .app-shell,
	html.corporate-surface body:has(.play-page) .main-shell,
	html.corporate-surface body:has(.play-page) .page-container,
	html.corporate-surface .play-page,
	html.corporate-surface .arena-experience-narrative--play,
	html.corporate-surface .arena-experience-narrative--play .arena-experience-content,
	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel,
	html.corporate-surface .play-page .play-prediction-group,
	html.corporate-surface .play-page .play-prediction-list,
	html.corporate-surface .play-page .prediction-card,
	html.corporate-surface .play-page .prediction-match-card,
	html.corporate-surface .play-page .prediction-controls,
	html.corporate-surface .play-page .prediction-native-save-form,
	html.corporate-surface .play-page .match-card-header,
	html.corporate-surface .play-page .prediction-card__topline,
	html.corporate-surface .play-page .prediction-card__status-stack,
	html.corporate-surface .play-page .match-meta,
	html.corporate-surface .play-page .match-hero,
	html.corporate-surface .play-page .champions-pitch-module,
	html.corporate-surface .play-page .champions-pitch-surface,
	html.corporate-surface .play-page .nfl-field-module,
	html.corporate-surface .play-page .nfl-field,
	html.corporate-surface .play-page .nfl-field-stage,
	html.corporate-surface .play-page .nfl-field-surface,
	html.corporate-surface .play-page .mlb-decision-card,
	html.corporate-surface .play-page .mlb-decision-card__header,
	html.corporate-surface .play-page .mlb-decision-card__meta-row,
	html.corporate-surface .play-page .mlb-decision-card__matchup,
	html.corporate-surface .play-page .mlb-decision-card__context-row,
	html.corporate-surface .play-page .player-matchup-card,
	html.corporate-surface .play-page .player-matchup-card__header,
	html.corporate-surface .play-page .player-matchup-card__matchup,
	html.corporate-surface .play-page .f1-race-event-card,
	html.corporate-surface .play-page .f1-active-race-header,
	html.corporate-surface .play-page .f1-ordered-form,
	html.corporate-surface .play-page .f1-ordered-selector-panel,
	html.corporate-surface .play-page .f1-selector-group,
	html.corporate-surface .play-page .f1-podium-selector-stack,
	html.corporate-surface .play-page .f1-custom-selector,
	html.corporate-surface .play-page .f1-selector-trigger,
	html.corporate-surface .play-page .f1-ordered-actions {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
	}

	html.corporate-surface body:has(.play-page) .page-container {
		width: calc(100% - 16px);
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	html.corporate-surface .play-page h1,
	html.corporate-surface .play-page h2,
	html.corporate-surface .play-page h3,
	html.corporate-surface .play-page p,
	html.corporate-surface .play-page small,
	html.corporate-surface .play-page strong,
	html.corporate-surface .play-page span,
	html.corporate-surface .play-page dt,
	html.corporate-surface .play-page dd {
		overflow-wrap: anywhere;
	}

	html.corporate-surface .bottom-nav[data-body-portal="true"] {
		right: max(8px, env(safe-area-inset-right, 0px));
		left: max(8px, env(safe-area-inset-left, 0px));
		grid-template-columns: repeat(4, minmax(0, 1fr));
		width: auto;
		max-width: calc(100vw - 16px);
		padding: 6px;
		overflow: hidden;
	}

	html.corporate-surface .bottom-nav__item {
		min-width: 0;
		font-size: 0.58rem;
	}

	html.corporate-surface .bottom-nav__item span {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .arena-command-plate {
		width: 100%;
		padding: 0.72rem;
	}

	html.corporate-surface .play-page .arena-command-plate__arrival {
		gap: 0.74rem;
		padding: 0.95rem 0.82rem 0.78rem;
	}

	html.corporate-surface .play-page .arena-command-plate__story {
		gap: 0.74rem;
		padding: 0.78rem 0.82rem 0.88rem;
	}

	html.corporate-surface .play-page .arena-command-plate h1 {
		max-width: min(100%, 10ch);
		font-size: 1.88rem;
		line-height: 1;
		white-space: normal !important;
	}

	html.corporate-surface .play-page .arena-command-plate__status-spine {
		gap: 0.38rem;
	}

	html.corporate-surface .play-page .arena-command-plate__signals div,
	html.corporate-surface .play-page .arena-command-plate__signals div:not(:first-child) {
		padding: 0.56rem 0;
	}

	html.corporate-surface .play-page .arena-command-plate__signals dd {
		font-size: 0.8rem;
	}

	html.corporate-surface .play-page .arena-command-plate__action {
		padding-top: 0.72rem;
	}

	html.corporate-surface .play-page .arena-command-plate__primary {
		min-height: 48px;
	}

	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel {
		padding: 0.82rem;
	}

	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__status,
	html.corporate-surface .play-page .prediction-card__status-stack {
		display: flex;
		flex-wrap: nowrap;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__status::-webkit-scrollbar,
	html.corporate-surface .play-page .prediction-card__status-stack::-webkit-scrollbar {
		display: none;
	}

	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel__status > *,
	html.corporate-surface .play-page .prediction-card__status-stack > * {
		flex: 0 0 auto;
	}

	html.corporate-surface .play-page .prediction-match-card,
	html.corporate-surface .play-page .mlb-decision-card,
	html.corporate-surface .play-page .player-matchup-card,
	html.corporate-surface .play-page .nfl-field-module,
	html.corporate-surface .play-page .champions-pitch-module,
	html.corporate-surface .play-page .f1-race-event-card {
		width: 100%;
		overflow: hidden;
	}

	html.corporate-surface .play-page .match-card-header,
	html.corporate-surface .play-page .prediction-card__topline {
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
	}

	html.corporate-surface .play-page .prediction-card__status-stack,
	html.corporate-surface .play-page .match-meta {
		width: 100%;
		justify-content: flex-start;
	}

	html.corporate-surface .play-page .match-hero {
		overflow: hidden;
	}

	html.corporate-surface .play-page .match-team,
	html.corporate-surface .play-page .match-team-copy,
	html.corporate-surface .play-page .match-team-name,
	html.corporate-surface .play-page .match-team-code {
		min-width: 0;
		max-width: 100%;
	}

	html.corporate-surface .play-page .match-team-name {
		white-space: normal;
	}

	html.corporate-surface .play-page .champions-pitch-module {
		padding: 0.72rem;
	}

	html.corporate-surface .play-page .champions-pitch-surface {
		width: 100%;
		min-width: 0;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field {
		padding: 0.44rem;
		overflow: hidden;
	}

	html.corporate-surface .play-page .nfl-field-stage {
		grid-template-columns: minmax(70px, 29%) minmax(86px, 1fr) minmax(70px, 29%);
		width: 100%;
		overflow: hidden;
	}

	html.corporate-surface .play-page .nfl-field-surface {
		min-height: 116px;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		min-height: 116px !important;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		grid-template-rows: auto minmax(22px, 1fr) auto;
		padding: 0.38rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__monogram {
		font-size: 1.46rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy strong {
		font-size: 0.64rem;
		line-height: 1.05;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy small,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy em {
		font-size: 0.46rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__state {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	html.corporate-surface .play-page .nfl-game-field .kickoff-marker,
	html.corporate-surface .play-page .nfl-game-field .nfl-kickoff-marker {
		width: 22px;
		height: 22px;
		font-size: 0.42rem;
	}

	html.corporate-surface .play-page .prediction-controls--nfl-pickem,
	html.corporate-surface .play-page .nfl-pick-action__controls,
	html.corporate-surface .play-page .nfl-pick-action__confirmed {
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
	}

	html.corporate-surface .play-page .mlb-decision-card__header {
		padding: 0.82rem;
	}

	html.corporate-surface .play-page .mlb-decision-card__meta-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup,
	html.corporate-surface .play-page .mlb-decision-card__context-row {
		margin-inline: 0.82rem;
	}

	html.corporate-surface .play-page .mlb-team-panel,
	html.corporate-surface .play-page .mlb-team-panel--home {
		min-width: 0;
		clip-path: none;
	}

	html.corporate-surface .play-page .mlb-team-panel__identity,
	html.corporate-surface .play-page .mlb-team-panel__name {
		min-width: 0;
		max-width: 100%;
	}

	html.corporate-surface .play-page .mlb-team-panel__name {
		white-space: normal;
	}

	html.corporate-surface .play-page .mlb-decision-card__decision {
		margin-inline: 0.82rem;
	}

	html.corporate-surface .play-page .mlb-save-decision-btn {
		width: 100%;
	}

	html.corporate-surface .play-page .player-matchup-card__header {
		padding: 0.78rem 0.78rem 0;
	}

	html.corporate-surface .play-page .player-matchup-card__meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.42rem;
	}

	html.corporate-surface .play-page .player-matchup-card__title {
		padding: 0.78rem 0.78rem 0.35rem;
		font-size: 1.52rem;
		white-space: normal;
	}

	html.corporate-surface .play-page .player-matchup-card__matchup {
		margin: 0.78rem;
		padding: 0.72rem;
	}

	html.corporate-surface .play-page .player-panel {
		min-height: 198px;
		padding: 0.72rem;
	}

	html.corporate-surface .play-page .player-panel__portrait {
		width: min(100%, 88px);
	}

	html.corporate-surface .play-page .player-panel__identity strong {
		font-size: 1.62rem;
	}

	html.corporate-surface .play-page .player-matchup-vs {
		min-height: 42px;
	}

	html.corporate-surface .play-page .player-matchup-vs span {
		width: 44px;
	}

	html.corporate-surface .play-page .player-matchup-card__decision {
		padding: 0 0.78rem 0.82rem;
	}

	html.corporate-surface .play-page .player-matchup-save-btn {
		width: 100%;
	}

	html.corporate-surface .play-page .f1-active-race-header {
		grid-template-columns: minmax(0, 1fr);
		padding: 0.72rem;
	}

	html.corporate-surface .play-page .f1-active-race-header__copy h3 {
		font-size: 1.58rem;
		line-height: 1;
	}

	html.corporate-surface .play-page .f1-active-race-header__copy p {
		font-size: 0.74rem;
		line-height: 1.25;
	}

	html.corporate-surface .play-page .f1-starting-grid-preview {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100%;
		padding: 0.36rem;
	}

	html.corporate-surface .play-page .f1-starting-grid-preview span {
		min-height: 18px;
	}

	html.corporate-surface .play-page .f1-starting-grid-preview span:nth-child(even) {
		transform: none;
	}

	html.corporate-surface .play-page .f1-ordered-form {
		gap: 0.72rem;
	}

	html.corporate-surface .play-page .f1-ordered-selector-panel {
		gap: 0.72rem;
		padding: 0.72rem;
	}

	html.corporate-surface .play-page .f1-starting-grid-builder::before {
		inset: 0.5rem;
	}

	html.corporate-surface .play-page .f1-starting-grid-builder::after {
		display: none;
	}

	html.corporate-surface .play-page .f1-ordered-selector-panel__header {
		align-items: flex-start;
	}

	html.corporate-surface .play-page .f1-podium-selector-stack {
		grid-template-columns: minmax(0, 1fr);
	}

	html.corporate-surface .play-page .f1-selector-trigger {
		grid-template-columns: minmax(32px, auto) minmax(0, 1fr) auto;
		min-height: 54px;
		padding: 0.54rem 0.58rem;
	}

	html.corporate-surface .play-page .f1-selector-trigger__slot {
		min-width: 30px;
		height: 30px;
	}

	html.corporate-surface .play-page .f1-selector-trigger strong,
	html.corporate-surface .play-page .f1-selector-trigger small,
	html.corporate-surface .play-page .f1-selector-constructor-heading,
	html.corporate-surface .play-page .f1-selector-option strong,
	html.corporate-surface .play-page .f1-selector-option small {
		min-width: 0;
	}

	html.corporate-surface .play-page .f1-selector-menu {
		top: 72px;
		width: calc(100vw - 1rem);
		max-height: calc(100vh - 104px);
		grid-template-columns: minmax(0, 1fr);
		padding: 0.56rem;
	}

	html.corporate-surface .play-page .f1-ordered-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.58rem;
	}

	html.corporate-surface .play-page .f1-save-pick-btn {
		width: 100%;
	}
}

/* Mobile Play System Sprint 01: final Team Matchup mobile grammar overrides. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page .football-head-to-head-event-card,
	html.corporate-surface .play-page .nfl-field-module,
	html.corporate-surface .play-page .mlb-decision-card,
	html.corporate-surface .play-page .champions-pitch-module {
		gap: 0.74rem;
		padding: 0.72rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-card-header,
	html.corporate-surface .play-page .nfl-field-module__header,
	html.corporate-surface .play-page .mlb-decision-card__header,
	html.corporate-surface .play-page .champions-match-card__header {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.46rem;
		margin: 0;
		padding: 0;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-card__status-stack,
	html.corporate-surface .play-page .nfl-field-module__header .prediction-card__status-stack,
	html.corporate-surface .play-page .champions-match-card__header .prediction-card__status-stack {
		order: 2;
		flex-wrap: wrap;
		overflow: visible;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-meta,
	html.corporate-surface .play-page .nfl-pickem-meta,
	html.corporate-surface .play-page .champions-match-card__meta {
		order: 1;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 0.34rem 0.55rem;
		text-align: left;
		white-space: normal;
	}

	html.corporate-surface .play-page .match-status-chip,
	html.corporate-surface .play-page .match-deadline-chip,
	html.corporate-surface .play-page .prediction-next-chip,
	html.corporate-surface .play-page .mlb-meta-status,
	html.corporate-surface .play-page .mlb-meta-pill {
		min-height: 24px !important;
		padding: 0 0.55rem !important;
		font-size: 0.58rem !important;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero {
		position: relative;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"home"
			"away"
			"control";
		gap: 0.58rem;
		padding: 0.62rem;
		border-radius: 8px;
		background:
			linear-gradient(90deg, rgba(255, 255, 255, 0.026), transparent 48%, rgba(255, 255, 255, 0.018)),
			rgba(3, 10, 19, 0.64);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero::before {
		content: "";
		position: absolute;
		inset: 0.62rem;
		border: 1px solid rgba(226, 232, 240, 0.13);
		border-radius: 6px;
		background:
			linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(226, 232, 240, 0.16) calc(50% - 0.5px), rgba(226, 232, 240, 0.16) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
			radial-gradient(circle at 50% 50%, transparent 0 22px, rgba(226, 232, 240, 0.14) 23px 24px, transparent 25px);
		pointer-events: none;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team {
		position: relative;
		z-index: 1;
		flex-direction: row !important;
		align-items: center;
		justify-content: flex-start !important;
		min-height: 70px;
		padding: 0.58rem;
		border: 1px solid rgba(226, 232, 240, 0.12);
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.04);
		text-align: left !important;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team,
	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-copy,
	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control,
	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-score-grid {
		min-width: 0;
		max-width: 100%;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team--away {
		grid-area: away;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-name {
		display: block;
		font-size: 0.82rem !important;
		line-height: 1.08 !important;
		-webkit-line-clamp: unset;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-code {
		display: block;
		font-size: 0.58rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-flag {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control {
		position: relative;
		z-index: 1;
		grid-area: control;
		width: 100%;
		padding-top: 0.16rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control .prediction-native-save-form,
	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control .prediction-score-box,
	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control .prediction-select-shell,
	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control .prediction-native-save-btn,
	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control .prediction-readonly {
		width: 100%;
		min-width: 0;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control .prediction-native-save-form.prediction-controls--result,
	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control .prediction-native-save-form.prediction-controls--score {
		grid-template-columns: minmax(0, 1fr);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-score-grid {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-areas:
			"home away"
			"field field"
			"control control" !important;
		gap: 0.58rem;
		padding: 0.62rem;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero::before,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero::before {
		content: "";
		grid-area: field !important;
		position: relative;
		inset: auto;
		display: block;
		min-height: 66px;
		border: 1px solid rgba(226, 232, 240, 0.14);
		border-radius: 8px;
		background:
			linear-gradient(45deg, transparent calc(50% - 1px), rgba(226, 232, 240, 0.16) calc(50% - 1px), rgba(226, 232, 240, 0.16) calc(50% + 1px), transparent calc(50% + 1px)),
			linear-gradient(-45deg, transparent calc(50% - 1px), rgba(226, 232, 240, 0.12) calc(50% - 1px), rgba(226, 232, 240, 0.12) calc(50% + 1px), transparent calc(50% + 1px)),
			color-mix(in srgb, var(--mlb-theme-field, #132033) 56%, rgba(3, 10, 19, 0.74));
		pointer-events: none;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-team,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-team {
		min-height: 88px;
		justify-content: center !important;
		padding: 0.62rem 0.48rem;
		text-align: center !important;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-team--home,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-team--home {
		grid-area: home !important;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-team--away,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-team--away {
		grid-area: away !important;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-team-copy,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-team-copy {
		align-items: center;
		text-align: center;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-score-control,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-score-control {
		grid-area: control !important;
		padding-top: 0;
	}

	html.corporate-surface .play-page .nfl-field-module__matchup,
	html.corporate-surface .play-page .champions-match-card__matchup {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		gap: 0.42rem;
		margin: 0;
		padding: 0.15rem 0;
		font-size: clamp(1.28rem, 7vw, 1.72rem);
		line-height: 1;
		text-align: center;
	}

	html.corporate-surface .play-page .nfl-field-module__matchup span,
	html.corporate-surface .play-page .champions-match-card__matchup span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field {
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface .play-page .nfl-field-stage {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"away"
			"home"
			"field";
		gap: 0.58rem;
		overflow: visible;
	}

	html.corporate-surface .play-page .nfl-team-showcase--away {
		grid-area: away;
	}

	html.corporate-surface .play-page .nfl-team-showcase--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .nfl-field-surface {
		grid-area: field;
		min-height: 72px;
		border: 1px solid rgba(226, 232, 240, 0.16);
		border-radius: 8px;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		min-height: 86px !important;
		border-radius: 8px;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		grid-template-columns: minmax(3.1rem, auto) minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: center;
		gap: 0.28rem;
		padding: 0.54rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__side {
		display: inline-flex;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__header,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy {
		min-width: 0;
		max-width: 100%;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__header {
		grid-column: 1 / -1;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__state {
		max-width: 100%;
		min-height: 20px;
		padding: 0.16rem 0.34rem;
		font-size: 0.48rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__monogram {
		grid-column: 1;
		grid-row: 2;
		font-size: clamp(1.62rem, 8vw, 2.15rem);
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy {
		grid-column: 2;
		grid-row: 2;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy strong {
		display: block;
		font-size: 0.74rem;
		line-height: 1.06;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number {
		display: none;
	}

	html.corporate-surface .play-page .nfl-game-field .kickoff-marker,
	html.corporate-surface .play-page .nfl-game-field .nfl-kickoff-marker {
		width: 30px;
		height: 30px;
		font-size: 0.5rem;
	}

	html.corporate-surface .play-page .prediction-controls--nfl-pickem,
	html.corporate-surface .play-page .nfl-pick-action__controls,
	html.corporate-surface .play-page .nfl-pick-action__confirmed {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.52rem;
		width: 100%;
		padding-top: 0.08rem;
		border-top: 0;
	}

	html.corporate-surface .play-page .mlb-decision-card__header {
		padding: 0;
	}

	html.corporate-surface .play-page .mlb-decision-card__meta-row {
		display: flex;
		flex-wrap: wrap;
		gap: 0.38rem;
		padding: 0;
	}

	html.corporate-surface .play-page .mlb-meta-item {
		min-width: 0;
		min-height: 24px;
		padding: 0 0.55rem;
		border-radius: 999px;
	}

	html.corporate-surface .play-page .mlb-meta-item__icon,
	html.corporate-surface .play-page .mlb-meta-item__label,
	html.corporate-surface .play-page .mlb-meta-item--venue {
		display: none;
	}

	html.corporate-surface .play-page .mlb-meta-item__value,
	html.corporate-surface .play-page .mlb-meta-item__text {
		font-size: 0.58rem;
		line-height: 1;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"away home"
			"diamond diamond";
		gap: 0.58rem;
		margin-inline: 0;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup::before,
	html.corporate-surface .play-page .mlb-decision-card__matchup::after {
		display: none;
	}

	html.corporate-surface .play-page .mlb-team-panel--away {
		grid-area: away;
	}

	html.corporate-surface .play-page .mlb-team-panel--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .mlb-team-panel,
	html.corporate-surface .play-page .mlb-team-panel--home {
		min-height: 106px;
		padding: 0.62rem;
		border-radius: 8px;
		clip-path: none;
	}

	html.corporate-surface .play-page .mlb-team-panel,
	html.corporate-surface .play-page .mlb-team-panel__identity,
	html.corporate-surface .play-page .mlb-team-panel__name {
		min-width: 0;
		max-width: 100%;
	}

	html.corporate-surface .play-page .mlb-team-panel__pick-state {
		position: static;
		justify-self: start;
		max-width: 100%;
		min-height: 20px;
		padding: 0.16rem 0.34rem;
		font-size: 0.48rem;
	}

	html.corporate-surface .play-page .mlb-team-panel__role {
		min-height: 20px;
		padding: 0.15rem 0.38rem;
		font-size: 0.5rem;
	}

	html.corporate-surface .play-page .mlb-team-panel__abbr {
		font-size: clamp(1.45rem, 8vw, 2rem);
		line-height: 0.9;
	}

	html.corporate-surface .play-page .mlb-team-panel__name {
		font-size: 0.68rem;
		line-height: 1.05;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond {
		grid-area: diamond;
		display: grid;
		place-items: center;
		min-width: 0;
		min-height: 68px;
		margin: 0.04rem 0 0;
		border: 1px solid rgba(226, 232, 240, 0.16);
		border-radius: 8px;
		background:
			linear-gradient(90deg, rgba(255, 255, 255, 0.026), transparent 48%, rgba(255, 255, 255, 0.018)),
			color-mix(in srgb, var(--mlb-card-field, #132033) 58%, rgba(3, 10, 19, 0.74));
		clip-path: none;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond span {
		min-width: 34px;
		min-height: 34px;
		clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	}

	html.corporate-surface .play-page .mlb-decision-card__context-row {
		display: none;
	}

	html.corporate-surface .play-page .mlb-decision-card__decision {
		margin-inline: 0;
		padding: 0;
		border-top: 0;
	}

	html.corporate-surface .play-page .mlb-save-decision-btn {
		width: 100%;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"home"
			"away"
			"pitch";
		gap: 0.58rem;
		padding: 0;
		overflow: visible;
		border: 0;
		background: transparent;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away {
		grid-area: away;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		grid-area: pitch;
		min-height: 78px !important;
		border: 1px solid rgba(226, 232, 240, 0.16);
		border-radius: 8px;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile,
	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		min-height: 86px !important;
		border-radius: 8px;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		grid-template-columns: minmax(3.1rem, auto) minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: center;
		gap: 0.28rem;
		padding: 0.54rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__header,
	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy {
		min-width: 0;
		max-width: 100%;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__header {
		grid-column: 1 / -1;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		grid-column: 1;
		grid-row: 2;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy {
		grid-column: 2;
		grid-row: 2;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__side,
	html.corporate-surface .play-page .champions-pitch-module .club-identity__state,
	html.corporate-surface .play-page .champions-outcome-choice__state {
		min-height: 20px;
		padding: 0.16rem 0.34rem;
		font-size: 0.48rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		font-size: clamp(1.55rem, 8vw, 2.1rem);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
		font-size: 0.72rem;
		line-height: 1.06;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
		display: block;
		font-size: 0.52rem;
	}

	html.corporate-surface .play-page .champions-draw-choice {
		top: 50%;
		min-width: 74px;
		padding: 0.34rem 0.52rem;
		font-size: 0.62rem;
	}

	html.corporate-surface .play-page .champions-pitch__arc,
	html.corporate-surface .play-page .champions-pitch__corner,
	html.corporate-surface .play-page .champions-pitch__small-box {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch__vs-marker {
		width: 30px;
		height: 30px;
		font-size: 0.5rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .prediction-controls--champions-pickem {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.52rem;
		width: 100%;
		padding-top: 0.08rem;
		border-top: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-save-pick-btn {
		width: 100%;
		max-width: none;
	}
}

/* Mobile Play System Sprint 02: final mobile-first Football / Champions overrides. */
@media (max-width: 575.98px) {
	html.corporate-surface .arena-experience-narrative--play .arena-experience-content,
	html.corporate-surface .arena-experience-narrative--play .play-command-layout {
		gap: 0.72rem;
		padding-top: 0.56rem;
	}

	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel,
	html.corporate-surface .play-page .play-prediction-group {
		gap: 0.62rem;
		padding: 0;
	}

	html.corporate-surface .play-page .arena-command-plate {
		/* Mobile Hero refinement: recover roughly 30 px through the whole
		 * composition instead of clipping a single region. */
		gap: 0.26rem;
		padding: 0.42rem;
		border-radius: 10px;
		box-shadow:
			0 14px 34px rgba(0, 0, 0, 0.25),
			0 0 0 1px rgba(255, 255, 255, 0.025) inset;
	}

	html.corporate-surface .play-page .arena-command-plate__ambient,
	html.corporate-surface .play-page .arena-command-plate__status-spine,
	html.corporate-surface .play-page .arena-command-plate__signals div:nth-child(1),
	html.corporate-surface .play-page .arena-command-plate__signals div:nth-child(2),
	html.corporate-surface .play-page .arena-command-plate__signals div:nth-child(4),
	html.corporate-surface .play-page .arena-command-plate__signals div:nth-child(5),
	html.corporate-surface .play-page .arena-command-plate__action-label,
	html.corporate-surface .play-page .arena-command-plate__action p,
	html.corporate-surface .play-page .arena-command-plate__secondary {
		display: none;
	}

	html.corporate-surface .play-page .arena-command-plate__arrival {
		gap: 0.28rem;
		padding: 0.48rem 0.68rem 0.24rem;
	}

	html.corporate-surface .play-page .arena-command-plate__identity {
		gap: 0.24rem;
	}

	html.corporate-surface .play-page .arena-command-plate h1 {
		max-width: 100%;
		font-size: clamp(1.26rem, 7vw, 1.7rem);
		line-height: 0.94;
	}

	html.corporate-surface .play-page .arena-command-plate__title {
		display: flex;
		align-items: baseline;
		gap: 0.28rem;
	}

	html.corporate-surface .play-page .arena-command-plate__title-text {
		min-width: 0;
	}

	html.corporate-surface .play-page .arena-command-plate__title-trophy {
		flex: 0 0 auto;
		font-size: 0.76em;
		line-height: 1;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .arena-command-plate__ownership {
		font-size: 0.58rem;
		line-height: 1;
		opacity: 0.76;
	}

	html.corporate-surface .play-page .arena-command-plate__kicker {
		width: fit-content;
		max-width: 100%;
		min-height: 24px;
		margin-top: 0.08rem;
		padding: 0.16rem 0.5rem;
		font-size: 0.68rem;
		line-height: 1;
	}

	html.corporate-surface .play-page .arena-command-plate__story {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: stretch;
		gap: 0.18rem;
		padding: 0.12rem 0.68rem 0.34rem;
		border-top: 0;
		background: transparent;
	}

	html.corporate-surface .play-page .arena-command-plate__signals {
		display: block;
		min-width: 0;
	}

	html.corporate-surface .play-page .arena-command-plate__signals div:nth-child(3) {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		grid-template-areas: "value label";
		align-items: baseline;
		column-gap: 0.42rem;
		padding: 0;
		border: 0;
	}

	html.corporate-surface .play-page .arena-command-plate__signals div:nth-child(3) dt {
		grid-area: label;
		font-size: 0.56rem;
		line-height: 1;
	}

	html.corporate-surface .play-page .arena-command-plate__signals div:nth-child(3) dd {
		grid-area: value;
		font-size: 1.24rem;
		font-weight: 930;
		line-height: 1;
	}

	html.corporate-surface .play-page .arena-command-plate__action {
		display: block;
		min-width: 0;
		margin-top: 0;
		padding: 0;
		border: 0;
	}

	html.corporate-surface .play-page .arena-command-plate__primary {
		justify-content: center;
		width: 100%;
		max-width: 100%;
		min-height: 44px;
		padding: 0 0.78rem;
		overflow: hidden;
		border-radius: 8px;
		font-size: 0.72rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card,
	html.corporate-surface .play-page .champions-pitch-module {
		gap: 0.54rem;
		padding: 0.62rem;
	}

	html.corporate-surface .play-page .play-prediction-group__header {
		box-sizing: border-box;
		width: 100%;
		padding-top: 0.62rem;
		padding-inline: clamp(0.9rem, 4vw, 1rem);
		padding-bottom: 0.28rem;
		overflow: visible;
	}

	html.corporate-surface .play-page .play-prediction-group__header .corporate-section-eyebrow {
		line-height: 1.15;
	}

	html.corporate-surface .play-page .play-prediction-group__header .prediction-group-title {
		line-height: 1.08;
	}

	html.corporate-surface .play-page .play-prediction-group__header .prediction-group-completion {
		display: block;
		margin: 0.34rem 0 0;
		color: rgba(226, 232, 240, 0.66);
		font-size: 0.82rem;
		font-weight: 820;
		letter-spacing: 0;
		line-height: 1.15;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-card-header,
	html.corporate-surface .play-page .champions-match-card__header {
		gap: 0.34rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-meta,
	html.corporate-surface .play-page .champions-match-card__meta {
		order: 0;
		gap: 0.28rem 0.48rem;
		font-size: 0.58rem;
		line-height: 1.05;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-card__status-stack,
	html.corporate-surface .play-page .champions-match-card__header .prediction-card__status-stack {
		order: 1;
		gap: 0.28rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"title"
			"field"
			"home"
			"away"
			"control" !important;
		gap: 0.5rem;
		padding: 0;
		overflow: visible;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero::before {
		content: attr(aria-label);
		position: relative;
		inset: auto;
		z-index: 1;
		grid-area: title;
		display: block;
		padding: 0.08rem 0.1rem 0;
		border: 0;
		background: transparent;
		color: rgba(248, 250, 252, 0.96);
		font-size: clamp(1.18rem, 6.8vw, 1.5rem);
		font-weight: 900;
		line-height: 1.04;
		text-align: center;
		letter-spacing: 0;
		box-shadow: none;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero::after {
		content: "";
		grid-area: field;
		display: block;
		min-height: 58px;
		border: 1px solid rgba(226, 232, 240, 0.15);
		border-radius: 8px;
		background:
			linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(226, 232, 240, 0.18) calc(50% - 0.5px), rgba(226, 232, 240, 0.18) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
			radial-gradient(circle at 50% 50%, transparent 0 17px, rgba(226, 232, 240, 0.16) 18px 19px, transparent 20px),
			linear-gradient(90deg, rgba(53, 208, 226, 0.08), rgba(255, 255, 255, 0.018) 50%, rgba(215, 180, 106, 0.08)),
			rgba(4, 12, 20, 0.72);
		box-shadow: inset 0 0 20px rgba(53, 208, 226, 0.08);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team {
		min-height: 62px;
		padding: 0.5rem;
		border-color: rgba(226, 232, 240, 0.13);
		background:
			linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
			rgba(5, 12, 22, 0.74);
		box-shadow:
			0 10px 20px rgba(0, 0, 0, 0.15),
			0 0 0 1px rgba(255, 255, 255, 0.018) inset;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-flag {
		width: 30px !important;
		height: 30px !important;
		min-width: 30px !important;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-copy {
		gap: 0.08rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-name {
		font-size: 0.78rem !important;
		line-height: 1.04 !important;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-code {
		font-size: 0.54rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control,
	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-score-box {
		padding-top: 0;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-native-save-btn {
		min-height: 44px;
		border-radius: 8px;
	}

	html.corporate-surface .play-page .champions-match-card__matchup {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		gap: 0.24rem;
		padding: 0.02rem 0.48rem 0.06rem;
		font-size: clamp(0.94rem, 5.4vw, 1.2rem);
	}

	html.corporate-surface .play-page .champions-match-card__matchup span {
		flex: 0 1 auto;
		max-width: 38%;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-areas:
			"pitch"
			"home"
			"away" !important;
		gap: 0.5rem;
		margin: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage,
	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface,
	html.corporate-surface .play-page .champions-pitch-module .club-tile {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		min-height: 58px !important;
		max-height: 62px;
		border-color: rgba(226, 232, 240, 0.15);
		box-shadow: inset 0 0 20px rgba(53, 208, 226, 0.08);
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__box {
		width: 42px;
		height: 38px;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__center-circle {
		width: 32px;
		height: 32px;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch__vs-marker {
		width: 26px;
		height: 26px;
		font-size: 0.46rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile,
	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		min-height: 70px !important;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		grid-template-columns: minmax(2.72rem, auto) minmax(0, 1fr);
		padding: 0.48rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__side,
	html.corporate-surface .play-page .champions-pitch-module .club-identity__state,
	html.corporate-surface .play-page .champions-outcome-choice__state,
	html.corporate-surface .play-page .champions-outcome-choice__state-default,
	html.corporate-surface .play-page .champions-outcome-choice__state-selected {
		font-size: 0.46rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		font-size: clamp(1.42rem, 7vw, 1.9rem);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
		font-size: 0.68rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
		font-size: 0.5rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile.is-selected,
	html.corporate-surface .play-page .champions-pitch-module .champions-outcome-choice.is-selected {
		border-color: color-mix(in srgb, var(--club-accent, #d7b46a) 58%, rgba(255, 255, 255, 0.32));
		background:
			linear-gradient(120deg, color-mix(in srgb, var(--club-primary, #35d0e2) 22%, transparent), rgba(255, 255, 255, 0.026) 62%),
			rgba(8, 17, 29, 0.88);
		box-shadow:
			0 12px 26px rgba(0, 0, 0, 0.2),
			0 0 18px color-mix(in srgb, var(--club-primary, #35d0e2) 13%, transparent),
			0 0 0 1px rgba(255, 255, 255, 0.028) inset;
	}

	html.corporate-surface .play-page .champions-draw-choice {
		min-width: 64px;
		padding: 0.28rem 0.42rem;
		font-size: 0.56rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .prediction-controls--champions-pickem {
		gap: 0.46rem;
		padding-top: 0.02rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-save-pick-btn {
		min-height: 44px;
		border-radius: 8px;
	}
}

/* Mobile Play System Sprint 03: native Team Matchup grammar. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page .football-head-to-head-event-card,
	html.corporate-surface .play-page .nfl-field-module,
	html.corporate-surface .play-page .mlb-decision-card,
	html.corporate-surface .play-page .champions-pitch-module {
		gap: 0.46rem;
		padding: 0.58rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-card-header,
	html.corporate-surface .play-page .nfl-field-module__header,
	html.corporate-surface .play-page .mlb-decision-card__header,
	html.corporate-surface .play-page .champions-match-card__header {
		gap: 0.28rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero {
		grid-template-areas:
			"title"
			"field"
			"control" !important;
		gap: 0.42rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero::before {
		content: attr(data-matchup-code);
		font-size: clamp(1.3rem, 7vw, 1.7rem);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero::after {
		min-height: 44px;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team {
		display: none;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-native-save-form.prediction-controls--result,
	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-native-save-form.prediction-controls--score {
		gap: 0.42rem;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-select-shell,
	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-score-grid {
		min-height: 44px;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .prediction-score-grid .prediction-score-input {
		min-height: 44px;
	}

	html.corporate-surface .play-page .nfl-field-module__matchup,
	html.corporate-surface .play-page .champions-match-card__matchup {
		display: flex;
		justify-content: center;
		gap: 0.32rem;
		padding: 0.02rem 0.2rem;
		font-size: clamp(1.32rem, 7.2vw, 1.72rem);
		line-height: 1;
	}

	html.corporate-surface .play-page .nfl-field-module__matchup strong,
	html.corporate-surface .play-page .champions-match-card__matchup strong {
		font-size: 0.66em;
	}

	html.corporate-surface .play-page .nfl-field-module .nfl-pickem-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 0.24rem 0.42rem;
		min-height: 0;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface .play-page .nfl-field-module .nfl-pickem-meta span,
	html.corporate-surface .play-page .nfl-field-module .nfl-pickem-meta strong {
		min-height: 0;
		padding: 0;
		font-size: 0.58rem;
		line-height: 1;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field {
		padding: 0;
	}

	html.corporate-surface .play-page .nfl-field-stage {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-areas:
			"field field"
			"away home";
		gap: 0.42rem;
		width: 100%;
		overflow: visible;
	}

	html.corporate-surface .play-page .nfl-field-surface {
		grid-area: field;
		min-height: 46px !important;
		max-height: 48px;
		border: 1px solid rgba(226, 232, 240, 0.15);
		border-radius: 8px;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field__hash,
	html.corporate-surface .play-page .nfl-game-field .nfl-field__yard-number {
		display: none;
	}

	html.corporate-surface .play-page .nfl-game-field .kickoff-marker,
	html.corporate-surface .play-page .nfl-game-field .nfl-kickoff-marker {
		width: 24px;
		height: 24px;
		font-size: 0.42rem;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--away {
		grid-area: away;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact {
		min-height: 52px !important;
		border-radius: 8px !important;
		overflow: hidden;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		display: grid;
		grid-template-columns: minmax(2.2rem, auto) minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		align-items: center;
		min-height: 52px !important;
		gap: 0.12rem 0.38rem;
		padding: 0.42rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__header {
		display: contents;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__side {
		display: block;
		grid-column: 2;
		grid-row: 2;
		min-height: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: rgba(226, 232, 240, 0.56);
		font-size: 0.48rem;
		text-align: left;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__state {
		grid-column: 1 / -1;
		grid-row: 3;
		justify-self: start;
		min-height: 18px;
		padding: 0.12rem 0.32rem;
		font-size: 0.44rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__monogram {
		grid-column: 1;
		grid-row: 1 / span 2;
		font-size: clamp(1.18rem, 6vw, 1.52rem);
		line-height: 1;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy {
		grid-column: 2;
		grid-row: 1;
		min-width: 0;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy strong {
		display: none;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy small,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__copy em,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity__technical-line {
		display: none;
	}

	html.corporate-surface .play-page .nfl-pick-action,
	html.corporate-surface .play-page .prediction-controls--nfl-pickem,
	html.corporate-surface .play-page .nfl-pick-action__controls {
		gap: 0.38rem;
		padding-top: 0;
	}

	html.corporate-surface .play-page .nfl-pick-action__helper {
		display: none;
	}

	html.corporate-surface .play-page .mlb-decision-card__meta-row {
		gap: 0.28rem;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"title"
			"field"
			"control" !important;
		gap: 0.42rem;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero::before,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero::before {
		content: attr(data-matchup-code);
		grid-area: title !important;
		display: block !important;
		min-height: 0;
		border: 0;
		background: transparent;
		color: rgba(248, 250, 252, 0.96);
		font-size: clamp(1.32rem, 7.2vw, 1.72rem);
		font-weight: 900;
		line-height: 1;
		text-align: center;
		box-shadow: none;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero::after,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero::after {
		content: "";
		grid-area: field;
		display: block;
		min-height: 46px;
		border: 1px solid rgba(226, 232, 240, 0.15);
		border-radius: 8px;
		background:
			linear-gradient(45deg, transparent calc(50% - 1px), rgba(226, 232, 240, 0.18) calc(50% - 1px), rgba(226, 232, 240, 0.18) calc(50% + 1px), transparent calc(50% + 1px)),
			linear-gradient(-45deg, transparent calc(50% - 1px), rgba(226, 232, 240, 0.14) calc(50% - 1px), rgba(226, 232, 240, 0.14) calc(50% + 1px), transparent calc(50% + 1px)),
			color-mix(in srgb, var(--mlb-card-field, #132033) 58%, rgba(3, 10, 19, 0.78));
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-team,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-team {
		display: none !important;
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-score-control,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-score-control {
		grid-area: control !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-areas:
			"title title"
			"diamond diamond"
			"away home" !important;
		gap: 0.42rem !important;
		overflow: visible !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup::before {
		content: none;
		grid-area: title;
		display: block !important;
		color: rgba(248, 250, 252, 0.96);
		font-size: clamp(1.32rem, 7.2vw, 1.72rem);
		font-weight: 900;
		line-height: 1;
		text-align: center;
		letter-spacing: 0;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond {
		grid-area: diamond;
		min-height: 46px;
		margin: 0;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond span {
		min-width: 28px;
		min-height: 28px;
		font-size: 0.5rem;
	}

	html.corporate-surface .play-page .mlb-team-panel,
	html.corporate-surface .play-page .mlb-team-panel--home {
		display: grid !important;
		align-items: center !important;
		min-height: 52px !important;
		padding: 0.42rem !important;
		overflow: hidden !important;
		border-radius: 8px !important;
		clip-path: none !important;
	}

	html.corporate-surface .play-page .mlb-team-panel__identity {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
		grid-template-rows: auto auto;
		align-items: center;
		gap: 0.04rem 0.36rem;
	}

	html.corporate-surface .play-page .mlb-team-panel__role {
		grid-column: 2;
		grid-row: 2;
		min-height: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: rgba(226, 232, 240, 0.58);
		font-size: 0.48rem;
	}

	html.corporate-surface .play-page .mlb-team-panel__abbr {
		grid-column: 1;
		grid-row: 1 / span 2;
		font-size: clamp(1.16rem, 6vw, 1.5rem);
		line-height: 1;
	}

	html.corporate-surface .play-page .mlb-team-panel__name {
		grid-column: 2;
		grid-row: 1;
		font-size: 0.64rem;
		line-height: 1.04;
		text-align: left;
	}

	html.corporate-surface .play-page .mlb-team-panel__pick-state {
		position: absolute;
		right: 0.35rem;
		bottom: 0.3rem;
		min-height: 17px;
		padding: 0.1rem 0.28rem;
		font-size: 0.42rem;
	}

	html.corporate-surface .play-page .mlb-decision-card__decision,
	html.corporate-surface .play-page .prediction-controls--mlb-decision,
	html.corporate-surface .play-page .mlb-pick-module--action {
		gap: 0.38rem;
		padding: 0;
	}

	html.corporate-surface .play-page .mlb-save-decision-btn {
		min-height: 44px;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-areas:
			"pitch"
			"home"
			"away" !important;
		gap: 0.42rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		min-height: 46px !important;
		max-height: 48px;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile,
	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		min-height: 52px !important;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		grid-template-columns: minmax(2.35rem, auto) minmax(0, 1fr);
		gap: 0.1rem 0.36rem;
		padding: 0.42rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		font-size: clamp(1.18rem, 6vw, 1.52rem);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
		font-size: 0.64rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
		display: none;
	}
}

/* Mobile Play System Sprint 03: Champions decision row legibility fix. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page .champions-pitch-module {
		box-sizing: border-box;
		width: min(100%, calc(100vw - 2rem));
		max-width: calc(100vw - 2rem);
		min-width: 0;
		margin-inline: 0 auto;
		overflow: hidden;
		padding-inline: 0.44rem;
	}

	html.corporate-surface .play-page .champions-pitch-module > * {
		min-width: 0;
		max-width: 100%;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		grid-template-columns: minmax(0, 0.94fr) minmax(4.1rem, 0.88fr) minmax(0, 0.94fr) !important;
		grid-template-areas:
			"pitch pitch pitch"
			"home draw away" !important;
		gap: 0.24rem;
		width: 100%;
		max-width: 100%;
		padding: 0;
		overflow: hidden;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		position: relative;
		display: block;
		overflow: visible;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away {
		grid-area: away;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice {
		position: relative;
		inset: auto;
		grid-area: draw;
		display: grid;
		place-items: center;
		width: 100%;
		min-width: 0;
		min-height: 52px;
		padding: 0.3rem 0.18rem;
		transform: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home,
	html.corporate-surface .play-page .champions-pitch-module .club-tile--away,
	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		border-radius: 8px;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile,
	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		min-height: 52px !important;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-content: center;
		gap: 0.12rem;
		padding: 0.42rem 0.22rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__header {
		display: contents;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__side {
		display: block;
		grid-row: 3;
		min-height: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: rgba(226, 232, 240, 0.58);
		font-size: 0.45rem;
		text-align: center;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__state,
	html.corporate-surface .play-page .champions-pitch-module .champions-outcome-choice__state {
		justify-self: center;
		min-height: 17px;
		padding: 0.1rem 0.28rem;
		font-size: 0.4rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		font-size: clamp(0.94rem, 5.25vw, 1.16rem);
		line-height: 0.95;
		text-align: center;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy {
		min-width: 0;
		text-align: center;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile.is-selected,
	html.corporate-surface .play-page .champions-pitch-module .champions-outcome-choice.is-selected,
	html.corporate-surface .play-page .champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked) {
		border-color: color-mix(in srgb, var(--club-accent, #d7b46a) 58%, rgba(255, 255, 255, 0.34));
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.07), color-mix(in srgb, var(--club-primary, #35d0e2) 18%, rgba(4, 12, 22, 0.82))),
			rgba(7, 15, 26, 0.9);
		box-shadow:
			0 10px 22px rgba(0, 0, 0, 0.2),
			0 0 18px color-mix(in srgb, var(--club-primary, #35d0e2) 16%, transparent),
			0 0 0 1px rgba(255, 255, 255, 0.035) inset;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile.is-selected .club-identity__code,
	html.corporate-surface .play-page .champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked) .club-identity__code,
	html.corporate-surface .play-page .champions-pitch-module .club-tile.is-selected .club-identity__copy span,
	html.corporate-surface .play-page .champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked) .club-identity__copy span {
		color: #f8fafc;
		opacity: 1;
		text-shadow: 0 0 14px rgba(53, 208, 226, 0.18);
	}
}

/* Mobile Play System Sprint 04: final Champions reference lock. */
@media (max-width: 575.98px) {
	html.corporate-surface body:has(.play-page) .page-container,
	html.corporate-surface .arena-experience-narrative--play,
	html.corporate-surface .arena-experience-narrative--play .arena-experience-content,
	html.corporate-surface .arena-experience-narrative--play .corporate-command-main,
	html.corporate-surface .arena-experience-narrative--play .play-predictions-panel,
	html.corporate-surface .arena-experience-narrative--play .play-prediction-group,
	html.corporate-surface .arena-experience-narrative--play .play-prediction-list {
		box-sizing: border-box;
		width: 100%;
		max-width: 100vw;
		min-width: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module {
		box-sizing: border-box;
		width: min(100%, calc(100vw - 2rem)) !important;
		max-width: calc(100vw - 2rem) !important;
		min-width: 0 !important;
		margin-inline: 0 auto !important;
		padding: 0.92rem !important;
		overflow: hidden !important;
		border-radius: 18px;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pick-form {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow: hidden;
	}

	html.corporate-surface .play-page .champions-mobile-matchup-line {
		display: none !important;
	}

	html.corporate-surface .play-page .champions-match-card__matchup {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 100%;
		gap: 0.36rem;
		padding: 0.2rem 0 0;
		font-size: clamp(1.45rem, 7.8vw, 2rem);
	}

	html.corporate-surface .play-page .champions-match-card__matchup span {
		flex: 0 1 auto;
		max-width: 42%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		box-sizing: border-box;
		display: flex !important;
		flex-wrap: wrap;
		width: calc(min(100vw, 390px) - 4rem) !important;
		max-width: calc(min(100vw, 390px) - 4rem) !important;
		min-width: 0;
		margin-inline: auto;
		overflow: hidden !important;
		gap: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home,
	html.corporate-surface .play-page .champions-pitch-module .club-tile--away,
	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice {
		box-sizing: border-box;
		flex: 0 0 calc((min(100vw, 390px) - 4rem) / 3);
		width: calc((min(100vw, 390px) - 4rem) / 3) !important;
		max-width: calc((min(100vw, 390px) - 4rem) / 3) !important;
		min-width: 0 !important;
		position: relative !important;
		inset: auto !important;
		margin: 0 !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home {
		order: 1;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-draw-choice {
		order: 2;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away {
		order: 3;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		order: 4;
		flex: 0 0 100%;
		width: 100% !important;
		max-width: 100% !important;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage::after {
		order: 5;
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		min-height: 176px !important;
		margin-top: 0.98rem;
	}
}

/* Mobile Play System Sprint 03: passive competition frame feedback. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero::after,
	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero::after,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero::after,
	html.corporate-surface .play-page .nfl-field-surface,
	html.corporate-surface .play-page .mlb-matchup-diamond,
	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface {
		min-height: 64px !important;
		max-height: none;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero::after,
	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero::after,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero::after {
		content: "";
		box-shadow:
			inset 0 0 22px rgba(53, 208, 226, 0.07),
			0 10px 20px rgba(0, 0, 0, 0.14);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero[data-selected-outcome="home"]::after {
		background:
			radial-gradient(ellipse at 22% 50%, rgba(53, 208, 226, 0.2), transparent 42%),
			linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(226, 232, 240, 0.18) calc(50% - 0.5px), rgba(226, 232, 240, 0.18) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
			radial-gradient(circle at 50% 50%, transparent 0 17px, rgba(226, 232, 240, 0.16) 18px 19px, transparent 20px),
			rgba(4, 12, 20, 0.72);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero[data-selected-outcome="draw"]::after {
		background:
			radial-gradient(ellipse at 50% 50%, rgba(215, 180, 106, 0.2), transparent 38%),
			linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(226, 232, 240, 0.2) calc(50% - 0.5px), rgba(226, 232, 240, 0.2) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
			radial-gradient(circle at 50% 50%, transparent 0 17px, rgba(226, 232, 240, 0.16) 18px 19px, transparent 20px),
			rgba(4, 12, 20, 0.72);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero[data-selected-outcome="away"]::after {
		background:
			radial-gradient(ellipse at 78% 50%, rgba(215, 180, 106, 0.18), transparent 42%),
			linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(226, 232, 240, 0.18) calc(50% - 0.5px), rgba(226, 232, 240, 0.18) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
			radial-gradient(circle at 50% 50%, transparent 0 17px, rgba(226, 232, 240, 0.16) 18px 19px, transparent 20px),
			rgba(4, 12, 20, 0.72);
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero[data-selected-outcome="away"]::after,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero[data-selected-outcome="away"]::after {
		background:
			radial-gradient(ellipse at 22% 50%, rgba(53, 208, 226, 0.16), transparent 42%),
			linear-gradient(45deg, transparent calc(50% - 1px), rgba(226, 232, 240, 0.18) calc(50% - 1px), rgba(226, 232, 240, 0.18) calc(50% + 1px), transparent calc(50% + 1px)),
			linear-gradient(-45deg, transparent calc(50% - 1px), rgba(226, 232, 240, 0.14) calc(50% - 1px), rgba(226, 232, 240, 0.14) calc(50% + 1px), transparent calc(50% + 1px)),
			color-mix(in srgb, var(--mlb-card-field, #132033) 58%, rgba(3, 10, 19, 0.78));
	}

	html.corporate-surface .play-page .prediction-match-card[data-renderer="mlb_pickem"] .match-hero[data-selected-outcome="home"]::after,
	html.corporate-surface .play-page .prediction-match-card.theme-mlb-card.theme-mlb-pickem-card .match-hero[data-selected-outcome="home"]::after {
		background:
			radial-gradient(ellipse at 78% 50%, rgba(215, 180, 106, 0.15), transparent 42%),
			linear-gradient(45deg, transparent calc(50% - 1px), rgba(226, 232, 240, 0.18) calc(50% - 1px), rgba(226, 232, 240, 0.18) calc(50% + 1px), transparent calc(50% + 1px)),
			linear-gradient(-45deg, transparent calc(50% - 1px), rgba(226, 232, 240, 0.14) calc(50% - 1px), rgba(226, 232, 240, 0.14) calc(50% + 1px), transparent calc(50% + 1px)),
			color-mix(in srgb, var(--mlb-card-field, #132033) 58%, rgba(3, 10, 19, 0.78));
	}

	html.corporate-surface .play-page .nfl-field-surface::after,
	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface::after,
	html.corporate-surface .play-page .mlb-matchup-diamond::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		pointer-events: none;
		opacity: 0;
		transition: opacity 180ms ease-out, background 180ms ease-out;
	}

	html.corporate-surface .play-page .nfl-field-surface--away-selected::after,
	html.corporate-surface .play-page .nfl-team-showcase--away:has(.nfl-pick-radio:checked) + .nfl-field-surface::after,
	html.corporate-surface .play-page .champions-pitch-surface--home::after,
	html.corporate-surface .play-page .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch-surface::after,
	html.corporate-surface .play-page .mlb-matchup-diamond--away-selected::after,
	html.corporate-surface .play-page .mlb-decision-card__matchup:has(.mlb-team-panel--away input:checked) .mlb-matchup-diamond::after {
		opacity: 1;
		background: radial-gradient(ellipse at 22% 50%, rgba(53, 208, 226, 0.2), transparent 44%);
	}

	html.corporate-surface .play-page .champions-pitch-surface--draw::after,
	html.corporate-surface .play-page .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch-surface::after {
		opacity: 1;
		background: radial-gradient(ellipse at 50% 50%, rgba(215, 180, 106, 0.2), transparent 38%);
	}

	html.corporate-surface .play-page .nfl-field-surface--home-selected::after,
	html.corporate-surface .play-page .nfl-field-surface:has(+ .nfl-team-showcase--home .nfl-pick-radio:checked)::after,
	html.corporate-surface .play-page .champions-pitch-surface--away::after,
	html.corporate-surface .play-page .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch-surface::after,
	html.corporate-surface .play-page .mlb-matchup-diamond--home-selected::after,
	html.corporate-surface .play-page .mlb-decision-card__matchup:has(.mlb-team-panel--home input:checked) .mlb-matchup-diamond::after {
		opacity: 1;
		background: radial-gradient(ellipse at 78% 50%, rgba(215, 180, 106, 0.18), transparent 44%);
	}

	html.corporate-surface .play-page .nfl-field-surface *,
	html.corporate-surface .play-page .champions-pitch-module .champions-pitch-surface *,
	html.corporate-surface .play-page .mlb-matchup-diamond span {
		position: relative;
		z-index: 2;
	}
}

/* Mobile Champions decision rail final cascade lock. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage,
	html.corporate-surface .arena-experience-narrative--play .play-page .champions-pitch-module .champions-match-card__stage {
		display: flex !important;
		flex-wrap: wrap !important;
		grid-template-columns: none !important;
		grid-template-areas: none !important;
		width: calc(min(100vw, 390px) - 4rem) !important;
		max-width: calc(min(100vw, 390px) - 4rem) !important;
		min-width: 0 !important;
		margin-inline: auto !important;
		gap: 0 !important;
		overflow: hidden !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--home,
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice,
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--away,
	html.corporate-surface .arena-experience-narrative--play .play-page .champions-pitch-module .champions-match-card__stage > .club-tile--home,
	html.corporate-surface .arena-experience-narrative--play .play-page .champions-pitch-module .champions-match-card__stage > .champions-draw-choice,
	html.corporate-surface .arena-experience-narrative--play .play-page .champions-pitch-module .champions-match-card__stage > .club-tile--away {
		position: relative !important;
		inset: auto !important;
		order: initial;
		flex: 0 0 calc((min(100vw, 390px) - 4rem) / 3) !important;
		inline-size: calc((min(100vw, 390px) - 4rem) / 3) !important;
		width: calc((min(100vw, 390px) - 4rem) / 3) !important;
		max-inline-size: calc((min(100vw, 390px) - 4rem) / 3) !important;
		max-width: calc((min(100vw, 390px) - 4rem) / 3) !important;
		min-inline-size: 0 !important;
		min-width: 0 !important;
		margin: 0 !important;
		transform: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--home,
	html.corporate-surface .arena-experience-narrative--play .play-page .champions-pitch-module .champions-match-card__stage > .club-tile--home {
		order: 1 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice,
	html.corporate-surface .arena-experience-narrative--play .play-page .champions-pitch-module .champions-match-card__stage > .champions-draw-choice {
		order: 2 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--away,
	html.corporate-surface .arena-experience-narrative--play .play-page .champions-pitch-module .champions-match-card__stage > .club-tile--away {
		order: 3 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-pitch-surface,
	html.corporate-surface .arena-experience-narrative--play .play-page .champions-pitch-module .champions-match-card__stage > .champions-pitch-surface {
		order: 4 !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Mobile Play System Sprint 05: Champions decision-first grammar. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page article.champions-pitch-module {
		gap: 0.78rem !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__header {
		gap: 0.48rem !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .prediction-card__status-stack {
		grid-template-columns: 1fr !important;
		gap: 0.34rem !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .prediction-next-chip,
	html.corporate-surface .play-page article.champions-pitch-module .prediction-status-badge {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__matchup {
		padding-top: 0.04rem !important;
		font-size: clamp(1.85rem, 10.8vw, 2.55rem) !important;
		line-height: 0.9 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage {
		width: min(100%, calc(100vw - 3.2rem), 342px) !important;
		max-width: min(100%, calc(100vw - 3.2rem), 342px) !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage::after {
		content: none !important;
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--home,
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice,
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--away {
		flex: 0 0 33.333% !important;
		inline-size: 33.333% !important;
		width: 33.333% !important;
		max-inline-size: 33.333% !important;
		max-width: 33.333% !important;
		min-height: 58px !important;
		padding: 0 !important;
		border-color: rgba(53, 208, 226, 0.26) !important;
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
			rgba(4, 13, 24, 0.78) !important;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.025) inset,
			0 10px 20px rgba(0, 0, 0, 0.12) !important;
		filter: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--home {
		border-radius: 11px 0 0 11px !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice {
		border-radius: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--away {
		border-radius: 0 11px 11px 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--home:has(input:checked),
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--home.is-selected {
		border-color: rgba(215, 180, 106, 0.82) !important;
		box-shadow:
			0 0 0 1px rgba(215, 180, 106, 0.22) inset,
			0 0 26px rgba(215, 180, 106, 0.14),
			0 14px 24px rgba(0, 0, 0, 0.18) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice:has(input:checked),
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice.is-selected {
		border-color: rgba(34, 211, 238, 0.76) !important;
		box-shadow:
			0 0 0 1px rgba(34, 211, 238, 0.22) inset,
			0 0 24px rgba(34, 211, 238, 0.13),
			0 14px 24px rgba(0, 0, 0, 0.18) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--away:has(input:checked),
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--away.is-selected {
		border-color: rgba(14, 165, 233, 0.82) !important;
		box-shadow:
			0 0 0 1px rgba(14, 165, 233, 0.24) inset,
			0 0 26px rgba(14, 165, 233, 0.14),
			0 14px 24px rgba(0, 0, 0, 0.18) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .club-identity {
		display: grid !important;
		place-items: center !important;
		min-height: 58px !important;
		height: 58px !important;
		padding: 0 !important;
		background: transparent !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .club-identity__header {
		display: contents !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .club-identity__side,
	html.corporate-surface .play-page article.champions-pitch-module .champions-draw-choice > span {
		display: block !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		color: rgba(248, 250, 252, 0.92) !important;
		font-size: 0.86rem !important;
		font-weight: 950 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		text-align: center !important;
		text-transform: uppercase !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .club-identity__code,
	html.corporate-surface .play-page article.champions-pitch-module .club-identity__copy,
	html.corporate-surface .play-page article.champions-pitch-module .club-identity__state,
	html.corporate-surface .play-page article.champions-pitch-module .club-identity__pattern,
	html.corporate-surface .play-page article.champions-pitch-module .champions-outcome-choice__state,
	html.corporate-surface .play-page article.champions-pitch-module .champions-draw-choice small,
	html.corporate-surface .play-page article.champions-pitch-module .champions-mobile-pick-summary {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-pitch-surface {
		flex-basis: 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 138px !important;
		margin: 0.7rem 0 0 !important;
		border-radius: 12px !important;
		background:
			repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.038) 0 20%, rgba(0, 0, 0, 0.065) 20% 40%),
			linear-gradient(180deg, rgba(20, 93, 62, 0.8), rgba(8, 48, 42, 0.92)) !important;
		transform: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface::before {
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%, rgba(0, 0, 0, 0.14)) !important;
		opacity: 1 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__vs-marker {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface::after {
		opacity: 0 !important;
		background: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch-surface::after,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--home::after {
		opacity: 1 !important;
		background: radial-gradient(ellipse at 22% 52%, rgba(215, 180, 106, 0.2), transparent 43%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch-surface::after,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--draw::after {
		opacity: 1 !important;
		background: radial-gradient(ellipse at 50% 52%, rgba(34, 211, 238, 0.2), transparent 38%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch-surface::after,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--away::after {
		opacity: 1 !important;
		background: radial-gradient(ellipse at 78% 52%, rgba(14, 165, 233, 0.2), transparent 43%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .prediction-controls--champions-pickem {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.46rem !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
		border-top: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-action__status {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-save-pick-btn {
		width: 100% !important;
		min-height: 54px !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-save-pick-btn::after {
		margin-left: 1rem !important;
	}
}

/* Mobile Champions pitch cascade lock. Must stay after the mobile sprint overrides. */
@media (max-width: 575.98px) {
	html.corporate-surface,
	html.corporate-surface body,
	html.corporate-surface .app-shell {
		max-width: 100%;
		overflow-x: hidden;
	}

	html.corporate-surface .play-page {
		max-width: 100%;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage {
		display: flex !important;
		flex-wrap: wrap !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
		overflow: visible !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__matchup {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 0.42rem !important;
		width: 100% !important;
		padding: 0.04rem 0.12rem 0.1rem !important;
		font-size: clamp(0.98rem, 4.8vw, 1.22rem) !important;
		line-height: 1.06 !important;
		text-align: center !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__matchup span {
		min-width: 0 !important;
		max-width: none !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: normal !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__matchup strong {
		color: var(--sponsor-primary, #35d0e2) !important;
		font-size: 0.74em !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--home,
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice,
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile--away {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-pitch-surface {
		--pitch-inset-x: 7%;
		--pitch-inset-y: 10%;
		position: relative !important;
		flex: 0 0 100% !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 16 / 9 !important;
		min-height: 188px !important;
		margin: 0.72rem 0 0 !important;
		overflow: hidden !important;
		border: 1px solid rgba(208, 255, 232, 0.28) !important;
		border-radius: 12px !important;
		background:
			radial-gradient(circle at 50% 50%, rgba(34, 211, 238, 0.12), transparent 34%),
			repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 12.5%, rgba(0, 0, 0, 0.07) 12.5% 25%),
			linear-gradient(180deg, #12673d, #08482e) !important;
		box-shadow:
			0 14px 30px rgba(0, 0, 0, 0.22),
			0 0 0 1px rgba(255, 255, 255, 0.055) inset,
			0 0 34px rgba(34, 211, 238, 0.08) inset !important;
		transform: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		opacity: 1 !important;
		background:
			linear-gradient(90deg, rgba(2, 8, 18, 0.13), transparent 18%, transparent 82%, rgba(2, 8, 18, 0.13)),
			linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 42%, rgba(0, 0, 0, 0.12)) !important;
		pointer-events: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface::after {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transition: opacity 180ms ease-out, background 180ms ease-out !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch-surface,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--home {
		border-color: rgba(215, 180, 106, 0.48) !important;
		box-shadow:
			0 16px 34px rgba(0, 0, 0, 0.24),
			0 0 0 1px rgba(215, 180, 106, 0.16) inset,
			0 0 38px rgba(215, 180, 106, 0.2),
			0 0 46px rgba(215, 180, 106, 0.16) inset !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch-surface,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--draw {
		border-color: rgba(34, 211, 238, 0.5) !important;
		box-shadow:
			0 16px 34px rgba(0, 0, 0, 0.24),
			0 0 0 1px rgba(34, 211, 238, 0.18) inset,
			0 0 38px rgba(34, 211, 238, 0.22),
			0 0 46px rgba(34, 211, 238, 0.16) inset !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch-surface,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--away {
		border-color: rgba(14, 165, 233, 0.5) !important;
		box-shadow:
			0 16px 34px rgba(0, 0, 0, 0.24),
			0 0 0 1px rgba(14, 165, 233, 0.18) inset,
			0 0 38px rgba(14, 165, 233, 0.22),
			0 0 46px rgba(14, 165, 233, 0.16) inset !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch-surface::after,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--home::after {
		opacity: 1 !important;
		background:
			radial-gradient(ellipse at 21% 52%, rgba(215, 180, 106, 0.34), transparent 42%),
			linear-gradient(90deg, rgba(215, 180, 106, 0.16), transparent 44%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch-surface::after,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--draw::after {
		opacity: 1 !important;
		background:
			radial-gradient(ellipse at 50% 52%, rgba(34, 211, 238, 0.34), transparent 38%),
			linear-gradient(90deg, transparent 24%, rgba(34, 211, 238, 0.12), transparent 76%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch-surface::after,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--away::after {
		opacity: 1 !important;
		background:
			radial-gradient(ellipse at 79% 52%, rgba(14, 165, 233, 0.34), transparent 42%),
			linear-gradient(270deg, rgba(14, 165, 233, 0.16), transparent 44%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__field-border,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__midline,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__center-circle,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__box,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__small-box,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__penalty-spot,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__arc,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__corner {
		position: absolute !important;
		z-index: 2 !important;
		display: block !important;
		border-color: rgba(235, 255, 244, 0.55) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__field-border {
		inset: var(--pitch-inset-y) var(--pitch-inset-x) !important;
		border-width: 1.5px !important;
		border-style: solid !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__midline {
		top: var(--pitch-inset-y) !important;
		bottom: var(--pitch-inset-y) !important;
		left: 50% !important;
		width: 1.5px !important;
		background: rgba(235, 255, 244, 0.58) !important;
		transform: translateX(-50%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__center-circle {
		top: 50% !important;
		left: 50% !important;
		width: 56px !important;
		height: 56px !important;
		border-width: 1.5px !important;
		border-style: solid !important;
		border-radius: 50% !important;
		background: rgba(3, 12, 18, 0.05) !important;
		transform: translate(-50%, -50%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__box {
		top: 50% !important;
		width: 21% !important;
		height: 52% !important;
		border-width: 1.5px !important;
		border-style: solid !important;
		transform: translateY(-50%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__box--home {
		left: var(--pitch-inset-x) !important;
		border-left: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__box--away {
		right: var(--pitch-inset-x) !important;
		border-right: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__small-box {
		top: 50% !important;
		width: 8.5% !important;
		height: 28% !important;
		border-width: 1.5px !important;
		border-style: solid !important;
		transform: translateY(-50%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__small-box--home {
		left: var(--pitch-inset-x) !important;
		border-left: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__small-box--away {
		right: var(--pitch-inset-x) !important;
		border-right: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__penalty-spot {
		top: 50% !important;
		width: 4px !important;
		height: 4px !important;
		border: 0 !important;
		border-radius: 50% !important;
		background: rgba(235, 255, 244, 0.7) !important;
		transform: translateY(-50%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__penalty-spot--home {
		left: calc(var(--pitch-inset-x) + 13%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__penalty-spot--away {
		right: calc(var(--pitch-inset-x) + 13%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__arc {
		top: 50% !important;
		width: 9% !important;
		height: 31% !important;
		border-width: 1.5px !important;
		border-style: solid !important;
		border-radius: 50% !important;
		transform: translateY(-50%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__arc--home {
		left: calc(var(--pitch-inset-x) + 15.5%) !important;
		clip-path: inset(0 0 0 50%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__arc--away {
		right: calc(var(--pitch-inset-x) + 15.5%) !important;
		clip-path: inset(0 50% 0 0) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__corner {
		width: 16px !important;
		height: 16px !important;
		border-width: 1.5px !important;
		border-style: solid !important;
		border-radius: 50% !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__corner--tl {
		top: calc(var(--pitch-inset-y) - 8px) !important;
		left: calc(var(--pitch-inset-x) - 8px) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__corner--tr {
		top: calc(var(--pitch-inset-y) - 8px) !important;
		right: calc(var(--pitch-inset-x) - 8px) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__corner--bl {
		bottom: calc(var(--pitch-inset-y) - 8px) !important;
		left: calc(var(--pitch-inset-x) - 8px) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__corner--br {
		right: calc(var(--pitch-inset-x) - 8px) !important;
		bottom: calc(var(--pitch-inset-y) - 8px) !important;
	}
}

/* When editing a saved Champions pick, current tap wins over the stored pick visuals. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-outcome-choice.is-selected:not(:has(input:checked)) {
		z-index: 2 !important;
		border-color: rgba(53, 208, 226, 0.26) !important;
		filter: none !important;
		transform: none !important;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.025) inset,
			0 10px 20px rgba(0, 0, 0, 0.12) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-pitch-surface {
		border-color: rgba(208, 255, 232, 0.28) !important;
		box-shadow:
			0 14px 30px rgba(0, 0, 0, 0.22),
			0 0 0 1px rgba(255, 255, 255, 0.055) inset,
			0 0 34px rgba(34, 211, 238, 0.08) inset !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-pitch-surface::after {
		opacity: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch-surface {
		border-color: rgba(215, 180, 106, 0.48) !important;
		box-shadow:
			0 16px 34px rgba(0, 0, 0, 0.24),
			0 0 0 1px rgba(215, 180, 106, 0.16) inset,
			0 0 38px rgba(215, 180, 106, 0.2),
			0 0 46px rgba(215, 180, 106, 0.16) inset !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch-surface {
		border-color: rgba(34, 211, 238, 0.5) !important;
		box-shadow:
			0 16px 34px rgba(0, 0, 0, 0.24),
			0 0 0 1px rgba(34, 211, 238, 0.18) inset,
			0 0 38px rgba(34, 211, 238, 0.22),
			0 0 46px rgba(34, 211, 238, 0.16) inset !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch-surface {
		border-color: rgba(14, 165, 233, 0.5) !important;
		box-shadow:
			0 16px 34px rgba(0, 0, 0, 0.24),
			0 0 0 1px rgba(14, 165, 233, 0.18) inset,
			0 0 38px rgba(14, 165, 233, 0.22),
			0 0 46px rgba(14, 165, 233, 0.16) inset !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch-surface::after {
		opacity: 1 !important;
		background:
			radial-gradient(ellipse at 21% 52%, rgba(215, 180, 106, 0.34), transparent 42%),
			linear-gradient(90deg, rgba(215, 180, 106, 0.16), transparent 44%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch-surface::after {
		opacity: 1 !important;
		background:
			radial-gradient(ellipse at 50% 52%, rgba(34, 211, 238, 0.34), transparent 38%),
			linear-gradient(90deg, transparent 24%, rgba(34, 211, 238, 0.12), transparent 76%) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch-surface::after {
		opacity: 1 !important;
		background:
			radial-gradient(ellipse at 79% 52%, rgba(14, 165, 233, 0.34), transparent 42%),
			linear-gradient(270deg, rgba(14, 165, 233, 0.16), transparent 44%) !important;
	}

}

/* Champions rail owns the decision: the chosen outcome is fully filled. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile.champions-outcome-choice:has(input:checked),
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .club-tile.champions-outcome-choice.is-selected {
		z-index: 7 !important;
		border-color: color-mix(in srgb, var(--club-accent, #d7b46a) 82%, #ffffff) !important;
		background:
			linear-gradient(135deg, color-mix(in srgb, var(--club-accent, #ffffff) 34%, transparent), transparent 54%),
			linear-gradient(180deg, color-mix(in srgb, var(--club-surface, var(--club-primary, #35d0e2)) 92%, #ffffff), var(--club-surface, var(--club-primary, #35d0e2))) !important;
		color: var(--club-ink, #ffffff) !important;
		filter: saturate(1.16) brightness(1.04) !important;
		transform: translateY(-2px) !important;
		box-shadow:
			0 0 0 1px color-mix(in srgb, var(--club-accent, #d7b46a) 58%, rgba(255, 255, 255, 0.22)) inset,
			0 0 30px color-mix(in srgb, var(--club-primary, #35d0e2) 34%, transparent),
			0 16px 28px rgba(0, 0, 0, 0.22) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice:has(input:checked),
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage > .champions-draw-choice.is-selected {
		z-index: 7 !important;
		border-color: rgba(125, 249, 255, 0.94) !important;
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.32), transparent 52%),
			linear-gradient(180deg, #47f3ff, #0896b4) !important;
		color: #021018 !important;
		filter: saturate(1.12) brightness(1.04) !important;
		transform: translateY(-2px) !important;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.34) inset,
			0 0 30px rgba(34, 211, 238, 0.34),
			0 16px 28px rgba(0, 0, 0, 0.22) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked) .club-identity,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile.champions-outcome-choice.is-selected .club-identity {
		background: transparent !important;
		color: inherit !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked) .club-identity__code,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked) .club-identity__copy span,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile.champions-outcome-choice:has(input:checked) .club-identity__copy small,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile.champions-outcome-choice.is-selected .club-identity__code,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile.champions-outcome-choice.is-selected .club-identity__copy span,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile.champions-outcome-choice.is-selected .club-identity__copy small,
	html.corporate-surface .play-page article.champions-pitch-module .champions-draw-choice:has(input:checked) span,
	html.corporate-surface .play-page article.champions-pitch-module .champions-draw-choice:has(input:checked) small,
	html.corporate-surface .play-page article.champions-pitch-module .champions-draw-choice.is-selected span,
	html.corporate-surface .play-page article.champions-pitch-module .champions-draw-choice.is-selected small {
		color: inherit !important;
		text-shadow: 0 1px 14px rgba(255, 255, 255, 0.2) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice:has(input:checked),
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice.is-selected,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice:has(input:checked),
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice.is-selected {
		color: #07111f !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice:has(input:checked) .club-identity__code,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice:has(input:checked) .club-identity__side,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice:has(input:checked) .club-identity__copy span,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice:has(input:checked) .club-identity__copy small,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice.is-selected .club-identity__code,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice.is-selected .club-identity__side,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice.is-selected .club-identity__copy span,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-titanium-white.champions-outcome-choice.is-selected .club-identity__copy small,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice:has(input:checked) .club-identity__code,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice:has(input:checked) .club-identity__side,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice:has(input:checked) .club-identity__copy span,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice:has(input:checked) .club-identity__copy small,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice.is-selected .club-identity__code,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice.is-selected .club-identity__side,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice.is-selected .club-identity__copy span,
	html.corporate-surface .play-page article.champions-pitch-module .club-tile--material-brushed-aluminum.champions-outcome-choice.is-selected .club-identity__copy small {
		color: #07111f !important;
		text-shadow: 0 1px 12px rgba(255, 255, 255, 0.38) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-outcome-choice.is-selected:not(:has(input:checked)) {
		z-index: 2 !important;
		border-color: rgba(53, 208, 226, 0.26) !important;
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
			rgba(4, 13, 24, 0.82) !important;
		color: rgba(248, 250, 252, 0.92) !important;
		filter: none !important;
		transform: none !important;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.025) inset,
			0 10px 20px rgba(0, 0, 0, 0.12) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .club-tile--material-titanium-white.champions-outcome-choice.is-selected:not(:has(input:checked)) .club-identity__side,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .club-tile--material-brushed-aluminum.champions-outcome-choice.is-selected:not(:has(input:checked)) .club-identity__side {
		color: rgba(248, 250, 252, 0.92) !important;
		text-shadow: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch__pick-chip {
		position: absolute !important;
		top: 0.66rem !important;
		left: 50% !important;
		z-index: 6 !important;
		display: inline-flex !important;
		width: auto !important;
		max-width: calc(100% - 1.5rem) !important;
		min-height: 24px !important;
		padding: 0.24rem 0.58rem !important;
		opacity: 0 !important;
		border: 1px solid rgba(248, 250, 252, 0.18) !important;
		border-radius: 999px !important;
		background: rgba(2, 8, 18, 0.58) !important;
		color: rgba(248, 250, 252, 0.86) !important;
		font-size: 0.58rem !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
		transform: translateX(-50%) !important;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.035) inset,
			0 10px 22px rgba(0, 0, 0, 0.18) !important;
		pointer-events: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch__pick-chip--home,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--home .champions-pitch__pick-chip--home {
		opacity: 1 !important;
		border-color: rgba(215, 180, 106, 0.44) !important;
		color: rgba(255, 246, 214, 0.9) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch__pick-chip--draw,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--draw .champions-pitch__pick-chip--draw {
		opacity: 1 !important;
		border-color: rgba(34, 211, 238, 0.46) !important;
		color: rgba(218, 252, 255, 0.92) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch__pick-chip--away,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pitch-surface--away .champions-pitch__pick-chip--away {
		opacity: 1 !important;
		border-color: rgba(14, 165, 233, 0.48) !important;
		color: rgba(219, 242, 255, 0.92) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-pitch__pick-chip {
		opacity: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.club-tile--home input:checked) .champions-pitch__pick-chip--home,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.champions-draw-choice input:checked) .champions-pitch__pick-chip--draw,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-match-card__stage:has(.club-tile--away input:checked) .champions-pitch__pick-chip--away {
		opacity: 1 !important;
	}
}

/* Champions mobile viewport center lock. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page .play-predictions-panel,
	html.corporate-surface .play-page .play-prediction-group,
	html.corporate-surface .play-page .prediction-group-card {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		justify-items: center !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module {
		box-sizing: border-box !important;
		width: min(100%, calc(100vw - 1.5rem), 560px) !important;
		max-width: calc(100vw - 1.5rem) !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form {
		box-sizing: border-box !important;
		display: grid !important;
		justify-items: center !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__header,
	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__matchup,
	html.corporate-surface .play-page article.champions-pitch-module > form.champions-pick-form > .champions-match-card__stage,
	html.corporate-surface .play-page article.champions-pitch-module .prediction-controls--champions-pickem,
	html.corporate-surface .play-page article.champions-pitch-module .match-prediction-summary {
		box-sizing: border-box !important;
		width: min(100%, 342px) !important;
		max-width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__header,
	html.corporate-surface .play-page article.champions-pitch-module .champions-match-card__matchup {
		justify-self: center !important;
	}
}

.champions-pick-action__state {
	display: none;
}

/* Mobile Play System Sprint 06: action state machine. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-action {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		justify-items: center !important;
		gap: 0.48rem !important;
		width: min(100%, 342px) !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-top: 0 !important;
		border-top: 0 !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-edit-pick-btn {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-action__status--desktop {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-action__state {
		display: none !important;
		min-height: 30px !important;
		padding: 0.34rem 0.72rem !important;
		border-color: rgba(126, 231, 255, 0.18) !important;
		background: rgba(3, 10, 19, 0.54) !important;
		color: rgba(248, 250, 252, 0.82) !important;
		font-size: 0.68rem !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.035) inset,
			0 10px 22px rgba(0, 0, 0, 0.12) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form:not(.champions-pick-edit-form):not(.has-save-success):has(input[name="outcome"]:checked) .champions-pick-action__state,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-save-success:not(.has-unsaved-changes) .champions-pick-action__state,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.champions-pick-edit-form:not(.has-unsaved-changes) .champions-pick-action__state,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-pick-action__state {
		display: inline-flex !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-pick-action__state,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form:not(.champions-pick-edit-form):not(.has-save-success):has(input[name="outcome"]:checked) .champions-pick-action__state {
		border-color: rgba(255, 214, 128, 0.34) !important;
		color: rgba(255, 224, 166, 0.96) !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-select-outcome-btn {
		display: inline-flex !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-confirm-pick-btn {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form:has(input[name="outcome"]:checked) .champions-select-outcome-btn,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-save-success .champions-select-outcome-btn,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.champions-pick-edit-form .champions-select-outcome-btn {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form:not(.champions-pick-edit-form):not(.has-save-success):has(input[name="outcome"]:checked) .champions-confirm-pick-btn--ready,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-unsaved-changes .champions-confirm-pick-btn {
		display: inline-flex !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.has-save-success:not(.has-unsaved-changes) .champions-confirm-pick-btn,
	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-form.champions-pick-edit-form:not(.has-unsaved-changes) .champions-confirm-pick-btn {
		display: none !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .prediction-save-feedback {
		width: min(100%, 342px) !important;
		margin: 0 auto !important;
		color: rgba(255, 224, 166, 0.92) !important;
		font-size: 0.78rem !important;
		font-weight: 900 !important;
		text-align: center !important;
	}

	html.corporate-surface .play-page article.champions-pitch-module .champions-pick-action--readonly .champions-pick-action__status {
		min-height: 34px !important;
		padding: 0.42rem 0.78rem !important;
		border-radius: 999px !important;
		font-size: 0.72rem !important;
	}
}

.mobile-matchup-action__state {
	display: none;
}

.mlb-decision-card__hero {
	display: none;
}

/* Mobile Matchup Pattern Rollout: NFL, MLB, and Tennis inherit the Football grammar. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page .nfl-field-module,
	html.corporate-surface .play-page .mlb-decision-card,
	html.corporate-surface .play-page .player-matchup-card {
		width: min(100%, calc(100vw - 1.5rem), 560px) !important;
		max-width: calc(100vw - 1.5rem) !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding: 0.92rem !important;
		overflow: hidden !important;
		border-radius: 18px !important;
	}

	html.corporate-surface .play-page .nfl-field-module__header,
	html.corporate-surface .play-page .mlb-decision-card__header,
	html.corporate-surface .play-page .player-matchup-card__header {
		margin: 0 !important;
		padding: 0 !important;
	}

	html.corporate-surface .play-page .nfl-field-module .prediction-card__status-stack,
	html.corporate-surface .play-page .mlb-decision-card__meta-row,
	html.corporate-surface .play-page .player-matchup-card__meta {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 0.38rem !important;
		width: 100% !important;
		overflow-x: auto !important;
		scrollbar-width: none !important;
	}

	html.corporate-surface .play-page .nfl-field-module .prediction-card__status-stack::-webkit-scrollbar,
	html.corporate-surface .play-page .mlb-decision-card__meta-row::-webkit-scrollbar,
	html.corporate-surface .play-page .player-matchup-card__meta::-webkit-scrollbar {
		display: none !important;
	}

	html.corporate-surface .play-page .nfl-field-module .prediction-card__status-stack > *,
	html.corporate-surface .play-page .mlb-decision-card__meta-row > *,
	html.corporate-surface .play-page .player-matchup-card__meta > * {
		flex: 0 0 auto !important;
	}

	html.corporate-surface .play-page .nfl-pickem-meta,
	html.corporate-surface .play-page .mlb-decision-card__context-row {
		display: none !important;
	}

	html.corporate-surface .play-page .nfl-field-module__matchup,
	html.corporate-surface .play-page .player-matchup-card__title {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 0.42rem !important;
		width: min(100%, 342px) !important;
		margin: 0.72rem auto 0.56rem !important;
		padding: 0 !important;
		color: rgba(248, 250, 252, 0.96) !important;
		font-size: clamp(1.18rem, 6.2vw, 1.58rem) !important;
		font-weight: 950 !important;
		line-height: 1.05 !important;
		text-align: center !important;
	}

	html.corporate-surface .play-page .nfl-field-module__matchup span {
		display: none !important;
	}

	html.corporate-surface .play-page .nfl-field-module__matchup::before,
	html.corporate-surface .play-page .nfl-field-module__matchup::after {
		display: block !important;
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: normal !important;
	}

	html.corporate-surface .play-page .nfl-field-module__matchup::before {
		content: attr(data-away-name);
	}

	html.corporate-surface .play-page .nfl-field-module__matchup::after {
		content: attr(data-home-name);
	}

	html.corporate-surface .play-page .nfl-field-module__matchup strong,
	html.corporate-surface .play-page .player-matchup-card__title strong {
		color: var(--sponsor-primary, #35d0e2) !important;
		font-size: 0.78em !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
	}

	html.corporate-surface .play-page .player-matchup-card__title span {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: normal !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__hero {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 0.42rem !important;
		width: min(100%, 342px) !important;
		margin: 0.72rem auto 0.56rem !important;
		padding: 0 !important;
		color: rgba(248, 250, 252, 0.96) !important;
		font-size: clamp(1.18rem, 6.2vw, 1.58rem) !important;
		font-weight: 950 !important;
		line-height: 1.05 !important;
		text-align: center !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__hero span {
		display: block !important;
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: normal !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__hero strong {
		color: var(--sponsor-primary, #35d0e2) !important;
		font-size: 0.78em !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup::before {
		content: none !important;
		display: none !important;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field,
	html.corporate-surface .play-page .mlb-decision-card__matchup,
	html.corporate-surface .play-page .player-matchup-card__matchup,
	html.corporate-surface .play-page .prediction-controls--nfl-pickem,
	html.corporate-surface .play-page .prediction-controls--mlb-decision,
	html.corporate-surface .play-page .prediction-controls--player-matchup {
		width: min(100%, 342px) !important;
		max-width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field {
		display: block !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html.corporate-surface .play-page .nfl-field-stage {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0 !important;
		width: 100% !important;
		overflow: visible !important;
	}

	html.corporate-surface .play-page .nfl-team-showcase--away {
		order: 1 !important;
	}

	html.corporate-surface .play-page .nfl-team-showcase--home {
		order: 2 !important;
	}

	html.corporate-surface .play-page .nfl-field-surface {
		order: 3 !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 16 / 9 !important;
		min-height: 170px !important;
		margin-top: 0.72rem !important;
		overflow: hidden !important;
		border: 1px solid rgba(220, 247, 210, 0.26) !important;
		border-radius: 12px !important;
	}

	html.corporate-surface .play-page .nfl-team-showcase,
	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 64px !important;
		border-radius: 0 !important;
	}

	html.corporate-surface .play-page .nfl-team-showcase--away {
		border-top-left-radius: 12px !important;
		border-bottom-left-radius: 12px !important;
	}

	html.corporate-surface .play-page .nfl-team-showcase--home {
		border-top-right-radius: 12px !important;
		border-bottom-right-radius: 12px !important;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-tile--compact .franchise-identity {
		display: grid !important;
		place-items: center !important;
		min-height: 64px !important;
		padding: 0.42rem !important;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__header,
	html.corporate-surface .play-page .nfl-game-field .franchise-identity__copy,
	html.corporate-surface .play-page .nfl-game-field .franchise-identity__state,
	html.corporate-surface .play-page .nfl-game-field .franchise-identity__technical-line {
		display: none !important;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__monogram {
		color: rgba(248, 250, 252, 0.92) !important;
		font-size: clamp(1.28rem, 6vw, 1.55rem) !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		text-align: center !important;
	}

	html.corporate-surface .play-page .nfl-team-choice:has(.nfl-pick-radio:checked),
	html.corporate-surface .play-page .nfl-team-showcase.is-selected {
		border-color: var(--surface-material-selected-border) !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
		filter: none !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html.corporate-surface .play-page .mlb-team-panel--away {
		order: 1 !important;
	}

	html.corporate-surface .play-page .mlb-team-panel--home {
		order: 2 !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond {
		position: relative !important;
		isolation: isolate !important;
		order: 3 !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 1.78 / 1 !important;
		min-height: 184px !important;
		margin: 0.72rem 0 0 !important;
		overflow: hidden !important;
		border: 1px solid rgba(226, 232, 240, 0.16) !important;
		border-radius: 12px !important;
		background:
			linear-gradient(36deg, transparent 0 47.9%, rgba(255, 245, 214, 0.13) 48.25% 48.55%, transparent 48.9%),
			linear-gradient(-36deg, transparent 0 47.9%, rgba(255, 245, 214, 0.13) 48.25% 48.55%, transparent 48.9%),
			radial-gradient(ellipse 70% 36% at 50% 92%, rgba(132, 72, 39, 0.42), transparent 58%),
			radial-gradient(ellipse 86% 64% at 50% 4%, rgba(26, 81, 58, 0.18), transparent 66%),
			linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
			linear-gradient(180deg, rgba(9, 24, 40, 0.98), rgba(4, 11, 23, 0.98)) !important;
		background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 56px 100%, 100% 100% !important;
		box-shadow:
			inset 0 0 38px rgba(3, 10, 19, 0.44),
			inset 0 -26px 52px rgba(3, 10, 19, 0.34),
			inset 0 0 0 1px rgba(255, 255, 255, 0.025),
			0 16px 30px rgba(0, 0, 0, 0.22) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 0 !important;
		width: auto !important;
		aspect-ratio: auto !important;
		border: 0 !important;
		border-radius: inherit !important;
		opacity: 1 !important;
		pointer-events: none !important;
		transform: none !important;
		background:
			radial-gradient(ellipse 90% 18% at 50% 1%, rgba(236, 253, 245, 0.18), transparent 62%),
			linear-gradient(90deg, rgba(255, 255, 255, 0.075) 1px, transparent 1px),
			repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.074) 0 16%, rgba(255, 255, 255, 0.024) 16% 32%),
			radial-gradient(ellipse 42% 68% at 50% 82%, rgba(126, 231, 255, 0.1), transparent 62%),
			linear-gradient(180deg, color-mix(in srgb, var(--mlb-card-grass, #1f6b4a) 94%, #36a16b 6%), #1d6f4c 62%, #0d4637) !important;
		background-size: 100% 100%, 48px 100%, 100% 100%, 100% 100%, 100% 100% !important;
		box-shadow:
			0 -1px 0 rgba(236, 253, 245, 0.16),
			inset 0 0 0 1px rgba(236, 253, 245, 0.28),
			inset 0 -34px 52px rgba(3, 10, 19, 0.22) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond::after {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 3 !important;
		pointer-events: none !important;
		opacity: 0 !important;
		transition: opacity 180ms ease-out, background 180ms ease-out !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond span {
		position: absolute !important;
		top: 72% !important;
		left: 50% !important;
		z-index: 2 !important;
		width: 92px !important;
		height: 92px !important;
		min-width: 0 !important;
		min-height: 0 !important;
		border: 1px solid rgba(255, 245, 214, 0.32) !important;
		border-radius: 8px !important;
		background:
			linear-gradient(0deg, transparent 48.9%, rgba(255, 245, 214, 0.22) 49.4% 50.6%, transparent 51.1%),
			linear-gradient(90deg, transparent 48.9%, rgba(255, 245, 214, 0.18) 49.4% 50.6%, transparent 51.1%),
			radial-gradient(circle at 50% 50%, rgba(255, 245, 214, 0.2), transparent 18%),
			linear-gradient(135deg, rgba(158, 93, 51, 0.94), rgba(92, 52, 31, 0.94)) !important;
		clip-path: none !important;
		color: transparent !important;
		transform: translate(-50%, -50%) rotate(45deg) !important;
		box-shadow:
			inset 0 0 0 1px rgba(255, 255, 255, 0.035),
			0 17px 30px rgba(0, 0, 0, 0.24),
			0 0 34px rgba(132, 72, 39, 0.16) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond span::before {
		content: "" !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		width: 7px !important;
		height: 7px !important;
		border-radius: 2px !important;
		background: rgba(255, 250, 232, 0.82) !important;
		box-shadow:
			-38px -38px 0 rgba(255, 250, 232, 0.78),
			38px -38px 0 rgba(255, 250, 232, 0.78),
			38px 38px 0 rgba(255, 250, 232, 0.78),
			-38px 38px 0 rgba(255, 250, 232, 0.78) !important;
		transform: translate(-50%, -50%) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond span::after {
		content: "" !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		width: 24px !important;
		height: 24px !important;
		border: 1px solid rgba(255, 245, 214, 0.22) !important;
		border-radius: 999px !important;
		background: rgba(91, 52, 31, 0.42) !important;
		transform: translate(-50%, -50%) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond b {
		display: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond--away-selected::after,
	html.corporate-surface .play-page .mlb-decision-card__matchup:has(.mlb-team-panel--away input:checked) .mlb-matchup-diamond::after {
		opacity: 1 !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--mlb-decision-away-selected-accent, #35d0e2) 20%, transparent) 0 49.5%, transparent 67%),
			radial-gradient(ellipse at 24% 58%, color-mix(in srgb, var(--mlb-decision-away-selected-accent, #35d0e2) 18%, transparent), transparent 46%) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond--home-selected::after,
	html.corporate-surface .play-page .mlb-decision-card__matchup:has(.mlb-team-panel--home input:checked) .mlb-matchup-diamond::after {
		opacity: 1 !important;
		background:
			linear-gradient(270deg, color-mix(in srgb, var(--mlb-decision-home-selected-accent, #d7b46a) 20%, transparent) 0 49.5%, transparent 67%),
			radial-gradient(ellipse at 76% 58%, color-mix(in srgb, var(--mlb-decision-home-selected-accent, #d7b46a) 18%, transparent), transparent 46%) !important;
	}

	html.corporate-surface .play-page .mlb-team-panel,
	html.corporate-surface .play-page .mlb-team-panel--home {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 64px !important;
		padding: 0.42rem !important;
		border-radius: 0 !important;
		clip-path: none !important;
	}

	html.corporate-surface .play-page .mlb-team-panel--away {
		border-top-left-radius: 12px !important;
		border-bottom-left-radius: 12px !important;
	}

	html.corporate-surface .play-page .mlb-team-panel--home {
		border-top-right-radius: 12px !important;
		border-bottom-right-radius: 12px !important;
	}

	html.corporate-surface .play-page .mlb-team-panel__identity {
		display: grid !important;
		place-items: center !important;
	}

	html.corporate-surface .play-page .mlb-team-panel__role,
	html.corporate-surface .play-page .mlb-team-panel__name,
	html.corporate-surface .play-page .mlb-team-panel__pick-state {
		display: none !important;
	}

	html.corporate-surface .play-page .mlb-team-panel__abbr {
		color: rgba(248, 250, 252, 0.94) !important;
		font-size: clamp(1.28rem, 6vw, 1.55rem) !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		text-align: center !important;
	}

	html.corporate-surface .play-page .mlb-team-panel--choice:has(input:checked),
	html.corporate-surface .play-page .mlb-team-panel.is-selected {
		background: var(--surface-material-layer) !important;
		color: var(--mlb-team-text-safe, #ffffff) !important;
		filter: none !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .player-matchup-card__matchup {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html.corporate-surface .play-page .player-panel--home {
		order: 1 !important;
	}

	html.corporate-surface .play-page .player-panel--away {
		order: 2 !important;
	}

	html.corporate-surface .play-page .player-matchup-court {
		position: relative !important;
		inset: auto !important;
		z-index: 0 !important;
		order: 3 !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 16 / 9 !important;
		min-height: 170px !important;
		margin: 0.72rem 0 0 !important;
		overflow: hidden !important;
		border-radius: 12px !important;
	}

	html.corporate-surface .play-page .player-matchup-court::after {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transition: opacity 180ms ease-out, background 180ms ease-out !important;
	}

	html.corporate-surface .play-page .player-matchup-card__matchup:has(.player-panel--home input:checked) .player-matchup-court::after,
	html.corporate-surface .play-page .player-matchup-card__matchup[data-selected-player="home"] .player-matchup-court::after {
		opacity: 1 !important;
		background: radial-gradient(ellipse at 24% 50%, rgba(53, 208, 226, 0.18), transparent 44%) !important;
	}

	html.corporate-surface .play-page .player-matchup-card__matchup:has(.player-panel--away input:checked) .player-matchup-court::after,
	html.corporate-surface .play-page .player-matchup-card__matchup[data-selected-player="away"] .player-matchup-court::after {
		opacity: 1 !important;
		background: radial-gradient(ellipse at 76% 50%, rgba(226, 232, 240, 0.14), transparent 44%) !important;
	}

	html.corporate-surface .play-page .player-matchup-vs {
		display: none !important;
	}

	html.corporate-surface .play-page .player-panel {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 64px !important;
		padding: 0.42rem !important;
		border-radius: 0 !important;
	}

	html.corporate-surface .play-page .player-panel--home {
		border-top-left-radius: 12px !important;
		border-bottom-left-radius: 12px !important;
	}

	html.corporate-surface .play-page .player-panel--away {
		border-top-right-radius: 12px !important;
		border-bottom-right-radius: 12px !important;
	}

	html.corporate-surface .play-page .player-panel__pick-state,
	html.corporate-surface .play-page .player-panel__flag,
	html.corporate-surface .play-page .player-panel__meta {
		display: none !important;
	}

	html.corporate-surface .play-page .player-panel__identity {
		display: grid !important;
		place-items: center !important;
		text-align: center !important;
	}

	html.corporate-surface .play-page .player-panel__identity strong {
		color: rgba(248, 250, 252, 0.95) !important;
		font-size: clamp(0.92rem, 4.5vw, 1.08rem) !important;
		font-weight: 950 !important;
		line-height: 1.05 !important;
	}

	html.corporate-surface .play-page .player-panel--choice:has(input:checked),
	html.corporate-surface .play-page .player-panel.is-selected {
		background: var(--surface-material-layer) !important;
		filter: none !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .prediction-controls--nfl-pickem,
	html.corporate-surface .play-page .nfl-pick-action__controls,
	html.corporate-surface .play-page .nfl-pick-action__confirmed,
	html.corporate-surface .play-page .mlb-decision-card__decision,
	html.corporate-surface .play-page .mlb-pick-module--action,
	html.corporate-surface .play-page .mlb-pick-action,
	html.corporate-surface .play-page .player-matchup-card__decision,
	html.corporate-surface .play-page .player-matchup-action {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		justify-items: center !important;
		gap: 0.48rem !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html.corporate-surface .play-page .prediction-controls--nfl-pickem,
	html.corporate-surface .play-page .mlb-decision-card__decision,
	html.corporate-surface .play-page .player-matchup-card__decision {
		margin-top: 0.72rem !important;
	}

	html.corporate-surface .play-page .nfl-edit-pick-btn,
	html.corporate-surface .play-page .mlb-edit-pick-btn,
	html.corporate-surface .play-page .player-matchup-edit-pick-btn,
	html.corporate-surface .play-page .nfl-pick-action__status:not(.mobile-matchup-action__state),
	html.corporate-surface .play-page .mlb-pick-action__status:not(.mobile-matchup-action__state),
	html.corporate-surface .play-page .player-matchup-action__status:not(.mobile-matchup-action__state) {
		display: none !important;
	}

	html.corporate-surface .play-page .mobile-matchup-action__state {
		display: none !important;
		width: auto !important;
		min-height: 30px !important;
		padding: 0.34rem 0.72rem !important;
		border: 1px solid rgba(126, 231, 255, 0.18) !important;
		border-radius: 999px !important;
		background: rgba(3, 10, 19, 0.54) !important;
		color: rgba(248, 250, 252, 0.84) !important;
		font-size: 0.68rem !important;
		font-weight: 950 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.035) inset,
			0 10px 22px rgba(0, 0, 0, 0.12) !important;
	}

	html.corporate-surface .play-page .prediction-native-save-form.has-save-success:not(.has-unsaved-changes) .mobile-matchup-action__state,
	html.corporate-surface .play-page .prediction-native-save-form.has-unsaved-changes .mobile-matchup-action__state,
	html.corporate-surface .play-page .nfl-pick-action--confirmed:not(.has-unsaved-changes) .mobile-matchup-action__state,
	html.corporate-surface .play-page .mlb-pick-edit-form:not(.has-unsaved-changes) .mobile-matchup-action__state,
	html.corporate-surface .play-page .player-matchup-edit-form:not(.has-unsaved-changes) .mobile-matchup-action__state,
	html.corporate-surface .play-page .nfl-field-module:has(.nfl-pick-radio:checked) .nfl-pick-action--open .mobile-matchup-action__state,
	html.corporate-surface .play-page .mlb-decision-card:has(.mlb-team-panel--choice input:checked) .mlb-pick-module--action .mobile-matchup-action__state,
	html.corporate-surface .play-page .player-matchup-card:has(.player-panel--choice input:checked) .player-matchup-action--open .mobile-matchup-action__state {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	html.corporate-surface .play-page .prediction-native-save-form.has-unsaved-changes .mobile-matchup-action__state,
	html.corporate-surface .play-page .nfl-field-module:has(.nfl-pick-radio:checked) .nfl-pick-action--open .mobile-matchup-action__state,
	html.corporate-surface .play-page .mlb-decision-card:has(.mlb-team-panel--choice input:checked) .mlb-pick-module--action .mobile-matchup-action__state,
	html.corporate-surface .play-page .player-matchup-card:has(.player-panel--choice input:checked) .player-matchup-action--open .mobile-matchup-action__state {
		border-color: rgba(255, 214, 128, 0.34) !important;
		color: rgba(255, 224, 166, 0.96) !important;
	}

	html.corporate-surface .play-page .mlb-pick-edit-form .mlb-team-panel--choice,
	html.corporate-surface .play-page .player-matchup-edit-form .player-panel--choice {
		pointer-events: auto !important;
		cursor: pointer !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__meta-row {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, auto)) !important;
		justify-content: center !important;
		width: min(100%, 342px) !important;
		margin: 0 auto 0.72rem !important;
		overflow: visible !important;
		white-space: normal !important;
	}

	html.corporate-surface .play-page .mlb-meta-status,
	html.corporate-surface .play-page .mlb-meta-item--venue {
		display: none !important;
	}

	html.corporate-surface .play-page .mlb-meta-item,
	html.corporate-surface .play-page .mlb-meta-pill {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	html.corporate-surface .play-page .mlb-meta-item__label,
	html.corporate-surface .play-page .mlb-meta-item__text em {
		display: none !important;
	}

	html.corporate-surface .play-page .player-matchup-card__meta {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: min(100%, 342px) !important;
		margin: 0 auto 0.82rem !important;
		overflow: visible !important;
	}

	html.corporate-surface .play-page .player-matchup-meta-pill {
		min-width: 0 !important;
	}

	html.corporate-surface .play-page .player-matchup-meta-pill strong {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	html.corporate-surface .play-page .player-matchup-card {
		padding: 0.82rem !important;
		border-color: rgba(53, 208, 226, 0.28) !important;
		background:
			radial-gradient(ellipse 74% 34% at 50% 100%, rgba(53, 208, 226, 0.13), transparent 72%),
			radial-gradient(ellipse 52% 32% at 50% 0%, rgba(255, 255, 255, 0.055), transparent 70%),
			linear-gradient(180deg, rgba(15, 26, 44, 0.98), rgba(5, 10, 23, 0.99)) !important;
		box-shadow:
			0 22px 58px rgba(0, 0, 0, 0.32),
			0 0 0 1px rgba(255, 255, 255, 0.035) inset,
			0 0 34px rgba(53, 208, 226, 0.08) !important;
	}

	html.corporate-surface .play-page .player-matchup-card::before {
		background:
			radial-gradient(ellipse at 50% 62%, rgba(53, 208, 226, 0.08), transparent 58%),
			linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%) !important;
		opacity: 0.7 !important;
	}

	html.corporate-surface .play-page .player-matchup-card__header {
		display: block !important;
	}

	html.corporate-surface .play-page .player-matchup-card__meta {
		display: block !important;
		width: min(100%, 342px) !important;
		margin: 0 auto 0.64rem !important;
		overflow: hidden !important;
	}

	html.corporate-surface .play-page .player-matchup-card__meta::before {
		content: attr(data-mobile-context) !important;
		display: block !important;
		width: 100% !important;
		overflow: hidden !important;
		color: rgba(203, 213, 225, 0.82) !important;
		font-size: 0.74rem !important;
		font-weight: 800 !important;
		letter-spacing: 0 !important;
		line-height: 1.2 !important;
		text-align: center !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	html.corporate-surface .play-page .player-matchup-card__meta > *,
	html.corporate-surface .play-page .player-matchup-status {
		display: none !important;
	}

	html.corporate-surface .play-page .player-matchup-card__title {
		order: 0 !important;
		align-items: center !important;
		width: min(100%, 342px) !important;
		margin: -0.08rem auto 0.58rem !important;
		font-size: clamp(1.34rem, 7.3vw, 1.76rem) !important;
	}

	html.corporate-surface .play-page .player-matchup-card__title span {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 0.18em !important;
		min-height: 2.06em !important;
		overflow-wrap: normal !important;
		white-space: nowrap !important;
		word-break: normal !important;
		hyphens: none !important;
	}

	html.corporate-surface .play-page .player-matchup-card__title span:first-child {
		justify-content: flex-start !important;
	}

	html.corporate-surface .play-page .player-matchup-card__title span:last-child {
		justify-content: flex-end !important;
	}

	html.corporate-surface .play-page .player-matchup-card__matchup {
		width: min(100%, 342px) !important;
	}

	html.corporate-surface .play-page .player-panel {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		grid-template-rows: none !important;
		gap: 0 !important;
		height: 58px !important;
		min-height: 58px !important;
		max-height: 58px !important;
		padding: 0.38rem !important;
		border-color: var(--surface-material-border) !important;
		background: var(--surface-material-layer) !important;
		background-size: auto !important;
	}

	html.corporate-surface .play-page .player-panel input[type="radio"] {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	html.corporate-surface .play-page .player-panel__identity strong {
		font-size: clamp(0.88rem, 4.3vw, 1.02rem) !important;
	}

	html.corporate-surface .play-page .player-panel__identity {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0.42rem !important;
		width: auto !important;
		min-height: 0 !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .player-panel__identity strong {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 0.02em 0.22em !important;
		min-height: 0 !important;
		line-height: 1 !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
		hyphens: none !important;
		transform: translateY(0.12rem) !important;
	}

	html.corporate-surface .play-page .player-panel__flag {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 1.42rem !important;
		height: 1.42rem !important;
		overflow: hidden !important;
		border: 1px solid rgba(226, 232, 240, 0.24) !important;
		border-radius: 999px !important;
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(3, 10, 19, 0.22)) !important;
		box-shadow:
			0 8px 14px rgba(0, 0, 0, 0.16),
			0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
		font-size: 0.88rem !important;
		line-height: 1 !important;
	}

	html.corporate-surface .play-page .player-panel__flag img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}

	html.corporate-surface .play-page .player-panel--home .player-panel__identity {
		justify-content: center !important;
	}

	html.corporate-surface .play-page .player-panel--away .player-panel__identity {
		justify-content: center !important;
	}

	html.corporate-surface .play-page .player-panel--home:has(input:checked),
	html.corporate-surface .play-page .player-panel--home.is-selected {
		border-color: var(--surface-material-selected-border) !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
	}

	html.corporate-surface .play-page .player-panel--away:has(input:checked),
	html.corporate-surface .play-page .player-panel--away.is-selected {
		border-color: var(--surface-material-selected-border) !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
	}

	html.corporate-surface .play-page .player-panel:has(input:checked) .player-panel__flag,
	html.corporate-surface .play-page .player-panel.is-selected .player-panel__flag {
		border-color: rgba(248, 250, 252, 0.46) !important;
		box-shadow:
			0 8px 14px rgba(0, 0, 0, 0.16),
			0 0 14px rgba(226, 232, 240, 0.16),
			0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
	}

	html.corporate-surface .play-page .player-matchup-court {
		min-height: 148px !important;
		margin-top: 0.62rem !important;
		border: 1px solid rgba(220, 247, 210, 0.28) !important;
		border-radius: 12px !important;
		background:
			linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
			repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 20%, rgba(255, 255, 255, 0.015) 20% 40%),
			radial-gradient(ellipse at 50% 50%, rgba(126, 231, 255, 0.11), transparent 58%),
			linear-gradient(135deg, #15372f 0%, #226043 48%, #0d322e 100%) !important;
		background-size: 56px 100%, 100% 100%, 100% 100%, 100% 100% !important;
		box-shadow:
			inset 0 0 32px rgba(3, 10, 19, 0.4),
			inset 0 0 0 1px rgba(255, 255, 255, 0.035),
			0 14px 28px rgba(0, 0, 0, 0.2) !important;
		filter: saturate(1.02) contrast(1.02) !important;
	}

	html.corporate-surface .play-page .player-matchup-court__baseline,
	html.corporate-surface .play-page .player-matchup-court__service,
	html.corporate-surface .play-page .player-matchup-court__sideline,
	html.corporate-surface .play-page .player-matchup-court__center-mark {
		border-color: rgba(236, 253, 245, 0.46) !important;
		opacity: 0.78 !important;
	}

	html.corporate-surface .play-page .player-matchup-court__center-line,
	html.corporate-surface .play-page .player-matchup-court__net {
		background-color: rgba(236, 253, 245, 0.4) !important;
		opacity: 0.78 !important;
	}

	html.corporate-surface .play-page .player-matchup-card__matchup:has(.player-panel--home input:checked) .player-matchup-court,
	html.corporate-surface .play-page .player-matchup-card__matchup[data-selected-player="home"] .player-matchup-court {
		border-color: rgba(126, 231, 255, 0.48) !important;
		box-shadow:
			inset 0 0 34px rgba(3, 10, 19, 0.34),
			inset 34px 0 60px rgba(53, 208, 226, 0.12),
			0 16px 32px rgba(0, 0, 0, 0.22),
			0 0 30px rgba(53, 208, 226, 0.12) !important;
	}

	html.corporate-surface .play-page .player-matchup-card__matchup:has(.player-panel--away input:checked) .player-matchup-court,
	html.corporate-surface .play-page .player-matchup-card__matchup[data-selected-player="away"] .player-matchup-court {
		border-color: rgba(226, 232, 240, 0.42) !important;
		box-shadow:
			inset 0 0 34px rgba(3, 10, 19, 0.34),
			inset -34px 0 60px rgba(226, 232, 240, 0.1),
			0 16px 32px rgba(0, 0, 0, 0.22),
			0 0 26px rgba(226, 232, 240, 0.1) !important;
	}

	html.corporate-surface .play-page .player-matchup-card__decision {
		margin-top: 0.62rem !important;
	}
}

/* MMA Arena Sprint 01 final desktop stabilization. */
@media (min-width: 576px) {
  html.corporate-surface .play-page .mma-fight-card__matchup {
    isolation: isolate !important;
    grid-template-columns: minmax(230px, 0.36fr) minmax(420px, 1fr) minmax(230px, 0.36fr) !important;
    align-items: stretch !important;
		background:
			radial-gradient(ellipse at 50% 48%, rgba(15, 23, 42, 0.54), transparent 56%),
			radial-gradient(ellipse at 18% 50%, rgba(53, 208, 226, 0.1), transparent 42%),
			radial-gradient(ellipse at 82% 50%, rgba(216, 183, 106, 0.08), transparent 42%),
			linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),
      linear-gradient(180deg, rgba(9, 16, 31, 0.92), rgba(2, 6, 15, 0.98)) !important;
  }

  html.corporate-surface .play-page .mma-fight-card__title {
    gap: clamp(0.8rem, 2.4vw, 1.6rem) !important;
    font-size: clamp(2.35rem, 4vw, 4.1rem) !important;
  }

  html.corporate-surface .play-page .mma-fight-card__title span {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html.corporate-surface .play-page .mma-octagon-frame {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 310px !important;
		z-index: 1 !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__shape {
		border-color: rgba(226, 232, 240, 0.22) !important;
		background:
			radial-gradient(circle at 50% 49%, rgba(248, 250, 252, 0.13), transparent 12%),
			radial-gradient(ellipse at 50% 48%, rgba(91, 106, 128, 0.56), transparent 48%),
			radial-gradient(circle at 0 30%, rgba(216, 183, 106, 0.08), transparent 20%),
			radial-gradient(circle at 100% 30%, rgba(53, 208, 226, 0.08), transparent 20%),
			linear-gradient(135deg, rgba(58, 68, 84, 0.98), rgba(30, 39, 54, 0.99) 42%, rgba(13, 21, 35, 1) 100%),
			repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 18px) !important;
		box-shadow:
			0 26px 50px rgba(0, 0, 0, 0.42),
			0 10px 26px rgba(0, 0, 0, 0.34),
			0 0 44px rgba(53, 208, 226, 0.075),
			inset 0 0 0 1px rgba(255, 255, 255, 0.055),
			inset 0 18px 38px rgba(255, 255, 255, 0.035),
			inset 0 -34px 58px rgba(0, 0, 0, 0.5) !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__inner {
		inset: 10% !important;
		border-color: rgba(226, 232, 240, 0.11) !important;
		background:
			radial-gradient(ellipse at 50% 48%, rgba(226, 232, 240, 0.075), transparent 46%),
			linear-gradient(135deg, rgba(255, 255, 255, 0.026), transparent 46%, rgba(0, 0, 0, 0.16)) !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__axis {
		background: rgba(226, 232, 240, 0.07) !important;
	}

	html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--home input:checked) .mma-octagon-frame__shape,
	html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="home"] .mma-octagon-frame__shape {
		box-shadow:
			0 24px 46px rgba(0, 0, 0, 0.34),
			-18px 0 42px rgba(216, 93, 82, 0.12),
			inset 16px 0 34px rgba(216, 93, 82, 0.08),
			inset 0 0 54px rgba(0, 0, 0, 0.5) !important;
	}

	html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--away input:checked) .mma-octagon-frame__shape,
	html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="away"] .mma-octagon-frame__shape {
		box-shadow:
			0 24px 46px rgba(0, 0, 0, 0.34),
			18px 0 42px rgba(53, 208, 226, 0.12),
			inset -16px 0 34px rgba(53, 208, 226, 0.08),
			inset 0 0 54px rgba(0, 0, 0, 0.5) !important;
	}

	html.corporate-surface .play-page .mma-fight-vs {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		grid-column: auto !important;
		transform: translate(-50%, -50%) !important;
		z-index: 5 !important;
	}

	html.corporate-surface .play-page .mma-fight-vs span {
		width: 58px !important;
		height: 58px !important;
		border-color: rgba(148, 163, 184, 0.28) !important;
		background:
			radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.08), transparent 48%),
			rgba(3, 10, 19, 0.84) !important;
		box-shadow:
			0 14px 24px rgba(0, 0, 0, 0.28),
			0 0 0 1px rgba(255, 255, 255, 0.035) inset !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel {
		align-self: center !important;
		min-height: clamp(260px, 28vw, 360px) !important;
		height: min(78%, 380px) !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity strong {
		max-width: 100% !important;
		font-size: clamp(1.55rem, 2.35vw, 2.75rem) !important;
		line-height: 0.98 !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
		hyphens: none !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__meta {
		max-width: 18ch !important;
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .play-page .mma-fight-card {
		width: min(100%, calc(100vw - 1.5rem)) !important;
		max-width: calc(100vw - 1.5rem) !important;
		min-width: 0 !important;
		margin-inline: auto !important;
		overflow: hidden !important;
	}

	html.corporate-surface .play-page .mma-fight-card__title {
		grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
		gap: 0.42rem !important;
		font-size: clamp(1.22rem, 7.35vw, 1.9rem) !important;
		line-height: 0.98 !important;
	}

	html.corporate-surface .play-page .mma-fight-card__title span {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: visible !important;
		flex-wrap: nowrap !important;
		overflow-wrap: normal !important;
		white-space: nowrap !important;
		word-break: normal !important;
		hyphens: none !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel {
		min-width: 0 !important;
		padding-inline: 0.52rem !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity {
		gap: 0.38rem !important;
		min-width: 0 !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__flag {
		display: inline-flex !important;
		width: 1.35rem !important;
		height: 1.35rem !important;
		font-size: 0.82rem !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity strong {
		max-width: 100% !important;
		min-width: 0 !important;
		font-size: clamp(0.88rem, 4.45vw, 1.16rem) !important;
		line-height: 1 !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
		hyphens: none !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame {
		width: calc(100% - 1rem) !important;
		flex-basis: calc(100% - 1rem) !important;
		height: 152px !important;
		overflow: hidden !important;
	}
}

/* Matchup Pattern typography: names wrap between tokens, never through surnames. */
html.corporate-surface .play-page [data-mobile-matchup-pattern="v1"] .matchup-name-token {
	display: inline-block !important;
	white-space: nowrap !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
}

html.corporate-surface .play-page .player-matchup-card__title span,
html.corporate-surface .play-page .mma-fight-card__title span,
html.corporate-surface .play-page .player-panel__identity strong,
html.corporate-surface .play-page .mma-fighter-panel__identity strong {
	overflow-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
}

/* Material Philosophy v1: graphite surfaces, cyan interaction, warm gold achievement, white hierarchy. */
html.corporate-surface,
html.corporate-surface body {
	--sponsor-primary: var(--material-cyan-energy);
	--sponsor-accent: #92a3b8;
	--ds-bg: var(--material-graphite-950);
	--ds-surface: var(--material-graphite-850);
	--ds-surface-2: var(--material-graphite-800);
	--ds-border: var(--material-line);
	--ds-border-strong: var(--material-line-strong);
	--ds-text-primary: var(--material-white);
	--ds-text-secondary: rgba(230, 237, 247, 0.82);
	--ds-text-muted: var(--material-white-muted);
	--ds-primary: var(--material-cyan-energy);
	--ds-accent: var(--material-cyan-energy);
	--ds-gold: var(--material-warm-gold);
}

html.corporate-surface body {
	background:
		radial-gradient(ellipse 80% 42% at 50% -12%, rgba(66, 217, 232, 0.075), transparent 62%),
		radial-gradient(ellipse 70% 36% at 50% 112%, rgba(212, 177, 106, 0.045), transparent 64%),
		linear-gradient(180deg, var(--material-graphite-900), var(--material-graphite-950) 64%, #02050d);
	color: var(--material-white);
}

/* Arena selected material.
 *
 * The mobile Tab Bar established this as Tobeat's persistent-selection
 * language. Geometry remains component-owned; these tokens intentionally
 * contain material only so decision options can reuse it without becoming
 * navigation tabs.
 */
html.corporate-surface {
	--arena-selected-surface:
		radial-gradient(ellipse at 50% 0%, rgba(66, 217, 232, 0.18), transparent 58%),
		linear-gradient(180deg, rgba(66, 217, 232, 0.11), rgba(5, 10, 22, 0.74));
	--arena-selected-border: var(--surface-material-cta-accent, var(--material-cyan-energy-line));
	--arena-selected-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight, #f3f8fb) 11%, transparent),
		inset 0 -10px 18px color-mix(in srgb, var(--surface-material-inner-shadow, #000000) 24%, transparent),
		0 10px 20px color-mix(in srgb, var(--surface-material-shadow, #000000) 24%, transparent),
		0 0 0 1px color-mix(in srgb, var(--surface-material-cta-accent, var(--material-cyan-energy-line)) 18%, transparent);
	--arena-selected-foreground: var(--material-white);
}

html.corporate-surface .app-navbar,
html.corporate-surface .bottom-nav[data-body-portal="true"],
html.corporate-surface .corporate-dropdown-menu,
html.corporate-surface .profile-menu,
html.corporate-surface .glass-card,
html.corporate-surface .dashboard-card,
html.corporate-surface .ranking-page .ranking-board,
html.corporate-surface .ranking-page .ranking-card,
html.corporate-surface .play-page .prediction-card,
html.corporate-surface .play-page .prediction-match-card,
html.corporate-surface .play-page .play-predictions-panel,
html.corporate-surface .play-page .arena-command-plate,
html.corporate-surface .play-page .mma-fight-card,
html.corporate-surface .play-page .nba-decision-card,
html.corporate-surface .play-page .player-matchup-card,
html.corporate-surface .play-page .mlb-decision-card,
html.corporate-surface .play-page .nfl-field-module,
html.corporate-surface .play-page .champions-pitch-module {
	border-color: var(--material-line) !important;
	background: var(--material-graphite-surface) !important;
	box-shadow: var(--material-shadow), var(--material-inner-light) !important;
}

html.corporate-surface .play-page .match-hero,
html.corporate-surface .play-page .champions-pitch-surface,
html.corporate-surface .play-page .nfl-field-surface,
html.corporate-surface .play-page .mlb-matchup-diamond,
html.corporate-surface .play-page .player-matchup-court,
html.corporate-surface .play-page .nba-court-frame,
html.corporate-surface .play-page .mma-octagon-frame,
html.corporate-surface .play-page .mma-fight-card__matchup {
	border-color: rgba(226, 232, 240, 0.14) !important;
	box-shadow:
		inset 0 0 44px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		0 16px 34px rgba(0, 0, 0, 0.22) !important;
}

html.corporate-surface h1,
html.corporate-surface h2,
html.corporate-surface h3,
html.corporate-surface .play-page .player-matchup-card__title,
html.corporate-surface .play-page .mma-fight-card__title,
html.corporate-surface .play-page .mlb-decision-card__hero,
html.corporate-surface .play-page .nfl-field-module__matchup,
html.corporate-surface .play-page .champions-mobile-side strong,
html.corporate-surface .ranking-page .ranking-name strong,
html.corporate-surface .ranking-page .ranking-entry-name {
	color: var(--material-white) !important;
	text-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}

html.corporate-surface :focus-visible,
html.corporate-surface .app-navbar .nav-link.active,
html.corporate-surface .app-navbar .profile-switcher.active,
html.corporate-surface .bottom-nav__item.is-active,
html.corporate-surface .bottom-nav__item.active,
html.corporate-surface .ranking-page .ranking-mode-chip.is-active,
html.corporate-surface .play-page .prediction-native-save-btn:not(:disabled),
html.corporate-surface .play-page .btn-primary-gradient,
html.corporate-surface .play-page .corporate-btn-primary,
html.corporate-surface .play-page .champions-confirm-pick-btn:not(:disabled) {
	border-color: var(--surface-material-cta-accent, var(--material-cyan-energy-line)) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight, #f3f8fb) 11%, transparent),
		inset 0 -10px 18px color-mix(in srgb, var(--surface-material-inner-shadow, #000000) 24%, transparent),
		0 10px 20px color-mix(in srgb, var(--surface-material-shadow, #000000) 24%, transparent),
		0 0 0 1px color-mix(in srgb, var(--surface-material-cta-accent, var(--material-cyan-energy-line)) 18%, transparent) !important;
}

html.corporate-surface .app-navbar .nav-link.active,
html.corporate-surface .app-navbar .profile-switcher.active,
html.corporate-surface .bottom-nav__item.is-active,
html.corporate-surface .bottom-nav__item.active,
html.corporate-surface .ranking-page .ranking-mode-chip.is-active {
	background: var(--arena-selected-surface) !important;
	color: var(--arena-selected-foreground) !important;
}

/* The Tab Bar is the reference consumer for persistent selection material.
 * Keep its existing geometry and state behaviour unchanged. */
html.corporate-surface .bottom-nav__item.is-active,
html.corporate-surface .bottom-nav__item.active {
	border-color: var(--arena-selected-border) !important;
	box-shadow: var(--arena-selected-shadow) !important;
}

/* Mobile Tab Bar — active-tab island. The whole cell remains the navigation
 * target; the compact island merely identifies its active destination. */
html.corporate-surface .bottom-nav__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 1.18rem;
	height: 1.18rem;
}

html.corporate-surface .bottom-nav__icon > i {
	position: relative;
	z-index: 1;
}

@media (max-width: 767.98px) {
	html.corporate-surface .bottom-nav__item.is-active,
	html.corporate-surface .bottom-nav__item.active {
		position: relative;
		z-index: 0;
		isolation: isolate;
		background: transparent !important;
		border-color: transparent !important;
		box-shadow: none !important;
		color: var(--arena-selected-foreground) !important;
	}

	html.corporate-surface .bottom-nav__item.is-active::before,
	html.corporate-surface .bottom-nav__item.active::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 0;
		width: min(72px, calc(100% - 2px));
		height: 56px;
		border: 1px solid var(--arena-selected-border);
		border-radius: var(--radius-lg, 24px);
		transform: translate(-50%, -50%);
		background:
			radial-gradient(ellipse at 50% 0%, rgba(66, 217, 232, 0.22), transparent 68%),
			linear-gradient(180deg, rgba(20, 50, 70, 0.99), rgba(5, 13, 28, 0.99));
		box-shadow:
			inset 0 1px 0 rgba(236, 253, 255, 0.17),
			inset 0 -10px 16px rgba(0, 0, 0, 0.22),
			0 7px 13px rgba(0, 0, 0, 0.26),
			0 0 14px rgba(66, 217, 232, 0.2);
		pointer-events: none;
	}

	html.corporate-surface .bottom-nav__item.is-active > .bottom-nav__icon,
	html.corporate-surface .bottom-nav__item.active > .bottom-nav__icon,
	html.corporate-surface .bottom-nav__item.is-active > span:not(.bottom-nav__icon),
	html.corporate-surface .bottom-nav__item.active > span:not(.bottom-nav__icon) {
		position: relative;
		z-index: 1;
	}

	html.corporate-surface .bottom-nav__item.is-active .bottom-nav__icon > i,
	html.corporate-surface .bottom-nav__item.active .bottom-nav__icon > i {
		color: #dcfbff;
		text-shadow: 0 0 7px rgba(66, 217, 232, 0.42);
	}

	html.corporate-surface .bottom-nav__item.is-active > span:not(.bottom-nav__icon),
	html.corporate-surface .bottom-nav__item.active > span:not(.bottom-nav__icon) {
		color: var(--material-white);
		font-weight: 800;
		text-shadow: 0 0 8px rgba(66, 217, 232, 0.18);
	}

	html.corporate-surface .bottom-nav__item.is-active:focus-visible,
	html.corporate-surface .bottom-nav__item.active:focus-visible {
		outline: 2px solid var(--arena-selected-border);
		outline-offset: 2px;
	}
}

html.corporate-surface .play-page .prediction-native-save-btn:not(:disabled),
html.corporate-surface .play-page .btn-primary-gradient,
html.corporate-surface .play-page .corporate-btn-primary,
html.corporate-surface .play-page .champions-confirm-pick-btn:not(:disabled) {
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--surface-material-highlight, #f3f8fb) 12%, transparent), transparent 44%),
		linear-gradient(180deg, color-mix(in srgb, var(--surface-material-cta-accent, var(--material-cyan-energy)) 16%, var(--surface-material-base, #102235)), var(--surface-material-elevated, #0b1826)) !important;
	color: var(--brand-text-primary, #f3f8fb) !important;
}

html.corporate-surface .badge-premium,
html.corporate-surface .ranking-page .ranking-card.is-rank-1,
html.corporate-surface .ranking-page .ranking-card.is-rank-1 .ranking-position span,
html.corporate-surface .ranking-page .ranking-card.is-rank-1 .ranking-entry-position,
html.corporate-surface .play-page .champions-pitch-module .club-tile.is-selected,
html.corporate-surface .play-page .champions-pitch-module .club-tile:has(input:checked),
html.corporate-surface .play-page .prediction-status-saved,
html.corporate-surface .play-page .is-saved .mobile-matchup-action__state {
	border-color: color-mix(in srgb, var(--material-warm-gold) 48%, rgba(255, 255, 255, 0.14)) !important;
	box-shadow:
		0 0 0 1px rgba(212, 177, 106, 0.1) inset,
		0 0 24px rgba(212, 177, 106, 0.12) !important;
}

html.corporate-surface .badge-premium,
html.corporate-surface .ranking-page .ranking-card.is-rank-1 .ranking-position span,
html.corporate-surface .ranking-page .ranking-card.is-rank-1 .ranking-entry-position,
html.corporate-surface .play-page .prediction-status-saved,
html.corporate-surface .play-page .is-saved .mobile-matchup-action__state {
	color: color-mix(in srgb, var(--material-warm-gold) 88%, var(--material-white) 12%) !important;
	background:
		radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.12), transparent 58%),
		linear-gradient(180deg, rgba(212, 177, 106, 0.16), rgba(5, 10, 22, 0.7)) !important;
}

html.corporate-surface .play-page .mma-fight-card::before,
html.corporate-surface .play-page .player-matchup-card::before,
html.corporate-surface .ranking-page .ranking-card::before {
	opacity: 0.38;
}

/* F1 Race Pattern: the same editorial hierarchy as tournament podium, with the
   Grand Prix's pole + ordered podium mechanics kept intact. */
html.corporate-surface .play-page .f1-race-event-card--golf-pattern {
	--f1-race-red: #e10600;
	--f1-race-red-bright: #ff3028;
	--f1-race-blue: #1e5cff;
	--f1-race-yellow: #f6c94a;
	overflow: hidden;
	border-color: rgba(225, 6, 0, 0.38);
	background: linear-gradient(145deg, #101116, #1a1d23 58%, #090a0d);
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__hero {
	position: relative;
	isolation: isolate;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	min-height: 145px;
	margin: 0;
	padding: 1.25rem;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: transparent;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__hero::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(ellipse 30% 72% at 84% 28%, rgba(225, 6, 0, 0.42), transparent 70%),
		radial-gradient(ellipse 46% 78% at 41% 112%, rgba(30, 92, 255, 0.3), transparent 72%),
		repeating-linear-gradient(118deg, transparent 0 26px, rgba(246, 201, 74, 0.06) 27px 28px, transparent 29px 56px),
		linear-gradient(122deg, #0b0c10 0%, #1d2028 56%, #11131a 100%);
	content: '';
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__hero::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(ellipse at 78% 40%, transparent 0 16%, rgba(0, 0, 0, 0.12) 43%, rgba(0, 0, 0, 0.48) 100%);
	content: '';
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-active-race-header__copy {
	align-content: start;
	gap: 0.2rem;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__eyebrow {
	color: var(--f1-race-red-bright);
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-active-race-header__copy h3 {
	margin: 0.18rem 0;
	font-size: clamp(1.35rem, 3vw, 2rem);
	line-height: 1.04;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-active-race-header__copy p {
	font-size: 0.88rem;
}

html.corporate-surface .play-page .f1-race-card__hero-aside {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: end;
	align-content: space-between;
	gap: 0.65rem;
	min-width: 156px;
}

html.corporate-surface .play-page .f1-race-card__hero-aside .f1-starting-grid-preview {
	width: 132px;
	padding: 0.34rem;
	border-color: rgba(246, 201, 74, 0.24);
	background: rgba(6, 7, 10, 0.54);
}

html.corporate-surface .play-page .f1-race-card__context {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	padding: 0.72rem 1.25rem;
	border-block: 1px solid rgba(225, 6, 0, 0.22);
	color: #bbc2cc;
	font-size: 0.82rem;
}

html.corporate-surface .play-page .f1-race-card__context span {
	padding-right: 0.55rem;
	border-right: 1px solid rgba(246, 201, 74, 0.28);
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-form {
	gap: 0;
	margin: 0;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-selector-panel {
	margin: 1.1rem 1.25rem 0;
	padding: 1rem;
	border-color: rgba(225, 6, 0, 0.34);
	border-radius: 0.7rem;
	background: rgba(8, 9, 13, 0.58);
	box-shadow: none;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-starting-grid-builder::before,
html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-starting-grid-builder::after {
	opacity: 0.12;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-group > span {
	display: none;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-podium-selector-stack {
	grid-template-columns: minmax(0, 1fr);
	gap: 0.55rem;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-group {
	gap: 0.55rem;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger {
	grid-template-columns: 2rem minmax(7rem, 0.55fr) minmax(0, 1fr) auto;
	gap: 0.65rem;
	min-height: 70px;
	padding: 0.65rem;
	border-color: rgba(225, 6, 0, 0.42);
	border-radius: 0.7rem;
	background: rgba(9, 10, 14, 0.62);
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger::before {
	display: none;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger__slot {
	display: grid;
	place-items: center;
	width: 1.8rem;
	height: 1.8rem;
	border: 0;
	border-radius: 50%;
	background: var(--f1-race-yellow);
	color: #15120a;
	font-size: 0.66rem;
	font-weight: 900;
	box-shadow: none;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger__role {
	color: #f7f8fa;
	font-size: 0.95rem;
	font-style: normal;
	font-weight: 800;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger__selection {
	display: grid;
	gap: 0.08rem;
	min-width: 0;
	padding: 0.52rem 0.65rem;
	border-radius: 0.45rem;
	background: #22262e;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger__selection strong,
html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger__selection small {
	overflow: hidden;
	color: #f4f5f7;
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.08;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-selector-trigger__selection small {
	color: #aeb7c4;
	font-size: 0.66rem;
	font-weight: 800;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-custom-selector.is-selected .f1-selector-trigger {
	border-color: rgba(30, 92, 255, 0.72);
	background: rgba(25, 39, 73, 0.82);
	box-shadow: inset 3px 0 0 var(--f1-race-red), inset 0 0 0 1px rgba(246, 201, 74, 0.12);
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	padding: 1rem 1.25rem 1.25rem;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-actions p {
	margin: 0;
	color: #aebeca;
}

html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-save-pick-btn {
	min-width: 200px;
	border-color: rgba(255, 94, 84, 0.72);
	background: linear-gradient(180deg, #f3261f, #b90400);
	color: #ffffff;
}

@media (max-width: 520px) {
	html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__hero {
		min-height: 130px;
		padding: 1rem;
	}

	html.corporate-surface .play-page .f1-race-card__hero-aside {
		min-width: 104px;
	}

	html.corporate-surface .play-page .f1-race-card__hero-aside .f1-starting-grid-preview {
		width: 104px;
	}

	html.corporate-surface .play-page .f1-race-card__context,
	html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-actions {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-selector-panel {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-actions {
		align-items: stretch;
		flex-direction: column;
	}

	html.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-save-pick-btn {
		width: 100%;
	}
}

/* MMA Competition Canvas Material v2: material first, geometry second. */
html.corporate-surface .play-page .mma-fight-card__matchup::before {
	background:
		linear-gradient(90deg, rgba(66, 217, 232, 0.06), transparent 34%, transparent 66%, rgba(212, 177, 106, 0.045)),
		radial-gradient(ellipse at 50% 50%, transparent 56%, rgba(0, 0, 0, 0.14) 100%) !important;
	opacity: 0.42 !important;
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--home input:checked)::before,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="home"]::before {
	background:
		radial-gradient(ellipse at 22% 50%, rgba(216, 93, 82, 0.13), transparent 44%),
		linear-gradient(90deg, rgba(216, 93, 82, 0.06), transparent 54%),
		radial-gradient(ellipse at 50% 50%, transparent 58%, rgba(0, 0, 0, 0.14) 100%) !important;
	opacity: 0.54 !important;
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--away input:checked)::before,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="away"]::before {
	background:
		radial-gradient(ellipse at 78% 50%, rgba(66, 217, 232, 0.13), transparent 44%),
		linear-gradient(270deg, rgba(66, 217, 232, 0.06), transparent 54%),
		radial-gradient(ellipse at 50% 50%, transparent 58%, rgba(0, 0, 0, 0.14) 100%) !important;
	opacity: 0.54 !important;
}

html.corporate-surface .play-page .mma-octagon-frame {
	filter: saturate(1.02) contrast(1.01) brightness(1.06) !important;
	box-shadow:
		inset 0 0 28px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 20px 44px rgba(0, 0, 0, 0.24) !important;
}

html.corporate-surface .play-page .mma-octagon-frame::before {
	inset: -8% !important;
	background:
		radial-gradient(ellipse at 50% 42%, rgba(226, 232, 240, 0.1), transparent 35%),
		radial-gradient(ellipse at 50% 76%, rgba(0, 0, 0, 0.42), transparent 66%),
		linear-gradient(180deg, rgba(9, 17, 31, 0.42), rgba(2, 6, 15, 0.74)) !important;
	filter: blur(23px) !important;
	opacity: 0.76 !important;
}

html.corporate-surface .play-page .mma-octagon-frame::after {
	background:
		radial-gradient(circle at 30% 0%, rgba(226, 232, 240, 0.05), transparent 3.2%),
		radial-gradient(circle at 70% 0%, rgba(226, 232, 240, 0.042), transparent 3.1%),
		radial-gradient(circle at 100% 30%, rgba(226, 232, 240, 0.044), transparent 3.1%),
		radial-gradient(circle at 100% 70%, rgba(226, 232, 240, 0.032), transparent 2.9%),
		radial-gradient(circle at 70% 100%, rgba(226, 232, 240, 0.036), transparent 3.1%),
		radial-gradient(circle at 30% 100%, rgba(226, 232, 240, 0.032), transparent 3.1%),
		radial-gradient(circle at 0% 70%, rgba(226, 232, 240, 0.032), transparent 2.9%),
		radial-gradient(circle at 0% 30%, rgba(226, 232, 240, 0.044), transparent 3.2%) !important;
	opacity: 0.38 !important;
}

html.corporate-surface .play-page .mma-octagon-frame__shape {
	border-color: rgba(226, 232, 240, 0.17) !important;
	background:
		radial-gradient(ellipse at 50% 39%, rgba(248, 250, 252, 0.2), transparent 25%),
		radial-gradient(ellipse at 50% 52%, rgba(127, 143, 164, 0.26), transparent 53%),
		radial-gradient(circle at 34% 32%, rgba(255, 255, 255, 0.04), transparent 18%),
		radial-gradient(circle at 67% 63%, rgba(0, 0, 0, 0.12), transparent 24%),
		radial-gradient(ellipse at 50% 50%, transparent 58%, rgba(0, 0, 0, 0.36) 100%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.02)),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 7px),
		repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.025) 0 1px, transparent 1px 9px),
		repeating-linear-gradient(37deg, rgba(255, 255, 255, 0.011) 0 1px, transparent 1px 13px),
		repeating-linear-gradient(127deg, rgba(0, 0, 0, 0.032) 0 1px, transparent 1px 17px),
		linear-gradient(145deg, #303a49 0%, #263140 38%, #1c2735 72%, #131d2b 100%) !important;
	background-size:
		100% 100%,
		100% 100%,
		100% 100%,
		100% 100%,
		100% 100%,
		100% 100%,
		9px 9px,
		11px 11px,
		17px 17px,
		23px 23px,
		100% 100% !important;
	box-shadow:
		0 42px 82px rgba(0, 0, 0, 0.5),
		0 17px 42px rgba(0, 0, 0, 0.36),
		0 0 0 1px rgba(226, 232, 240, 0.075),
		0 0 34px rgba(66, 217, 232, 0.04),
		inset 0 0 0 1px rgba(255, 255, 255, 0.044),
		inset 0 0 0 13px rgba(2, 6, 15, 0.12),
		inset 0 19px 50px rgba(255, 255, 255, 0.028),
		inset 0 -36px 64px rgba(0, 0, 0, 0.4) !important;
}

html.corporate-surface .play-page .mma-octagon-frame__inner {
	inset: 12% !important;
	border-color: rgba(226, 232, 240, 0.052) !important;
	background:
		linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(226, 232, 240, 0.026) calc(50% - 0.5px), rgba(226, 232, 240, 0.026) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
		linear-gradient(0deg, transparent calc(50% - 0.5px), rgba(226, 232, 240, 0.02) calc(50% - 0.5px), rgba(226, 232, 240, 0.02) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
		radial-gradient(ellipse at 50% 48%, rgba(226, 232, 240, 0.034), transparent 45%) !important;
	box-shadow:
		inset 0 0 34px rgba(0, 0, 0, 0.24),
		inset 0 0 0 1px rgba(255, 255, 255, 0.018) !important;
}

html.corporate-surface .play-page .mma-octagon-frame__axis {
	background: rgba(226, 232, 240, 0.022) !important;
	box-shadow: none !important;
}

html.corporate-surface .play-page .mma-octagon-frame__center {
	width: 42px !important;
	height: 42px !important;
	border-color: rgba(226, 232, 240, 0.055) !important;
	background:
		radial-gradient(circle at 50% 50%, rgba(226, 232, 240, 0.105), transparent 25%),
		radial-gradient(circle, rgba(2, 6, 15, 0.12), transparent 64%) !important;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.02) inset,
		0 0 18px rgba(0, 0, 0, 0.18) !important;
	opacity: 0.88;
}

html.corporate-surface .play-page .mma-octagon-frame__center::before {
	inset: 19px !important;
	background: rgba(226, 232, 240, 0.28) !important;
}

html.corporate-surface .play-page .mma-fight-vs span {
	width: 50px !important;
	height: 50px !important;
	border: 0 !important;
	background:
		radial-gradient(circle at 50% 50%, rgba(2, 6, 15, 0.14), transparent 64%) !important;
	color: rgba(226, 232, 240, 0.9) !important;
	box-shadow: none !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28) !important;
	opacity: 0.9 !important;
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--home input:checked) .mma-octagon-frame__shape,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="home"] .mma-octagon-frame__shape {
	box-shadow:
		0 42px 82px rgba(0, 0, 0, 0.5),
		-24px 0 54px rgba(216, 93, 82, 0.1),
		inset 22px 0 46px rgba(216, 93, 82, 0.052),
		inset 0 0 0 14px rgba(2, 6, 15, 0.11),
		inset 0 -38px 66px rgba(0, 0, 0, 0.42) !important;
}

/* Home v1: one participant moment, composed from existing Arena and Ranking state. */
html.corporate-surface .participant-home-page {
	min-height: calc(100vh - 132px);
}

html.corporate-surface .participant-home {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(0.5rem, 1.6vw, 1.25rem) 0 clamp(2rem, 5vw, 4rem);
	/* Brand interaction and product opportunity are deliberately separate.
	 * Distributions may replace the former; a successful/saved state remains
	 * product-owned green. */
	--home-arena-primary: var(--brand-interaction-primary, #35d0e2);
	--home-arena-accent: var(--brand-opportunity, #5cf2a5);
}

html.corporate-surface .participant-home::before {
	content: '';
	position: absolute;
	z-index: 0;
	top: 4rem;
	right: -9rem;
	width: min(38vw, 28rem);
	aspect-ratio: 1;
	border-radius: 999px;
	background: radial-gradient(circle, color-mix(in srgb, var(--home-arena-primary) 14%, transparent), transparent 68%);
	filter: blur(4px);
	pointer-events: none;
}

html.corporate-surface .participant-home > * {
	position: relative;
	z-index: 1;
}

html.corporate-surface .participant-home__context {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.5rem;
	padding: clamp(0.8rem, 2vw, 1.6rem) clamp(0.1rem, 0.6vw, 0.5rem) 1.4rem;
}

html.corporate-surface .participant-home__eyebrow,
html.corporate-surface .participant-home .corporate-section-eyebrow {
	margin: 0 0 0.45rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.095em;
	color: var(--home-arena-primary);
}

html.corporate-surface .participant-home__context h1 {
	margin: 0;
	max-width: 850px;
	font-size: clamp(2.25rem, 5vw, 4.65rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .participant-home__context-line {
	margin: 0.7rem 0 0;
	font-size: clamp(1rem, 1.6vw, 1.22rem);
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .participant-home__organizer {
	margin: 0 0 0.25rem;
	white-space: nowrap;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .participant-home__organizer i {
	margin-right: 0.25rem;
	color: var(--home-arena-accent);
}

html.corporate-surface .participant-home__moment {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(1rem, 2.5vw, 2.25rem);
	padding: clamp(1.35rem, 3.5vw, 2.5rem);
	border-color: color-mix(in srgb, var(--home-arena-primary) 29%, rgba(152, 178, 205, 0.24));
	background:
		radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--home-arena-primary) 13%, transparent), transparent 35%),
		linear-gradient(138deg, rgba(17, 33, 51, 0.96), rgba(8, 18, 31, 0.98));
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html.corporate-surface .participant-home__moment--consequence {
	border-color: color-mix(in srgb, var(--home-arena-accent) 31%, rgba(152, 178, 205, 0.24));
}

html.corporate-surface .participant-home__moment--live {
	border-color: rgba(255, 109, 109, 0.4);
}

html.corporate-surface .participant-home__moment--pending {
	border-color: rgba(231, 190, 95, 0.4);
	background:
		radial-gradient(circle at 90% 0%, rgba(231, 190, 95, 0.1), transparent 35%),
		linear-gradient(138deg, rgba(28, 31, 37, 0.96), rgba(8, 18, 31, 0.98));
}

html.corporate-surface .participant-home[data-home-state="pending"] {
	--home-arena-primary: #e7be5f;
	--home-arena-accent: #f2d58d;
}

html.corporate-surface .participant-home__moment-mark,
html.corporate-surface .participant-home__signal-icon {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	border: 1px solid color-mix(in srgb, var(--home-arena-primary) 42%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	background: color-mix(in srgb, var(--home-arena-primary) 11%, rgba(255, 255, 255, 0.02));
	color: var(--home-arena-primary);
}

html.corporate-surface .participant-home__moment-mark {
	width: clamp(3rem, 5vw, 4.5rem);
	height: clamp(3rem, 5vw, 4.5rem);
	font-size: clamp(1.15rem, 2vw, 1.55rem);
}

html.corporate-surface .participant-home__moment-copy h2 {
	margin: 0;
	max-width: 700px;
	font-size: clamp(1.55rem, 3vw, 2.45rem);
	line-height: 1.04;
	letter-spacing: -0.037em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .participant-home__moment-copy > p:not(.corporate-section-eyebrow) {
	margin: 0.65rem 0 0;
	max-width: 670px;
	font-size: clamp(0.98rem, 1.4vw, 1.12rem);
	line-height: 1.55;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .participant-home__timing {
	display: inline-flex;
	margin-top: 1rem;
	padding: 0.4rem 0.64rem;
	border: 1px solid color-mix(in srgb, var(--home-arena-accent) 36%, rgba(255, 255, 255, 0.16));
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.07em;
	color: var(--home-arena-accent);
}

html.corporate-surface .participant-home__moment-action {
	min-width: 154px;
	justify-content: center;
	white-space: nowrap;
}

html.corporate-surface .participant-home__signals {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

html.corporate-surface .participant-home__signal {
	display: flex;
	align-items: flex-start;
	gap: 0.9rem;
	min-height: 186px;
	padding: 1.25rem;
	border-color: rgba(138, 172, 203, 0.18);
	background: linear-gradient(145deg, rgba(17, 32, 49, 0.88), rgba(8, 18, 30, 0.94));
}

html.corporate-surface .participant-home__signal-icon {
	width: 2.35rem;
	height: 2.35rem;
	font-size: 0.94rem;
}

html.corporate-surface .participant-home__signal > div {
	min-width: 0;
}

html.corporate-surface .participant-home__signal h2 {
	margin: 0;
	font-size: 1.12rem;
	line-height: 1.2;
	letter-spacing: -0.018em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .participant-home__signal p:not(.corporate-section-eyebrow) {
	margin: 0.46rem 0 0;
	font-size: 0.88rem;
	line-height: 1.48;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .participant-home__signal small {
	display: block;
	margin-top: 0.66rem;
	font-size: 0.69rem;
	font-weight: 800;
	letter-spacing: 0.055em;
	color: var(--home-arena-accent);
}

html.corporate-surface .participant-home__inline-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.78rem;
	font-size: 0.78rem;
	font-weight: 800;
	color: var(--home-arena-primary);
	text-decoration: none;
}

html.corporate-surface .participant-home__inline-link:hover {
	color: var(--home-arena-accent);
}

html.corporate-surface .participant-home__progress-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.8rem;
}

html.corporate-surface .participant-home__progress-heading strong {
	font-size: 1.1rem;
	color: var(--home-arena-primary);
}

html.corporate-surface .participant-home__progress-track {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0.3rem;
	margin-top: 1rem;
	border-radius: 999px;
	background: rgba(169, 197, 222, 0.15);
}

html.corporate-surface .participant-home__progress-track > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--home-arena-primary), var(--home-arena-accent));
}

html.corporate-surface .participant-home__signal--opportunity {
	border-color: color-mix(in srgb, var(--home-arena-accent) 26%, rgba(138, 172, 203, 0.18));
}

@media (max-width: 991.98px) {
	html.corporate-surface .participant-home__signals {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .participant-home {
		padding-top: 0;
	}

	html.corporate-surface .participant-home__context {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.75rem;
		padding: 0.5rem 0 1.1rem;
	}

	html.corporate-surface .participant-home__context h1 {
		font-size: clamp(2rem, 11vw, 2.85rem);
	}

	html.corporate-surface .participant-home__organizer {
		white-space: normal;
	}

	html.corporate-surface .participant-home__moment {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 1rem;
		padding: 1.25rem;
	}

	html.corporate-surface .participant-home__moment-action {
		grid-column: 1 / -1;
		width: 100%;
	}

	html.corporate-surface .participant-home__signals {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	html.corporate-surface .participant-home__signal {
		min-height: 0;
	}
}

/* Home v1 approved composition: eight participant-facing competition modules. */
html.corporate-surface .participant-home {
	display: grid;
	gap: clamp(1.1rem, 2.2vw, 1.85rem);
}

html.corporate-surface .participant-home__module {
	min-width: 0;
}

html.corporate-surface .participant-home__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(1.4rem, 4vw, 4rem);
	min-height: clamp(15rem, 21vw, 20rem);
	padding: clamp(1.45rem, 4.2vw, 3.45rem);
	overflow: hidden;
	border-color: color-mix(in srgb, var(--home-arena-primary) 31%, rgba(152, 178, 205, 0.25));
	background:
		radial-gradient(circle at 91% 8%, color-mix(in srgb, var(--home-arena-primary) 17%, transparent), transparent 31%),
		radial-gradient(circle at 73% 102%, color-mix(in srgb, var(--home-arena-accent) 8%, transparent), transparent 38%),
		linear-gradient(138deg, rgba(16, 31, 49, 0.98), rgba(6, 15, 27, 0.99));
	box-shadow: 0 28px 72px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.corporate-surface .participant-home__hero-copy {
	align-self: center;
	max-width: 52rem;
}

html.corporate-surface .participant-home__arena-identity {
	margin: 0 0 0.45rem;
	font-size: clamp(1rem, 1.75vw, 1.3rem);
	font-weight: 750;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .participant-home__hero h1 {
	max-width: 52rem;
	margin: 0;
	font-size: clamp(2.45rem, 5.6vw, 5.45rem);
	line-height: 0.92;
	letter-spacing: -0.065em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .participant-home__hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 1rem;
	margin-top: 1.25rem;
	color: var(--text-secondary, #aebfd1);
	font-size: clamp(0.87rem, 1.3vw, 1rem);
}

html.corporate-surface .participant-home__hero-meta i {
	margin-right: 0.25rem;
	color: var(--home-arena-primary);
}

html.corporate-surface .participant-home__hero-status {
	display: grid;
	justify-items: end;
	gap: 0.9rem;
	min-width: min(100%, 12.75rem);
}

html.corporate-surface .participant-home__status-chip,
html.corporate-surface .participant-home__timing {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin: 0;
	padding: 0.42rem 0.68rem;
	border: 1px solid color-mix(in srgb, var(--home-arena-primary) 34%, rgba(255, 255, 255, 0.15));
	border-radius: 999px;
	font-size: 0.69rem;
	font-weight: 850;
	letter-spacing: 0.075em;
	color: var(--home-arena-primary);
	background: rgba(6, 18, 31, 0.42);
}

html.corporate-surface .participant-home__status-chip.is-consequence,
html.corporate-surface .participant-home__status-chip.is-saved {
	border-color: color-mix(in srgb, var(--home-arena-accent) 38%, rgba(255, 255, 255, 0.15));
	color: var(--home-arena-accent);
}

html.corporate-surface .participant-home__status-chip.is-pending,
html.corporate-surface .participant-home__status-chip.is-waiting {
	border-color: rgba(231, 190, 95, 0.4);
	color: #e7be5f;
}

html.corporate-surface .participant-home__hero-action,
html.corporate-surface .participant-home__next-move-action {
	justify-content: center;
	min-width: 12.75rem;
	white-space: nowrap;
}

html.corporate-surface .participant-home__module-heading {
	margin: 0 0 0.82rem;
}

html.corporate-surface .participant-home__module-heading h2 {
	margin: 0;
	font-size: clamp(1.35rem, 2.45vw, 2.05rem);
	line-height: 1.04;
	letter-spacing: -0.04em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .participant-home__module-heading--action {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
}

html.corporate-surface .participant-home__pulse-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

html.corporate-surface .participant-home__pulse-signal,
html.corporate-surface .participant-home__community-signal {
	display: flex;
	align-items: flex-start;
	gap: 0.82rem;
	padding: 1.1rem;
	border-color: rgba(138, 172, 203, 0.18);
	background: linear-gradient(145deg, rgba(16, 31, 48, 0.87), rgba(7, 16, 28, 0.95));
}

html.corporate-surface .participant-home__pulse-signal > i,
html.corporate-surface .participant-home__community-signal > i {
	display: grid;
	flex: 0 0 auto;
	width: 2.15rem;
	height: 2.15rem;
	place-items: center;
	border: 1px solid color-mix(in srgb, var(--home-arena-primary) 37%, rgba(255, 255, 255, 0.13));
	border-radius: 999px;
	color: var(--home-arena-primary);
	background: color-mix(in srgb, var(--home-arena-primary) 9%, rgba(255, 255, 255, 0.02));
}

html.corporate-surface .participant-home__pulse-signal h3,
html.corporate-surface .participant-home__community-signal h3 {
	margin: 0;
	font-size: 0.99rem;
	line-height: 1.2;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .participant-home__pulse-signal p,
html.corporate-surface .participant-home__community-signal p,
html.corporate-surface .participant-home__spotlight p,
html.corporate-surface .participant-home__featured p {
	margin: 0.35rem 0 0;
	font-size: 0.88rem;
	line-height: 1.48;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .participant-home__pulse-signal small,
html.corporate-surface .participant-home__spotlight small,
html.corporate-surface .participant-home__featured small {
	display: block;
	margin-top: 0.62rem;
	font-size: 0.67rem;
	font-weight: 850;
	letter-spacing: 0.065em;
	color: var(--home-arena-accent);
}

html.corporate-surface .participant-home__empty-copy {
	margin: 0;
	padding: 1.05rem 1.15rem;
	border: 1px solid rgba(138, 172, 203, 0.17);
	border-radius: 1rem;
	color: var(--text-secondary, #aebfd1);
	background: rgba(13, 28, 43, 0.58);
}

html.corporate-surface .participant-home__next-move {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(1rem, 2.6vw, 2.2rem);
	padding: clamp(1.3rem, 3.2vw, 2.25rem);
	border-color: color-mix(in srgb, var(--home-arena-primary) 30%, rgba(152, 178, 205, 0.23));
	background:
		radial-gradient(circle at 93% 5%, color-mix(in srgb, var(--home-arena-primary) 12%, transparent), transparent 34%),
		linear-gradient(138deg, rgba(15, 31, 49, 0.96), rgba(7, 17, 29, 0.98));
}

html.corporate-surface .participant-home__next-move-mark,
html.corporate-surface .participant-home__spotlight-mark {
	display: grid;
	flex: 0 0 auto;
	width: clamp(3rem, 5vw, 4.15rem);
	height: clamp(3rem, 5vw, 4.15rem);
	place-items: center;
	border: 1px solid color-mix(in srgb, var(--home-arena-primary) 42%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	color: var(--home-arena-primary);
	background: color-mix(in srgb, var(--home-arena-primary) 11%, rgba(255, 255, 255, 0.02));
	font-size: 1.3rem;
}

html.corporate-surface .participant-home__next-move-copy h2 {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.095em;
	text-transform: uppercase;
	color: var(--home-arena-primary);
}

html.corporate-surface .participant-home__next-move-copy h3 {
	margin: 0.35rem 0 0;
	font-size: clamp(1.35rem, 2.5vw, 2rem);
	line-height: 1.04;
	letter-spacing: -0.04em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .participant-home__next-move-copy > p:not(.corporate-section-eyebrow) {
	margin: 0.5rem 0 0;
	color: var(--text-secondary, #aebfd1);
	line-height: 1.5;
}

html.corporate-surface .participant-home__championship-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}

html.corporate-surface .participant-home__championship-fact {
	display: grid;
	align-content: space-between;
	min-height: 7.15rem;
	padding: 1.1rem;
	border-color: rgba(138, 172, 203, 0.18);
	background: linear-gradient(145deg, rgba(15, 30, 47, 0.88), rgba(7, 16, 28, 0.95));
}

html.corporate-surface .participant-home__championship-fact span {
	font-size: 0.74rem;
	font-weight: 780;
	letter-spacing: 0.055em;
	text-transform: uppercase;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .participant-home__championship-fact strong {
	margin-top: 1rem;
	font-size: clamp(1.35rem, 2.45vw, 2rem);
	line-height: 1;
	letter-spacing: -0.045em;
	color: var(--home-arena-primary);
}

html.corporate-surface .participant-home__spotlight,
html.corporate-surface .participant-home__featured {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 1.1rem;
	padding: clamp(1.2rem, 3vw, 2rem);
	border-color: color-mix(in srgb, var(--home-arena-accent) 23%, rgba(138, 172, 203, 0.2));
	background:
		radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--home-arena-accent) 8%, transparent), transparent 38%),
		linear-gradient(140deg, rgba(12, 29, 43, 0.93), rgba(7, 17, 29, 0.97));
}

html.corporate-surface .participant-home__spotlight h2,
html.corporate-surface .participant-home__featured h2 {
	margin: 0;
	font-size: clamp(1.18rem, 2.2vw, 1.65rem);
	line-height: 1.08;
	letter-spacing: -0.034em;
	color: var(--text-primary, #f8fbff);
}

html.corporate-surface .participant-home__ranking-board {
	padding: 0.35rem 1.1rem;
	border-color: rgba(138, 172, 203, 0.2);
	background: linear-gradient(145deg, rgba(15, 30, 47, 0.9), rgba(6, 15, 27, 0.96));
}

html.corporate-surface .participant-home__ranking-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

html.corporate-surface .participant-home__ranking-list li,
html.corporate-surface .participant-home__ranking-current {
	display: grid;
	grid-template-columns: 3.25rem minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.8rem;
	min-height: 3.8rem;
	border-bottom: 1px solid rgba(138, 172, 203, 0.13);
}

html.corporate-surface .participant-home__ranking-list b,
html.corporate-surface .participant-home__ranking-current b {
	color: var(--home-arena-primary);
}

html.corporate-surface .participant-home__ranking-list span,
html.corporate-surface .participant-home__ranking-current span {
	overflow: hidden;
	font-weight: 720;
	color: var(--text-primary, #f8fbff);
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.corporate-surface .participant-home__ranking-list strong,
html.corporate-surface .participant-home__ranking-current strong {
	font-size: 0.86rem;
	color: var(--text-secondary, #aebfd1);
}

html.corporate-surface .participant-home__ranking-current {
	margin: 0.75rem -0.25rem;
	padding: 0 0.7rem;
	border: 1px solid color-mix(in srgb, var(--home-arena-primary) 28%, rgba(138, 172, 203, 0.2));
	border-radius: 0.72rem;
	background: color-mix(in srgb, var(--home-arena-primary) 8%, rgba(255, 255, 255, 0.02));
}

html.corporate-surface .participant-home__ranking-empty {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1.1rem;
	border-color: rgba(138, 172, 203, 0.18);
	color: var(--text-secondary, #aebfd1);
	background: rgba(13, 28, 43, 0.62);
}

html.corporate-surface .participant-home__ranking-empty p {
	margin: 0;
}

html.corporate-surface .participant-home__ranking-empty i,
html.corporate-surface .participant-home__featured > i {
	color: var(--home-arena-primary);
	font-size: 1.4rem;
}

html.corporate-surface .participant-home__community-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
}

html.corporate-surface .participant-home__community-signal {
	min-height: 7.4rem;
}

html.corporate-surface .participant-home__featured {
	grid-template-columns: minmax(0, 1fr) auto;
}

html.corporate-surface .participant-home__featured > i {
	align-self: end;
	font-size: clamp(2rem, 4vw, 3.25rem);
	opacity: 0.78;
}

@media (max-width: 991.98px) {
	html.corporate-surface .participant-home__championship-facts,
	html.corporate-surface .participant-home__community-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .participant-home {
		gap: 1.1rem;
	}

	html.corporate-surface .participant-home__hero,
	html.corporate-surface .participant-home__next-move {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 1rem;
		min-height: 0;
		padding: 1.25rem;
	}

	html.corporate-surface .participant-home__hero-copy {
		grid-column: 1 / -1;
	}

	html.corporate-surface .participant-home__hero-status {
		grid-column: 1 / -1;
		justify-items: stretch;
		width: 100%;
	}

	html.corporate-surface .participant-home__hero-action,
	html.corporate-surface .participant-home__next-move-action {
		width: 100%;
	}

	html.corporate-surface .participant-home__pulse-list,
	html.corporate-surface .participant-home__championship-facts,
	html.corporate-surface .participant-home__community-list {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .participant-home__next-move-action {
		grid-column: 1 / -1;
	}

	html.corporate-surface .participant-home__module-heading--action {
		align-items: flex-start;
		flex-direction: column;
	}

	html.corporate-surface .participant-home__ranking-list li,
	html.corporate-surface .participant-home__ranking-current {
		grid-template-columns: 2.75rem minmax(0, 1fr) auto;
		gap: 0.55rem;
	}

	html.corporate-surface .participant-home__ranking-list strong,
	html.corporate-surface .participant-home__ranking-current strong {
		font-size: 0.76rem;
	}
}

@media (max-width: 390px) {
	html.corporate-surface .participant-home__hero h1 {
		font-size: clamp(2.25rem, 12vw, 3rem);
	}

	html.corporate-surface .participant-home__hero-meta {
		font-size: 0.82rem;
	}
}

@media (max-width: 360px) {
	html.corporate-surface .participant-home__hero,
	html.corporate-surface .participant-home__next-move,
	html.corporate-surface .participant-home__spotlight,
	html.corporate-surface .participant-home__featured {
		padding: 1rem;
	}

	html.corporate-surface .participant-home__pulse-signal,
	html.corporate-surface .participant-home__community-signal,
	html.corporate-surface .participant-home__championship-fact {
		padding: 0.92rem;
	}
}

html.corporate-surface .play-page .mma-fight-card__matchup:has(.mma-fighter-panel--away input:checked) .mma-octagon-frame__shape,
html.corporate-surface .play-page .mma-fight-card__matchup[data-selected-fighter="away"] .mma-octagon-frame__shape {
	box-shadow:
		0 42px 82px rgba(0, 0, 0, 0.5),
		24px 0 54px rgba(66, 217, 232, 0.1),
		inset -22px 0 46px rgba(66, 217, 232, 0.052),
		inset 0 0 0 14px rgba(2, 6, 15, 0.11),
		inset 0 -38px 66px rgba(0, 0, 0, 0.42) !important;
}

/* Arena Discovery: neutral boundary before a participant selects an Arena. */
html.corporate-surface .arena-discovery-page {
	padding-bottom: clamp(3rem, 8vw, 6rem);
}

html.corporate-surface .arena-discovery-hero,
html.corporate-surface .arena-code-entry,
html.corporate-surface .your-arenas {
	border-color: rgba(118, 177, 205, 0.22);
	background:
		radial-gradient(circle at 89% 8%, rgba(53, 208, 226, 0.11), transparent 30%),
		linear-gradient(142deg, rgba(14, 30, 47, 0.97), rgba(5, 13, 25, 0.98));
	box-shadow: 0 26px 64px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html.corporate-surface .arena-discovery-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(270px, 0.96fr);
	align-items: center;
	gap: clamp(1.5rem, 5vw, 5rem);
	min-height: clamp(18rem, 34vw, 25rem);
	padding: clamp(1.6rem, 5vw, 4rem);
	overflow: hidden;
}

html.corporate-surface .arena-discovery-hero__copy {
	position: relative;
	z-index: 1;
	max-width: 43rem;
}

html.corporate-surface .arena-discovery-hero .corporate-section-eyebrow,
html.corporate-surface .arena-code-entry .corporate-section-eyebrow,
html.corporate-surface .arena-discovery-page .corporate-section-eyebrow {
	margin: 0 0 0.55rem;
	color: #35d0e2;
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

html.corporate-surface .arena-discovery-hero h1 {
	max-width: 38rem;
	margin: 0;
	color: var(--text-primary, #f8fbff);
	font-size: clamp(2.65rem, 5.4vw, 5.35rem);
	line-height: 0.94;
	letter-spacing: -0.06em;
}

html.corporate-surface .arena-discovery-hero__copy > p:not(.corporate-section-eyebrow) {
	max-width: 38rem;
	margin: 1.15rem 0 1.55rem;
	color: var(--text-secondary, #aebfd1);
	font-size: clamp(1rem, 1.5vw, 1.18rem);
	line-height: 1.58;
}

html.corporate-surface .arena-discovery-hero__visual {
	position: relative;
	min-height: 15rem;
	margin: -1rem -2rem -1rem 0;
	opacity: 0.94;
}

html.corporate-surface .arena-discovery-hero__visual::before {
	position: absolute;
	inset: 14% 5% 8%;
	border: 1px solid rgba(101, 198, 220, 0.12);
	border-radius: 42% 58% 52% 48% / 48% 40% 60% 52%;
	box-shadow: inset 0 0 80px rgba(53, 208, 226, 0.04), 0 0 70px rgba(53, 208, 226, 0.06);
	content: '';
}

html.corporate-surface .arena-discovery-hero__visual svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}

html.corporate-surface .arena-network__grid {
	fill: none;
	stroke: rgba(136, 183, 204, 0.11);
	stroke-width: 1;
}

html.corporate-surface .arena-network__path {
	fill: none;
	stroke: url(#arena-network-line);
	stroke-linecap: round;
	stroke-width: 2.4;
	filter: drop-shadow(0 0 7px rgba(53, 208, 226, 0.2));
}

html.corporate-surface .arena-network__path--quiet {
	stroke-width: 1.2;
	opacity: 0.56;
}

html.corporate-surface .arena-network__nodes circle {
	fill: #071421;
	stroke: #63e7ef;
	stroke-width: 2;
	filter: drop-shadow(0 0 8px rgba(53, 208, 226, 0.36));
}

html.corporate-surface .arena-network__nodes circle:nth-child(3),
html.corporate-surface .arena-network__nodes circle:nth-child(6) {
	fill: #5cf2e5;
	stroke: #d5fffd;
}

html.corporate-surface .arena-code-entry {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(22rem, 1.15fr);
	gap: clamp(1.5rem, 4vw, 4rem);
	align-items: center;
	margin-top: 1rem;
	padding: clamp(1.35rem, 3vw, 2.3rem);
}

html.corporate-surface .arena-code-entry h2,
html.corporate-surface .arena-discovery-section-heading h2 {
	margin: 0;
	color: var(--text-primary, #f8fbff);
	font-size: clamp(1.35rem, 2.4vw, 2rem);
	line-height: 1.08;
	letter-spacing: -0.035em;
}

html.corporate-surface .arena-code-entry__copy > p:not(.corporate-section-eyebrow),
html.corporate-surface .arena-discovery-section-heading > div > p:not(.corporate-section-eyebrow) {
	margin: 0.62rem 0 0;
	color: var(--text-secondary, #aebfd1);
	line-height: 1.5;
}

html.corporate-surface .arena-code-entry__form {
	display: grid;
	gap: 0.55rem;
}

html.corporate-surface .arena-code-entry__form > label {
	color: var(--text-primary, #f8fbff);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.04em;
}

html.corporate-surface .arena-code-entry__controls {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.65rem;
}

html.corporate-surface .arena-code-entry__controls .form-control-premium {
	min-height: 3.15rem;
	border-color: rgba(122, 178, 203, 0.26);
	background: rgba(3, 12, 23, 0.7);
	color: var(--text-primary, #f8fbff);
	font-weight: 750;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

html.corporate-surface .arena-code-entry__controls .form-control-premium:focus {
	border-color: #35d0e2;
	box-shadow: 0 0 0 4px rgba(53, 208, 226, 0.13), 0 0 30px rgba(53, 208, 226, 0.11);
}

html.corporate-surface .arena-code-entry__controls .btn-primary-gradient {
	min-height: 3.15rem;
	white-space: nowrap;
}

html.corporate-surface .arena-code-entry__form small {
	color: var(--text-muted, #7f93a7);
	font-size: 0.72rem;
}

html.corporate-surface .arena-directory,
html.corporate-surface .your-arenas {
	margin-top: clamp(2rem, 5vw, 4rem);
}

html.corporate-surface .arena-discovery-section-heading {
	display: flex;
	justify-content: space-between;
	gap: 1.5rem;
	margin-bottom: 1.2rem;
}

html.corporate-surface .arena-directory__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

html.corporate-surface .arena-directory-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 21.5rem;
	padding: 1.25rem;
	border: 1px solid rgba(124, 171, 197, 0.2);
	border-radius: var(--corp-radius-lg, 22px);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.026), transparent 45%),
		linear-gradient(145deg, rgba(15, 31, 48, 0.94), rgba(5, 14, 26, 0.96));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

html.corporate-surface .arena-directory-card.is-member {
	border-color: rgba(92, 242, 165, 0.35);
}

html.corporate-surface .arena-directory-card.is-pending {
	border-color: rgba(231, 190, 95, 0.36);
}

html.corporate-surface .arena-directory-card__identity,
html.corporate-surface .your-arenas__item {
	display: flex;
	align-items: center;
	gap: 0.82rem;
}

html.corporate-surface .arena-directory-card__mark {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 2.9rem;
	height: 2.9rem;
	border: 1px solid rgba(86, 218, 231, 0.42);
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(53, 208, 226, 0.16), rgba(92, 242, 165, 0.06));
	color: #a7fbff;
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0.06em;
}

html.corporate-surface .arena-directory-card__identity p,
html.corporate-surface .your-arenas__item p {
	margin: 0;
	color: #82bbcf;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

html.corporate-surface .arena-directory-card h3,
html.corporate-surface .your-arenas__item h3 {
	margin: 0.2rem 0 0;
	color: var(--text-primary, #f8fbff);
	font-size: 1.18rem;
	line-height: 1.12;
	letter-spacing: -0.025em;
}

html.corporate-surface .arena-directory-card__description {
	margin: 1rem 0;
	color: var(--text-secondary, #aebfd1);
	font-size: 0.9rem;
	line-height: 1.48;
}

html.corporate-surface .arena-directory-card__meta {
	display: grid;
	gap: 0.47rem;
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid rgba(124, 171, 197, 0.14);
	color: var(--text-muted, #7f93a7);
	font-size: 0.75rem;
	font-weight: 700;
}

html.corporate-surface .arena-directory-card__meta i {
	width: 1.05rem;
	color: #44d9e7;
}

html.corporate-surface .arena-directory-card__access {
	color: #c4d6e4;
}

html.corporate-surface .arena-directory-card__action {
	margin-top: 1rem;
}

html.corporate-surface .arena-directory-card__action form,
html.corporate-surface .arena-directory-card__action a,
html.corporate-surface .arena-directory-card__action button {
	width: 100%;
}

html.corporate-surface .arena-directory-card__action a,
html.corporate-surface .arena-directory-card__action button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
}

html.corporate-surface .your-arenas {
	padding: clamp(1.3rem, 3vw, 2rem);
}

html.corporate-surface .your-arenas__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

html.corporate-surface .your-arenas__item {
	min-width: 0;
	padding: 0.88rem;
	border: 1px solid rgba(124, 171, 197, 0.17);
	border-radius: 16px;
	background: rgba(4, 13, 25, 0.48);
}

html.corporate-surface .your-arenas__item > div {
	min-width: 0;
	margin-right: auto;
}

html.corporate-surface .your-arenas__item .btn-secondary-soft {
	flex: 0 0 auto;
	white-space: nowrap;
}

html.corporate-surface .arena-discovery-empty {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.4rem;
	border: 1px dashed rgba(124, 171, 197, 0.27);
	border-radius: var(--corp-radius-lg, 22px);
	background: rgba(4, 13, 25, 0.36);
}

html.corporate-surface .arena-discovery-empty > i {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 2.6rem;
	height: 2.6rem;
	border: 1px solid rgba(53, 208, 226, 0.35);
	border-radius: 999px;
	color: #35d0e2;
}

html.corporate-surface .arena-discovery-empty h3 {
	margin: 0;
	color: var(--text-primary, #f8fbff);
	font-size: 1rem;
}

html.corporate-surface .arena-discovery-empty p {
	margin: 0.3rem 0 0;
	color: var(--text-secondary, #aebfd1);
	font-size: 0.88rem;
}

html.corporate-surface .arena-discovery-empty--compact {
	padding: 0.4rem 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

@media (max-width: 991.98px) {
	html.corporate-surface .arena-discovery-hero {
		grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr);
		gap: 1rem;
	}

	html.corporate-surface .arena-discovery-hero__visual {
		margin-right: -3rem;
	}

	html.corporate-surface .arena-directory__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	html.corporate-surface .arena-discovery-page {
		padding-bottom: 2.2rem;
	}

	html.corporate-surface .arena-discovery-hero {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 1.45rem;
	}

	html.corporate-surface .arena-discovery-hero h1 {
		font-size: clamp(2.35rem, 12vw, 3.4rem);
	}

	html.corporate-surface .arena-discovery-hero__copy > p:not(.corporate-section-eyebrow) {
		margin: 0.82rem 0 1.15rem;
	}

	html.corporate-surface .arena-discovery-hero__visual {
		height: 8.8rem;
		min-height: 0;
		margin: -0.2rem -1.3rem -1.1rem;
		opacity: 0.72;
	}

	html.corporate-surface .arena-code-entry {
		grid-template-columns: 1fr;
		gap: 1.15rem;
		padding: 1.3rem;
	}

	html.corporate-surface .arena-code-entry__controls {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .arena-code-entry__controls .btn-primary-gradient {
		width: 100%;
	}

	html.corporate-surface .arena-directory,
	html.corporate-surface .your-arenas {
		margin-top: 2.25rem;
	}

	html.corporate-surface .arena-directory__grid,
	html.corporate-surface .your-arenas__list {
		grid-template-columns: 1fr;
	}

	html.corporate-surface .arena-directory-card {
		min-height: 0;
	}

	html.corporate-surface .your-arenas {
		padding: 1.3rem;
	}

	html.corporate-surface .your-arenas__item {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	html.corporate-surface .your-arenas__item .btn-secondary-soft {
		width: 100%;
		margin-left: 3.72rem;
	}
}

/* Tennis matchup compact safeguard: keep both players and the court inside narrow columns. */
@container (max-width: 760px) {
	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__matchup {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-areas:
			"home away"
			"court court" !important;
		gap: 0.62rem !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--home {
		grid-area: home;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--away {
		grid-area: away;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 0 !important;
		height: 58px !important;
		min-height: 58px !important;
		max-height: 58px !important;
		padding: 0.38rem !important;
		overflow: hidden !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity,
	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity strong {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity strong {
		font-size: clamp(0.88rem, 4.3vw, 1.02rem) !important;
		overflow: hidden !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-vs {
		display: none !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-court {
		position: relative !important;
		inset: auto !important;
		grid-area: court;
		z-index: 0 !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 148px !important;
		margin: 0 !important;
	}
}

/* Tennis desktop safeguard: player names must never escape their side of the court. */
@media (min-width: 761px) {
	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__matchup {
		grid-template-columns: minmax(0, 0.34fr) minmax(220px, 1fr) minmax(0, 0.34fr) !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel,
	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity strong {
		display: block !important;
		max-width: 100% !important;
		overflow: hidden !important;
		font-size: clamp(1.65rem, 1.85vw, 2.35rem) !important;
		line-height: 0.98 !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity strong .matchup-name-token {
		display: block !important;
		max-width: 100% !important;
		white-space: nowrap !important;
	}
}

/* Football Matchup Visual Refresh: a clean pitch framed by club-color LED panels. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .football-head-to-head-event-card .match-hero {
		position: relative;
		isolation: isolate;
		display: grid !important;
		grid-template-columns: minmax(132px, 0.68fr) minmax(0, 1.8fr) minmax(132px, 0.68fr) !important;
		align-items: stretch;
		gap: clamp(0.45rem, 1.4vw, 1.15rem);
		min-height: clamp(236px, 20vw, 320px);
		padding: clamp(0.55rem, 1vw, 0.85rem);
		overflow: hidden;
		border: 1px solid rgba(213, 244, 215, 0.18);
		border-radius: 16px;
		background:
			linear-gradient(180deg, rgba(1, 10, 8, 0.86), transparent 22%, transparent 76%, rgba(1, 8, 7, 0.8)),
			radial-gradient(ellipse 72% 76% at 50% 46%, rgba(120, 204, 130, 0.1), transparent 70%),
			#06100d;
		box-shadow:
			inset 0 0 0 1px rgba(255, 255, 255, 0.045),
			inset 0 24px 44px rgba(0, 0, 0, 0.3),
			0 20px 40px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team {
		position: relative;
		display: flex;
		grid-row: 1;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		align-self: stretch;
		gap: 0.8rem;
		min-width: 0;
		min-height: 0;
		padding: clamp(0.9rem, 1.8vw, 1.25rem);
		overflow: hidden;
		border: 1px solid color-mix(in srgb, var(--football-team-accent, #86B84D) 24%, rgba(255, 255, 255, 0.16));
		border-radius: 14px;
		background: linear-gradient(
			var(--football-panel-angle, 110deg),
			color-mix(in srgb, var(--football-team-primary, #14532D) 76%, #071610 24%) 0%,
			color-mix(in srgb, var(--football-team-primary, #14532D) 62%, #071610 38%) 57%,
			#06100d 100%
		);
		color: #ffffff;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.13),
			inset 0 -18px 30px rgba(1, 10, 8, 0.18),
			var(--football-panel-glow-x, 14px) 0 30px color-mix(in srgb, var(--football-team-accent, #86B84D) 14%, transparent),
			0 14px 24px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team::before,
	html.corporate-surface .play-page .football-head-to-head-event-card .match-team::after {
		position: absolute;
		content: "";
		pointer-events: none;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team::before {
		inset: 0;
		border-radius: inherit;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.035) 24%, transparent 50%);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team::after {
		inset: 5px;
		border: 1px solid color-mix(in srgb, var(--football-team-accent, #86B84D) 38%, transparent);
		border-radius: 10px;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			inset 0 0 0 1px color-mix(in srgb, var(--football-team-accent, #86B84D) 10%, transparent);
		opacity: 0.78;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team--home {
		--football-panel-angle: 110deg;
		--football-panel-glow-x: 14px;
		grid-column: 1;
		text-align: left;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team--away {
		--football-panel-angle: 250deg;
		--football-panel-glow-x: -14px;
		grid-column: 3;
		align-items: flex-end;
		justify-content: center;
		text-align: right;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-flag {
		position: relative;
		z-index: 1;
		order: 0 !important;
		width: clamp(46px, 4.5vw, 62px) !important;
		height: clamp(46px, 4.5vw, 62px) !important;
		min-width: clamp(46px, 4.5vw, 62px) !important;
		border: 1px solid color-mix(in srgb, var(--football-team-accent, #86B84D) 38%, rgba(255, 255, 255, 0.26));
		border-radius: 14px;
		background: color-mix(in srgb, var(--football-team-primary, #14532D) 58%, #06100d 42%);
		box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-copy {
		position: relative;
		z-index: 1;
		display: grid;
		gap: 0.24rem;
		width: 100%;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team--away .match-team-copy {
		justify-items: end;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-name {
		color: #ffffff;
		font-size: clamp(1rem, 1.6vw, 1.3rem) !important;
		font-weight: 850;
		letter-spacing: -0.025em;
		line-height: 1.02 !important;
		text-shadow: 0 2px 16px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-team-code {
		color: rgba(255, 255, 255, 0.78);
		font-size: 0.66rem;
		font-weight: 750;
		letter-spacing: 0.08em;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control {
		position: relative;
		z-index: 1;
		display: flex;
		grid-column: 2;
		grid-row: 1;
		align-items: center;
		justify-content: center;
		align-self: stretch;
		min-width: 0;
		min-height: 0;
		overflow: hidden;
		border: 1px solid rgba(225, 255, 229, 0.24);
		border-radius: 12px;
		background:
			radial-gradient(ellipse 42% 68% at 50% 50%, rgba(181, 241, 172, 0.16), transparent 68%),
			linear-gradient(180deg, #1c7244, #0b4a31 52%, #073323);
		box-shadow:
			inset 0 0 60px rgba(1, 20, 12, 0.42),
			inset 0 18px 30px rgba(202, 255, 193, 0.08),
			0 10px 22px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control::before {
		position: absolute;
		inset: 7px;
		border: 1px solid rgba(244, 255, 240, 0.48);
		border-radius: 7px;
		background:
			linear-gradient(90deg, transparent calc(50% - 0.75px), rgba(244, 255, 240, 0.58) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)),
			radial-gradient(ellipse at 50% 50%, transparent 0 52px, rgba(244, 255, 240, 0.56) 53px 54px, transparent 55px);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045);
		content: "";
		pointer-events: none;
	}

	html.corporate-surface .play-page .football-head-to-head-event-card .match-score-control > * {
		position: relative;
		z-index: 1;
	}
}

/* Champions Matchup Visual Refresh: clean club-color panels around a focused football pitch. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		position: relative;
		isolation: isolate;
		grid-template-columns: minmax(132px, 0.68fr) minmax(0, 1.8fr) minmax(132px, 0.68fr) !important;
		grid-template-areas: "home pitch away" !important;
		align-items: stretch;
		gap: clamp(0.45rem, 1.4vw, 1.15rem);
		min-height: clamp(236px, 20vw, 320px);
		margin: 0;
		padding: clamp(0.55rem, 1vw, 0.85rem);
		overflow: hidden;
		border: 1px solid rgba(213, 244, 215, 0.18);
		border-radius: 16px;
		background:
			linear-gradient(180deg, rgba(1, 10, 8, 0.86), transparent 22%, transparent 76%, rgba(1, 8, 7, 0.8)),
			radial-gradient(ellipse 72% 76% at 50% 46%, rgba(120, 204, 130, 0.1), transparent 70%),
			#06100d;
		box-shadow:
			inset 0 0 0 1px rgba(255, 255, 255, 0.045),
			inset 0 24px 44px rgba(0, 0, 0, 0.3),
			0 20px 40px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile {
		position: relative;
		display: grid;
		align-items: center;
		justify-items: start;
		align-self: stretch;
		min-width: 0;
		min-height: 0;
		padding: 1.1rem 1.25rem;
		overflow: hidden;
		border: 1px solid color-mix(in srgb, var(--club-accent, #d7b46a) 30%, rgba(255, 255, 255, 0.18));
		border-radius: 14px !important;
		background: linear-gradient(
			var(--champions-panel-angle, 110deg),
			color-mix(in srgb, var(--club-primary, #1d4ed8) 76%, #06111f 24%) 0%,
			color-mix(in srgb, var(--club-primary, #1d4ed8) 62%, #06111f 38%) 57%,
			#06101c 100%
		) !important;
		color: #f8fbff;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.13),
			inset 0 -18px 30px rgba(1, 10, 8, 0.18),
			var(--champions-panel-glow-x, 14px) 0 30px color-mix(in srgb, var(--club-accent, #d7b46a) 14%, transparent),
			0 14px 24px rgba(0, 0, 0, 0.28);
		text-shadow: 0 3px 12px rgba(0, 0, 0, 0.34);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile::before,
	html.corporate-surface .play-page .champions-pitch-module .club-tile::after {
		position: absolute;
		content: "";
		pointer-events: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile::before {
		inset: 0;
		border-radius: inherit;
		opacity: 1;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.035) 24%, transparent 50%);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile::after {
		inset: 5px;
		height: auto;
		border: 1px solid color-mix(in srgb, var(--club-accent, #d7b46a) 38%, transparent);
		border-radius: 10px;
		background: none;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			inset 0 0 0 1px color-mix(in srgb, var(--club-accent, #d7b46a) 10%, transparent);
		opacity: 0.78;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--home {
		--champions-panel-angle: 110deg;
		--champions-panel-glow-x: 14px;
		grid-area: home;
		border-left: 1px solid color-mix(in srgb, var(--club-accent, #d7b46a) 30%, rgba(255, 255, 255, 0.18));
		text-align: left;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away {
		--champions-panel-angle: 250deg;
		--champions-panel-glow-x: -14px;
		grid-area: away;
		border-right: 1px solid color-mix(in srgb, var(--club-accent, #d7b46a) 30%, rgba(255, 255, 255, 0.18));
		justify-items: end;
		text-align: right;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity {
		position: relative;
		z-index: 1;
		display: grid;
		align-content: center;
		min-height: 0;
		height: auto;
		width: 100%;
		gap: 0.44rem;
		padding: 0;
		color: #f8fbff;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity::after {
		content: none;
		background: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__header {
		display: flex;
		justify-content: space-between;
		gap: 0.5rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code,
	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span,
	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
		color: #f8fbff;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		position: relative;
		display: inline-block;
		align-self: auto;
		width: fit-content;
		padding-bottom: 0.38rem;
		font-size: clamp(2.15rem, 4.6vw, 4.35rem);
		line-height: 0.9;
		text-shadow: 0 2px 16px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__code::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 42%;
		height: 2px;
		border-radius: 999px;
		background: var(--club-accent, #d7b46a);
		box-shadow: 0 0 9px color-mix(in srgb, var(--club-accent, #d7b46a) 36%, transparent);
		content: "";
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy {
		display: grid;
		gap: 0.2rem;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy span {
		font-size: clamp(0.9rem, 1.25vw, 1.15rem);
		font-weight: 850;
		line-height: 1.04;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__copy small {
		font-size: 0.65rem;
		font-weight: 750;
		line-height: 1.1;
		opacity: 0.72;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__side {
		padding: 0;
		border: 0;
		background: transparent;
		color: rgba(248, 251, 255, 0.82);
		font-size: 0.74rem;
		font-weight: 700;
		letter-spacing: 0.04em;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__state,
	html.corporate-surface .play-page .champions-pitch-module .champions-outcome-choice__state {
		border-color: color-mix(in srgb, var(--club-accent, #d7b46a) 42%, rgba(255, 255, 255, 0.16));
		background: rgba(5, 15, 25, 0.42);
		color: rgba(248, 251, 255, 0.86);
	}

	html.corporate-surface .play-page .champions-pitch-module .club-identity__pattern {
		display: none;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away .club-identity {
		text-align: right;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away .club-identity__header {
		flex-direction: row-reverse;
	}

	html.corporate-surface .play-page .champions-pitch-module .club-tile--away .club-identity__copy,
	html.corporate-surface .play-page .champions-pitch-module .club-tile--away .club-identity__code {
		justify-self: end;
	}
}

/* Tennis Matchup Visual Refresh: NBA-proportioned player panels framing the existing court. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__matchup {
		position: relative;
		isolation: isolate;
		display: grid !important;
		grid-template-columns: minmax(132px, 0.68fr) minmax(0, 1.8fr) minmax(132px, 0.68fr) !important;
		align-items: stretch;
		gap: clamp(0.45rem, 1.4vw, 1.15rem);
		min-height: clamp(236px, 20vw, 320px);
		margin: 0;
		padding: clamp(0.55rem, 1vw, 0.85rem);
		overflow: hidden;
		border: 1px solid rgba(213, 244, 215, 0.18);
		border-radius: 16px;
		background:
			linear-gradient(180deg, rgba(1, 10, 8, 0.86), transparent 22%, transparent 76%, rgba(1, 8, 7, 0.8)),
			radial-gradient(ellipse 72% 76% at 50% 46%, rgba(120, 204, 130, 0.1), transparent 70%),
			#06100d;
		box-shadow:
			inset 0 0 0 1px rgba(255, 255, 255, 0.045),
			inset 0 24px 44px rgba(0, 0, 0, 0.3),
			0 20px 40px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel {
		--tennis-panel-primary: #0b6d88;
		--tennis-panel-accent: #67e8f9;
		--tennis-panel-angle: 110deg;
		--tennis-panel-glow-x: 14px;
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-rows: minmax(0, 1fr);
		align-items: center;
		justify-items: start;
		align-self: stretch;
		min-width: 0;
		min-height: 0 !important;
		gap: 0;
		padding: 1.1rem 1.25rem;
		overflow: hidden;
		border: 1px solid color-mix(in srgb, var(--tennis-panel-accent) 24%, rgba(255, 255, 255, 0.16));
		border-radius: 14px !important;
		background: var(--surface-material-layer) !important;
		color: #ffffff;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.13),
			inset 0 -18px 30px rgba(2, 8, 18, 0.14),
			var(--tennis-panel-glow-x) 0 30px color-mix(in srgb, var(--tennis-panel-accent) 14%, transparent),
			0 14px 24px rgba(0, 0, 0, 0.28);
		text-shadow: 0 3px 12px rgba(0, 0, 0, 0.34);
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel::before,
	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel::after {
		position: absolute;
		content: "";
		pointer-events: none;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel::before {
		inset: 0;
		border-radius: inherit;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.035) 24%, transparent 50%);
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel::after {
		inset: 5px;
		border: 1px solid color-mix(in srgb, var(--tennis-panel-accent) 38%, transparent);
		border-radius: 10px;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			inset 0 0 0 1px color-mix(in srgb, var(--tennis-panel-accent) 10%, transparent);
		opacity: 0.78;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--home {
		grid-column: 1;
		grid-row: 1;
		text-align: left;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--away {
		--tennis-panel-primary: #244d7a;
		--tennis-panel-accent: #f3d47a;
		--tennis-panel-angle: 250deg;
		--tennis-panel-glow-x: -14px;
		grid-column: 3;
		grid-row: 1;
		justify-items: end;
		text-align: right;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity {
		position: relative;
		z-index: 1;
		display: grid;
		align-content: center;
		gap: 0.44rem;
		width: 100%;
		min-width: 0;
		text-align: left;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--away .player-panel__identity {
		justify-items: end;
		text-align: right;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__flag {
		width: 42px;
		border-color: color-mix(in srgb, var(--tennis-panel-accent) 38%, rgba(255, 255, 255, 0.26));
		border-radius: 12px;
		background: color-mix(in srgb, var(--tennis-panel-primary) 58%, #06100d 42%);
		box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity strong {
		position: relative;
		display: block;
		width: fit-content;
		max-width: 100%;
		padding-bottom: 0.38rem;
		overflow-wrap: anywhere;
		color: #ffffff;
		font-size: clamp(1.5rem, 3vw, 3rem);
		font-weight: 800;
		line-height: 0.92;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity strong::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 42%;
		height: 2px;
		border-radius: 999px;
		background: var(--tennis-panel-accent);
		box-shadow: 0 0 9px color-mix(in srgb, var(--tennis-panel-accent) 36%, transparent);
		content: "";
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--away .player-panel__identity strong::after {
		right: 0;
		left: auto;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__meta {
		color: rgba(255, 255, 255, 0.72);
		font-size: 0.7rem;
		font-weight: 650;
		line-height: 1.18;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__pick-state {
		position: absolute;
		top: 1.1rem;
		right: 1.1rem;
		z-index: 3;
		min-height: 0;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--home .player-panel__pick-state {
		left: 1.1rem;
		right: auto;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__pick-state span {
		border-color: color-mix(in srgb, var(--tennis-panel-accent) 42%, rgba(255, 255, 255, 0.16));
		border-radius: 999px;
		background: rgba(5, 15, 25, 0.42);
		color: rgba(248, 251, 255, 0.86);
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--choice:has(input:checked),
	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel.is-selected {
		border-color: color-mix(in srgb, var(--tennis-panel-accent) 48%, rgba(255, 255, 255, 0.18));
		background: var(--surface-material-layer) !important;
		box-shadow:
			inset 0 0 0 1px color-mix(in srgb, var(--tennis-panel-accent) 48%, rgba(255, 255, 255, 0.12)),
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			var(--tennis-panel-glow-x) 0 32px color-mix(in srgb, var(--tennis-panel-accent) 20%, transparent),
			0 14px 24px rgba(0, 0, 0, 0.3);
		filter: none;
		transform: translateY(-2px);
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-court {
		position: relative;
		inset: auto;
		z-index: 1;
		grid-column: 2;
		grid-row: 1;
		align-self: stretch;
		min-width: 0;
		min-height: 0;
		margin: 0;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-vs {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 4;
		min-height: 0;
		transform: translate(-50%, -50%);
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-vs span {
		width: 48px;
		border-color: rgba(238, 255, 236, 0.34);
		background: rgba(4, 17, 15, 0.74);
		font-size: 0.7rem;
		box-shadow:
			0 0 0 1px rgba(255, 255, 255, 0.07) inset,
			0 0 20px rgba(181, 241, 172, 0.12),
			0 10px 22px rgba(0, 0, 0, 0.22);
	}
}

/* NFL Matchup Visual Refresh: NBA-proportioned franchise panels around the existing field. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .nfl-game-field .nfl-field {
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field-stage {
		position: relative;
		isolation: isolate;
		grid-template-columns: minmax(132px, 0.68fr) minmax(0, 1.8fr) minmax(132px, 0.68fr);
		align-items: stretch;
		gap: clamp(0.45rem, 1.4vw, 1.15rem);
		min-height: clamp(236px, 20vw, 320px);
		padding: clamp(0.55rem, 1vw, 0.85rem);
		overflow: hidden;
		border: 1px solid rgba(213, 244, 215, 0.18);
		border-radius: 16px;
		background:
			linear-gradient(180deg, rgba(1, 10, 8, 0.86), transparent 22%, transparent 76%, rgba(1, 8, 7, 0.8)),
			radial-gradient(ellipse 72% 76% at 50% 46%, rgba(120, 204, 130, 0.1), transparent 70%),
			#06100d;
		box-shadow:
			inset 0 0 0 1px rgba(255, 255, 255, 0.045),
			inset 0 24px 44px rgba(0, 0, 0, 0.3),
			0 20px 40px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase {
		--nfl-panel-angle: 110deg;
		--nfl-panel-glow-x: 14px;
		position: relative;
		z-index: 2;
		display: grid;
		align-items: center;
		justify-items: start;
		align-self: stretch;
		min-width: 0;
		min-height: 0;
		padding: 1.1rem 1.25rem;
		overflow: hidden;
		border: 1px solid color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 24%, rgba(255, 255, 255, 0.16));
		border-radius: 14px !important;
		background: var(--surface-material-layer) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.13),
			inset 0 -18px 30px rgba(2, 8, 18, 0.14),
			var(--nfl-panel-glow-x) 0 30px color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 14%, transparent),
			0 14px 24px rgba(0, 0, 0, 0.28);
		text-shadow: 0 3px 12px rgba(0, 0, 0, 0.34);
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase::before,
	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase::after {
		position: absolute;
		content: "";
		pointer-events: none;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase::before {
		inset: 0;
		border-radius: inherit;
		opacity: 1;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.035) 24%, transparent 50%);
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase::after {
		inset: 5px;
		border: 1px solid color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 38%, transparent);
		border-radius: 10px;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			inset 0 0 0 1px color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 10%, transparent);
		opacity: 0.78;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--away {
		border-right: 1px solid color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 24%, rgba(255, 255, 255, 0.16));
		text-align: left;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home {
		--nfl-panel-angle: 250deg;
		--nfl-panel-glow-x: -14px;
		justify-items: end;
		border-left: 1px solid color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 24%, rgba(255, 255, 255, 0.16));
		text-align: right;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-rows: none;
		align-content: center;
		min-height: 0;
		height: auto;
		width: 100%;
		gap: 0.44rem;
		padding: 0;
		color: #ffffff;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.franchise-tile--compact .franchise-identity {
		grid-template-rows: none;
		min-height: 0;
		padding: 0;
		gap: 0.44rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity::before,
	html.corporate-surface .play-page .nfl-game-field .franchise-identity::after {
		content: none;
		background: none;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__header {
		display: flex;
		justify-content: space-between;
		gap: 0.5rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__side {
		min-height: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: rgba(255, 255, 255, 0.82);
		font-size: 0.74rem;
		font-weight: 700;
		letter-spacing: 0.04em;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__state {
		min-height: 0;
		padding: 0.3rem 0.52rem;
		border-color: color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 42%, rgba(255, 255, 255, 0.16));
		background: rgba(5, 15, 25, 0.42);
		color: rgba(248, 251, 255, 0.86);
		font-size: 0.56rem;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.franchise-tile--compact .franchise-identity__side,
	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.franchise-tile--compact .franchise-identity__state {
		min-height: 0;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__monogram {
		position: relative;
		display: inline-block;
		align-self: auto;
		justify-self: start;
		width: fit-content;
		max-width: 100%;
		padding-bottom: 0.38rem;
		overflow: visible;
		color: #ffffff;
		font-size: clamp(2.15rem, 4.6vw, 4.35rem);
		font-weight: 800;
		line-height: 0.9;
		text-shadow: 0 2px 16px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.franchise-tile--compact .franchise-identity__monogram {
		font-size: clamp(2.15rem, 4.6vw, 4.35rem);
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__monogram::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 42%;
		height: 2px;
		border-radius: 999px;
		background: var(--nfl-team-accent, #e9c46a);
		box-shadow: 0 0 9px color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 36%, transparent);
		content: "";
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__copy {
		display: grid;
		justify-items: start;
		gap: 0.2rem;
		text-align: left;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__copy small,
	html.corporate-surface .play-page .nfl-game-field .franchise-identity__copy strong,
	html.corporate-surface .play-page .nfl-game-field .franchise-identity__copy em {
		color: #ffffff;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__copy strong {
		font-size: clamp(0.9rem, 1.25vw, 1.15rem);
		font-weight: 850;
		line-height: 1.04;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.franchise-tile--compact .franchise-identity__copy strong {
		font-size: clamp(0.9rem, 1.25vw, 1.15rem);
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__copy small,
	html.corporate-surface .play-page .nfl-game-field .franchise-identity__copy em {
		font-size: 0.65rem;
		font-weight: 750;
		line-height: 1.1;
		opacity: 0.72;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.franchise-tile--compact .franchise-identity__copy small,
	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.franchise-tile--compact .franchise-identity__copy em {
		font-size: 0.65rem;
	}

	html.corporate-surface .play-page .nfl-game-field .franchise-identity__technical-line {
		display: none;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home .franchise-identity,
	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home .franchise-identity__copy {
		justify-items: end;
		text-align: right;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home .franchise-identity__header {
		flex-direction: row-reverse;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home .franchise-identity__monogram {
		justify-self: end;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home .franchise-identity__monogram::after {
		right: 0;
		left: auto;
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.is-selected,
	html.corporate-surface .play-page .nfl-game-field .nfl-team-choice:has(.nfl-pick-radio:checked) {
		border-color: color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 48%, rgba(255, 255, 255, 0.18));
		background: var(--surface-material-layer) !important;
		box-shadow:
			inset 0 0 0 1px color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 48%, rgba(255, 255, 255, 0.12)),
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			var(--nfl-panel-glow-x) 0 32px color-mix(in srgb, var(--nfl-team-accent, #e9c46a) 20%, transparent),
			0 14px 24px rgba(0, 0, 0, 0.3);
		filter: none;
		transform: translateY(-2px);
	}

	html.corporate-surface .play-page .nfl-game-field .nfl-field-surface {
		z-index: 1;
		grid-column: 2;
		grid-row: 1;
		align-self: stretch;
		min-width: 0;
	}
}

/* MMA Matchup Visual Refresh: shared arena panels framing the existing octagon. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .mma-fight-card__matchup {
		isolation: isolate !important;
		grid-template-columns: minmax(132px, 0.68fr) minmax(0, 1.8fr) minmax(132px, 0.68fr) !important;
		align-items: stretch !important;
		gap: clamp(0.6rem, 1.2vw, 1rem) !important;
		min-height: clamp(236px, 20vw, 320px) !important;
		padding: clamp(0.55rem, 1.1vw, 0.85rem) !important;
		border-color: rgba(226, 232, 240, 0.16) !important;
		border-radius: 20px !important;
		background:
			linear-gradient(180deg, rgba(1, 7, 17, 0.84) 0%, transparent 27%, transparent 72%, rgba(0, 4, 10, 0.88) 100%),
			radial-gradient(ellipse 78% 94% at 50% 52%, rgba(103, 129, 157, 0.18), transparent 70%),
			radial-gradient(ellipse 42% 82% at 4% 56%, rgba(140, 34, 49, 0.11), transparent 72%),
			radial-gradient(ellipse 42% 82% at 96% 56%, rgba(36, 107, 151, 0.11), transparent 72%),
			linear-gradient(180deg, #0b1425 0%, #030814 100%) !important;
		box-shadow:
			inset 0 0 0 1px rgba(255, 255, 255, 0.035),
			inset 0 28px 54px rgba(0, 0, 0, 0.24),
			0 18px 36px rgba(0, 0, 0, 0.28) !important;
	}

	/* Arena atmosphere only: all sizing and placement remain in the shared MMA layout. */
	html.corporate-surface .play-page .mma-fight-card__matchup::before {
		background:
			linear-gradient(90deg, rgba(132, 31, 45, 0.1), transparent 32%, transparent 68%, rgba(30, 103, 149, 0.1)),
			radial-gradient(ellipse 108% 106% at 50% 52%, transparent 45%, rgba(0, 4, 10, 0.26) 100%) !important;
		opacity: 0.78;
	}

	/* Keep the octagon artwork intact; only let the shared stage determine its footprint. */
	html.corporate-surface .play-page .mma-octagon-frame {
		grid-column: 2 !important;
		grid-row: 1 !important;
		align-self: stretch !important;
		min-width: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		z-index: 1 !important;
	}

	/* Material pass: a matte canvas under a broad overhead arena light. */
	html.corporate-surface .play-page .mma-octagon-frame {
		filter: saturate(1.02) contrast(1.05);
	}

	html.corporate-surface .play-page .mma-octagon-frame::before {
		background:
			radial-gradient(ellipse 76% 70% at 50% 48%, rgba(168, 191, 207, 0.2), transparent 60%),
			radial-gradient(ellipse 86% 72% at 50% 78%, rgba(0, 0, 0, 0.42), transparent 74%),
			linear-gradient(180deg, rgba(33, 46, 65, 0.66), rgba(2, 7, 16, 0.94));
		filter: blur(20px);
		opacity: 0.84;
	}

	html.corporate-surface .play-page .mma-octagon-frame::after {
		background:
			linear-gradient(42deg, transparent 47%, rgba(205, 221, 231, 0.035) 49%, transparent 51%),
			linear-gradient(-42deg, transparent 47%, rgba(205, 221, 231, 0.03) 49%, transparent 51%);
		opacity: 0.42;
	}

	html.corporate-surface .play-page .mma-octagon-frame__shape {
		background:
			radial-gradient(ellipse 72% 66% at 50% 47%, rgba(224, 232, 238, 0.19), rgba(171, 188, 201, 0.07) 38%, transparent 71%),
			radial-gradient(ellipse 82% 70% at 50% 100%, rgba(0, 0, 0, 0.38), transparent 73%),
			linear-gradient(118deg, rgba(255, 255, 255, 0.035), transparent 32%, rgba(0, 0, 0, 0.1) 74%),
			linear-gradient(135deg, #374353 0%, #242f3e 48%, #111a28 100%);
		border-color: rgba(215, 229, 238, 0.36);
		box-shadow:
			0 28px 54px rgba(0, 0, 0, 0.46),
			0 12px 26px rgba(0, 0, 0, 0.3),
			inset 0 1px 0 rgba(255, 255, 255, 0.15),
			inset 0 18px 36px rgba(255, 255, 255, 0.04),
			inset 0 -38px 58px rgba(0, 0, 0, 0.52),
			inset 0 0 0 1px rgba(4, 10, 18, 0.66),
			inset 0 0 0 2px rgba(224, 237, 241, 0.075);
	}

	/* Perimeter-only cage cue: a soft mesh shadow, never a rendered fence. */
	html.corporate-surface .play-page .mma-octagon-frame__shape::after {
		position: absolute;
		inset: 0;
		z-index: 1;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' viewBox='0 0 104 104'%3E%3Cpath d='M52 0 104 52 52 104 0 52Z' fill='none' stroke='%23dce8ef' stroke-opacity='.86' stroke-width='1'/%3E%3C/svg%3E");
		background-position: center;
		background-size: 104px 104px;
		mix-blend-mode: soft-light;
		opacity: 0.04;
		filter: blur(0.75px);
		-webkit-mask-image: radial-gradient(ellipse 72% 70% at 50% 50%, transparent 0 38%, rgba(0, 0, 0, 0.18) 62%, #000 100%);
		mask-image: radial-gradient(ellipse 72% 70% at 50% 50%, transparent 0 38%, rgba(0, 0, 0, 0.18) 62%, #000 100%);
		content: "";
		pointer-events: none;
	}

	html.corporate-surface .play-page .mma-octagon-frame__inner {
		border-color: rgba(217, 228, 234, 0.1);
		background:
			radial-gradient(ellipse 72% 68% at 50% 46%, rgba(244, 248, 245, 0.065), transparent 66%),
			linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 44%, rgba(0, 0, 0, 0.13));
		box-shadow:
			inset 0 0 30px rgba(0, 0, 0, 0.3),
			inset 0 1px 0 rgba(255, 255, 255, 0.055),
			0 0 18px rgba(184, 207, 221, 0.025);
	}

	html.corporate-surface .play-page .mma-octagon-frame__center {
		border-color: rgba(210, 192, 152, 0.3);
		background:
			radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.1), transparent 42%),
			radial-gradient(circle, rgba(188, 166, 123, 0.1), transparent 60%),
			rgba(13, 23, 34, 0.58);
		box-shadow:
			0 12px 24px rgba(0, 0, 0, 0.24),
			0 0 16px rgba(213, 226, 219, 0.04),
			inset 0 1px 0 rgba(255, 255, 255, 0.065);
	}

	html.corporate-surface .play-page .mma-octagon-frame__center::before {
		background: rgba(229, 237, 232, 0.42);
	}

	html.corporate-surface .play-page .mma-octagon-frame__axis {
		background: rgba(225, 235, 238, 0.035);
	}

	html.corporate-surface .play-page .mma-fighter-panel {
		--mma-panel-primary: #8c1d2c;
		--mma-panel-secondary: #53101a;
		--mma-panel-accent: #f4c95d;
		--mma-panel-angle: 108deg;
		--mma-panel-glow-x: 14px;
		position: relative;
		z-index: 2;
		display: grid !important;
		grid-template-rows: minmax(0, 1fr) !important;
		align-items: center !important;
		justify-items: start;
		align-self: stretch !important;
		min-width: 0;
		min-height: 0 !important;
		height: auto !important;
		padding: clamp(1rem, 1.8vw, 1.45rem) !important;
		overflow: hidden;
		border: 1px solid color-mix(in srgb, var(--mma-panel-accent) 36%, rgba(255, 255, 255, 0.15)) !important;
		border-radius: 17px !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel::before,
	html.corporate-surface .play-page .mma-fighter-panel::after {
		position: absolute;
		pointer-events: none;
		content: "";
	}

	html.corporate-surface .play-page .mma-fighter-panel::before {
		inset: 0;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), transparent 24%);
		opacity: 0.75;
	}

	html.corporate-surface .play-page .mma-fighter-panel::after {
		inset: 9px;
		border: 1px solid rgba(255, 255, 255, 0.13);
		border-radius: 11px;
		box-shadow: inset 0 0 16px rgba(255, 255, 255, 0.025);
	}

	html.corporate-surface .play-page .mma-fighter-panel--home {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel--away {
		--mma-panel-primary: #275d88;
		--mma-panel-secondary: #16374f;
		--mma-panel-accent: #d7e6f3;
		--mma-panel-angle: 252deg;
		--mma-panel-glow-x: -14px;
		grid-column: 3 !important;
		grid-row: 1 !important;
		justify-items: end;
		text-align: right;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity {
		position: relative;
		z-index: 1;
		display: grid !important;
		justify-items: start;
		align-content: center;
		gap: 0.58rem !important;
		min-width: 0;
	}

	html.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity {
		justify-items: end;
		align-items: end !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__flag {
		width: 2.2rem !important;
		height: 2.2rem !important;
		border-color: color-mix(in srgb, var(--mma-panel-accent) 54%, rgba(255, 255, 255, 0.28)) !important;
		background: rgba(5, 14, 25, 0.48) !important;
		box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity strong {
		position: relative;
		display: flex !important;
		flex-wrap: wrap;
		gap: 0.03em 0.22em;
		width: fit-content;
		max-width: 100% !important;
		overflow: hidden;
		padding-bottom: 0.4rem;
		color: #ffffff !important;
		font-size: clamp(1.2rem, 1.75vw, 2.25rem) !important;
		font-weight: 900;
		line-height: 0.94 !important;
		text-align: inherit;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity strong .matchup-name-token:last-child {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	html.corporate-surface .play-page .mma-fighter-panel__identity strong::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 42%;
		height: 2px;
		border-radius: 999px;
		background: var(--mma-panel-accent);
		box-shadow: 0 0 9px color-mix(in srgb, var(--mma-panel-accent) 28%, transparent);
		content: "";
	}

	html.corporate-surface .play-page .mma-fighter-panel--away .mma-fighter-panel__identity strong::after {
		right: 0;
		left: auto;
	}

	html.corporate-surface .play-page .mma-fighter-panel__meta {
		max-width: 18ch !important;
		color: rgba(255, 255, 255, 0.73) !important;
		font-size: clamp(0.68rem, 0.9vw, 0.8rem) !important;
		line-height: 1.2;
	}

	html.corporate-surface .play-page .mma-fighter-panel__pick-state {
		z-index: 2;
		border-color: color-mix(in srgb, var(--mma-panel-accent) 32%, rgba(255, 255, 255, 0.16)) !important;
		background: rgba(4, 12, 22, 0.48) !important;
		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.035) inset;
	}

	html.corporate-surface .play-page .mma-fighter-panel.is-selected,
	html.corporate-surface .play-page .mma-fighter-panel:has(input:checked) {
		border-color: var(--surface-material-selected-border) !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
		filter: none;
		transform: translateY(-2px);
	}

	html.corporate-surface .play-page .mma-fight-vs {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		grid-column: auto !important;
		transform: translate(-50%, -50%) !important;
		z-index: 4 !important;
	}

	html.corporate-surface .play-page .mma-fight-vs span {
		width: 66px !important;
		height: 66px !important;
		border: 1px solid rgba(117, 27, 50, 0.32) !important;
		background: rgba(117, 27, 50, 0.035) !important;
		color: #6d1930 !important;
		font-size: 1rem;
		font-weight: 900;
		letter-spacing: 0.04em;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.36), 0 -1px 0 rgba(60, 9, 22, 0.14);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.32),
			inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
	}

	/* MMA cage mesh: the chain-link surface replaces the former inner octagon. */
	html.corporate-surface .play-page .mma-octagon-frame {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		filter: none !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame::before,
	html.corporate-surface .play-page .mma-octagon-frame::after,
	html.corporate-surface .play-page .mma-octagon-frame__shape::after {
		display: none !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__shape {
		inset: 0 !important;
		clip-path: none !important;
		border: 1px solid rgba(198, 211, 216, 0.32) !important;
		border-radius: 12px !important;
		background:
			radial-gradient(ellipse at 50% -18%, rgba(255, 255, 255, 0.09), transparent 58%),
			repeating-linear-gradient(45deg, transparent 0 6px, rgba(203, 216, 220, 0.30) 6px 7px, transparent 7px 13px),
			repeating-linear-gradient(-45deg, transparent 0 6px, rgba(236, 244, 245, 0.15) 6px 7px, transparent 7px 13px),
			linear-gradient(180deg, #141d22 0%, #060a0e 100%) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.10),
			inset 0 0 0 4px rgba(0, 0, 0, 0.22),
			inset 0 -26px 34px rgba(0, 0, 0, 0.48),
			0 10px 22px rgba(0, 0, 0, 0.24) !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__inner,
	html.corporate-surface .play-page .mma-octagon-frame__center,
	html.corporate-surface .play-page .mma-octagon-frame__axis {
		display: none !important;
	}

	/* The legacy octagon markup remains inert so the cage is the only centre artwork. */
	html.corporate-surface .play-page .mma-octagon-frame__inner {
		--mma-octagon-canvas:
			radial-gradient(ellipse 84% 66% at 50% 17%, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.16) 42%, transparent 72%),
			radial-gradient(ellipse 92% 70% at 50% 104%, rgba(45, 48, 49, 0.3), transparent 76%),
			linear-gradient(108deg, rgba(76, 78, 77, 0.09), transparent 28%, rgba(255, 255, 255, 0.16) 52%, rgba(52, 55, 56, 0.075) 100%),
			repeating-linear-gradient(0deg, rgba(50, 53, 53, 0.022) 0 1px, transparent 1px 5px),
			repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 6px),
			linear-gradient(180deg, #e2dfd6 0%, #c7c4bb 100%);
		display: none !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;
		height: 100% !important;
		flex: 0 0 auto;
		aspect-ratio: 1 / 1;
		inset: auto !important;
		clip-path: polygon(29.289% 0, 70.711% 0, 100% 29.289%, 100% 70.711%, 70.711% 100%, 29.289% 100%, 0 70.711%, 0 29.289%) !important;
		border: 0 !important;
		background: #070a0e !important;
		box-shadow: none !important;
		filter:
			drop-shadow(0 0 0.35px rgba(0, 0, 0, 0.84))
			drop-shadow(0 18px 22px rgba(0, 0, 0, 0.2));
		transform: none !important;
		z-index: 2;
	}

	html.corporate-surface .play-page .mma-octagon-frame__inner::before {
		position: absolute;
		inset: 5px;
		clip-path: polygon(29.289% 0, 70.711% 0, 100% 29.289%, 100% 70.711%, 70.711% 100%, 29.289% 100%, 0 70.711%, 0 29.289%);
		background: var(--mma-octagon-canvas);
		content: "";
	}

	/* The inner burgundy line is a ring: its inset preserves the clean canvas beneath it. */
	html.corporate-surface .play-page .mma-octagon-frame__mark {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 75%;
		height: 75%;
		clip-path: polygon(29.289% 0, 70.711% 0, 100% 29.289%, 100% 70.711%, 70.711% 100%, 29.289% 100%, 0 70.711%, 0 29.289%);
		background:
			linear-gradient(135deg, #a33b4c 0%, #751b32 48%, #4d1021 100%);
		box-shadow:
			inset 0 1px 0 rgba(255, 218, 221, 0.26),
			0 4px 10px rgba(48, 7, 18, 0.2);
		transform: translate(-50%, -50%);
		z-index: 3;
	}

	html.corporate-surface .play-page .mma-octagon-frame__mark::before {
		position: absolute;
		inset: clamp(3px, 0.45vw, 6px);
		clip-path: polygon(29.289% 0, 70.711% 0, 100% 29.289%, 100% 70.711%, 70.711% 100%, 29.289% 100%, 0 70.711%, 0 29.289%);
		background: var(--mma-octagon-canvas);
		background-position: center;
		background-size: 133.333% 133.333%;
		content: "";
	}
}

/* MLB Matchup Visual Refresh: shared team panels framing an in-stadium diamond. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .mlb-decision-card__matchup {
		position: relative;
		isolation: isolate !important;
		display: grid !important;
		grid-template-columns: minmax(132px, 0.62fr) minmax(0, 1.86fr) minmax(132px, 0.62fr) !important;
		align-items: stretch !important;
		gap: clamp(0.65rem, 1.25vw, 1rem) !important;
		min-height: clamp(236px, 20vw, 320px) !important;
		padding: clamp(0.5rem, 1vw, 0.78rem) !important;
		overflow: hidden !important;
		border: 1px solid rgba(226, 232, 240, 0.12) !important;
		border-radius: 18px !important;
		background:
			radial-gradient(ellipse 74% 100% at 50% 100%, rgba(19, 91, 59, 0.16), transparent 65%),
			linear-gradient(180deg, rgba(8, 18, 29, 0.88), rgba(3, 10, 18, 0.92)) !important;
		box-shadow:
			inset 0 0 38px rgba(0, 0, 0, 0.3),
			0 14px 30px rgba(0, 0, 0, 0.2) !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup::before {
		inset: 0 !important;
		z-index: 0 !important;
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		border-radius: inherit !important;
		opacity: 1 !important;
		transform: none !important;
		background:
			linear-gradient(180deg, rgba(0, 0, 0, 0.28), transparent 24%, transparent 74%, rgba(0, 0, 0, 0.25)),
			radial-gradient(ellipse 84% 100% at 50% 48%, transparent 48%, rgba(0, 0, 0, 0.26) 100%) !important;
	}

	html.corporate-surface .play-page .mlb-decision-card__matchup::after {
		inset: 0 !important;
		z-index: 3 !important;
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		border-radius: inherit !important;
		background: transparent !important;
		opacity: 0 !important;
		transform: none !important;
	}

	/* The center is a ballpark: illuminated outfield surrounding a real clay infield. */
	html.corporate-surface .play-page .mlb-matchup-diamond {
		position: relative !important;
		isolation: isolate;
		container-type: size;
		z-index: 1;
		overflow: hidden !important;
		border: 1px solid rgba(233, 245, 225, 0.16) !important;
		border-radius: 12px !important;
		background:
			radial-gradient(ellipse at 50% 52%, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.03) 34%, transparent 68%),
			linear-gradient(180deg, #0b241d 0%, #0a1d19 100%) !important;
		box-shadow:
			inset 0 0 36px rgba(1, 9, 14, 0.36),
			inset 0 1px 0 rgba(255, 255, 255, 0.07),
			0 14px 26px rgba(0, 0, 0, 0.22) !important;
		filter: saturate(0.98) contrast(1.01) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond::before {
		display: none !important;
	}

	/* A restrained top-down ballpark: wide outfield, contained infield, home below. */
	html.corporate-surface .play-page .mlb-matchup-diamond__field {
		position: absolute !important;
		inset: 0 !important;
		z-index: 0 !important;
		display: block !important;
		overflow: hidden !important;
		border: 0 !important;
		border-radius: inherit !important;
		clip-path: none !important;
		background:
			radial-gradient(ellipse at 50% 52%, rgba(95, 165, 70, 0.18), transparent 60%),
			repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 72px, rgba(0, 0, 0, 0.025) 72px 144px),
			linear-gradient(180deg, #327f42 0%, #267238 48%, #174f2b 100%);
		box-shadow:
			inset 0 0 0 1px rgba(238, 253, 236, 0.1),
			inset 0 -30px 44px rgba(1, 9, 14, 0.2),
			0 0 20px rgba(71, 163, 101, 0.08);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__field::before {
		display: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__foul-line {
		position: absolute;
		/* Both lines begin precisely at home plate and open toward the outfield. */
		bottom: 16%;
		left: 50%;
		z-index: 3;
		display: block;
		width: 2px;
		height: 95%;
		border-radius: 999px;
		background: rgba(246, 238, 212, 0.82);
		box-shadow: 0 0 3px rgba(246, 238, 212, 0.18);
		transform-origin: bottom center;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__foul-line--left {
		transform: rotate(-53deg);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__foul-line--right {
		transform: rotate(53deg);
	}

	/* A contained dirt arc supports the bases without becoming a full clay circle. */
	html.corporate-surface .play-page .mlb-matchup-diamond__dirt-arc {
		position: absolute;
		top: 51%;
		left: 50%;
		z-index: 2;
		display: block;
		width: min(47%, 218px);
		height: 23%;
		border: clamp(11px, 1.8vw, 17px) solid #a96f4d;
		border-bottom: 0;
		border-radius: 50% 50% 0 0 / 100% 100% 0 0;
		box-shadow:
			inset 0 1px 0 rgba(207, 149, 104, 0.26),
			0 -1px 0 rgba(129, 80, 57, 0.18);
		transform: translateX(-50%);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__infield {
		position: absolute;
		top: 63%;
		left: 50%;
		z-index: 3;
		display: block;
		width: min(47%, 204px);
		aspect-ratio: 1;
		border: 1px solid rgba(233, 200, 166, 0.28);
		border-radius: 3px;
		clip-path: none;
		transform: translate(-50%, -50%) rotate(45deg);
		background:
			radial-gradient(circle at 50% 50%, rgba(207, 149, 104, 0.26), transparent 56%),
			linear-gradient(135deg, #b8784f, #815039);
		box-shadow:
			inset 0 0 0 1px rgba(255, 255, 255, 0.045),
			0 10px 18px rgba(0, 0, 0, 0.2),
			0 0 20px rgba(207, 149, 104, 0.08);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__infield::before {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 56%;
		aspect-ratio: 1;
		border: 1px solid rgba(235, 250, 227, 0.18);
		background:
			repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.018) 0 24px, rgba(0, 0, 0, 0.018) 24px 48px),
			#267238;
		content: "";
		transform: translate(-50%, -50%);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__infield::after {
		display: none;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__mound {
		position: absolute;
		top: 62%;
		left: 50%;
		z-index: 4;
		display: block;
		width: 10px;
		height: 10px;
		border: 1px solid rgba(129, 80, 57, 0.4);
		border-radius: 50%;
		background: #c88d61;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
		transform: translate(-50%, -50%);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__base,
	html.corporate-surface .play-page .mlb-matchup-diamond__home-plate {
		position: absolute;
		z-index: 3;
		display: block;
		width: 6px;
		height: 6px;
		border: 1px solid rgba(247, 241, 218, 0.72);
		background: rgba(247, 241, 218, 0.74);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		transform: translate(-50%, -50%) rotate(45deg);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__base--second {
		top: 51%;
		left: 50%;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__base--third {
		top: 63%;
		left: 43%;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__base--first {
		top: 63%;
		left: 57%;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__home-plate {
		top: 84%;
		left: 50%;
		width: 9px;
		height: 9px;
		border-radius: 1px;
		clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%);
		transform: translate(-50%, -50%);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond::after {
		inset: 0 !important;
		z-index: 4 !important;
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		border-radius: inherit !important;
		background: transparent !important;
		opacity: 0 !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond span {
		position: absolute !important;
		top: 62% !important;
		left: 50% !important;
		z-index: 4 !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 38px !important;
		height: 38px !important;
		min-width: 0 !important;
		min-height: 0 !important;
		border: 1px solid rgba(244, 235, 211, 0.24) !important;
		border-radius: 999px !important;
		background:
			radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.13), transparent 42%),
			rgba(5, 16, 24, 0.88) !important;
		color: #f8fafc !important;
		clip-path: none !important;
		transform: translate(-50%, -50%) !important;
		box-shadow:
			0 8px 14px rgba(0, 0, 0, 0.24),
			0 0 9px rgba(239, 178, 89, 0.045),
			0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond span::before,
	html.corporate-surface .play-page .mlb-matchup-diamond span::after {
		display: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond b {
		display: inline !important;
		font-size: 0.64rem;
		font-weight: 900;
		letter-spacing: 0.02em;
	}

	/* MLB field material: fresh-cut grass, broad stadium light, and restrained edge falloff. */
	html.corporate-surface .play-page .mlb-matchup-diamond {
		--mlb-clay-material:
			radial-gradient(ellipse at 50% 40%, rgba(236, 180, 126, 0.16) 0%, rgba(236, 180, 126, 0.05) 42%, transparent 76%),
			repeating-linear-gradient(17deg, rgba(255, 235, 204, 0.014) 0 1px, transparent 1px 11px),
			#98603f;
		border-color: rgba(188, 224, 195, 0.2) !important;
		border-radius: 6px !important;
		background:
			linear-gradient(90deg, rgba(1, 25, 12, 0.42) 0%, rgba(8, 73, 34, 0.08) 27%, rgba(184, 246, 158, 0.075) 50%, rgba(8, 73, 34, 0.08) 73%, rgba(1, 25, 12, 0.42) 100%),
			radial-gradient(ellipse 78% 108% at 50% 58%, rgba(151, 231, 121, 0.2) 0%, rgba(119, 205, 99, 0.075) 43%, transparent 73%),
			repeating-linear-gradient(90deg, rgba(224, 255, 212, 0.028) 0 11%, rgba(3, 35, 18, 0.024) 11% 22%),
			linear-gradient(180deg, #1d6d38 0%, #185f32 50%, #124a29 100%) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.055),
			inset 0 22px 34px rgba(0, 11, 5, 0.12),
			inset 0 -34px 52px rgba(1, 17, 9, 0.28) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond::before {
		position: absolute;
		inset: 0;
		z-index: 0;
		display: block !important;
		border-radius: inherit;
		background:
			linear-gradient(180deg, rgba(0, 11, 5, 0.3) 0%, rgba(0, 11, 5, 0.08) 22%, transparent 42%, rgba(0, 10, 5, 0.19) 100%),
			radial-gradient(ellipse 104% 112% at 50% 58%, rgba(222, 255, 198, 0.045) 0%, transparent 47%, rgba(0, 12, 6, 0.1) 69%, rgba(0, 10, 5, 0.34) 100%);
		box-shadow: inset 0 0 56px rgba(0, 10, 5, 0.2);
		content: "";
		pointer-events: none;
	}

	/* First field mark: two clean 45-degree rays opening from the exact center. */
	html.corporate-surface .play-page .mlb-matchup-diamond__guide-line {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 50%;
		z-index: 2;
		display: block !important;
		width: 2px;
		/* sqrt(2) makes each 45-degree line meet the card's upper edge. */
		height: 141.421%;
		border-radius: 999px;
		background: rgba(250, 246, 225, 0.9);
		box-shadow:
			inset -1px 0 rgba(121, 94, 66, 0.16),
			0 1px 2px rgba(0, 0, 0, 0.24);
		transform-origin: bottom center;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__guide-line--left {
		transform: rotate(-45deg);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__guide-line--right {
		transform: rotate(45deg);
	}

	/* Clay infield: a 50%-tall, 2:1 wedge so both sides remain true 45-degree lines. */
	html.corporate-surface .play-page .mlb-matchup-diamond__infield {
		position: absolute;
		top: 50% !important;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		display: block !important;
		width: auto !important;
		height: auto;
		aspect-ratio: auto;
		border: 0 !important;
		border-radius: 0 !important;
		clip-path: polygon(
			calc(50% - 58cqh) 0,
			calc(50% + 58cqh) 0,
			calc(50% + 8cqh) 100%,
			calc(50% - 8cqh) 100%
		) !important;
		background: var(--mlb-clay-material) !important;
		box-shadow: none !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__infield::before,
	html.corporate-surface .play-page .mlb-matchup-diamond__infield::after {
		display: none !important;
	}

	/* This rounded cap replaces the triangle's hard upper edge with an infield lip. */
	html.corporate-surface .play-page .mlb-matchup-diamond__dirt-arc {
		position: absolute;
		top: auto !important;
		right: 0;
		bottom: 50%;
		left: 0;
		z-index: 1;
		display: block !important;
		width: auto !important;
		height: 28cqh;
		aspect-ratio: auto;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__dirt-arc::before {
		position: absolute;
		bottom: -1px;
		left: 50%;
		display: block !important;
		width: 116cqh;
		height: 28cqh;
		border-radius: 50% 50% 0 0 / 100% 100% 0 0;
		background: var(--mlb-clay-material);
		content: "";
		transform: translateX(-50%);
	}

	/* The home end of the infield resolves into a clean, clay semicircle. */
	html.corporate-surface .play-page .mlb-matchup-diamond__dirt-semicircle {
		position: absolute;
		bottom: 0;
		left: 50%;
		z-index: 1;
		display: block !important;
		width: 36cqh;
		height: 18cqh;
		border-radius: 50% 50% 0 0 / 100% 100% 0 0;
		background: var(--mlb-clay-material);
		box-shadow: none;
		transform: translateX(-50%);
	}

	/* Grass diamond: its visible diagonal is half the brown wedge's upper span. */
	html.corporate-surface .play-page .mlb-matchup-diamond__inner-diamond {
		position: absolute;
		top: 62%;
		left: 50%;
		z-index: 1;
		display: block !important;
		width: 40.835cqh;
		height: 40.835cqh;
		border: 1px solid rgba(207, 231, 203, 0.18);
		border-radius: 2px;
		background: linear-gradient(180deg, #3b804d 0%, #27643d 100%);
		box-shadow:
			inset 0 1px 0 rgba(220, 255, 210, 0.1),
			inset 0 0 0 1px rgba(8, 42, 25, 0.16),
			0 7px 13px rgba(8, 31, 17, 0.13);
		transform: translate(-50%, -50%) rotate(45deg);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond span {
		display: inline-flex !important;
		border-color: rgba(225, 192, 157, 0.18) !important;
		background: linear-gradient(160deg, rgba(129, 87, 62, 0.72) 0%, #3b261c 40%, #24170f 100%) !important;
		box-shadow:
			0 13px 22px rgba(0, 0, 0, 0.27),
			inset 0 1px 0 rgba(255, 232, 205, 0.1) !important;
	}

	html.corporate-surface .play-page .mlb-team-panel {
		--mlb-panel-angle: 110deg;
		--mlb-panel-glow-x: 14px;
		--mlb-panel-light-x: 0%;
		position: relative;
		z-index: 2;
		display: grid !important;
		align-items: center !important;
		justify-items: start;
		padding: clamp(0.9rem, 1.6vw, 1.25rem) !important;
		overflow: hidden;
		border: 1px solid color-mix(in srgb, var(--mlb-team-secondary-safe, #e8edf1) 30%, rgba(255, 255, 255, 0.14)) !important;
		border-radius: 14px !important;
		clip-path: none !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
	}

	html.corporate-surface .play-page .mlb-team-panel::before,
	html.corporate-surface .play-page .mlb-team-panel::after {
		position: absolute;
		width: auto;
		pointer-events: none;
		content: "";
	}

	html.corporate-surface .play-page .mlb-team-panel::before {
		inset: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background:
			radial-gradient(circle at var(--mlb-panel-light-x) 38%, color-mix(in srgb, var(--mlb-team-secondary-safe, #ffffff) 18%, transparent), transparent 52%),
			linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 22%) !important;
		opacity: 0.68;
	}

	html.corporate-surface .play-page .mlb-team-panel::after {
		display: none !important;
	}

	html.corporate-surface .play-page .mlb-team-panel--home {
		--mlb-panel-angle: 250deg;
		--mlb-panel-glow-x: -14px;
		--mlb-panel-light-x: 100%;
		justify-items: end;
		text-align: right;
	}

	html.corporate-surface .play-page .mlb-team-panel__identity {
		position: relative;
		z-index: 1;
		display: grid !important;
		justify-items: start;
		align-content: center;
		gap: 0.54rem;
		min-width: 0;
	}

	html.corporate-surface .play-page .mlb-team-panel--home .mlb-team-panel__identity {
		justify-items: end;
	}

	html.corporate-surface .play-page .mlb-team-panel__role {
		min-height: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		color: rgba(255, 255, 255, 0.72) !important;
		font-size: clamp(0.66rem, 0.85vw, 0.78rem) !important;
		font-weight: 800;
		letter-spacing: 0.04em;
	}

	html.corporate-surface .play-page .mlb-team-panel__abbr {
		position: relative;
		display: inline-block;
		width: fit-content;
		max-width: 100%;
		padding-bottom: 0.32rem;
		color: var(--mlb-team-text-safe, #ffffff) !important;
		font-size: clamp(2.35rem, 3.8vw, 4.45rem) !important;
		font-weight: 800;
		line-height: 0.95;
		text-align: inherit;
	}

	html.corporate-surface .play-page .mlb-team-panel__abbr::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 32%;
		height: 2px;
		border-radius: 999px;
		background: var(--mlb-team-accent-safe, #e8edf1);
		box-shadow: none;
		content: "";
	}

	html.corporate-surface .play-page .mlb-team-panel--home .mlb-team-panel__abbr::after {
		right: 0;
		left: auto;
	}

	html.corporate-surface .play-page .mlb-team-panel__name {
		max-width: 16ch;
		overflow: hidden;
		color: rgba(255, 255, 255, 0.74) !important;
		font-size: clamp(0.72rem, 0.92vw, 0.82rem) !important;
		font-weight: 650;
		line-height: 1.15;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .mlb-team-panel.is-selected,
	html.corporate-surface .play-page .mlb-team-panel--choice.is-selected,
	html.corporate-surface .play-page .mlb-team-panel--choice:has(input:checked) {
		border-color: var(--surface-material-selected-border) !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
		filter: none;
		transform: translateY(-2px);
	}

	html.corporate-surface .play-page .mlb-matchup-diamond--away-selected::after,
	html.corporate-surface .play-page .mlb-decision-card__matchup:has(.mlb-team-panel--away input:checked) .mlb-matchup-diamond::after {
		opacity: 1 !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--mlb-decision-away-selected-accent, #35d0e2) 18%, transparent), transparent 55%) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond--home-selected::after,
	html.corporate-surface .play-page .mlb-decision-card__matchup:has(.mlb-team-panel--home input:checked) .mlb-matchup-diamond::after {
		opacity: 1 !important;
		background:
			linear-gradient(270deg, color-mix(in srgb, var(--mlb-decision-home-selected-accent, #d7b46a) 18%, transparent), transparent 55%) !important;
	}
}

/* NHL Matchup Visual Refresh: a full-width ice frame with shared arena team panels. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .nhl-matchup-card__competition {
		position: relative;
		isolation: isolate;
		display: grid;
		grid-template-columns: minmax(132px, 0.68fr) minmax(0, 1.8fr) minmax(132px, 0.68fr);
		align-items: stretch;
		gap: clamp(0.45rem, 1.4vw, 1.15rem);
		min-height: clamp(236px, 20vw, 320px);
		padding: clamp(0.55rem, 1vw, 0.85rem);
		overflow: hidden;
		border: 1px solid rgba(211, 234, 242, 0.22);
		border-radius: 16px;
		background:
			linear-gradient(180deg, rgba(4, 15, 27, 0.88), transparent 22%, transparent 76%, rgba(2, 10, 20, 0.82)),
			radial-gradient(ellipse 72% 76% at 50% 46%, rgba(184, 228, 241, 0.12), transparent 70%),
			#07131f;
		box-shadow:
			inset 0 0 0 1px rgba(255, 255, 255, 0.045),
			inset 0 24px 44px rgba(0, 0, 0, 0.3),
			0 20px 40px rgba(0, 0, 0, 0.28);
	}

	html.corporate-surface .play-page .nhl-matchup-card__rail {
		display: contents;
		padding: 0;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice {
		--nhl-panel-angle: 110deg;
		--nhl-panel-glow-x: 14px;
		position: relative;
		z-index: 2;
		display: grid;
		align-items: center;
		justify-items: start;
		align-self: stretch;
		min-width: 0;
		min-height: 0;
		padding: 1.1rem 1.25rem;
		overflow: hidden;
		border: 1px solid color-mix(in srgb, var(--nhl-team-secondary, #d9edf3) 24%, rgba(255, 255, 255, 0.16));
		border-radius: 14px;
		background: var(--surface-material-layer) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.13),
			inset 0 -18px 30px rgba(2, 8, 18, 0.14),
			var(--nhl-panel-glow-x) 0 30px color-mix(in srgb, var(--nhl-team-secondary, #d9edf3) 14%, transparent),
			0 14px 24px rgba(0, 0, 0, 0.28);
		text-shadow: 0 3px 12px rgba(0, 0, 0, 0.34);
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice::before,
	html.corporate-surface .play-page .nhl-matchup-card__choice::after {
		position: absolute;
		content: "";
		pointer-events: none;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice::before {
		inset: 0;
		border-radius: inherit;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.035) 24%, transparent 50%);
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice::after {
		inset: 5px;
		border: 1px solid color-mix(in srgb, var(--nhl-team-secondary, #d9edf3) 38%, transparent);
		border-radius: 10px;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			inset 0 0 0 1px color-mix(in srgb, var(--nhl-team-secondary, #d9edf3) 10%, transparent);
		opacity: 0.78;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice--away {
		grid-column: 1;
		grid-row: 1;
		text-align: left;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice--home {
		--nhl-panel-angle: 250deg;
		--nhl-panel-glow-x: -14px;
		grid-column: 3;
		grid-row: 1;
		justify-items: end;
		text-align: right;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice > span {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: none;
		align-content: center;
		gap: 0.44rem;
		width: 100%;
		padding: 0;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice small {
		color: rgba(255, 255, 255, 0.82);
		font-size: 0.74rem;
		font-weight: 700;
		letter-spacing: 0.04em;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice strong {
		position: relative;
		display: inline-block;
		width: fit-content;
		max-width: 100%;
		padding-bottom: 0.38rem;
		color: #ffffff;
		font-size: clamp(2.15rem, 4.6vw, 4.35rem);
		font-weight: 800;
		line-height: 0.9;
		text-align: inherit;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice strong::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 42%;
		height: 2px;
		border-radius: 999px;
		background: var(--nhl-team-secondary, #d9edf3);
		box-shadow: 0 0 9px color-mix(in srgb, var(--nhl-team-secondary, #d9edf3) 36%, transparent);
		content: "";
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice em {
		grid-column: auto;
		overflow: hidden;
		color: rgba(255, 255, 255, 0.72);
		font-size: clamp(0.9rem, 1.25vw, 1.15rem);
		font-style: normal;
		font-weight: 650;
		line-height: 1.04;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice--home > span,
	html.corporate-surface .play-page .nhl-matchup-card__choice--home strong,
	html.corporate-surface .play-page .nhl-matchup-card__choice--home em {
		justify-self: end;
		text-align: right;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice--home strong::after {
		right: 0;
		left: auto;
	}

	html.corporate-surface .play-page .nhl-matchup-card__choice.is-selected,
	html.corporate-surface .play-page .nhl-matchup-card__choice:has(input:checked) {
		border-color: color-mix(in srgb, var(--nhl-team-secondary, #d9edf3) 48%, rgba(255, 255, 255, 0.18));
		background: var(--surface-material-layer) !important;
		box-shadow:
			inset 0 0 0 1px color-mix(in srgb, var(--nhl-team-secondary, #d9edf3) 48%, rgba(255, 255, 255, 0.12)),
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			var(--nhl-panel-glow-x) 0 32px color-mix(in srgb, var(--nhl-team-secondary, #d9edf3) 20%, transparent),
			0 14px 24px rgba(0, 0, 0, 0.3);
		filter: none;
		transform: translateY(-2px);
	}

	html.corporate-surface .play-page .nhl-matchup-card__rink {
		z-index: 1;
		grid-column: 2;
		grid-row: 1;
		align-self: stretch;
		min-width: 0;
		min-height: 0;
		height: auto;
		margin: 0;
	}
}

/* Mobile Court UI Continuity: preserve each sport's own surface without a mobile redraw. */
@media (max-width: 575.98px) {
	html.corporate-surface .play-page .champions-pitch-surface,
	html.corporate-surface .play-page .nfl-field-surface,
	html.corporate-surface .play-page .mlb-matchup-diamond,
	html.corporate-surface .play-page .player-matchup-court,
	html.corporate-surface .play-page .nba-court-frame,
	html.corporate-surface .play-page .mma-octagon-frame,
	html.corporate-surface .play-page .nhl-matchup-card__rink {
		box-sizing: border-box !important;
		max-width: 100% !important;
	}
}

/* Tennis Tablet Continuity Pass: preserve the court and scale the three-column composition as one unit. */
@media (min-width: 576px) and (max-width: 860px) {
	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__matchup {
		display: grid !important;
		grid-template-columns: minmax(104px, 0.48fr) minmax(0, 1.24fr) minmax(104px, 0.48fr) !important;
		grid-template-areas: none !important;
		align-items: stretch !important;
		gap: clamp(0.44rem, 1vw, 0.68rem) !important;
		min-height: clamp(176px, 27vw, 228px) !important;
		padding: clamp(0.58rem, 1.2vw, 0.78rem) !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--home {
		grid-area: auto !important;
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--away {
		grid-area: auto !important;
		grid-column: 3 !important;
		grid-row: 1 !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel {
		display: grid !important;
		align-items: center !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: clamp(0.5rem, 1.2vw, 0.7rem) !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity {
		justify-items: start !important;
		text-align: left !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel--away .player-panel__identity {
		justify-items: end !important;
		text-align: right !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity strong {
		font-size: clamp(1rem, 2.4vw, 1.32rem) !important;
		line-height: 0.98 !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-vs {
		display: none !important;
	}

	html.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-court {
		position: relative !important;
		inset: auto !important;
		grid-area: auto !important;
		grid-column: 2 !important;
		grid-row: 1 !important;
		width: 100% !important;
		min-height: 0 !important;
		height: auto !important;
		aspect-ratio: 16 / 9 !important;
		margin: 0 !important;
	}
}

/* Approved Court Fidelity on Mobile: keep the approved arena artwork, only scale its frame. */
@media (max-width: 575.98px) {
	/* MLB: the mobile card keeps its rail, but uses the approved ballpark—not the legacy icon. */
	html.corporate-surface .play-page .mlb-matchup-diamond {
		--mlb-clay-material:
			radial-gradient(ellipse at 50% 40%, rgba(236, 180, 126, 0.16) 0%, rgba(236, 180, 126, 0.05) 42%, transparent 76%),
			repeating-linear-gradient(17deg, rgba(255, 235, 204, 0.014) 0 1px, transparent 1px 11px),
			#98603f;
		isolation: isolate !important;
		container-type: size;
		border-color: rgba(188, 224, 195, 0.2) !important;
		border-radius: 6px !important;
		background:
			linear-gradient(90deg, rgba(1, 25, 12, 0.42) 0%, rgba(8, 73, 34, 0.08) 27%, rgba(184, 246, 158, 0.075) 50%, rgba(8, 73, 34, 0.08) 73%, rgba(1, 25, 12, 0.42) 100%),
			radial-gradient(ellipse 78% 108% at 50% 58%, rgba(151, 231, 121, 0.2) 0%, rgba(119, 205, 99, 0.075) 43%, transparent 73%),
			repeating-linear-gradient(90deg, rgba(224, 255, 212, 0.028) 0 11%, rgba(3, 35, 18, 0.024) 11% 22%),
			linear-gradient(180deg, #1d6d38 0%, #185f32 50%, #124a29 100%) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.055),
			inset 0 22px 34px rgba(0, 11, 5, 0.12),
			inset 0 -34px 52px rgba(1, 17, 9, 0.28) !important;
		filter: saturate(0.98) contrast(1.01) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond::before {
		position: absolute !important;
		inset: 0 !important;
		z-index: 0 !important;
		display: block !important;
		border: 0 !important;
		border-radius: inherit !important;
		/* The compact canvas keeps the same full-width outfield as desktop.
		 * An earlier mobile treatment used a triangular clip here; without an
		 * explicit reset it leaked into this later, rectangular stadium skin. */
		clip-path: none !important;
		background:
			linear-gradient(180deg, rgba(0, 11, 5, 0.3) 0%, rgba(0, 11, 5, 0.08) 22%, transparent 42%, rgba(0, 10, 5, 0.19) 100%),
			radial-gradient(ellipse 104% 112% at 50% 58%, rgba(222, 255, 198, 0.045) 0%, transparent 47%, rgba(0, 12, 6, 0.1) 69%, rgba(0, 10, 5, 0.34) 100%) !important;
		box-shadow: inset 0 0 56px rgba(0, 10, 5, 0.2) !important;
		content: "" !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond > * {
		display: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__guide-line {
		position: absolute !important;
		bottom: 0 !important;
		left: 50% !important;
		z-index: 2 !important;
		display: block !important;
		width: 2px !important;
		height: 141.421% !important;
		border-radius: 999px !important;
		background: rgba(250, 246, 225, 0.9) !important;
		box-shadow: inset -1px 0 rgba(121, 94, 66, 0.16), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
		transform-origin: bottom center !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__guide-line--left {
		transform: rotate(-45deg) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__guide-line--right {
		transform: rotate(45deg) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__infield {
		position: absolute !important;
		top: 50% !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 1 !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		border-radius: 0 !important;
		clip-path: polygon(calc(50% - 58cqh) 0, calc(50% + 58cqh) 0, calc(50% + 8cqh) 100%, calc(50% - 8cqh) 100%) !important;
		background: var(--mlb-clay-material) !important;
		box-shadow: none !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__dirt-arc {
		position: absolute !important;
		right: 0 !important;
		bottom: 50% !important;
		left: 0 !important;
		z-index: 1 !important;
		display: block !important;
		width: auto !important;
		height: 28cqh !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		transform: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__dirt-arc::before {
		position: absolute !important;
		bottom: -1px !important;
		left: 50% !important;
		display: block !important;
		width: 116cqh !important;
		height: 28cqh !important;
		border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
		background: var(--mlb-clay-material) !important;
		content: "" !important;
		transform: translateX(-50%) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__dirt-semicircle {
		position: absolute !important;
		bottom: 0 !important;
		left: 50% !important;
		z-index: 1 !important;
		display: block !important;
		width: 36cqh !important;
		height: 18cqh !important;
		border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
		background: var(--mlb-clay-material) !important;
		transform: translateX(-50%) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond__inner-diamond {
		position: absolute !important;
		top: 62% !important;
		left: 50% !important;
		z-index: 1 !important;
		display: block !important;
		width: 40.835cqh !important;
		height: 40.835cqh !important;
		border: 1px solid rgba(207, 231, 203, 0.18) !important;
		border-radius: 2px !important;
		background: linear-gradient(180deg, #3b804d 0%, #27643d 100%) !important;
		box-shadow: inset 0 1px 0 rgba(220, 255, 210, 0.1), inset 0 0 0 1px rgba(8, 42, 25, 0.16), 0 7px 13px rgba(8, 31, 17, 0.13) !important;
		transform: translate(-50%, -50%) rotate(45deg) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond > span {
		position: absolute !important;
		top: 62% !important;
		left: 50% !important;
		z-index: 4 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 0 !important;
		min-height: 0 !important;
		border: 1px solid rgba(225, 192, 157, 0.18) !important;
		border-radius: 999px !important;
		background: linear-gradient(160deg, rgba(129, 87, 62, 0.72) 0%, #3b261c 40%, #24170f 100%) !important;
		color: #f8fafc !important;
		transform: translate(-50%, -50%) !important;
		box-shadow: 0 13px 22px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255, 232, 205, 0.1) !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond > span::before,
	html.corporate-surface .play-page .mlb-matchup-diamond > span::after {
		display: none !important;
	}

	html.corporate-surface .play-page .mlb-matchup-diamond > span b {
		display: inline !important;
		font-size: 0.64rem !important;
		font-weight: 900 !important;
		letter-spacing: 0.02em !important;
	}

	/* MMA: chain-link cage mesh is the sole central artwork. */
	html.corporate-surface .play-page .mma-octagon-frame {
		--mma-octagon-canvas:
			radial-gradient(ellipse 84% 66% at 50% 17%, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.16) 42%, transparent 72%),
			radial-gradient(ellipse 92% 70% at 50% 104%, rgba(45, 48, 49, 0.3), transparent 76%),
			linear-gradient(108deg, rgba(76, 78, 77, 0.09), transparent 28%, rgba(255, 255, 255, 0.16) 52%, rgba(52, 55, 56, 0.075) 100%),
			repeating-linear-gradient(0deg, rgba(50, 53, 53, 0.022) 0 1px, transparent 1px 5px),
			repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 6px),
			linear-gradient(180deg, #e2dfd6 0%, #c7c4bb 100%);
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		filter: none !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame::before,
	html.corporate-surface .play-page .mma-octagon-frame::after,
	html.corporate-surface .play-page .mma-octagon-frame__shape::after {
		display: none !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__shape {
		inset: 0 !important;
		clip-path: none !important;
		border: 1px solid rgba(198, 211, 216, 0.32) !important;
		border-radius: 12px !important;
		background:
			radial-gradient(ellipse at 50% -18%, rgba(255, 255, 255, 0.09), transparent 58%),
			repeating-linear-gradient(45deg, transparent 0 6px, rgba(203, 216, 220, 0.30) 6px 7px, transparent 7px 13px),
			repeating-linear-gradient(-45deg, transparent 0 6px, rgba(236, 244, 245, 0.15) 6px 7px, transparent 7px 13px),
			linear-gradient(180deg, #141d22 0%, #060a0e 100%) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.10),
			inset 0 0 0 4px rgba(0, 0, 0, 0.22),
			inset 0 -26px 34px rgba(0, 0, 0, 0.48),
			0 10px 22px rgba(0, 0, 0, 0.24) !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__inner {
		display: none !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		inset: auto !important;
		width: auto !important;
		height: 100% !important;
		flex: 0 0 auto !important;
		aspect-ratio: 1 / 1 !important;
		clip-path: polygon(29.289% 0, 70.711% 0, 100% 29.289%, 100% 70.711%, 70.711% 100%, 29.289% 100%, 0 70.711%, 0 29.289%) !important;
		border: 0 !important;
		background: #070a0e !important;
		box-shadow: none !important;
		filter: drop-shadow(0 0 0.35px rgba(0, 0, 0, 0.84)) drop-shadow(0 18px 22px rgba(0, 0, 0, 0.2)) !important;
		transform: none !important;
		z-index: 2 !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__inner::before {
		position: absolute !important;
		inset: 5px !important;
		clip-path: polygon(29.289% 0, 70.711% 0, 100% 29.289%, 100% 70.711%, 70.711% 100%, 29.289% 100%, 0 70.711%, 0 29.289%) !important;
		background: var(--mma-octagon-canvas) !important;
		content: "" !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__mark {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		display: block !important;
		width: 75% !important;
		height: 75% !important;
		clip-path: polygon(29.289% 0, 70.711% 0, 100% 29.289%, 100% 70.711%, 70.711% 100%, 29.289% 100%, 0 70.711%, 0 29.289%) !important;
		background: linear-gradient(135deg, #a33b4c 0%, #751b32 48%, #4d1021 100%) !important;
		box-shadow: inset 0 1px 0 rgba(255, 218, 221, 0.26), 0 4px 10px rgba(48, 7, 18, 0.2) !important;
		transform: translate(-50%, -50%) !important;
		z-index: 3 !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__mark::before {
		position: absolute !important;
		inset: 3px !important;
		clip-path: polygon(29.289% 0, 70.711% 0, 100% 29.289%, 100% 70.711%, 70.711% 100%, 29.289% 100%, 0 70.711%, 0 29.289%) !important;
		background: var(--mma-octagon-canvas) !important;
		background-position: center !important;
		background-size: 133.333% 133.333% !important;
		content: "" !important;
	}

	html.corporate-surface .play-page .mma-octagon-frame__center,
	html.corporate-surface .play-page .mma-octagon-frame__axis {
		display: none !important;
	}

	html.corporate-surface .play-page .mma-fight-vs {
		position: absolute !important;
		top: auto !important;
		bottom: calc(0.6rem + 82px) !important;
		left: 50% !important;
		z-index: 5 !important;
		display: flex !important;
		transform: translate(-50%, 50%) !important;
	}

	html.corporate-surface .play-page .mma-fight-vs span {
		width: 46px !important;
		height: 46px !important;
		border: 1px solid rgba(117, 27, 50, 0.32) !important;
		background: rgba(117, 27, 50, 0.035) !important;
		color: #6d1930 !important;
		font-size: 0.82rem !important;
		font-weight: 900 !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
	}
}

/* MMA long-name guard: only scale fighter names inside selectable buttons. */
@media (min-width: 576px) {
	html:root.corporate-surface .play-page .mma-fight-card__matchup button.mma-pick-zone .mma-fighter-panel__identity strong {
		font-size: clamp(1.35rem, 1.85vw, 2.2rem) !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__title {
		font-size: clamp(2.35rem, 4vw, 4.1rem) !important;
	}
}

/* Desktop matchup title system: every head-to-head title follows the tennis pattern. */
@media (min-width: 576px) {
	html:root.corporate-surface .play-page .player-matchup-card__title,
	html:root.corporate-surface .play-page .mma-fight-card__title,
	html:root.corporate-surface .play-page .mlb-decision-card__hero,
	html:root.corporate-surface .play-page .nfl-field-module__matchup,
	html:root.corporate-surface .play-page .champions-match-card__matchup,
	html:root.corporate-surface .play-page .nhl-matchup-card__hero {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 0.35em !important;
		align-items: baseline !important;
		justify-content: flex-start !important;
		min-width: 0 !important;
		overflow: hidden !important;
		color: var(--player-matchup-ink, #f7fbff) !important;
		font-family: var(--font-display) !important;
		font-size: clamp(1.45rem, 3.2vw, 2.85rem) !important;
		font-weight: 950 !important;
		line-height: 0.95 !important;
		text-align: left !important;
		white-space: nowrap !important;
		--matchup-title-to-stage-gap: clamp(0.75rem, 1.2vw, 1rem);
		margin-bottom: var(--matchup-title-to-stage-gap) !important;
	}

	html:root.corporate-surface .play-page .player-matchup-card__title span,
	html:root.corporate-surface .play-page .mma-fight-card__title span,
	html:root.corporate-surface .play-page .mlb-decision-card__hero span,
	html:root.corporate-surface .play-page .nfl-field-module__matchup span,
	html:root.corporate-surface .play-page .champions-match-card__matchup span,
	html:root.corporate-surface .play-page .nhl-matchup-card__hero span {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	html:root.corporate-surface .play-page .player-matchup-card__title strong,
	html:root.corporate-surface .play-page .mma-fight-card__title strong,
	html:root.corporate-surface .play-page .mlb-decision-card__hero strong,
	html:root.corporate-surface .play-page .nfl-field-module__matchup strong,
	html:root.corporate-surface .play-page .champions-match-card__matchup strong,
	html:root.corporate-surface .play-page .nhl-matchup-card__hero b {
		flex: 0 0 auto !important;
		color: #18c7d8 !important;
		font-size: 0.82em !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		text-transform: lowercase !important;
	}

	html:root.corporate-surface .play-page .nfl-field-module__matchup span {
		display: none !important;
	}

	html:root.corporate-surface .play-page .nfl-field-module__matchup::before,
	html:root.corporate-surface .play-page .nfl-field-module__matchup::after {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	html:root.corporate-surface .play-page .nfl-field-module__matchup::before {
		content: attr(data-away-name) !important;
	}

	html:root.corporate-surface .play-page .nfl-field-module__matchup::after {
		content: attr(data-home-name) !important;
	}

	/* NHL uses the same title frame as Tennis, including its shared type scale. */
	html:root.corporate-surface .play-page .nhl-matchup-card__hero {
		padding: 18px 20px 8px !important;
		margin: 0 0 var(--matchup-title-to-stage-gap) !important;
	}

	/* NHL declared a separate font size on its team spans; inherit the shared title scale. */
	html:root.corporate-surface .play-page .nhl-matchup-card__hero span {
		font-size: inherit !important;
		font-weight: inherit !important;
		line-height: inherit !important;
	}

	html:root.corporate-surface .play-page .nhl-matchup-card__hero::after {
		display: none !important;
		content: none !important;
	}

}

/* MLB needs a calmer transition from the matchup title into the ballpark. */
@media (min-width: 576px) {
	html:root.corporate-surface .play-page .mlb-decision-card__hero {
		margin: clamp(1rem, 1.8vw, 1.5rem) clamp(1.25rem, 2vw, 2rem) var(--matchup-title-to-stage-gap) !important;
	}

	html:root.corporate-surface .play-page .mlb-decision-card__matchup {
		margin-inline: clamp(1rem, 1.5vw, 1.4rem) !important;
		margin-bottom: clamp(1.1rem, 1.75vw, 1.6rem) !important;
	}
}

/* Draw is absolutely centered: selection and hover must never drop its X offset. */
@media (min-width: 576px) {
	html.corporate-surface .play-page .champions-draw-choice.champions-outcome-choice:is(.is-selected, :has(input:checked)),
	html.corporate-surface .play-page .champions-draw-choice.champions-outcome-choice:hover,
	html.corporate-surface .play-page .champions-draw-choice.champions-outcome-choice:is(.is-selected, :has(input:checked)):hover {
		transform: translate(-50%, -50%) !important;
	}
}

/* Tennis titles keep full player names on a deliberate two-line matchup lockup. */
html:root.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__title {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 0.35em !important;
	white-space: normal !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__title > .player-matchup-card__title-name {
	display: grid !important;
	grid-template-rows: repeat(2, minmax(0, auto)) !important;
	align-content: center !important;
	min-width: 0 !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: normal !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__title > .player-matchup-card__title-name .matchup-name-token {
	display: block !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* Mobile width pass: recover horizontal room without tightening the vertical rhythm. */
@media (max-width: 575.98px) {
	html:root.corporate-surface body:has(.play-page) .page-container {
		width: calc(100% - 12px) !important;
	}

	html:root.corporate-surface .play-page {
		padding-inline: 0.25rem !important;
	}

	html:root.corporate-surface .play-page .prediction-card,
	html:root.corporate-surface .play-page .prediction-match-card {
		padding-inline: clamp(0.6rem, 2.7vw, 0.7rem) !important;
	}
}

/* Mobile team decision rails share the NBA panel treatment while keeping each club palette. */
@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .mlb-team-panel {
		--decision-rail-primary: var(--mlb-team-primary-safe, var(--mlb-team-primary, #1d4ed8));
		--decision-rail-accent: var(--mlb-team-accent-safe, var(--mlb-team-secondary-safe, #e9c46a));
		--decision-rail-angle: 110deg;
		--decision-rail-glow-x: 14px;
	}

	html:root.corporate-surface .play-page .mlb-team-panel--home {
		--decision-rail-angle: 250deg;
		--decision-rail-glow-x: -14px;
	}

	html:root.corporate-surface .play-page .nfl-game-field .nfl-team-showcase {
		--decision-rail-primary: var(--nfl-team-primary, #1d4ed8);
		--decision-rail-accent: var(--nfl-team-accent, var(--nfl-team-secondary, #e9c46a));
		--decision-rail-angle: 110deg;
		--decision-rail-glow-x: 14px;
	}

	html:root.corporate-surface .play-page .nfl-game-field .nfl-team-showcase--home {
		--decision-rail-angle: 250deg;
		--decision-rail-glow-x: -14px;
	}

	html:root.corporate-surface .play-page .nhl-matchup-card__choice {
		--decision-rail-primary: var(--nhl-team-primary, #1d4ed8);
		--decision-rail-accent: var(--nhl-team-secondary, #d9edf3);
		--decision-rail-angle: 110deg;
		--decision-rail-glow-x: 14px;
	}

	html:root.corporate-surface .play-page .nhl-matchup-card__choice--home {
		--decision-rail-angle: 250deg;
		--decision-rail-glow-x: -14px;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .club-tile {
		--decision-rail-primary: var(--club-primary, #1d4ed8);
		--decision-rail-accent: var(--club-accent, #e9c46a);
		--decision-rail-angle: 110deg;
		--decision-rail-glow-x: 14px;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .club-tile--away {
		--decision-rail-angle: 250deg;
		--decision-rail-glow-x: -14px;
	}

	html:root.corporate-surface .play-page .mlb-team-panel,
	html:root.corporate-surface .play-page .nfl-game-field .nfl-team-showcase,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice,
	html:root.corporate-surface .play-page .champions-pitch-module .club-tile {
		position: relative !important;
		z-index: 2;
		min-height: 64px !important;
		padding: 0.42rem !important;
		overflow: hidden !important;
		border: 1px solid var(--surface-material-border) !important;
		border-radius: 14px !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
		color: #ffffff !important;
		text-shadow: 0 3px 12px rgba(0, 0, 0, 0.34);
	}

	html:root.corporate-surface .play-page .mlb-team-panel::before,
	html:root.corporate-surface .play-page .nfl-game-field .nfl-team-showcase::before,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice::before,
	html:root.corporate-surface .play-page .champions-pitch-module .club-tile::before {
		position: absolute !important;
		inset: 0 !important;
		border-radius: inherit !important;
		background: linear-gradient(180deg, color-mix(in srgb, var(--surface-material-highlight) 5.5%, transparent) 0%, color-mix(in srgb, var(--surface-material-highlight) 2.5%, transparent) 24%, transparent 50%) !important;
		content: "" !important;
		pointer-events: none;
	}

	html:root.corporate-surface .play-page .mlb-team-panel::after,
	html:root.corporate-surface .play-page .nfl-game-field .nfl-team-showcase::after,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice::after,
	html:root.corporate-surface .play-page .champions-pitch-module .club-tile::after {
		position: absolute !important;
		inset: 5px !important;
		display: block !important;
		height: auto !important;
		border: 1px solid color-mix(in srgb, var(--surface-material-border) 78%, rgba(255, 255, 255, 0.06)) !important;
		border-radius: 10px !important;
		background: none !important;
		box-shadow:
			inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight) 6%, transparent),
			inset 0 0 0 1px color-mix(in srgb, var(--surface-material-highlight) 2.5%, transparent) !important;
		opacity: 0.5 !important;
		content: "" !important;
		pointer-events: none;
	}

	html:root.corporate-surface .play-page .mlb-team-panel__identity,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice > span,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity {
		position: relative !important;
		z-index: 1 !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
	}

	/* The rail exposes the same single, centered team identifier as NBA. */
	html:root.corporate-surface .play-page .mlb-team-panel__identity,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice > span,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity {
		display: grid !important;
		place-items: center !important;
		text-align: center !important;
	}

	html:root.corporate-surface .play-page .mlb-team-panel__role,
	html:root.corporate-surface .play-page .mlb-team-panel__name,
	html:root.corporate-surface .play-page .mlb-team-panel__pick-state,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity__header,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity__copy,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity__state,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity__technical-line,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice small,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice em,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity__side,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity__state,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity__copy {
		display: none !important;
	}

	html:root.corporate-surface .play-page .mlb-team-panel__abbr,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity__monogram,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice strong,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		position: relative !important;
		z-index: 1;
		display: inline-block !important;
		width: fit-content !important;
		max-width: 100% !important;
		padding-bottom: 0.32rem !important;
		color: #ffffff !important;
		font-size: clamp(1.28rem, 6vw, 1.55rem) !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		text-align: center !important;
	}

	html:root.corporate-surface .play-page .mlb-team-panel__abbr::after,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity__monogram::after,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice strong::after,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity__code::after {
		position: absolute !important;
		right: auto !important;
		bottom: 0 !important;
		left: 50% !important;
		width: 42% !important;
		height: 2px !important;
		border-radius: 999px !important;
		background: var(--decision-rail-accent) !important;
		box-shadow: 0 0 9px color-mix(in srgb, var(--decision-rail-accent) 36%, transparent) !important;
		content: "" !important;
		transform: translateX(-50%) !important;
	}

	html:root.corporate-surface .play-page .mlb-team-panel:is(.is-selected, :has(input:checked)),
	html:root.corporate-surface .play-page .nfl-game-field .nfl-team-showcase.is-selected,
	html:root.corporate-surface .play-page .nfl-game-field .nfl-team-choice:has(.nfl-pick-radio:checked),
	html:root.corporate-surface .play-page .nhl-matchup-card__choice:is(.is-selected, :has(input:checked)),
	html:root.corporate-surface .play-page .champions-pitch-module .club-tile:is(.is-selected, :has(input:checked)) {
		border-color: var(--surface-material-selected-border) !important;
		background: var(--surface-material-layer) !important;
		box-shadow: var(--surface-material-shadow-stack) !important;
		filter: none !important;
	}

	/* Rails are a row of autonomous cards, never a segmented shared container. */
	html:root.corporate-surface .play-page .mlb-decision-card__matchup,
	html:root.corporate-surface .play-page .nfl-field-stage,
	html:root.corporate-surface .play-page .nhl-matchup-card__rail {
		gap: 0.5rem !important;
	}

	html:root.corporate-surface .play-page .nfl-field-stage {
		display: flex !important;
		flex-wrap: wrap !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .nfl-game-field .nfl-team-showcase,
	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .mlb-team-panel {
		flex: 1 1 calc((100% - 0.5rem) / 2) !important;
		width: auto !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .nfl-game-field .nfl-field-surface,
	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .mlb-matchup-diamond {
		flex: 0 0 100% !important;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		gap: 0.5rem !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage > .club-tile,
	html:root.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage > .champions-draw-choice {
		flex: 1 1 0 !important;
		width: auto !important;
		max-width: none !important;
	}

	/* Draw has no team palette, so it uses the same card construction with a neutral accent. */
	html:root.corporate-surface .play-page .champions-pitch-module .champions-draw-choice {
		position: relative !important;
		display: grid !important;
		place-items: center !important;
		min-height: 64px !important;
		padding: 0.42rem !important;
		overflow: hidden !important;
		border: 1px solid rgba(160, 185, 202, 0.3) !important;
		border-radius: 14px !important;
		background: linear-gradient(180deg, #132335 0%, #091522 100%) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.13),
			inset 0 -18px 30px rgba(2, 8, 18, 0.14),
			0 14px 24px rgba(0, 0, 0, 0.28) !important;
		transform: none !important;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .champions-draw-choice::before {
		position: absolute !important;
		inset: 0 !important;
		border-radius: inherit !important;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.035) 24%, transparent 50%) !important;
		content: "" !important;
		pointer-events: none;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .champions-draw-choice::after {
		position: absolute !important;
		inset: 5px !important;
		display: block !important;
		border: 1px solid rgba(160, 185, 202, 0.3) !important;
		border-radius: 10px !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
		content: "" !important;
		pointer-events: none;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .champions-draw-choice > span {
		position: relative !important;
		z-index: 1 !important;
		color: #ffffff !important;
		font-size: clamp(1rem, 4.8vw, 1.28rem) !important;
		font-weight: 950 !important;
		line-height: 1 !important;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .champions-draw-choice small {
		display: none !important;
	}

	/* Some legacy tiles position their code with justify-self:start/end; reset that placement. */
	html:root.corporate-surface .play-page .mlb-team-panel__identity,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice > span,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		align-content: center !important;
		justify-content: center !important;
	}

	html:root.corporate-surface .play-page .mlb-team-panel__abbr,
	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity__monogram,
	html:root.corporate-surface .play-page .nhl-matchup-card__choice strong,
	html:root.corporate-surface .play-page .champions-pitch-module .club-identity__code {
		grid-column: auto !important;
		grid-row: auto !important;
		align-self: center !important;
		justify-self: center !important;
		margin: 0 !important;
	}

	/* NHL's choice wrapper was a block, so its code sat at the top of the card. */
	html:root.corporate-surface .play-page .nhl-matchup-card__choice {
		display: grid !important;
		align-items: stretch !important;
	}

	html:root.corporate-surface .play-page .nhl-matchup-card__choice > span {
		height: 100% !important;
		align-content: center !important;
		justify-content: center !important;
	}

	/* NFL keeps its identity as the sole grid item, filling the card before centering the code. */
	html:root.corporate-surface .play-page .nfl-game-field .nfl-team-showcase {
		display: grid !important;
		grid-template-rows: minmax(0, 1fr) !important;
		align-items: stretch !important;
	}

	html:root.corporate-surface .play-page .nfl-game-field .franchise-identity {
		align-self: stretch !important;
		height: auto !important;
	}
}

/* Mobile VS hierarchy — isolated to Football, Tennis and MMA below 481px. */
html:root.corporate-surface .play-page .football-mobile-matchup {
	display: none;
}

@media (max-width: 480px) {
	/* Football: the separate markup lets the VS be prominent without enlarging club codes. */
	html:root.corporate-surface .play-page .football-head-to-head-event-card .football-mobile-matchup {
		display: flex !important;
		grid-area: title !important;
		align-items: baseline !important;
		justify-content: center !important;
		gap: clamp(0.42rem, 2vw, 0.56rem) !important;
		min-width: 0 !important;
		color: #f7fbff !important;
		font-family: var(--font-display) !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		text-align: center !important;
		pointer-events: none !important;
	}

	html:root.corporate-surface .play-page .football-head-to-head-event-card .football-mobile-matchup > span {
		min-width: 0 !important;
		font-size: clamp(1.08rem, 5.3vw, 1.38rem) !important;
		letter-spacing: 0.015em !important;
		white-space: nowrap !important;
	}

	html:root.corporate-surface .play-page .football-head-to-head-event-card .football-mobile-matchup > strong {
		color: var(--corporate-sponsor-cyan, #20c7df) !important;
		font-size: clamp(2.12rem, 9.45vw, 2.55rem) !important;
		font-weight: 950 !important;
		letter-spacing: 0.05em !important;
		line-height: 0.82 !important;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.88), 0 0 8px rgba(222, 250, 255, 0.13) !important;
		white-space: nowrap !important;
	}

	html:root.corporate-surface .play-page .football-head-to-head-event-card .match-hero::before {
		display: none !important;
		content: none !important;
	}

	/* Tennis: a clean text marker floats over the court, above selection overlays. */
	html:root.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__matchup {
		position: relative !important;
	}

	html:root.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-vs {
		position: absolute !important;
		top: calc(64px + 0.72rem + clamp(5.3rem, 26.7vw, 6.5rem)) !important;
		left: 50% !important;
		z-index: 3 !important;
		display: grid !important;
		min-height: 0 !important;
		margin: 0 !important;
		transform: translate(-50%, -50%) !important;
		pointer-events: none !important;
	}

	html:root.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-vs span {
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #f7fbff !important;
		font-size: clamp(1rem, 5.45vw, 1.28rem) !important;
		font-weight: 950 !important;
		letter-spacing: 0.055em !important;
		line-height: 1 !important;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.88), 0 0 10px rgba(238, 248, 255, 0.12) !important;
	}

	/* MMA: strong centre text, deliberately without the legacy circular VS treatment. */
	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fight-vs {
		position: absolute !important;
		top: 50% !important;
		right: auto !important;
		bottom: auto !important;
		left: 50% !important;
		z-index: 7 !important;
		display: grid !important;
		place-items: center !important;
		transform: translate(-50%, -50%) !important;
		pointer-events: none !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fight-vs::before {
		position: absolute !important;
		inset: -0.7rem -1rem !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.46), transparent 72%) !important;
		box-shadow: none !important;
		content: "" !important;
		filter: blur(4px) !important;
		pointer-events: none !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fight-vs span {
		position: relative !important;
		z-index: 1 !important;
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #f0cf78 !important;
		font-size: clamp(1.08rem, 5.1vw, 1.32rem) !important;
		font-weight: 950 !important;
		letter-spacing: 0.05em !important;
		line-height: 0.94 !important;
		text-shadow: 0 2px 5px rgba(0, 0, 0, 0.92), 0 0 12px rgba(213, 173, 85, 0.16) !important;
	}

	html:root.corporate-surface .play-page .mma-fight-card__matchup .mma-fight-vs span::after {
		display: none !important;
		content: none !important;
	}
}

/* Tennis mobile title: keep first name and surname as one compact two-line lockup. */
@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__title > .player-matchup-card__title-name {
		min-height: 0 !important;
		row-gap: 0 !important;
		line-height: 0.94 !important;
	}

	html:root.corporate-surface .play-page .tennis-player-matchup-card .player-matchup-card__title > .player-matchup-card__title-name .matchup-name-token {
		min-height: 0 !important;
		height: auto !important;
		line-height: 0.94 !important;
	}
}

/* Champions mobile: do not show the disabled pre-selection CTA over the pitch. */
@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .champions-pitch-module .champions-select-outcome-btn {
		display: none !important;
	}
}

/*
 * Arena Match Card System
 *
 * The renderer owns only the sport canvas and team palette.  The shell below
 * owns content order, spacing, shared status treatment and responsive rhythm.
 */
html:root.corporate-surface .play-page {
	--match-card-padding-desktop: 1.25rem;
	--match-card-padding-mobile: 0.875rem;
	--match-card-section-gap-desktop: 1rem;
	--match-card-section-gap-mobile: 0.75rem;
	--match-card-inner-gap: 0.5rem;
	--match-card-radius: 1.25rem;
	--match-card-control-height: 3rem;
	--match-card-surface: linear-gradient(155deg, #132235 0%, #091422 62%, #07101b 100%);
	--match-card-border: rgba(151, 179, 202, 0.24);
	--match-card-accent: #20c7df;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
	--match-card-renderer-height: clamp(13.25rem, 24vw, 19rem);
	display: flex !important;
	flex-direction: column !important;
	gap: var(--match-card-section-gap-desktop) !important;
	width: min(100%, 72rem) !important;
	margin-inline: auto !important;
	padding: var(--match-card-padding-desktop) !important;
	overflow: clip !important;
	border: 1px solid var(--match-card-border) !important;
	border-radius: var(--match-card-radius) !important;
	background: var(--match-card-surface) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 36px rgba(0, 0, 0, 0.24) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).is-saved {
	border-color: rgba(75, 213, 185, 0.42) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]):is(.is-locked, .is-finished) {
	--match-card-border: rgba(150, 167, 183, 0.28);
	filter: saturate(0.82);
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).is-live {
	--match-card-border: rgba(243, 177, 87, 0.52);
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).arena-match-card--immersive {
	--match-card-renderer-height: clamp(18rem, 31vw, 26rem);
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) > .match-card__shell-header,
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) > :is(.match-card__matchup-head, [data-match-card-matchup]),
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) > :is(.match-card__renderer, [data-match-card-renderer]),
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) > :is(.match-card__status, [data-match-card-status]),
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) > .prediction-native-save-form {
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .prediction-native-save-form {
	display: grid !important;
	gap: var(--match-card-section-gap-desktop) !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page :is(.arena-match-card:not([data-decision-card-shell]), .champions-pitch-module) .match-card__shell-header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	align-items: start !important;
	gap: var(--match-card-inner-gap) !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__timing {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 0.38rem !important;
	min-height: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__timing-pill {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 1.95rem !important;
	padding: 0.34rem 0.66rem !important;
	border-radius: 999px !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.025em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__timing-detail {
	color: rgba(210, 224, 236, 0.62) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context {
	display: grid !important;
	justify-items: start !important;
	gap: 0.2rem !important;
	min-width: 0 !important;
	padding: 0.16rem 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary,
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
	display: block !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary {
	color: var(--match-card-accent) !important;
	font-size: 0.78rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.035em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
	color: rgba(210, 224, 236, 0.68) !important;
	font-size: 0.78rem !important;
	font-weight: 650 !important;
	line-height: 1.2 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__matchup-head, [data-match-card-matchup]) {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
	align-items: center !important;
	gap: clamp(0.45rem, 1.5vw, 0.9rem) !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #f8fbff !important;
	font-family: var(--font-display) !important;
	font-size: clamp(1.55rem, 3vw, 2.65rem) !important;
	font-weight: 950 !important;
	letter-spacing: -0.035em !important;
	line-height: 0.94 !important;
	text-align: center !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__matchup-head, [data-match-card-matchup]) > :is(span, strong, b) {
	min-width: 0 !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__matchup-head, [data-match-card-matchup]) > span:first-child {
	text-align: right !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__matchup-head, [data-match-card-matchup]) > span:last-child {
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__matchup-head, [data-match-card-matchup]) > :is(strong, b) {
	color: var(--match-card-accent) !important;
	font-size: 0.74em !important;
	font-weight: 950 !important;
	letter-spacing: 0.025em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__renderer {
	position: relative !important;
	min-height: var(--match-card-renderer-height) !important;
	margin: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(176, 204, 220, 0.24) !important;
	border-radius: calc(var(--match-card-radius) - 0.32rem) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -28px 45px rgba(0, 0, 0, 0.18) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__status, [data-match-card-status]) {
	display: grid !important;
	justify-items: center !important;
	gap: var(--match-card-inner-gap) !important;
	min-height: var(--match-card-control-height) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__status, [data-match-card-status]):is(p) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.5rem 0.75rem !important;
	border: 1px solid rgba(126, 231, 255, 0.18) !important;
	border-radius: 0.75rem !important;
	background: rgba(5, 16, 28, 0.56) !important;
	color: rgba(238, 246, 252, 0.78) !important;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__status, [data-match-card-status]) .mobile-matchup-action__state,
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__status, [data-match-card-status]) :is(.nba-pick-action__status, .mlb-pick-action__status, .player-matchup-action__status, .mma-fight-action__status, .nfl-pick-action__status) {
	min-height: 1.9rem !important;
	padding: 0.34rem 0.68rem !important;
	border-radius: 999px !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel) {
	min-height: var(--match-card-control-height) !important;
	border-radius: 0.82rem !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel):has(input:focus-visible),
html:root.corporate-surface .play-page .arena-match-card :is(button, select, input):focus-visible {
	outline: 2px solid var(--match-card-accent) !important;
	outline-offset: 3px !important;
}

@media (hover: hover) {
	html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel--choice, .mlb-team-panel--choice, .player-panel--choice, .nfl-team-choice, .nhl-matchup-card__choice, .mma-pick-zone):hover {
		filter: brightness(1.06) saturate(1.04) !important;
	}
}

/* Standard renderer first, then the equal-width decision rail. */
html:root.corporate-surface .play-page .arena-match-card--mlb:not([data-decision-card-shell]) .mlb-decision-card__matchup,
html:root.corporate-surface .play-page .arena-match-card--tennis:not([data-decision-card-shell]) .player-matchup-card__matchup,
html:root.corporate-surface .play-page .arena-match-card--nfl:not([data-decision-card-shell]) .nfl-field-stage,
html:root.corporate-surface .play-page .arena-match-card--nhl:not([data-decision-card-shell]) .nhl-matchup-card__competition {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-rows: minmax(0, 1fr) var(--match-card-control-height) !important;
	align-items: stretch !important;
	gap: var(--match-card-inner-gap) !important;
	min-height: var(--match-card-renderer-height) !important;
	padding: var(--match-card-inner-gap) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nba:not([data-decision-card-shell]) .nba-court-frame,
html:root.corporate-surface .play-page .arena-match-card--mlb:not([data-decision-card-shell]) .mlb-matchup-diamond,
html:root.corporate-surface .play-page .arena-match-card--tennis:not([data-decision-card-shell]) .player-matchup-court,
html:root.corporate-surface .play-page .arena-match-card--nfl:not([data-decision-card-shell]) .nfl-field-surface,
html:root.corporate-surface .play-page .arena-match-card--nhl:not([data-decision-card-shell]) .nhl-matchup-card__rink {
	grid-column: 1 / -1 !important;
	grid-row: 1 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nba:not([data-decision-card-shell]) .nba-team-panel--away,
html:root.corporate-surface .play-page .arena-match-card--mlb:not([data-decision-card-shell]) .mlb-team-panel--away,
html:root.corporate-surface .play-page .arena-match-card--tennis:not([data-decision-card-shell]) .player-panel--home {
	grid-column: 1 !important;
	grid-row: 2 !important;
	width: auto !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nba:not([data-decision-card-shell]) .nba-team-panel--home,
html:root.corporate-surface .play-page .arena-match-card--mlb:not([data-decision-card-shell]) .mlb-team-panel--home,
html:root.corporate-surface .play-page .arena-match-card--tennis:not([data-decision-card-shell]) .player-panel--away {
	grid-column: 2 !important;
	grid-row: 2 !important;
	width: auto !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__rail {
	grid-column: 1 / -1 !important;
	grid-row: 2 !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: var(--match-card-inner-gap) !important;
	min-height: 0 !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-vs {
	position: absolute !important;
	top: calc(var(--match-card-inner-gap) + (100% - var(--match-card-control-height) - var(--match-card-inner-gap)) / 2) !important;
	left: 50% !important;
	z-index: 4 !important;
	display: grid !important;
	transform: translate(-50%, -50%) !important;
	pointer-events: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma:not(.arena-match-card--immersive) .mma-fight-card__matchup {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-rows: minmax(0, 1fr) var(--match-card-control-height) !important;
	gap: var(--match-card-inner-gap) !important;
	min-height: var(--match-card-renderer-height) !important;
	padding: var(--match-card-inner-gap) !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-octagon-frame {
	grid-column: 1 / -1 !important;
	grid-row: 1 !important;
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-fighter-panel--home,
html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-fighter-panel--away {
	position: relative !important;
	grid-row: 2 !important;
	min-height: var(--match-card-control-height) !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-fighter-panel--home { grid-column: 1 !important; }
html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-fighter-panel--away { grid-column: 2 !important; }

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
		--match-card-renderer-height: clamp(12rem, 61vw, 15rem);
		gap: var(--match-card-section-gap-mobile) !important;
		width: 100% !important;
		padding: var(--match-card-padding-mobile) !important;
		border-radius: 1rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).arena-match-card--immersive {
		--match-card-renderer-height: clamp(16rem, 75vw, 20rem);
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .prediction-native-save-form {
		gap: var(--match-card-section-gap-mobile) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__shell-header {
		grid-template-columns: 1fr !important;
		gap: 0.34rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .match-card__timing {
		min-height: 0 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary {
		font-size: 0.7rem !important;
		white-space: normal !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
		font-size: 0.72rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) {
		font-size: clamp(1.38rem, 7.1vw, 1.76rem) !important;
		line-height: 0.92 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > span {
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
		overflow: hidden !important;
		overflow-wrap: anywhere !important;
		text-overflow: clip !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel) {
		min-height: 2.75rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html:root.corporate-surface .play-page .arena-match-card *,
	html:root.corporate-surface .play-page .arena-match-card *::before,
	html:root.corporate-surface .play-page .arena-match-card *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/*
 * Arena Match Card System — compact second pass
 *
 * The shared shell remains intact. These rules deliberately flatten the
 * former sport-stage wrappers so a card reads as one surface: context,
 * matchup, sport canvas, then its connected decision controls.
 */
html:root.corporate-surface .play-page {
	--match-card-padding: 1.125rem;
	--match-card-block-gap: 1rem;
	--match-card-tight-gap: 0.5rem;
	--match-card-context-gap: 0.2rem;
	--match-card-renderer-gap: 0.75rem;
	--match-card-status-gap: 0.5rem;
	--match-renderer-height-desktop: clamp(10.5rem, 18vw, 15.5rem);
	--match-renderer-height-mobile: clamp(8.75rem, 42vw, 10rem);
	--match-renderer-radius: 0.9rem;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
	--match-card-renderer-height: var(--match-renderer-height-desktop);
	gap: var(--match-card-block-gap) !important;
	padding: var(--match-card-padding) !important;
	border-color: rgba(151, 179, 202, 0.2) !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).arena-match-card--immersive {
	--match-card-renderer-height: clamp(15rem, 25vw, 21rem);
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__shell-header,
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .prediction-native-save-form {
	gap: var(--match-card-tight-gap) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__shell-header {
	padding: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__timing {
	justify-content: space-between !important;
	gap: var(--match-card-tight-gap) !important;
	min-height: 1.65rem !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__timing-detail {
	order: 1;
	color: rgba(221, 232, 241, 0.7) !important;
	font-size: 0.68rem !important;
	font-weight: 750 !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__timing-pill {
	order: 2;
	min-height: 1.65rem !important;
	margin-left: auto !important;
	padding: 0.28rem 0.54rem !important;
	font-size: 0.66rem !important;
	letter-spacing: 0.02em !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context {
	gap: var(--match-card-context-gap) !important;
	padding: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary {
	color: rgba(230, 240, 248, 0.82) !important;
	font-size: 0.74rem !important;
	font-weight: 760 !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
	color: rgba(210, 224, 236, 0.54) !important;
	font-size: 0.72rem !important;
	font-weight: 650 !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) {
	gap: clamp(0.35rem, 1.2vw, 0.7rem) !important;
	min-height: 2.05em;
	font-size: clamp(1.35rem, 2.35vw, 2.2rem) !important;
	line-height: 0.96 !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > span:first-child {
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > span:last-child {
	text-align: right !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > :is(strong, b) {
	font-size: 0.82em !important;
}

/* A sports stage is layout only. Its canvas is the sole inner framed surface. */
html:root.corporate-surface .play-page .arena-match-card--mlb .mlb-decision-card__matchup,
html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-card__matchup,
html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-field-stage,
html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__competition,
html:root.corporate-surface .play-page .arena-match-card--mma:not(.arena-match-card--immersive) .mma-fight-card__matchup {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-rows: var(--match-card-renderer-height) minmax(2.75rem, auto) !important;
	gap: var(--match-card-renderer-gap) !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* NFL has a transport wrapper around its stage; it must not become a second frame. */
html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-pickem-stage {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nba:not([data-decision-card-shell]) .nba-court-frame,
html:root.corporate-surface .play-page .arena-match-card--mlb:not([data-decision-card-shell]) .mlb-matchup-diamond,
html:root.corporate-surface .play-page .arena-match-card--tennis:not([data-decision-card-shell]) .player-matchup-court,
html:root.corporate-surface .play-page .arena-match-card--nfl:not([data-decision-card-shell]) .nfl-field-surface,
html:root.corporate-surface .play-page .arena-match-card--nhl:not([data-decision-card-shell]) .nhl-matchup-card__rink,
html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-octagon-frame {
	grid-column: 1 / -1 !important;
	grid-row: 1 !important;
	width: 100% !important;
	min-width: 0 !important;
	height: var(--match-card-renderer-height) !important;
	min-height: var(--match-card-renderer-height) !important;
	margin: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(176, 204, 220, 0.24) !important;
	border-radius: var(--match-renderer-radius) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -24px 38px rgba(0, 0, 0, 0.16) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nba:not([data-decision-card-shell]) .nba-team-panel--away,
html:root.corporate-surface .play-page .arena-match-card--mlb:not([data-decision-card-shell]) .mlb-team-panel--away,
html:root.corporate-surface .play-page .arena-match-card--tennis:not([data-decision-card-shell]) .player-panel--home,
html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-fighter-panel--home {
	grid-column: 1 !important;
	grid-row: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nba:not([data-decision-card-shell]) .nba-team-panel--home,
html:root.corporate-surface .play-page .arena-match-card--mlb:not([data-decision-card-shell]) .mlb-team-panel--home,
html:root.corporate-surface .play-page .arena-match-card--tennis:not([data-decision-card-shell]) .player-panel--away,
html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-fighter-panel--away {
	grid-column: 2 !important;
	grid-row: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__rail {
	grid-column: 1 / -1 !important;
	grid-row: 2 !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: var(--match-card-tight-gap) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel) {
	min-width: 0 !important;
	min-height: 2.75rem !important;
	margin: 0 !important;
	padding: 0.42rem 0.62rem !important;
	border-radius: 0.75rem !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-team-panel__role, .mlb-team-panel__role, .nba-team-panel__name, .mlb-team-panel__name, .player-panel__meta, .player-panel__flag, .player-panel__pick-state, .mma-fighter-panel__meta, .mma-fighter-panel__poster-meta, .mma-fighter-panel__identity-meta, .mma-pick-label, .franchise-identity__copy, .franchise-identity__state) {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-team-panel__identity, .mlb-team-panel__identity, .player-panel__identity, .mma-fighter-panel__identity, .franchise-identity) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	text-align: center !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .player-panel__identity strong, .mma-fighter-panel__identity strong, .franchise-identity__monogram, .nhl-matchup-card__choice strong) {
	max-width: 100% !important;
	overflow: hidden !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	text-align: center !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card--tennis:not([data-decision-card-shell]) .player-matchup-vs,
html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) .mma-fight-vs {
	display: none !important;
}

/* Standard MMA retains the octagon as the renderer; event copy belongs to the compact shell. */
html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) :is(.mma-poster-event, .mma-poster-signature) {
	display: none !important;
}

/* Football now follows the same visual order: terrain first, control second. */
html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: var(--match-card-renderer-gap) !important;
	min-height: var(--match-card-renderer-height) !important;
	padding: var(--match-card-renderer-gap) !important;
	border-radius: var(--match-renderer-radius) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team {
	grid-area: auto !important;
	grid-row: 1 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0.7rem !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team--home { grid-column: 1 !important; }
html:root.corporate-surface .play-page .arena-match-card--football .match-team--away { grid-column: 2 !important; }

html:root.corporate-surface .play-page .arena-match-card--football .match-score-control {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-score-control::before {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-score-control .prediction-native-save-form,
html:root.corporate-surface .play-page .arena-match-card--football .match-score-control .prediction-readonly {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: var(--match-card-tight-gap) !important;
	width: 100% !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .prediction-select-shell,
html:root.corporate-surface .play-page .arena-match-card--football .prediction-score-grid {
	min-width: 0 !important;
	width: 100% !important;
}

/* Status stays a single quiet line; the actual submit action remains available. */
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__status, [data-match-card-status]),
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__status, [data-match-card-status]):is(p) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var(--match-card-status-gap) !important;
	min-height: 1.4rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(220, 231, 240, 0.64) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.match-card__status, [data-match-card-status]) :is(.nfl-pick-action__confirmed, .nba-pick-action, .mlb-pick-action, .player-matchup-action, .mma-fight-action, .mlb-pick-module, .nba-pick-module) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var(--match-card-status-gap) !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.mobile-matchup-action__state, .nfl-pick-action__status, .nba-pick-action__status, .mlb-pick-action__status, .player-matchup-action__status, .mma-fight-action__status) {
	min-height: 0 !important;
	max-width: 100% !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-align: center !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .play-special-picks-divider {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin: 1.5rem 0 0.2rem;
	color: rgba(185, 205, 220, 0.64);
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.12em;
}

html:root.corporate-surface .play-page .play-special-picks-divider::after {
	flex: 1;
	height: 1px;
	background: rgba(151, 179, 202, 0.18);
	content: "";
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page {
		--match-card-padding: 0.875rem;
		--match-card-block-gap: 0.75rem;
		--match-card-tight-gap: 0.375rem;
		--match-card-context-gap: 0.18rem;
		--match-card-renderer-gap: 0.75rem;
		--match-card-status-gap: 0.4rem;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
		--match-card-renderer-height: var(--match-renderer-height-mobile);
		padding: var(--match-card-padding) !important;
		border-radius: 1rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).arena-match-card--immersive {
		--match-card-renderer-height: clamp(13.5rem, 66vw, 17rem);
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary {
		font-size: 0.7rem !important;
		white-space: normal !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
		font-size: 0.68rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) {
		gap: 0.36rem !important;
		min-height: 2.2em;
		font-size: clamp(1rem, 4.5vw, 1.125rem) !important;
		line-height: 1.02 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > :is(strong, b) {
		font-size: clamp(0.875rem, 4vw, 1rem) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > span {
		-webkit-line-clamp: 2 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-score-control .prediction-native-save-form,
	html:root.corporate-surface .play-page .arena-match-card--football .match-score-control .prediction-readonly {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-score-control .prediction-native-save-btn {
		width: 100% !important;
		min-height: 2.75rem !important;
	}
}

/*
 * Arena Event Cards — canonical composition correction
 *
 * Selectors used to live inside each renderer.  They are now siblings of the
 * canvas, so this last layer deliberately owns the common rhythm and prevents
 * legacy sport-specific grid rows from reserving empty space.
 */
html:root.corporate-surface .play-page {
	--match-card-padding: 1.125rem;
	--match-card-section-gap: 1rem;
	--match-card-block-gap: var(--match-card-section-gap);
	--match-card-tight-gap: 0.5rem;
	--match-renderer-gap: 0.75rem;
	--match-selector-gap: 0.75rem;
	--match-status-gap: 0.5rem;
	--match-renderer-height-desktop: clamp(11.25rem, 17vw, 12.5rem);
	--match-renderer-height-tablet: clamp(10rem, 20vw, 11.25rem);
	--match-renderer-height-mobile: clamp(8.4375rem, 39vw, 9.375rem);
	--match-renderer-radius: 0.9rem;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
	--match-card-renderer-height: var(--match-renderer-height-desktop);
	gap: var(--match-card-section-gap) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).arena-match-card--immersive {
	--match-card-renderer-height: clamp(15rem, 25vw, 21rem);
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__shell-header {
	gap: var(--match-card-tight-gap) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .prediction-native-save-form {
	gap: var(--match-card-section-gap) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-score-control .prediction-native-save-form {
	gap: var(--match-card-tight-gap) !important;
}

/* Two compact metadata lines: competition/stage + temporal state, then date. */
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context {
	width: 100% !important;
	gap: var(--match-card-tight-gap) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__metadata-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: var(--match-card-tight-gap) !important;
	width: 100% !important;
	min-width: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary,
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
	display: block !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary {
	color: rgba(226, 237, 246, 0.78) !important;
	font-size: 0.74rem !important;
	font-weight: 760 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
	color: rgba(205, 221, 234, 0.56) !important;
	font-size: 0.7rem !important;
	font-weight: 650 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__timing {
	justify-content: flex-end !important;
	min-width: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__timing-detail {
	display: none !important;
}

/* The matchup is the common, two-line textual hero across every sport. */
html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
	align-items: center !important;
	gap: clamp(0.4rem, 1.2vw, 0.75rem) !important;
	min-height: 2em !important;
	font-size: clamp(1.5rem, 2.5vw, 2.35rem) !important;
	font-weight: 920 !important;
	line-height: 0.98 !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > span {
	display: -webkit-box !important;
	min-width: 0 !important;
	overflow: hidden !important;
	overflow-wrap: anywhere !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	text-overflow: clip !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > span:first-child {
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > span:last-child {
	text-align: right !important;
}

/* A renderer is one canvas, never a canvas plus a legacy internal rail. */
html:root.corporate-surface .play-page .arena-match-card .decision-card__renderer {
	position: relative !important;
	height: var(--match-card-renderer-height) !important;
	min-height: var(--match-card-renderer-height) !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: var(--match-renderer-radius) !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--mlb .mlb-decision-card__matchup,
html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-card__matchup,
html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__competition,
html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-card__matchup,
html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-field-stage {
	display: block !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: inherit !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-pickem-stage {
	height: var(--match-card-renderer-height) !important;
	min-height: var(--match-card-renderer-height) !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-court-frame, .mlb-matchup-diamond, .player-matchup-court, .nfl-field-surface, .nhl-matchup-card__rink) {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(176, 204, 220, 0.24) !important;
	border-radius: var(--match-renderer-radius) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -24px 38px rgba(0, 0, 0, 0.18) !important;
}

/* MMA keeps an immersive canvas, without creating a framed card inside it. */
html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]) .mma-octagon-frame {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: inherit !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma:not([data-decision-card-shell]):not(.arena-match-card--immersive) :is(.mma-poster-event, .mma-poster-signature, .mma-fight-vs) {
	display: none !important;
}

/* Football retains team panels inside its renderer, with a true central pitch. */
html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
	display: grid !important;
	grid-template-columns: minmax(4.75rem, 0.85fr) minmax(0, 1.45fr) minmax(4.75rem, 0.85fr) !important;
	grid-template-rows: minmax(0, 1fr) !important;
	align-items: stretch !important;
	gap: var(--match-renderer-gap) !important;
	padding: var(--match-renderer-gap) !important;
	overflow: hidden !important;
	border: 1px solid rgba(176, 204, 220, 0.24) !important;
	border-radius: var(--match-renderer-radius) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -24px 38px rgba(0, 0, 0, 0.18) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team {
	grid-row: 1 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0.55rem !important;
	border-radius: 0.7rem !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team--home { grid-column: 1 !important; }
html:root.corporate-surface .play-page .arena-match-card--football .football-pitch { grid-column: 2 !important; grid-row: 1 !important; }
html:root.corporate-surface .play-page .arena-match-card--football .match-team--away { grid-column: 3 !important; }

html:root.corporate-surface .play-page .arena-match-card--football .football-mobile-matchup {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .football-pitch {
	position: relative !important;
	min-width: 0 !important;
	min-height: 0 !important;
	border: 1px solid rgba(210, 240, 223, 0.3) !important;
	border-radius: 0.6rem !important;
	background:
		radial-gradient(circle at 50% 50%, transparent 0 16%, rgba(219, 248, 232, 0.24) 16.4% 17%, transparent 17.5%),
		linear-gradient(90deg, transparent 49.65%, rgba(219, 248, 232, 0.3) 49.8% 50.2%, transparent 50.35%),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 12.5%, transparent 12.5% 25%, rgba(255, 255, 255, 0.035) 25% 37.5%, transparent 37.5% 50%, rgba(255, 255, 255, 0.035) 50% 62.5%, transparent 62.5% 75%, rgba(255, 255, 255, 0.035) 75% 87.5%, transparent 87.5%),
		linear-gradient(135deg, #143d2d, #0a261d) !important;
	box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.26) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .football-pitch::before,
html:root.corporate-surface .play-page .arena-match-card--football .football-pitch::after {
	position: absolute;
	top: 20%;
	bottom: 20%;
	width: 13%;
	border: 1px solid rgba(219, 248, 232, 0.28);
	content: "";
}

html:root.corporate-surface .play-page .arena-match-card--football .football-pitch::before { left: 0; border-left: 0; }
html:root.corporate-surface .play-page .arena-match-card--football .football-pitch::after { right: 0; border-right: 0; }

/* The selection rail is common; team colour remains owned by each sport. */
html:root.corporate-surface .play-page .arena-match-card .match-card__options:not(.match-score-control) {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: var(--match-selector-gap) !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options:not(.match-score-control) > :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel) {
	grid-column: auto !important;
	grid-row: auto !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
	min-height: 3rem !important;
	margin: 0 !important;
	padding: 0.45rem 0.65rem !important;
	border-radius: 0.75rem !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options:not(.match-score-control) :is(.nba-team-panel__identity, .mlb-team-panel__identity, .player-panel__identity, .franchise-identity, .nhl-matchup-card__choice > span, .mma-fighter-panel__identity) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 100% !important;
	text-align: center !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options:not(.match-score-control) :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .player-panel__identity strong, .franchise-identity__monogram, .nhl-matchup-card__choice strong, .mma-fighter-panel__identity strong) {
	display: block !important;
	max-width: 100% !important;
	overflow: hidden !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	text-align: center !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card .mma-pick-zone__input {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options:not(.match-score-control) > :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel):has(input:checked),
html:root.corporate-surface .play-page .arena-match-card .mma-pick-zone.is-selected {
	outline: 2px solid color-mix(in srgb, var(--match-card-accent) 72%, transparent) !important;
	outline-offset: 1px !important;
}

html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-vs,
html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-vs {
	display: none !important;
}

/* Surface depth only: sport identity stays intact while terrain becomes richer. */
html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-court {
	background:
		radial-gradient(ellipse 56% 85% at 50% 50%, rgba(255, 255, 255, 0.14), transparent 68%),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 5px),
		linear-gradient(120deg, #123f4b, #0a2631 48%, #06131d) !important;
}

html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-court__net {
	opacity: 0.9 !important;
	box-shadow: 0 0 14px rgba(219, 245, 255, 0.36) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__rink {
	background:
		radial-gradient(ellipse 62% 110% at 50% 50%, rgba(237, 251, 255, 0.78), rgba(179, 218, 234, 0.44) 47%, rgba(61, 103, 130, 0.56) 100%),
		linear-gradient(90deg, rgba(15, 55, 81, 0.56), transparent 28% 72%, rgba(15, 55, 81, 0.56)) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl :is(.nhl-rink__line, .nhl-rink__circle, .nhl-rink__crease) {
	filter: saturate(1.18) contrast(1.16) !important;
	opacity: 0.86 !important;
}

/* One lower condition only: context line plus the actionable confirmation. */
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) [data-match-card-status] :is(.nfl-pick-action__status, .nba-pick-action__status, .mlb-pick-action__status, .player-matchup-action__status, .mma-fight-action__status):not(.mobile-matchup-action__state),
html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .nfl-pick-action__helper {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.mobile-matchup-action__state, [data-match-card-action-state]) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 1.25rem !important;
	margin: 0 !important;
	color: rgba(220, 231, 240, 0.68) !important;
	font-size: 0.72rem !important;
	font-weight: 750 !important;
	line-height: 1.15 !important;
	text-align: center !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.mobile-matchup-action__state, [data-match-card-action-state])[data-match-card-action-state="selected"] {
	color: rgba(102, 224, 235, 0.92) !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.mobile-matchup-action__state, [data-match-card-action-state])[data-match-card-action-state="saved"] {
	color: rgba(112, 226, 183, 0.9) !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-native-save-btn[disabled] {
	cursor: not-allowed !important;
	filter: saturate(0.55) !important;
	opacity: 0.5 !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-native-save-btn[hidden] {
	display: none !important;
}

html:root.corporate-surface .play-page .play-special-picks-divider,
html:root.corporate-surface .play-page .play-main-event-divider {
	display: flex !important;
	align-items: center !important;
	gap: 0.7rem !important;
	margin: 1.25rem 0 0.1rem !important;
	color: rgba(184, 206, 222, 0.7) !important;
	font-size: 0.68rem !important;
	font-weight: 850 !important;
	letter-spacing: 0.11em !important;
}

html:root.corporate-surface .play-page .play-special-picks-divider > div {
	display: grid !important;
	gap: 0.15rem !important;
}

html:root.corporate-surface .play-page .play-special-picks-divider small {
	color: rgba(184, 206, 222, 0.5) !important;
	font-size: 0.67rem !important;
	font-weight: 650 !important;
	letter-spacing: 0 !important;
}

html:root.corporate-surface .play-page .play-main-event-divider::after {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, rgba(204, 87, 91, 0.46), transparent) !important;
	content: "";
}

/* Special formats remain outside the shell, but share the compact feed rhythm. */
html:root.corporate-surface .play-page :is(.golf-podium-card, .f1-race-event-card) {
	margin-block: 0 !important;
}

html:root.corporate-surface .play-page .golf-podium-card__hero {
	min-height: 7.5rem !important;
	padding: 0.9rem 1rem !important;
}

html:root.corporate-surface .play-page .golf-podium-builder,
html:root.corporate-surface .play-page .f1-ordered-selector-panel {
	margin: 0 !important;
	padding: 0.9rem !important;
}

html:root.corporate-surface .play-page .golf-podium-builder {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 0.65rem !important;
}

html:root.corporate-surface .play-page .golf-podium-builder > header {
	grid-column: 1 / -1 !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .f1-race-card__hero {
	min-height: 7.75rem !important;
	padding: 0.9rem 1rem !important;
}

html:root.corporate-surface .play-page .f1-selector-trigger {
	min-height: 3.25rem !important;
}

html:root.corporate-surface .play-page .f1-ordered-selector-panel [data-f1-implied-winner-copy] {
	margin: 0.35rem 0 0 !important;
	font-size: 0.72rem !important;
}

@media (min-width: 576px) and (max-width: 1023.98px) {
	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
		--match-card-renderer-height: var(--match-renderer-height-tablet);
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page {
		--match-card-padding: 0.875rem;
		--match-card-section-gap: 0.75rem;
		--match-card-tight-gap: 0.375rem;
		--match-renderer-gap: 0.55rem;
		--match-selector-gap: 0.55rem;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) {
		--match-card-renderer-height: var(--match-renderer-height-mobile);
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]).arena-match-card--immersive {
		--match-card-renderer-height: clamp(13.5rem, 66vw, 17rem);
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-primary {
		font-size: 0.68rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) .match-card__context-secondary {
		font-size: 0.66rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) {
		gap: 0.35rem !important;
		font-size: clamp(1.08rem, 5vw, 1.28rem) !important;
		line-height: 1.02 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.match-card__matchup-head, [data-match-card-matchup]) > :is(strong, b) {
		font-size: 0.86em !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
		grid-template-columns: minmax(3.8rem, 0.82fr) minmax(0, 1.3fr) minmax(3.8rem, 0.82fr) !important;
		padding: var(--match-renderer-gap) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .match-card__options:not(.match-score-control) > :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel) {
		min-height: 2.75rem !important;
		padding: 0.35rem 0.45rem !important;
	}

	html:root.corporate-surface .play-page .golf-podium-builder {
		grid-template-columns: 1fr !important;
		gap: 0.5rem !important;
	}

	html:root.corporate-surface .play-page .golf-podium-builder > header {
		grid-column: auto !important;
	}

	html:root.corporate-surface .play-page .f1-race-card__hero {
		min-height: 0 !important;
	}

	html:root.corporate-surface .play-page .f1-selector-trigger {
		min-height: 2.9rem !important;
	}
}

/*
 * Standardize the frame. Personalize the stage.
 *
 * This layer deliberately touches only renderer internals. The shared card,
 * its rhythm and its decision state remain sport-agnostic; each canvas gets
 * its own material, lighting and geometry inside the same fixed slot.
 */

/* Football — broadcast pitch with compact club panels framing the terrain. */
html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
	background:
		radial-gradient(ellipse 70% 120% at 50% 48%, rgba(101, 216, 159, 0.12), transparent 68%),
		linear-gradient(120deg, rgba(9, 43, 31, 0.98), rgba(8, 25, 24, 0.98)) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .football-pitch {
	background:
		radial-gradient(circle at 50% 50%, transparent 0 16%, rgba(228, 255, 239, 0.29) 16.4% 17%, transparent 17.45%),
		linear-gradient(90deg, transparent 49.65%, rgba(228, 255, 239, 0.34) 49.8% 50.2%, transparent 50.35%),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 12.5%, rgba(0, 0, 0, 0.025) 12.5% 25%),
		linear-gradient(145deg, #1b6242, #0c3426 52%, #061c16) !important;
	box-shadow: inset 0 0 38px rgba(0, 0, 0, 0.36), 0 0 24px rgba(74, 201, 142, 0.08) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team {
	border-color: color-mix(in srgb, var(--football-team-primary, #35d0e2) 50%, rgba(230, 242, 250, 0.2)) !important;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--football-team-primary, #113e6a) 62%, #07111a 38%), rgba(5, 14, 22, 0.88)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -18px 25px rgba(0, 0, 0, 0.24) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team::after {
	opacity: 0.34 !important;
	mix-blend-mode: screen !important;
}

/* NBA — illuminated parquet, a strong centre circle and a court-integrated VS. */
html:root.corporate-surface .play-page .arena-match-card--nba .nba-court-frame {
	background:
		radial-gradient(circle at 50% 50%, rgba(255, 242, 207, 0.29) 0 8%, rgba(232, 188, 117, 0.14) 9% 22%, transparent 46%),
		radial-gradient(ellipse 90% 52% at 50% 3%, rgba(255, 238, 203, 0.16), transparent 70%),
		repeating-linear-gradient(90deg, rgba(255, 239, 203, 0.09) 0 1px, rgba(87, 43, 18, 0.06) 1px 8px),
		linear-gradient(135deg, #915224, #5a2f17 48%, #29150d) !important;
	box-shadow: inset 0 1px 0 rgba(255, 244, 217, 0.28), inset 0 -30px 42px rgba(27, 10, 5, 0.4), 0 0 26px rgba(218, 143, 68, 0.08) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nba :is(.nba-court-line, .nba-court-frame__circle, .nba-court-frame__arc) {
	stroke: rgba(255, 239, 209, 0.68) !important;
	border-color: rgba(255, 239, 209, 0.62) !important;
	filter: drop-shadow(0 1px 1px rgba(47, 19, 6, 0.42)) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nba .nba-matchup-vs {
	display: grid !important;
	place-items: center !important;
	width: 2.6rem !important;
	height: 2.6rem !important;
	border: 1px solid rgba(255, 221, 133, 0.66) !important;
	border-radius: 50% !important;
	background: rgba(34, 16, 8, 0.78) !important;
	box-shadow: 0 0 26px rgba(255, 195, 91, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
	color: #fff4db !important;
	font-weight: 900 !important;
	letter-spacing: 0.05em !important;
}

/* MLB — the ballpark remains top-down: dark outfield, clay infield and sunset diagonal. */
html:root.corporate-surface .play-page .arena-match-card--mlb .mlb-matchup-diamond {
	background:
		linear-gradient(135deg, rgba(255, 220, 149, 0.14), transparent 32%),
		radial-gradient(ellipse 62% 80% at 50% 43%, rgba(72, 167, 100, 0.25), transparent 68%),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.022) 0 11%, rgba(0, 0, 0, 0.04) 11% 22%),
		linear-gradient(180deg, #0b3826 0%, #08291e 56%, #041710 100%) !important;
	box-shadow: inset 0 20px 34px rgba(255, 226, 166, 0.06), inset 0 -34px 46px rgba(0, 0, 0, 0.38), 0 0 28px rgba(70, 160, 96, 0.08) !important;
}

html:root.corporate-surface .play-page .arena-match-card--mlb .mlb-matchup-diamond::before {
	display: block !important;
	opacity: 0.84 !important;
	background:
		linear-gradient(128deg, transparent 0 34%, rgba(255, 224, 164, 0.09) 43%, transparent 57%),
		radial-gradient(ellipse at 50% 43%, transparent 45%, rgba(0, 10, 6, 0.35) 100%) !important;
}

html:root.corporate-surface .play-page .arena-match-card--mlb :is(.mlb-matchup-diamond__infield, .mlb-matchup-diamond__dirt-arc, .mlb-matchup-diamond__dirt-semicircle) {
	filter: saturate(1.1) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.26)) !important;
}

html:root.corporate-surface .play-page .arena-match-card--mlb :is(.mlb-matchup-diamond__guide-line, .mlb-matchup-diamond__foul-line) {
	background: rgba(247, 237, 211, 0.82) !important;
	box-shadow: 0 0 8px rgba(255, 237, 190, 0.18) !important;
}

/* NHL — a cold, lit rink rather than a flat white plate. */
html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__rink {
	background:
		radial-gradient(ellipse 48% 90% at 50% 50%, rgba(248, 254, 255, 0.9), rgba(205, 232, 244, 0.5) 45%, transparent 72%),
		radial-gradient(ellipse 100% 42% at 50% 0%, rgba(231, 250, 255, 0.34), transparent 70%),
		linear-gradient(90deg, rgba(42, 100, 134, 0.58), rgba(174, 220, 239, 0.1) 22% 78%, rgba(42, 100, 134, 0.58)),
		linear-gradient(180deg, #7fa9bc, #406b84) !important;
	box-shadow: inset 0 16px 30px rgba(238, 252, 255, 0.28), inset 0 -28px 42px rgba(18, 57, 79, 0.34), 0 0 24px rgba(125, 209, 242, 0.1) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__rink::after {
	position: absolute !important;
	inset: 0 !important;
	background: repeating-linear-gradient(165deg, rgba(255, 255, 255, 0.1) 0 1px, transparent 1px 10px) !important;
	mix-blend-mode: soft-light !important;
	opacity: 0.5 !important;
	content: "" !important;
	pointer-events: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl .nhl-matchup-card__rink > * {
	z-index: 1 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nhl :is(.nhl-rink__line, .nhl-rink__circle, .nhl-rink__crease) {
	opacity: 0.95 !important;
	filter: saturate(1.28) contrast(1.22) drop-shadow(0 1px 1px rgba(15, 51, 71, 0.18)) !important;
}

/* Tennis — intentional negative space over a textured, floodlit centre court. */
html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-court {
	background:
		radial-gradient(ellipse 48% 105% at 50% 50%, rgba(128, 234, 225, 0.2), transparent 70%),
		radial-gradient(ellipse 96% 40% at 50% 0%, rgba(220, 255, 250, 0.14), transparent 74%),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.027) 0 1px, transparent 1px 5px),
		linear-gradient(125deg, #185d60, #0d393e 55%, #061c25) !important;
	box-shadow: inset 0 1px 0 rgba(232, 255, 250, 0.17), inset 0 -28px 42px rgba(0, 10, 18, 0.38), 0 0 24px rgba(76, 218, 206, 0.08) !important;
}

html:root.corporate-surface .play-page .arena-match-card--tennis :is(.player-matchup-court__baseline, .player-matchup-court__service, .player-matchup-court__sideline, .player-matchup-court__center-line, .player-matchup-court__center-mark) {
	opacity: 0.9 !important;
	border-color: rgba(231, 255, 248, 0.7) !important;
	background-color: rgba(231, 255, 248, 0.7) !important;
	box-shadow: 0 0 7px rgba(218, 255, 245, 0.14) !important;
}

html:root.corporate-surface .play-page .arena-match-card--tennis .player-matchup-court__net {
	opacity: 1 !important;
	background: rgba(245, 255, 251, 0.88) !important;
	box-shadow: 0 0 14px rgba(224, 255, 247, 0.5), 0 5px 9px rgba(0, 0, 0, 0.28) !important;
}

/* MMA — an arena-grade red/blue split with a central, dramatic VS and no nested card. */
html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-card__matchup {
	background:
		radial-gradient(ellipse 40% 78% at 50% 48%, rgba(255, 243, 213, 0.13), transparent 70%),
		linear-gradient(118deg, rgba(142, 23, 42, 0.86) 0 29%, transparent 48%),
		linear-gradient(242deg, rgba(22, 91, 143, 0.84) 0 29%, transparent 48%),
		linear-gradient(145deg, #311018, #100f17 48%, #081a2a) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 -42px 58px rgba(0, 0, 0, 0.46), 0 0 30px rgba(129, 36, 55, 0.1) !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-card__matchup::before {
	display: block !important;
	background:
		linear-gradient(123deg, transparent 0 12%, rgba(255, 255, 255, 0.07) 12.2% 25%, transparent 25.2% 56%, rgba(0, 0, 0, 0.29) 56.2% 70%, transparent 70.2%),
		linear-gradient(303deg, transparent 0 16%, rgba(255, 255, 255, 0.05) 16.2% 29%, transparent 29.2% 48%, rgba(0, 0, 0, 0.23) 48.2% 66%, transparent 66.2%) !important;
	opacity: 1 !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma .mma-octagon-frame {
	z-index: 2 !important;
	background: radial-gradient(ellipse at 50% 52%, rgba(225, 239, 245, 0.1), transparent 62%) !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-card__matchup .mma-fight-vs {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	z-index: 5 !important;
	display: grid !important;
	place-items: center !important;
	width: clamp(3.25rem, 8vw, 5rem) !important;
	height: clamp(3.25rem, 8vw, 5rem) !important;
	transform: translate(-50%, -50%) !important;
	border: 1px solid rgba(244, 210, 124, 0.76) !important;
	border-radius: 50% !important;
	background: rgba(10, 13, 18, 0.82) !important;
	box-shadow: 0 0 0 5px rgba(9, 12, 18, 0.28), 0 0 32px rgba(234, 183, 91, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-card__matchup .mma-fight-vs::before {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-card__matchup .mma-fight-vs span {
	color: #fff7e8 !important;
	font-size: clamp(1.1rem, 3vw, 1.75rem) !important;
	font-weight: 950 !important;
	letter-spacing: -0.07em !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

@media (max-width: 575.98px) {
	/* Renderer identity compresses, but never changes the common mobile slot. */
	html:root.corporate-surface .play-page .arena-match-card--football .match-team {
		padding: 0.4rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nba .nba-matchup-vs {
		width: 2.1rem !important;
		height: 2.1rem !important;
		font-size: 0.72rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--mma .mma-fight-card__matchup .mma-fight-vs {
		width: 3rem !important;
		height: 3rem !important;
	}
}

/* NFL field repair: keep the original renderer, but prevent legacy layout
 * rules from hiding its turf canvas or duplicating the real matchup title. */
html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-field-module__matchup::before,
html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-field-module__matchup::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-pickem-stage {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	background: transparent !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-field-stage {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-field-surface {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(220, 247, 210, 0.32) !important;
	border-radius: var(--match-renderer-radius) !important;
	background:
		radial-gradient(ellipse 58% 92% at 50% 50%, rgba(190, 232, 157, 0.18), transparent 64%),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 5%, rgba(0, 0, 0, 0.045) 5% 10%),
		linear-gradient(180deg, #0c5734 0%, #083e27 52%, #042318 100%) !important;
	box-shadow: inset 0 18px 28px rgba(225, 255, 226, 0.07), inset 0 -28px 38px rgba(0, 0, 0, 0.34) !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .nfl-field__grid {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(241, 255, 232, 0.68) calc(50% - 1px), rgba(241, 255, 232, 0.68) calc(50% + 1px), transparent calc(50% + 1px)),
		repeating-linear-gradient(90deg, rgba(241, 255, 232, 0.2) 0 1px, transparent 1px 10%),
		radial-gradient(circle at 50% 50%, rgba(213, 244, 156, 0.14), transparent 40%) !important;
}

/*
 * Football renderer: team territories describe the clubs; the prediction
 * controls below the renderer remain the sole interactive surface.
 */
html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
	grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.8fr) minmax(0, 0.68fr) !important;
	grid-template-rows: minmax(0, 1fr) !important;
	gap: clamp(0.45rem, 1.1vw, 0.8rem) !important;
	padding: clamp(0.5rem, 1vw, 0.8rem) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-hero::before,
html:root.corporate-surface .play-page .arena-match-card--football .match-hero::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team--home {
	grid-column: 1 !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team--away {
	grid-column: 3 !important;
	text-align: right !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team--away::before {
	right: 0 !important;
	left: auto !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-team--away::after {
	background: linear-gradient(270deg, color-mix(in srgb, var(--football-team-primary, #123d29) 34%, transparent), transparent 86%) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-hero[data-selected-outcome="home"] .match-team--home,
html:root.corporate-surface .play-page .arena-match-card--football .match-hero[data-selected-outcome="away"] .match-team--away {
	filter: brightness(1.12) saturate(1.12) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-hero[data-selected-outcome="home"] .match-team--home::before,
html:root.corporate-surface .play-page .arena-match-card--football .match-hero[data-selected-outcome="away"] .match-team--away::before {
	width: 3px !important;
	box-shadow: 0 0 22px color-mix(in srgb, var(--football-team-accent, #d9edf3) 65%, transparent) !important;
}

@media (min-width: 576px) and (max-width: 860px) {
	html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
		grid-template-columns: minmax(96px, 0.75fr) minmax(180px, 1.6fr) minmax(96px, 0.75fr) !important;
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: minmax(2.75rem, auto) minmax(0, 1fr) !important;
		gap: 0.4rem !important;
		padding: 0.45rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-team--home,
	html:root.corporate-surface .play-page .arena-match-card--football .match-team--away {
		grid-row: 1 !important;
		padding: 0.12rem 0.35rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-team--home {
		grid-column: 1 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-team--away {
		grid-column: 2 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .football-pitch {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		min-height: 0 !important;
	}

}

/*
 * Head-to-head stage grammar
 *
 * Every team sport uses the same visual ratio: team A | playing surface |
 * team B. The 1fr / 2fr / 1fr grid preserves a true 25 / 50 / 25 split
 * after the inter-column gaps are accounted for. Existing controls stay the
 * only source of selection and are merely placed in their team territory.
 */
html:root.corporate-surface .play-page .arena-match-card--football .match-hero,
html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) {
	--head-to-head-stage-gap: clamp(0.5rem, 1vw, 0.85rem);
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important;
	grid-template-rows: var(--match-card-renderer-height) auto !important;
	align-items: stretch !important;
	column-gap: var(--head-to-head-stage-gap) !important;
	row-gap: var(--match-card-section-gap) !important;
	width: 100% !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) {
	display: grid !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* The surface occupies the centre 50%; its two real selection controls fill
 * the exterior quarters without cloning inputs or handlers. */
html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) > .decision-card__renderer {
	grid-column: 2 !important;
	grid-row: 1 !important;
	width: 100% !important;
	height: var(--match-card-renderer-height) !important;
	min-height: var(--match-card-renderer-height) !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) > .match-card__options {
	display: contents !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) > .match-card__options > :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice) {
	grid-row: 1 !important;
	display: grid !important;
	place-items: center !important;
	width: 100% !important;
	min-width: 0 !important;
	height: var(--match-card-renderer-height) !important;
	min-height: var(--match-card-renderer-height) !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-team-panel--away, .mlb-team-panel--away, .player-panel--home, .mma-fighter-panel--home, .nhl-matchup-card__choice--away) {
	grid-column: 1 !important;
}

html:root.corporate-surface .play-page .arena-match-card:not([data-decision-card-shell]) :is(.nba-team-panel--home, .mlb-team-panel--home, .player-panel--away, .mma-fighter-panel--away, .nhl-matchup-card__choice--home) {
	grid-column: 3 !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .nhl-matchup-card__form) > [data-match-card-status] {
	grid-column: 1 / -1 !important;
	grid-row: 2 !important;
	width: 100% !important;
	margin: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-controls--nfl-pickem > :is(.nfl-pick-action__helper, .nfl-pick-action__status, .nfl-pick-action__controls, .nfl-pick-action__confirmed, .nfl-pickem-readonly) {
	grid-column: 1 / -1 !important;
	width: 100% !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-controls--nfl-pickem > .nfl-pick-action__helper {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-controls--nfl-pickem > .nfl-pick-action__status {
	grid-row: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-controls--nfl-pickem > .nfl-pick-action__controls {
	grid-row: 3 !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-controls--nfl-pickem > :is(.nfl-pick-action__confirmed, .nfl-pickem-readonly) {
	grid-row: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card .prediction-controls--player-matchup > .player-matchup-card__options > .player-matchup-vs {
	display: none !important;
}

/* Champions keeps Draw over the field, while its two club choices use the
 * same quarter / half / quarter stage as every other team matchup. */
html:root.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important;
	grid-template-areas: "home pitch away" !important;
}

/* One shared stage height: Football is the reference for every two-sided
 * matchup. The sports keep their own surface art, but neither the canvas nor
 * either team territory can grow taller than the common matchup slot. */
html:root.corporate-surface .play-page .arena-match-card--mma {
	--match-card-renderer-height: var(--match-renderer-height-desktop) !important;
}

html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
	grid-template-rows: minmax(0, 1fr) !important;
}

html:root.corporate-surface .play-page .champions-pitch-module {
	--match-card-renderer-height: var(--match-renderer-height-desktop);
}

/* Desktop keeps Football's equal-height presentation frame.  On the mobile
 * decision rail, the shared canvas contract owns the height from the field's
 * intrinsic ratio instead. */
@media (min-width: 576px) {
	html:root.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage {
		height: var(--match-card-renderer-height) !important;
		min-height: var(--match-card-renderer-height) !important;
	}

	html:root.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage > :is(.club-tile, .champions-pitch-surface) {
		align-self: stretch !important;
		height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
	}
}

@media (min-width: 576px) and (max-width: 1023.98px) {
	html:root.corporate-surface .play-page .arena-match-card--mma,
	html:root.corporate-surface .play-page .champions-pitch-module {
		--match-card-renderer-height: var(--match-renderer-height-tablet) !important;
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card--mma,
	html:root.corporate-surface .play-page .champions-pitch-module {
		--match-card-renderer-height: var(--match-renderer-height-mobile) !important;
	}

	/* The mobile stage keeps the very same 25 / 50 / 25 reading order. */
	html:root.corporate-surface .play-page .arena-match-card--football .match-hero,
	html:root.corporate-surface .play-page .champions-pitch-module .champions-match-card__stage,
	html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important;
		column-gap: 0.35rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-hero {
		grid-template-rows: minmax(0, 1fr) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-team--home,
	html:root.corporate-surface .play-page .arena-match-card--football .match-team--away,
	html:root.corporate-surface .play-page .arena-match-card--football .football-pitch {
		grid-row: 1 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-team--home {
		grid-column: 1 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .football-pitch {
		grid-column: 2 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--football .match-team--away {
		grid-column: 3 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) > .match-card__options > :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice) {
		padding: 0.35rem !important;
	}
}

/* Final matchup-height lock. This is deliberately the last rule in the
 * stylesheet, so a legacy renderer cannot override the 250px desktop slot. */
@media (min-width: 1024px) {
	html:root.corporate-surface .play-page .arena-match-card,
	html:root.corporate-surface .play-page .champions-pitch-module {
		--match-card-renderer-height: 250px !important;
	}
}

@media (min-width: 576px) and (max-width: 1023.98px) {
	html:root.corporate-surface .play-page .arena-match-card,
	html:root.corporate-surface .play-page .champions-pitch-module {
		--match-card-renderer-height: 220px !important;
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card,
	html:root.corporate-surface .play-page .champions-pitch-module {
		--match-card-renderer-height: clamp(10rem, 50vw, 12.5rem) !important;
	}
}

/* Shared stage frame. Champions and Football already draw this enclosure in
 * their renderer; the remaining team sports receive the same outer surface
 * behind their two decision cards and playing field only. Actions remain
 * below the frame. */
html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) {
	--matchup-stage-frame-inset: clamp(0.55rem, 1vw, 0.85rem);
	position: relative !important;
	isolation: isolate;
}

html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form)::before {
	position: absolute;
	top: calc(var(--matchup-stage-frame-inset) * -1);
	right: calc(var(--matchup-stage-frame-inset) * -1);
	left: calc(var(--matchup-stage-frame-inset) * -1);
	z-index: 0;
	height: calc(var(--match-card-renderer-height) + (var(--matchup-stage-frame-inset) * 2));
	border: 1px solid color-mix(in srgb, var(--match-card-accent, #35d0e2) 32%, rgba(210, 241, 235, 0.24));
	border-radius: calc(var(--match-renderer-radius) + 0.42rem);
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--match-card-accent, #35d0e2) 8%, transparent), transparent 36%),
		linear-gradient(145deg, rgba(3, 15, 18, 0.97), rgba(2, 10, 17, 0.94));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		inset 0 -22px 42px rgba(0, 0, 0, 0.26),
		0 14px 30px rgba(0, 0, 0, 0.2);
	content: "";
	pointer-events: none;
}

html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) > :is(.decision-card__renderer, [data-match-card-status], .nfl-pick-action__controls, .nfl-pick-action__confirmed, .nfl-pickem-readonly),
html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) > .match-card__options > :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice) {
	position: relative !important;
	z-index: 1;
}

/* The shared frame is 250px on desktop, but its playable surface matches
 * Football: 225px, with the remaining 12.5px on each side as enclosure air. */
html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) {
	--matchup-stage-frame-inset: 12.5px;
	--matchup-stage-canvas-height: calc(var(--match-card-renderer-height) - (var(--matchup-stage-frame-inset) * 2));
	grid-template-rows: var(--matchup-stage-canvas-height) auto !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) > .decision-card__renderer,
html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) > .match-card__options > :is(.nba-team-panel, .mlb-team-panel, .player-panel, .mma-fighter-panel, .nfl-team-showcase, .nhl-matchup-card__choice) {
	height: var(--matchup-stage-canvas-height) !important;
	min-height: var(--matchup-stage-canvas-height) !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form)::before {
	height: var(--match-card-renderer-height);
}

@media (min-width: 576px) and (max-width: 1023.98px) {
	html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) {
		--matchup-stage-frame-inset: 10px;
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card :is(.prediction-controls--mlb-decision, .prediction-controls--player-matchup, .prediction-controls--mma-fight, .prediction-controls--nfl-pickem, .nhl-matchup-card__form) {
		--matchup-stage-frame-inset: 0.5rem;
	}
}

/* NFL final decision-card repair: match the Soccer selector anatomy. */
html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase {
	position: relative !important;
	isolation: isolate !important;
	display: grid !important;
	align-items: stretch !important;
	justify-items: stretch !important;
	padding: clamp(1rem, 1.7vw, 1.45rem) !important;
	overflow: hidden !important;
	border: 1px solid var(--surface-material-border) !important;
	border-radius: 1.35rem !important;
	background: var(--surface-material-layer) !important;
	box-shadow: var(--surface-material-shadow-stack) !important;
	color: #f8fbff !important;
	text-align: left !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase::before {
	position: absolute !important;
	inset: 8px !important;
	z-index: 0 !important;
	border: 1px solid color-mix(in srgb, var(--surface-material-border) 82%, rgba(255, 255, 255, 0.08)) !important;
	border-radius: calc(1.35rem - 0.42rem) !important;
	background: linear-gradient(180deg, color-mix(in srgb, var(--surface-material-highlight) 5.5%, transparent), transparent 36%) !important;
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--surface-material-highlight) 2.5%, transparent),
		inset 0 14px 28px color-mix(in srgb, var(--surface-material-highlight) 4%, transparent) !important;
	content: "" !important;
	pointer-events: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase:is(.is-selected, :has(.nfl-pick-radio:checked))::after {
	position: absolute !important;
	top: clamp(0.68rem, 1vw, 0.92rem) !important;
	right: clamp(0.68rem, 1vw, 0.92rem) !important;
	z-index: 3 !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 1.82rem !important;
	padding: 0.36rem 0.72rem !important;
	border: 1px solid rgba(255, 255, 255, 0.58) !important;
	border-radius: 999px !important;
	background: rgba(92, 96, 106, 0.72) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 8px 18px rgba(0, 0, 0, 0.18) !important;
	color: #ffffff !important;
	font-size: clamp(0.62rem, 0.88vw, 0.82rem) !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	content: none !important;
	pointer-events: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity,
html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase.franchise-tile--compact .franchise-identity {
	position: relative !important;
	z-index: 2 !important;
	display: grid !important;
	grid-template-rows: auto auto auto !important;
	align-content: center !important;
	justify-items: start !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	padding: clamp(0.5rem, 1vw, 0.9rem) clamp(0.35rem, 0.8vw, 0.65rem) !important;
	gap: clamp(0.26rem, 0.55vw, 0.46rem) !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity::before,
html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity::after,
html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity[class*="franchise-identity--pattern-"]::before,
html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity[class*="franchise-identity--pattern-"]::after {
	display: none !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__header {
	display: block !important;
	width: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__side {
	display: block !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: rgba(248, 251, 255, 0.84) !important;
	font-size: clamp(0.72rem, 0.95vw, 0.92rem) !important;
	font-weight: 850 !important;
	letter-spacing: 0.03em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__state,
html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__technical-line,
html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__copy em {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__monogram,
html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase.franchise-tile--compact .franchise-identity__monogram {
	position: relative !important;
	display: inline-block !important;
	align-self: end !important;
	justify-self: start !important;
	width: fit-content !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0.12rem 0 0.58rem !important;
	overflow: visible !important;
	color: #ffffff !important;
	font-size: clamp(3rem, 5.75vw, 5.65rem) !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
	line-height: 0.82 !important;
	text-align: left !important;
	text-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__monogram::after {
	position: absolute !important;
	right: auto !important;
	bottom: 0.17rem !important;
	left: 0 !important;
	display: block !important;
	width: clamp(3.1rem, 34%, 5.6rem) !important;
	height: 3px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--nfl-team-accent, #ffffff) !important;
	box-shadow: 0 0 10px color-mix(in srgb, var(--nfl-team-accent, #ffffff) 34%, transparent) !important;
	content: "" !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__copy {
	display: grid !important;
	justify-items: start !important;
	gap: 0.18rem !important;
	width: 100% !important;
	padding: 0 !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__copy strong {
	display: -webkit-box !important;
	overflow: hidden !important;
	color: rgba(248, 251, 255, 0.98) !important;
	font-size: clamp(0.95rem, 1.35vw, 1.32rem) !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	line-height: 1.05 !important;
	text-align: left !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__copy small {
	display: -webkit-box !important;
	overflow: hidden !important;
	margin: 0 !important;
	color: rgba(237, 246, 248, 0.78) !important;
	font-size: clamp(0.66rem, 0.85vw, 0.8rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.1 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase {
		padding: 0.5rem !important;
		border-radius: 1rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase::before {
		inset: 6px !important;
		border-radius: calc(1rem - 0.32rem) !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase::after {
		display: none !important;
		content: none !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase:is(.is-selected, :has(.nfl-pick-radio:checked))::after {
		top: 0.42rem !important;
		right: 0.42rem !important;
		display: none !important;
		min-height: 1.35rem !important;
		padding: 0.26rem 0.45rem !important;
		font-size: 0.54rem !important;
		content: none !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity,
	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase.franchise-tile--compact .franchise-identity {
		padding: 0.4rem 0.26rem !important;
		gap: 0.22rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__side {
		font-size: 0.62rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__monogram,
	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase.franchise-tile--compact .franchise-identity__monogram {
		padding-bottom: 0.42rem !important;
		font-size: clamp(1.85rem, 13vw, 2.65rem) !important;
		line-height: 0.86 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__copy strong {
		font-size: 0.68rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card--nfl .prediction-controls--nfl-pickem > .match-card__options > .nfl-team-showcase .franchise-identity__copy small {
		font-size: 0.54rem !important;
	}
}

/* Final shared rail-card anatomy: internal content only, no OPEN circles. */
html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel, .mlb-team-panel, .nhl-matchup-card__choice, .player-panel, .mma-fighter-panel)::after,
html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel, .mlb-team-panel, .nhl-matchup-card__choice, .player-panel, .mma-fighter-panel):is(.is-selected, :has(input:checked), [aria-pressed="true"])::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel, .mlb-team-panel, .nhl-matchup-card__choice, .player-panel, .mma-fighter-panel) {
	display: grid !important;
	align-items: stretch !important;
	justify-items: stretch !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__identity, .mlb-team-panel__identity, .nhl-matchup-card__choice > span, .player-panel__identity, .mma-fighter-panel__identity) {
	position: relative !important;
	z-index: 2 !important;
	display: grid !important;
	grid-template-rows: auto auto auto auto !important;
	align-content: center !important;
	justify-items: start !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	gap: 0.22rem !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__role, .mlb-team-panel__role, .nhl-matchup-card__choice small, .player-panel__role, .mma-fighter-panel__role) {
	display: block !important;
	order: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: rgba(248, 251, 255, 0.84) !important;
	font-size: 0.88rem !important;
	font-weight: 850 !important;
	letter-spacing: 0.03em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .player-panel__identity strong, .mma-fighter-panel__identity strong) {
	position: relative !important;
	order: 2 !important;
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0.12rem 0 0.58rem !important;
	overflow: visible !important;
	color: #ffffff !important;
	font-size: 5rem !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
	line-height: 0.82 !important;
	text-align: left !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong)::after,
html:root.corporate-surface .play-page .arena-match-card :is(.player-panel__identity strong, .mma-fighter-panel__identity strong)::after {
	position: absolute !important;
	right: auto !important;
	bottom: 0.17rem !important;
	left: 0 !important;
	display: block !important;
	width: clamp(3.1rem, 34%, 5.6rem) !important;
	height: 3px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--decision-card-accent, var(--nba-team-accent, var(--mlb-team-accent-safe, var(--nhl-team-secondary, var(--mma-panel-accent, #ffffff))))) !important;
	box-shadow: none !important;
	content: "" !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__name, .mlb-team-panel__name, .nhl-matchup-card__choice em, .player-panel__name, .mma-fighter-panel__name) {
	order: 3 !important;
	display: -webkit-box !important;
	overflow: hidden !important;
	margin: 0 !important;
	color: rgba(248, 251, 255, 0.98) !important;
	font-size: 1.12rem !important;
	font-style: normal !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	line-height: 1.05 !important;
	text-align: left !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__detail, .mlb-team-panel__detail, .nhl-matchup-card__choice-detail, .player-panel__detail, .mma-fighter-panel__detail) {
	order: 4 !important;
	display: block !important;
	overflow: hidden !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: rgba(237, 246, 248, 0.78) !important;
	font-size: 0.72rem !important;
	font-style: normal !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.1 !important;
	text-align: left !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__detail, .mlb-team-panel__detail, .nhl-matchup-card__choice-detail, .player-panel__detail, .mma-fighter-panel__detail):empty {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.player-panel__pick-state, .player-panel__flag, .mma-selection-indicator, .mma-pick-label, .mma-fighter-panel__identity-meta) {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.player-panel__meta, .mma-fighter-panel__meta, .mma-fighter-panel__poster-meta) {
	display: none !important;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__role, .mlb-team-panel__role, .nhl-matchup-card__choice small, .player-panel__role, .mma-fighter-panel__role) {
		font-size: 0.62rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .player-panel__identity strong, .mma-fighter-panel__identity strong) {
		padding-bottom: 0.42rem !important;
		font-size: 2.45rem !important;
		line-height: 0.86 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__name, .mlb-team-panel__name, .nhl-matchup-card__choice em, .player-panel__name, .mma-fighter-panel__name) {
		font-size: 0.58rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel__detail, .mlb-team-panel__detail, .nhl-matchup-card__choice-detail, .player-panel__detail, .mma-fighter-panel__detail) {
		font-size: 0.52rem !important;
	}
}

/* Authoritative decision-rail anatomy: football is the visual contract. */
html:root.corporate-surface .play-page .arena-match-card .match-card__options > :is(.nba-team-panel, .mlb-team-panel, .nhl-matchup-card__choice, .player-panel, .mma-fighter-panel, .nfl-team-showcase) {
	display: grid !important;
	align-items: stretch !important;
	justify-items: stretch !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__identity, .mlb-team-panel__identity, .nhl-matchup-card__choice > span, .player-panel__identity, .mma-fighter-panel__identity, .franchise-identity) {
	position: relative !important;
	z-index: 2 !important;
	display: grid !important;
	grid-template-rows: auto auto auto auto !important;
	align-content: center !important;
	justify-items: start !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	gap: 0.22rem !important;
	padding: clamp(0.5rem, 1vw, 0.9rem) clamp(0.35rem, 0.8vw, 0.65rem) !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__role, .mlb-team-panel__role, .nhl-matchup-card__choice small, .player-panel__role, .mma-fighter-panel__role, .franchise-identity__side) {
	display: block !important;
	order: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: rgba(248, 251, 255, 0.84) !important;
	font-size: 0.88rem !important;
	font-weight: 850 !important;
	letter-spacing: 0.03em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .player-panel__identity strong, .mma-fighter-panel__identity strong, .franchise-identity__monogram) {
	position: relative !important;
	order: 2 !important;
	display: inline-block !important;
	align-self: start !important;
	width: fit-content !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0.12rem 0 0.58rem !important;
	overflow: visible !important;
	color: #ffffff !important;
	font-size: 5rem !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
	line-height: 0.82 !important;
	text-align: left !important;
	text-shadow: none !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .player-panel__identity strong, .mma-fighter-panel__identity strong, .franchise-identity__monogram)::after {
	position: absolute !important;
	right: auto !important;
	bottom: 0.17rem !important;
	left: 0 !important;
	display: block !important;
	width: clamp(3.1rem, 34%, 5.6rem) !important;
	height: 3px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--decision-card-accent, var(--nfl-team-accent, var(--nba-team-accent, var(--mlb-team-accent-safe, var(--nhl-team-secondary, var(--mma-panel-accent, #ffffff)))))) !important;
	box-shadow: none !important;
	content: "" !important;
	transform: none !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__name, .mlb-team-panel__name, .nhl-matchup-card__choice em, .player-panel__name, .mma-fighter-panel__name, .franchise-identity__copy strong) {
	order: 3 !important;
	display: -webkit-box !important;
	overflow: hidden !important;
	margin: 0 !important;
	color: rgba(248, 251, 255, 0.98) !important;
	font-size: 1.12rem !important;
	font-style: normal !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	line-height: 1.05 !important;
	text-align: left !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__detail, .mlb-team-panel__detail, .nhl-matchup-card__choice-detail, .player-panel__detail, .mma-fighter-panel__detail, .franchise-identity__copy small) {
	order: 4 !important;
	display: block !important;
	overflow: hidden !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: rgba(237, 246, 248, 0.78) !important;
	font-size: 0.72rem !important;
	font-style: normal !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.1 !important;
	text-align: left !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

/* NFL has one wrapper more; expose the same four rows inside it. */
html:root.corporate-surface .play-page .arena-match-card .match-card__options .franchise-identity__header {
	display: block !important;
	order: 1 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options .franchise-identity__copy {
	display: grid !important;
	order: 3 !important;
	justify-items: start !important;
	gap: 0.22rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.franchise-identity__state, .franchise-identity__technical-line, .franchise-identity__copy em) {
	display: none !important;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__role, .mlb-team-panel__role, .nhl-matchup-card__choice small, .player-panel__role, .mma-fighter-panel__role, .franchise-identity__side) {
		font-size: 0.62rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__abbr, .mlb-team-panel__abbr, .nhl-matchup-card__choice strong, .player-panel__identity strong, .mma-fighter-panel__identity strong, .franchise-identity__monogram) {
		padding-bottom: 0.42rem !important;
		font-size: 2.45rem !important;
		line-height: 0.86 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__name, .mlb-team-panel__name, .nhl-matchup-card__choice em, .player-panel__name, .mma-fighter-panel__name, .franchise-identity__copy strong) {
		font-size: 0.58rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .match-card__options :is(.nba-team-panel__detail, .mlb-team-panel__detail, .nhl-matchup-card__choice-detail, .player-panel__detail, .mma-fighter-panel__detail, .franchise-identity__copy small) {
		font-size: 0.52rem !important;
	}
}

/* Tennis: reset the legacy horizontal identity grid before applying the shared rail. */
html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: auto auto auto auto !important;
	grid-auto-columns: auto !important;
	grid-auto-flow: row !important;
	align-content: center !important;
	justify-items: start !important;
	gap: 0.22rem !important;
	padding: clamp(0.5rem, 1vw, 0.9rem) clamp(0.35rem, 0.8vw, 0.65rem) !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity > :is(.player-panel__role, strong, .player-panel__name, .player-panel__detail) {
	grid-column: 1 !important;
	grid-row: auto !important;
	align-self: start !important;
	justify-self: start !important;
	min-width: 0 !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__role {
	grid-row: 1 !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity > strong {
	grid-row: 2 !important;
	font-size: 5rem !important;
	line-height: 0.82 !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__name {
	grid-row: 3 !important;
	font-size: 1.12rem !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__detail {
	grid-row: 4 !important;
	font-size: 0.72rem !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity > :is(.player-panel__flag, .player-panel__pick-state) {
	display: none !important;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__identity > strong {
		font-size: 2.45rem !important;
		line-height: 0.86 !important;
	}

	html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__name {
		font-size: 0.58rem !important;
	}

		html:root.corporate-surface .play-page .tennis-player-matchup-card .player-panel__detail {
		font-size: 0.52rem !important;
	}
}

/* Tennis owns an isolated identity component so legacy player-panel styles cannot turn it into a row. */
html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: auto auto auto auto !important;
	grid-auto-rows: max-content !important;
	place-content: center start !important;
	justify-items: start !important;
	align-self: stretch !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	gap: 0.22rem !important;
	padding-block: clamp(0.5rem, 1vw, 0.9rem) !important;
	/* Align with the football card's inset and stay clear of the inner frame. */
	padding-inline: clamp(1.35rem, 2vw, 2.25rem) !important;
	padding-inline: clamp(1.35rem, 8cqw, 2.25rem) !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity > * {
	grid-column: 1 !important;
	align-self: start !important;
	justify-self: start !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__code-label {
	grid-row: 1 !important;
	color: rgba(248, 251, 255, 0.84) !important;
	font-size: 0.88rem !important;
	font-weight: 850 !important;
	letter-spacing: 0.03em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__code {
	position: relative !important;
	grid-row: 2 !important;
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	padding: 0.12rem 0 0.58rem !important;
	overflow: visible !important;
	color: #ffffff !important;
	font-size: 5rem !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
	line-height: 0.82 !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__code::after {
	position: absolute !important;
	bottom: 0.17rem !important;
	left: 0 !important;
	display: block !important;
	width: clamp(3.1rem, 34%, 5.6rem) !important;
	height: 3px !important;
	border-radius: 999px !important;
	background: var(--tennis-panel-accent, #d8b76b) !important;
	content: "" !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__name {
	grid-row: 3 !important;
	display: -webkit-box !important;
	overflow: hidden !important;
	color: rgba(248, 251, 255, 0.98) !important;
	font-size: 1.12rem !important;
	font-weight: 850 !important;
	line-height: 1.05 !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__country {
	grid-row: 4 !important;
	display: block !important;
	max-width: 100% !important;
	overflow: hidden !important;
	color: rgba(237, 246, 248, 0.78) !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.1 !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__code-label {
		font-size: 0.62rem !important;
	}

	html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__code {
		padding-bottom: 0.42rem !important;
		font-size: 2.45rem !important;
		line-height: 0.86 !important;
	}

	html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__name {
		font-size: 0.58rem !important;
	}

	html:root.corporate-surface .play-page .tennis-player-matchup-card .tennis-decision-identity__country {
		font-size: 0.52rem !important;
	}
}

/* Shared decision-card identity: the same isolated vertical stack for every sport. */
html:root.corporate-surface .play-page .arena-match-card .decision-card-identity {
	position: absolute !important;
	inset: 0 !important;
	z-index: 2 !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	min-width: 0 !important;
	min-height: 0 !important;
	gap: 0.22rem !important;
	padding: clamp(0.5rem, 1vw, 0.9rem) clamp(0.35rem, 0.8vw, 0.65rem) !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel) {
	position: relative !important;
}

html:root.corporate-surface .play-page .arena-match-card .decision-card-identity > * {
	grid-column: 1 !important;
	align-self: start !important;
	justify-self: start !important;
	min-width: 0 !important;
	margin: 0 !important;
	text-align: left !important;
}

html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__code-label {
	grid-row: 1 !important;
	color: rgba(248, 251, 255, 0.84) !important;
	font-size: 0.88rem !important;
	font-weight: 850 !important;
	letter-spacing: 0.03em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

/* Display names are reserved for compact decision controls. Desktop panels
 * continue to show the canonical official name and renderer abbreviation. */
html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__display-name {
	display: none !important;
}

html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__code {
	position: relative !important;
	grid-row: 2 !important;
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	padding: 0.12rem 0 0.58rem !important;
	overflow: visible !important;
	color: #ffffff !important;
	/* Viewport-driven shared token: panel width must never change participant type. */
	font-size: clamp(2.25rem, 4.25vw, 5rem) !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
	line-height: 0.82 !important;
	white-space: nowrap !important;
}

/* The team panels define the available inline space for their shared identity. */
html:root.corporate-surface .play-page .arena-match-card :is(.decision-card-side, .nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel) {
	container-type: inline-size;
}

html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__code::after {
	position: absolute !important;
	bottom: 0.17rem !important;
	left: 0 !important;
	display: block !important;
	width: clamp(3.1rem, 34%, 5.6rem) !important;
	height: 3px !important;
	border-radius: 999px !important;
	background: var(--decision-card-accent, var(--tennis-panel-accent, var(--nba-team-accent, var(--mlb-team-accent-safe, var(--nhl-team-secondary, var(--mma-panel-accent, #ffffff)))))) !important;
	content: "" !important;
}

html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__name {
	grid-row: 3 !important;
	display: -webkit-box !important;
	overflow: hidden !important;
	color: rgba(248, 251, 255, 0.98) !important;
	font-size: 1.12rem !important;
	font-weight: 850 !important;
	line-height: 1.05 !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__detail {
	grid-row: 4 !important;
	display: block !important;
	max-width: 100% !important;
	overflow: hidden !important;
	color: rgba(237, 246, 248, 0.78) !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.1 !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__code-label {
		font-size: 0.62rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__code {
		padding-bottom: 0.42rem !important;
		font-size: 2.45rem !important;
		line-height: 0.86 !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__name {
		font-size: 0.58rem !important;
	}

	html:root.corporate-surface .play-page .arena-match-card .decision-card-identity__detail {
		font-size: 0.52rem !important;
	}
}

/*
 * Decision card contract
 *
 * This is the sole owner of visible matchup typography and outer card rhythm.
 * Sport styles are restricted to the artwork inside the renderer and the
 * identity treatment inside a decision control.
 */
html:root.corporate-surface .play-page {
	--decision-card-space: 1rem;
	--decision-card-tight-space: 0.5rem;
	--decision-card-padding: 1rem;
	--decision-card-title-size: clamp(1.125rem, 1.55vw, 1.5rem);
	--decision-card-title-line-height: 1.08;
	--decision-card-title-weight: 800;
	/* Two title lines are reserved even when a name fits on one. */
	--decision-card-title-reserve: calc(2 * var(--decision-card-title-size) * var(--decision-card-title-line-height));
	--decision-card-renderer-height: 250px;
	--decision-card-renderer-inset: clamp(0.5rem, 1vw, 0.8rem);
}

html:root.corporate-surface .play-page [data-decision-card-matchup-header-wrap] {
	width: 100%;
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page [data-decision-card-matchup-header] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: var(--decision-card-tight-space);
	width: 100%;
	min-height: var(--decision-card-title-reserve);
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page .decision-card__participant {
	display: grid;
	align-self: stretch;
	align-content: start;
	min-width: 0;
	min-height: var(--decision-card-title-reserve);
	gap: 0.18rem;
}

html:root.corporate-surface .play-page .decision-card__participant--left { text-align: left; }
html:root.corporate-surface .play-page .decision-card__participant--right {
	grid-column: 3;
	text-align: right;
}

html:root.corporate-surface .play-page .decision-card__participant-name {
	display: -webkit-box;
	min-height: var(--decision-card-title-reserve);
	overflow: hidden;
	font-family: var(--corp-font-display);
	font-size: var(--decision-card-title-size);
	font-weight: var(--decision-card-title-weight);
	letter-spacing: -0.018em;
	line-height: var(--decision-card-title-line-height);
	text-wrap: balance;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html:root.corporate-surface .play-page .decision-card__participant-meta {
	margin: 0;
	font-size: 0.68rem;
	line-height: 1.2;
}

html:root.corporate-surface .play-page [data-decision-card-shell] {
	display: grid;
	gap: var(--decision-card-space);
	padding: var(--decision-card-padding);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-meta] {
	display: grid;
	gap: var(--decision-card-tight-space);
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page [data-decision-card-meta] .match-card__context {
	display: grid;
	gap: 0.2rem;
	min-width: 0;
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page [data-decision-card-meta] .match-card__metadata-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--decision-card-tight-space);
}

html:root.corporate-surface .play-page [data-decision-card-meta] .match-card__context-primary,
html:root.corporate-surface .play-page [data-decision-card-meta] .match-card__context-secondary {
	display: block;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	color: rgba(210, 224, 236, 0.68);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-meta] .match-card__context-primary {
	color: rgba(230, 240, 248, 0.82);
	font-weight: 760;
}

html:root.corporate-surface .play-page [data-decision-card-meta] .match-card__timing {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem;
	min-width: 0;
}

html:root.corporate-surface .play-page [data-decision-card-meta] .match-card__timing-detail {
	max-width: 9rem;
	overflow: hidden;
	color: rgba(210, 224, 236, 0.56);
	font-size: 0.64rem;
	line-height: 1.2;
	text-align: right;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-meta] .match-card__timing-pill {
	margin: 0;
	padding: 0.28rem 0.5rem;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-footer] {
	display: grid;
	align-items: center;
	justify-items: center;
	gap: var(--decision-card-tight-space);
	min-height: 0;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-stage] {
	display: grid;
	gap: var(--decision-card-space);
	width: 100%;
	max-width: none;
	min-width: 0;
	box-sizing: border-box;
	justify-self: stretch;
	align-self: stretch;
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .prediction-native-save-form[data-decision-card-stage] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-auto-columns: minmax(0, 1fr);
	width: 100%;
	max-width: none;
	min-width: 0;
	box-sizing: border-box;
	justify-content: stretch;
	justify-items: stretch;
	justify-self: stretch;
	align-self: stretch;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] {
	position: relative;
	width: 100%;
	max-width: none;
	min-width: 0;
	height: var(--decision-card-renderer-height);
	min-height: var(--decision-card-renderer-height);
	box-sizing: border-box;
	justify-self: stretch;
	align-self: stretch;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* Opt-in shared renderer frame. Football and NFL use the same external
 * inset; each sport still paints only the terrain within its own root. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer].decision-card__renderer {
	padding: var(--decision-card-renderer-inset);
	border-radius: var(--match-renderer-radius);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] > .sport-renderer-root {
	display: grid;
	width: 100%;
	max-width: none;
	height: 100%;
	min-width: 0;
	min-height: 0;
	box-sizing: border-box;
	justify-self: stretch;
	align-self: stretch;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .match-card__renderer-canvas {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	margin: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	justify-items: stretch;
	gap: var(--decision-card-tight-space);
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] > form:only-child {
	grid-column: 1 / -1;
}

/*
 * Canonical decision rail.  These are the actual visible controls, not the
 * renderer roots: one full-width action line, with a compact state above it.
 * Individual sports retain their own selection behaviour and colours.
 */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] > form,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-footer][data-decision-card-controls] > :is(.nfl-pick-action__controls, .nfl-pick-action__confirmed, .nfl-pickem-readonly, .player-matchup-action, .player-matchup-readonly, .nba-pick-module, .nba-pick-action, .nba-decision-readonly, .mlb-pick-module, .mlb-pick-action, .mlb-decision-readonly, .mma-fight-action, .mma-fight-readonly) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	justify-items: stretch;
	gap: 0.4rem;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] :is(button, [role="button"], label.btn-secondary-soft) {
	box-sizing: border-box;
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: 2.5rem;
	margin: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] :is(.mobile-matchup-action__state, .nfl-pick-action__status, .player-matchup-action__status, .nba-pick-action__status, .mlb-pick-action__status, .mma-fight-action__status) {
	justify-self: center;
	max-width: 100%;
	margin: 0;
	text-align: center;
}

/*
 * Renderer ownership boundary: the shared shell sizes the viewport only.
 * Each sport root composes its selection surfaces and artwork inside it.
 */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout] {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.8fr) minmax(0, 0.68fr);
	grid-template-rows: minmax(0, 1fr);
	align-items: stretch;
	gap: clamp(0.4rem, 1vw, 0.9rem);
	width: 100%;
	max-width: none;
	min-width: 0;
	min-height: 0;
	box-sizing: border-box;
	justify-self: stretch;
	align-self: stretch;
	overflow: hidden;
}

/* Decision sides are shared presentation surfaces. Renderer-specific classes
 * may paint them, but cannot own their grid slot, dimensions, or type. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout] > [data-decision-card-side] {
	position: relative;
	grid-row: 1;
	align-self: stretch;
	justify-self: stretch;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	border-radius: var(--match-renderer-radius);
	isolation: isolate;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout] > [data-decision-card-side="left"] {
	grid-column: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout] > [data-decision-card-side="right"] {
	grid-column: 3;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout] > :is(.nba-team-panel, .mlb-team-panel, .player-panel, .nfl-team-showcase, .nhl-matchup-card__choice, .mma-fighter-panel, .champions-participant-surface) {
	align-self: stretch;
	min-width: 0;
	max-width: none;
	min-height: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	justify-self: stretch;
}

/* Every selectable side uses the same identity type system, including button-based MMA panels. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .decision-card-identity {
	font-family: var(--corp-font-display);
}

/* Sport renderers are informational; the Decision Rail below owns selection. */
html:root.corporate-surface .play-page [data-sport-renderer-layout="football"] .football-decision-surface {
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="nfl"] .nfl-team-showcase--away,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="nba"] .nba-team-panel--away,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="mlb"] .mlb-team-panel--away,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="nhl"] .nhl-matchup-card__choice--away,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="mma"] .mma-fighter-panel--home,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="tennis"] .player-panel--home {
	grid-column: 1;
	grid-row: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="nfl"] .nfl-team-showcase--home,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="nba"] .nba-team-panel--home,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="mlb"] .mlb-team-panel--home,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="nhl"] .nhl-matchup-card__choice--home,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="mma"] .mma-fighter-panel--away,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="tennis"] .player-panel--away {
	grid-column: 3;
	grid-row: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="mma"] :is(.mma-poster-event, .mma-poster-signature) {
	position: absolute;
	left: 50%;
	z-index: 4;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout] {
		grid-template-columns: minmax(0, 0.78fr) minmax(4.25rem, 1.3fr) minmax(0, 0.78fr);
		gap: 0.3rem;
	}
}

@media (min-width: 576px) and (max-width: 1023.98px) {
	html:root.corporate-surface .play-page {
		--decision-card-renderer-height: 220px;
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page {
		--decision-card-space: 0.75rem;
		--decision-card-padding: 0.875rem;
		--decision-card-renderer-height: clamp(10rem, 50vw, 12.5rem);
	}
}

/*
 * Brand-owned Decision Card color contract.
 *
 * These values are inherited by the existing arena themeStyle, so a tenant can
 * replace them at the arena boundary without any sport template knowing which
 * brand is active. Participant data never supplies these values.
 */
:root {
	--brand-surface-page: #07111d;
	--brand-surface-card: #0b1826;
	--brand-surface-elevated: #102235;

	/* Product-wide Arena canvas. Page surfaces opt into this shared backdrop
	 * instead of redefining their own dark field, so navigation never changes
	 * the environment behind the product. */
	--arena-page-canvas:
		radial-gradient(circle at 50% 4%, color-mix(in srgb, var(--arena-color-action) 16%, transparent), transparent 28%),
		radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--arena-color-opportunity) 13%, transparent), transparent 30%),
		linear-gradient(90deg, color-mix(in srgb, var(--arena-color-action) 4%, transparent) 1px, transparent 1px),
		linear-gradient(180deg, color-mix(in srgb, var(--arena-color-action) 2.8%, transparent) 1px, transparent 1px),
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--brand-surface-page) 78%, var(--arena-color-context)) 0%,
			var(--brand-surface-page) 54%,
			color-mix(in srgb, var(--brand-surface-page) 82%, var(--surface-material-inner-shadow)) 100%
		);
	--arena-page-canvas-size: auto, auto, 72px 72px, 72px 72px, auto;

	/* Participant sides are material variants, not team palettes. */
	--brand-participant-a-start: #151d27;
	--brand-participant-a-end: #0b1016;
	--brand-participant-b-start: #181c21;
	--brand-participant-b-end: #0d1014;
	--brand-participant-neutral-start: #161b20;
	--brand-participant-neutral-end: #0b0f14;

	--brand-border-subtle: rgba(194, 207, 216, 0.16);
	--brand-border-strong: rgba(92, 218, 231, 0.52);
	--brand-card-highlight: #36d6e7;
	--brand-accent-primary: #36d6e7;
	--brand-accent-secondary: #8ac8d2;
	--brand-accent-premium: #d7bd76;

	--brand-text-primary: #f3f8fb;
	--brand-text-secondary: #9fb1bd;
	--brand-text-muted: #71828f;

	--brand-state-hover: rgba(86, 205, 220, 0.1);
	--brand-state-selected: #36d6e7;
	--brand-state-selected-glow: rgba(54, 214, 231, 0.3);
	--brand-state-locked: #586875;
	--brand-state-success: #49c78f;
	--brand-state-error: #d96b76;

	/* Arena Color Language. These aliases carry meaning, while the brand
	 * variables above remain the tenant-swappable source values. */
	--arena-color-context: var(--brand-surface-elevated);
	--arena-color-focus: var(--brand-text-primary);
	--arena-color-action: var(--brand-state-selected);
	--arena-color-prestige: var(--brand-accent-premium);
	--arena-color-opportunity: var(--brand-state-success);
	--arena-color-pressure: var(--brand-state-error);

	/* Premium material contract. These are semantic theme inputs, not sport skins. */
	--surface-material-base: var(--brand-surface-elevated);
	--surface-material-elevated: var(--brand-surface-card);
	--surface-material-highlight: var(--arena-color-focus);
	--surface-material-reflection: var(--brand-text-secondary);
	--surface-material-inner-shadow: #000000;
	--surface-material-border: var(--brand-border-subtle);
	--surface-material-shadow: #000000;
	--surface-material-selected-border: var(--brand-border-strong);
	--surface-material-selected-glow: var(--arena-color-action);
	--surface-material-cta-accent: var(--arena-color-action);

	/* Shared Decision CTA inputs. Tenants override these at the arena boundary. */
	--decision-cta-surface-start: color-mix(in srgb, var(--surface-material-base) 61%, var(--surface-material-cta-accent));
	--decision-cta-surface-center: color-mix(in srgb, var(--surface-material-elevated) 28%, var(--surface-material-cta-accent));
	--decision-cta-surface-end: color-mix(in srgb, var(--surface-material-base) 61%, var(--surface-material-cta-accent));
	--decision-cta-border: color-mix(in srgb, var(--surface-material-cta-accent) 84%, var(--brand-border-strong));
	--decision-cta-inner-glow: color-mix(in srgb, var(--surface-material-cta-accent) 90%, var(--brand-accent-secondary));
	--decision-cta-edge-light: color-mix(in srgb, var(--surface-material-highlight) 52%, var(--surface-material-cta-accent));
	--decision-cta-selected-accent: var(--arena-color-action);
	/* Confirmation is settled focus, not a generic green success state. */
	--decision-cta-success-accent: var(--arena-color-focus);

	/* CTA state hierarchy: inactive graphite, active Arena cyan, settled success. */
	--cta-inactive-surface: color-mix(in srgb, var(--surface-material-elevated) 90%, var(--brand-state-locked));
	--cta-inactive-border: color-mix(in srgb, var(--surface-material-border) 86%, var(--brand-state-locked));
	--cta-inactive-text: color-mix(in srgb, var(--brand-text-primary) 66%, var(--brand-text-muted));
	--cta-active-edge: var(--decision-cta-surface-start);
	--cta-active-center: var(--decision-cta-surface-center);
	--cta-active-border: var(--decision-cta-border);
	--cta-active-edge-light: var(--decision-cta-edge-light);
	--cta-active-inner-glow: var(--decision-cta-inner-glow);
	--cta-active-shadow: color-mix(in srgb, var(--cta-active-inner-glow) 48%, var(--surface-material-shadow));
	--cta-active-text: var(--arena-color-focus);
	--cta-confirmed-surface: color-mix(in srgb, var(--arena-color-focus) 15%, var(--cta-active-edge));
	--cta-confirmed-border: color-mix(in srgb, var(--arena-color-focus) 52%, var(--cta-active-border));
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .decision-card__participant-surface {
	--participant-surface-start: var(--brand-participant-a-start);
	--participant-surface-end: var(--brand-participant-a-end);
	--participant-surface-accent: var(--brand-accent-secondary);
	--participant-surface-reflection: var(--surface-material-reflection);
	--surface-material-light-x: 22%;
	--surface-material-highlight-strength: 6.5%;
	--surface-material-reflection-strength: 8%;
	--surface-material-vignette-strength: 24%;
	--surface-material-inner-shadow-strength: 30%;
	--surface-material-shadow-strength: 20%;
	--surface-material-layer:
		linear-gradient(180deg, color-mix(in srgb, var(--surface-material-highlight) var(--surface-material-highlight-strength), transparent), transparent 18%),
		radial-gradient(120% 88% at var(--surface-material-light-x) -14%, color-mix(in srgb, var(--participant-surface-reflection) var(--surface-material-reflection-strength), transparent), transparent 64%),
		radial-gradient(ellipse 110% 120% at 50% 46%, transparent 36%, color-mix(in srgb, var(--surface-material-inner-shadow) var(--surface-material-vignette-strength), transparent) 100%),
		linear-gradient(180deg, var(--participant-surface-start), var(--participant-surface-end));
	--surface-material-shadow-stack:
		inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight) 7%, transparent),
		inset 0 -20px 28px color-mix(in srgb, var(--surface-material-inner-shadow) var(--surface-material-inner-shadow-strength), transparent),
		0 8px 22px color-mix(in srgb, var(--surface-material-shadow) var(--surface-material-shadow-strength), transparent);
	--decision-card-primary: var(--participant-surface-start);
	--decision-card-secondary: var(--participant-surface-end);
	--decision-card-accent: var(--participant-surface-accent);

	/* Compatibility aliases resolve old sport skins through the same brand roles. */
	--football-team-primary: var(--participant-surface-start);
	--football-team-accent: var(--participant-surface-accent);
	--nfl-team-primary: var(--participant-surface-start);
	--nfl-team-secondary: var(--participant-surface-end);
	--nfl-team-accent: var(--participant-surface-accent);
	--tennis-panel-primary: var(--participant-surface-start);
	--tennis-panel-accent: var(--participant-surface-accent);
	--nhl-team-primary: var(--participant-surface-start);
	--nhl-team-secondary: var(--participant-surface-accent);
	--nba-team-primary: var(--participant-surface-start);
	--nba-team-secondary: var(--participant-surface-end);
	--nba-team-accent: var(--participant-surface-accent);
	--nba-team-text: var(--brand-text-primary);
	--mlb-team-primary-safe: var(--participant-surface-start);
	--mlb-team-secondary-safe: var(--participant-surface-end);
	--mlb-team-accent-safe: var(--participant-surface-accent);
	--mlb-team-text-safe: var(--brand-text-primary);
	--mma-panel-primary: var(--participant-surface-start);
	--mma-panel-secondary: var(--participant-surface-end);
	--mma-panel-accent: var(--participant-surface-accent);

	background: var(--surface-material-layer);
	border-color: var(--surface-material-border);
	box-shadow: var(--surface-material-shadow-stack);
	transition:
		border-color 180ms ease-out,
		box-shadow 180ms ease-out,
		filter 180ms ease-out,
		opacity 180ms ease-out;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .decision-card__participant-surface[data-participant-side="b"] {
	--participant-surface-start: var(--brand-participant-b-start);
	--participant-surface-end: var(--brand-participant-b-end);
	--participant-surface-accent: var(--brand-accent-primary);
	--surface-material-light-x: 24%;
	--surface-material-reflection-strength: 5.5%;
	--surface-material-vignette-strength: 26%;
}

/* Selection, saved state and result feedback live on the Decision Rail.
 * Participant panels remain context-only. */

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .decision-card__participant-surface:hover {
	--surface-material-light-x: 28%;
	--surface-material-reflection-strength: 10%;
	--surface-material-border: color-mix(in srgb, var(--surface-material-selected-border) 38%, var(--brand-border-subtle));
	--surface-material-shadow-stack:
		inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight) 9%, transparent),
		inset 0 -20px 28px color-mix(in srgb, var(--surface-material-inner-shadow) var(--surface-material-inner-shadow-strength), transparent),
		0 0 0 1px color-mix(in srgb, var(--surface-material-selected-glow) 12%, transparent),
		0 10px 26px color-mix(in srgb, var(--surface-material-shadow) 24%, transparent);
	box-shadow: var(--surface-material-shadow-stack);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .decision-card__participant-surface:focus-visible,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .decision-card__participant-surface:has(input:focus-visible) {
	outline: 2px solid var(--brand-accent-primary);
	outline-offset: 2px;
}

html:root.corporate-surface .play-page [data-decision-card-shell]:is(.is-locked, .is-live, .is-finished, [data-current-status="locked"], [data-current-status="live"], [data-current-status="finished"]) [data-decision-card-renderer] .decision-card__participant-surface,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .decision-card__participant-surface:is([aria-disabled="true"], :disabled) {
	--participant-surface-start: var(--brand-participant-neutral-start);
	--participant-surface-end: var(--brand-participant-neutral-end);
	--participant-surface-accent: var(--brand-state-locked);
	--surface-material-reflection-strength: 3.5%;
	--surface-material-highlight-strength: 4%;
	--surface-material-shadow-strength: 14%;
	--surface-material-border: color-mix(in srgb, var(--brand-state-locked) 58%, var(--brand-border-subtle));
	--surface-material-shadow-stack:
		inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight) 5%, transparent),
		inset 0 -18px 24px color-mix(in srgb, var(--surface-material-inner-shadow) 26%, transparent),
		0 5px 14px color-mix(in srgb, var(--surface-material-shadow) 17%, transparent);
	border-color: var(--surface-material-border);
	box-shadow: var(--surface-material-shadow-stack);
	filter: saturate(0.88) brightness(0.98);
}

/* Champions Football uses the same decision surfaces as every other matchup.
 * The pitch remains sport artwork; only the selectable club panels and their
 * state marker consume these brand-owned tokens. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="football"] .champions-outcome-choice__state {
	border-color: var(--brand-border-subtle);
	background: color-mix(in srgb, var(--brand-surface-elevated) 88%, transparent);
	color: var(--brand-text-secondary);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="football"] .champions-outcome-choice:has(input:checked) .champions-outcome-choice__state {
	border-color: var(--brand-border-strong);
	background: color-mix(in srgb, var(--brand-state-selected) 18%, var(--brand-surface-elevated));
	color: var(--brand-text-primary);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="football"] .champions-match-card__stage:has(.champions-participant-surface[data-participant-side="a"] input:checked) .champions-pitch__pick-chip--home,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="football"] .champions-match-card__stage:has(.champions-participant-surface[data-participant-side="b"] input:checked) .champions-pitch__pick-chip--away {
	opacity: 1;
}


/*
 * Premium Decision CTA system · Arena CTA Vitality Pass.
 *
 * The decision rail is the sole CTA mount for every standard matchup.  This
 * intentionally finishes the legacy sport rules in one shared place: the
 * renderer and participant materials remain untouched.
 */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta] {
	--decision-cta-top-light: color-mix(in srgb, var(--cta-active-edge-light) 7%, transparent);
	--decision-cta-center-glow: color-mix(in srgb, var(--cta-active-inner-glow) 4%, transparent);
	display: inline-flex !important;
	position: relative;
	align-items: center !important;
	justify-content: center !important;
	min-height: var(--play-action-height) !important;
	padding: 0 var(--play-action-padding-x) !important;
	border-radius: var(--play-action-radius) !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: var(--cta-inactive-border) !important;
	background:
		linear-gradient(180deg, var(--decision-cta-top-light), transparent 28%),
		linear-gradient(90deg, var(--cta-inactive-surface), var(--surface-material-base) 50%, var(--cta-inactive-surface)) !important;
	color: var(--cta-inactive-text) !important;
	font-weight: 900 !important;
	letter-spacing: 0.06em !important;
	line-height: 1.1 !important;
	text-shadow: 0 1px 0 color-mix(in srgb, var(--surface-material-inner-shadow) 42%, transparent);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--cta-active-edge-light) 12%, transparent),
		inset 0 -10px 16px color-mix(in srgb, var(--surface-material-inner-shadow) 26%, transparent),
		0 4px 10px color-mix(in srgb, var(--surface-material-shadow) 16%, transparent) !important;
	transform: translateY(0);
	transition:
		transform 180ms ease-out,
		border-color 180ms ease-out,
		background 180ms ease-out,
		box-shadow 180ms ease-out,
		color 180ms ease-out,
	opacity 180ms ease-out !important;
}

/* The progressive confirmation rail has no action before a choice exists.
 * This must win over the CTA display declaration above as well as the UA
 * hidden rule, so an idle control never leaves an empty or unavailable bar. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][hidden] {
	display: none !important;
}

/* The icon is optically independent, so the action label remains perfectly centered. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta-icon] {
	position: absolute;
	top: 50%;
	right: 1.125rem;
	width: 0.9em;
	height: 0.9em;
	opacity: 0;
	pointer-events: none;
	transform: translate(-2px, -50%);
	transition: opacity 180ms ease-out, transform 180ms ease-out;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta-icon]::before,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta-icon]::after {
	content: "";
	position: absolute;
	color: currentColor;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta-icon]::before {
	top: 50%;
	left: 0;
	width: 0.82em;
	height: 1px;
	background: currentColor;
	transform: translateY(-50%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta-icon]::after {
	top: 50%;
	right: 0;
	width: 0.42em;
	height: 0.42em;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta]:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--decision-cta-edge-light) 34%, var(--decision-cta-inner-glow)) !important;
	outline-offset: 3px;
}

/* The shared state machine, rather than sport markup or renderer :has() hooks, owns CTA activation. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="selected"] {
	--decision-cta-top-light: color-mix(in srgb, var(--cta-active-edge-light) 52%, transparent);
	--decision-cta-center-glow: color-mix(in srgb, var(--cta-active-inner-glow) 38%, transparent);
	border-color: var(--cta-active-border) !important;
	background:
		linear-gradient(180deg, var(--cta-active-edge-light) 0 1px, var(--decision-cta-top-light) 1px, transparent 32%),
		radial-gradient(ellipse 74% 164% at 50% 42%, var(--decision-cta-center-glow), transparent 72%),
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--cta-active-edge-light) 7%, transparent) 0 1px, transparent 1px 4px),
		linear-gradient(90deg, var(--cta-active-edge), var(--cta-active-center) 50%, var(--cta-active-edge)) !important;
	color: var(--cta-active-text) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--cta-active-edge-light) 78%, transparent),
		inset 0 9px 20px color-mix(in srgb, var(--cta-active-inner-glow) 24%, transparent),
		inset 0 -11px 18px color-mix(in srgb, var(--surface-material-inner-shadow) 27%, transparent),
		0 12px 26px color-mix(in srgb, var(--cta-active-shadow) 56%, transparent),
		0 0 0 1px color-mix(in srgb, var(--cta-active-inner-glow) 44%, transparent) !important;
	filter: none !important;
	opacity: 1 !important;
	transform: translateY(-1px);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="selected"] [data-decision-cta-icon] {
	opacity: 0.96;
	transform: translate(0, -50%);
}

@media (hover: hover) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="selected"]:hover {
		--decision-cta-top-light: color-mix(in srgb, var(--cta-active-edge-light) 62%, transparent);
		--decision-cta-center-glow: color-mix(in srgb, var(--cta-active-inner-glow) 48%, transparent);
		border-color: color-mix(in srgb, var(--cta-active-inner-glow) 88%, var(--cta-active-border)) !important;
		box-shadow:
			inset 0 1px 0 color-mix(in srgb, var(--cta-active-edge-light) 92%, transparent),
			inset 0 9px 20px color-mix(in srgb, var(--cta-active-inner-glow) 30%, transparent),
			inset 0 -11px 18px color-mix(in srgb, var(--surface-material-inner-shadow) 24%, transparent),
			0 14px 30px color-mix(in srgb, var(--cta-active-shadow) 66%, transparent),
			0 0 0 1px color-mix(in srgb, var(--cta-active-inner-glow) 54%, transparent) !important;
		transform: translateY(-2px);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="selected"]:hover [data-decision-cta-icon] {
		transform: translate(2px, -50%);
	}
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="selected"]:active {
	--decision-cta-top-light: color-mix(in srgb, var(--cta-active-edge-light) 11%, transparent);
	--decision-cta-center-glow: color-mix(in srgb, var(--cta-active-inner-glow) 12%, transparent);
	box-shadow:
		inset 0 2px 5px color-mix(in srgb, var(--surface-material-inner-shadow) 38%, transparent),
		inset 0 -5px 10px color-mix(in srgb, var(--surface-material-inner-shadow) 24%, transparent),
		0 3px 8px color-mix(in srgb, var(--cta-active-shadow) 30%, transparent) !important;
	transform: translateY(0);
}

/* Disabled and locked controls retain the same machine-made surface, but sit lower and remain static. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta]:is(
	[data-decision-cta-state="idle"],
	[data-decision-cta-state="loading"],
	[data-decision-cta-state="confirmed"],
	[data-decision-cta-state="locked"],
	[data-decision-cta-state="disabled"]
) {
	border-color: var(--cta-inactive-border) !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--cta-active-edge-light) 5%, transparent), transparent 30%),
		linear-gradient(90deg, var(--cta-inactive-surface), var(--surface-material-base) 50%, var(--cta-inactive-surface)) !important;
	color: var(--cta-inactive-text) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--decision-cta-edge-light) 8%, transparent),
		inset 0 -7px 12px color-mix(in srgb, var(--surface-material-inner-shadow) 22%, transparent),
		0 3px 8px color-mix(in srgb, var(--surface-material-shadow) 16%, transparent) !important;
	filter: none !important;
	opacity: 0.82 !important;
	transform: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls]
	:is(.prediction-readonly, .nfl-pick-action__passive, .nfl-pickem-readonly, .champions-pick-action__status, .player-matchup-readonly, .nba-decision-readonly, .mlb-decision-readonly, .mma-fight-readonly) {
	border-color: color-mix(in srgb, var(--surface-material-border) 82%, var(--brand-state-locked)) !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--surface-material-highlight) 4%, transparent), transparent 38%),
		linear-gradient(180deg, var(--surface-material-base), var(--surface-material-elevated)) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight) 5%, transparent),
		inset 0 -8px 14px color-mix(in srgb, var(--surface-material-inner-shadow) 24%, transparent),
		0 3px 9px color-mix(in srgb, var(--surface-material-shadow) 16%, transparent) !important;
}

/* Confirmation uses the existing cyan accent and a quieter, settled elevation. */
html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-decision-cta][data-decision-cta-state="confirmed"]) {
	--decision-cta-confirmation-border: var(--cta-confirmed-border);
	--decision-cta-confirmation-surface: var(--cta-confirmed-surface);
}

html:root.corporate-surface .play-page [data-decision-card-shell]:is(.is-saved, [data-current-status="saved"]) [data-decision-card-controls]
	:is(.mobile-matchup-action__state, .nfl-pick-action__status, .player-matchup-action__status, .nba-pick-action__status, .mlb-pick-action__status, .mma-fight-action__status, .champions-pick-action__status),
html:root.corporate-surface .play-page [data-decision-card-shell]:has(.prediction-native-save-form.has-save-success) [data-decision-card-controls]
	:is(.mobile-matchup-action__state, .nfl-pick-action__status, .player-matchup-action__status, .nba-pick-action__status, .mlb-pick-action__status, .mma-fight-action__status, .champions-pick-action__status) {
	border-color: var(--decision-cta-confirmation-border) !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--surface-material-highlight) 9%, transparent), transparent 40%),
		linear-gradient(180deg, var(--decision-cta-confirmation-surface), var(--surface-material-elevated)) !important;
	color: var(--brand-text-primary) !important;
	font-weight: 900 !important;
	letter-spacing: 0.05em !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--surface-material-highlight) 11%, transparent),
		inset 0 -7px 13px color-mix(in srgb, var(--surface-material-inner-shadow) 20%, transparent),
		0 4px 10px color-mix(in srgb, var(--surface-material-shadow) 18%, transparent),
		0 0 0 1px color-mix(in srgb, var(--surface-material-cta-accent) 14%, transparent) !important;
}

/* Saving retains the label area and lowers urgency without a second interaction model. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="loading"] {
	--decision-cta-top-light: color-mix(in srgb, var(--decision-cta-edge-light) 10%, transparent);
	--decision-cta-center-glow: color-mix(in srgb, var(--decision-cta-inner-glow) 7%, transparent);
	border-color: color-mix(in srgb, var(--decision-cta-border) 82%, var(--brand-state-locked)) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--decision-cta-edge-light) 12%, transparent),
		inset 0 -8px 13px color-mix(in srgb, var(--surface-material-inner-shadow) 24%, transparent),
		0 4px 10px color-mix(in srgb, var(--surface-material-shadow) 18%, transparent) !important;
	cursor: progress;
	opacity: 0.86 !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="loading"] [data-decision-cta-icon] {
	width: 0.84em;
	height: 0.84em;
	opacity: 0.9;
	border: 1.5px solid color-mix(in srgb, var(--cta-active-edge-light) 76%, transparent);
	border-left-color: transparent;
	border-radius: 50%;
	transform: translate(0, -50%);
	animation: decision-cta-loading 720ms linear infinite;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="loading"] [data-decision-cta-icon]::before,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="loading"] [data-decision-cta-icon]::after {
	display: none;
}

@keyframes decision-cta-loading {
	to {
		transform: translate(0, -50%) rotate(1turn);
	}
}

/* A saved native action remains calm and gains a compact confirmation mark without template changes. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="confirmed"] {
	--decision-cta-top-light: color-mix(in srgb, var(--decision-cta-edge-light) 12%, transparent);
	--decision-cta-center-glow: color-mix(in srgb, var(--arena-color-focus) 9%, transparent);
	border-color: var(--decision-cta-confirmation-border) !important;
	background:
		linear-gradient(180deg, var(--decision-cta-top-light), transparent 30%),
		linear-gradient(90deg, var(--cta-confirmed-surface), var(--surface-material-base) 50%, var(--cta-confirmed-surface)) !important;
	color: var(--brand-text-primary) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--decision-cta-edge-light) 22%, transparent),
		inset 0 -8px 14px color-mix(in srgb, var(--surface-material-inner-shadow) 22%, transparent),
		0 4px 10px color-mix(in srgb, var(--surface-material-shadow) 18%, transparent),
		0 0 0 1px color-mix(in srgb, var(--arena-color-focus) 12%, transparent) !important;
	transform: translateY(0);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="confirmed"]::before {
	content: "✓";
	margin-right: 0.34em;
	font-size: 0.76em;
	line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta] {
		transition: none !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer]
		.decision-card__participant-surface {
		transition: none;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-controls] [data-decision-cta][data-decision-cta-state="loading"] [data-decision-cta-icon] {
		animation: none;
	}
}

/* NHL renderer fill: the rink remains oval, while the complete renderer frame
 * reads as one ice-arena surface instead of leaving an empty black surround. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="nhl"] {
	background:
		radial-gradient(ellipse 86% 132% at 50% 50%, color-mix(in srgb, var(--brand-accent-secondary) 13%, transparent), transparent 70%),
		linear-gradient(90deg, color-mix(in srgb, var(--brand-surface-elevated) 88%, var(--brand-surface-page)), var(--brand-surface-card) 50%, color-mix(in srgb, var(--brand-surface-elevated) 88%, var(--brand-surface-page))) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--brand-border-subtle) 68%, transparent), inset 0 -24px 38px rgba(2, 10, 18, 0.2) !important;
}

/* Retire every legacy pseudo-badge, including the NFL selected-state patch. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .nfl-team-showcase::after,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .nfl-team-showcase:is(.is-selected, :has(.nfl-pick-radio:checked))::after {
	display: none !important;
	content: none !important;
}

/* Arena Renderer Cinematic Lighting: one quiet light model for every sport.
 * This overlay lives inside each environment only; panels and layout remain untouched. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-arena-renderer-atmosphere] {
	position: absolute;
	inset: 0;
	z-index: 0 !important;
	display: block !important;
	border-radius: inherit;
	pointer-events: none;
	background:
		linear-gradient(135deg, rgba(237, 248, 255, 0.075), transparent 34%),
		radial-gradient(ellipse 62% 74% at 50% 50%, rgba(219, 240, 255, 0.045), transparent 70%),
		radial-gradient(ellipse 98% 112% at 50% 50%, transparent 52%, rgba(13, 37, 54, 0.16) 100%);
	box-shadow:
		inset 0 1px 0 rgba(240, 250, 255, 0.13),
		inset 0 -18px 30px rgba(10, 29, 43, 0.11),
		inset 0 0 0 1px rgba(194, 225, 239, 0.055);
}

/* Editorial Rhythm Pass: page-level pacing only.  A prediction sequence stays
 * close enough to scan, while a new sport or prediction format gets a clear
 * editorial breath before it begins. */
html:root.corporate-surface .arena-experience-narrative--play {
	--play-editorial-prologue-space: clamp(1.75rem, 3vw, 2.8rem);
	--play-editorial-sequence-space: clamp(1.1rem, 1.8vw, 1.45rem);
	--play-editorial-chapter-space: clamp(2.3rem, 4vw, 3.6rem);
	--play-editorial-special-space: clamp(2.8rem, 5vw, 4.5rem);
}

html:root.corporate-surface .play-page .play-arena-hero {
	margin-bottom: var(--play-editorial-prologue-space);
}

html:root.corporate-surface .arena-experience-narrative--play .play-predictions-panel {
	gap: 0;
	padding-block: clamp(1.25rem, 2.2vw, 1.75rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group {
	gap: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group + .play-prediction-group {
	margin-top: var(--play-editorial-chapter-space);
	padding-top: clamp(1.25rem, 2.4vw, 1.8rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group__header {
	margin: 0;
	padding: 0 0 clamp(1rem, 1.8vw, 1.35rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list {
	gap: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is(article, .f1-race-collapsed-card) {
	margin-top: var(--play-editorial-sequence-space);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :first-child {
	margin-top: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage] {
	margin: var(--play-editorial-chapter-space) 0 0;
	padding: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage]:first-child {
	margin-top: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage] + :is(article, .f1-race-collapsed-card) {
	margin-top: clamp(0.7rem, 1.25vw, 0.95rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is(.play-special-picks-divider, .play-main-event-divider) {
	margin: var(--play-editorial-special-space) 0 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is(.play-special-picks-divider, .play-main-event-divider) + :is(article, .f1-race-collapsed-card) {
	margin-top: clamp(0.85rem, 1.4vw, 1.1rem);
}

/* Editorial Narrative Pass: the existing group headers become chapter cues.
 * The composition, rather than a larger card or a new component, gives the
 * current event its focus and lets the rest of the schedule read in acts. */
html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .play-prediction-group__header[data-editorial-chapter] {
	margin: var(--play-editorial-chapter-space) 0 0;
	padding: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .play-prediction-group__header[data-editorial-chapter]:first-child {
	margin-top: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .play-prediction-group__header[data-editorial-chapter] + [data-championship-stage],
html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is(.play-special-picks-divider, .play-main-event-divider) + [data-championship-stage] {
	margin-top: clamp(0.5rem, 1vw, 0.78rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .play-prediction-group__header[data-editorial-chapter] + :is(article, .f1-race-collapsed-card) {
	margin-top: clamp(0.75rem, 1.25vw, 1rem);
}

/* Special predictions are a change of reading mode.  Their stage titles need
 * one calm beat before the denser Golf and Grand Prix experiences begin. */
html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is([data-championship-stage="golf"], [data-championship-stage="f1"]) {
	margin-bottom: clamp(1.1rem, 2vw, 1.45rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is([data-championship-stage="golf"], [data-championship-stage="f1"]) + :is(article, .f1-race-collapsed-card) {
	margin-top: 0;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .arena-experience-narrative--play {
		--play-editorial-prologue-space: 1.4rem;
		--play-editorial-sequence-space: 1rem;
		--play-editorial-chapter-space: 1.8rem;
		--play-editorial-special-space: 2.35rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-predictions-panel {
		padding-block: 0.9rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group__header {
		padding-bottom: 0.9rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage] + :is(article, .f1-race-collapsed-card) {
		margin-top: 0.62rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .play-prediction-group__header[data-editorial-chapter] + [data-championship-stage],
	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is(.play-special-picks-divider, .play-main-event-divider) + [data-championship-stage] {
		margin-top: 0.45rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is([data-championship-stage="golf"], [data-championship-stage="f1"]) {
		margin-bottom: 0.9rem;
	}
}

/* Arena Brand Energy Pass: the page carries the Tobeat Sports atmosphere in
 * the quiet space around the experience.  Existing modules retain their own
 * composition; this only gives the editorial sequence a deeper, more focused
 * sense of arrival and release. */
html:root.corporate-surface .play-page .arena-experience-narrative--play {
	--arena-energy-cyan: color-mix(in srgb, var(--brand-accent-primary) 13%, transparent);
	--arena-energy-ice: color-mix(in srgb, var(--brand-accent-secondary) 8%, transparent);
	--arena-energy-premium: color-mix(in srgb, var(--brand-accent-premium) 5%, transparent);
	position: relative;
	isolation: isolate;
}

html:root.corporate-surface .play-page .arena-experience-narrative--play::before,
html:root.corporate-surface .play-page .arena-experience-narrative--play::after {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
}

html:root.corporate-surface .play-page .arena-experience-narrative--play::before {
	top: clamp(-4rem, -7vw, -1.75rem);
	left: 50%;
	width: min(76rem, 132%);
	height: clamp(19rem, 32vw, 31rem);
	background:
		radial-gradient(ellipse 46% 62% at 50% 0%, var(--arena-energy-cyan), transparent 72%),
		radial-gradient(ellipse 28% 46% at 18% 18%, var(--arena-energy-ice), transparent 76%);
	transform: translateX(-50%);
	filter: blur(1px);
}

html:root.corporate-surface .play-page .arena-experience-narrative--play::after {
	top: clamp(28rem, 53vw, 50rem);
	right: min(-18rem, -18vw);
	width: min(42rem, 72vw);
	height: min(42rem, 68vw);
	background: radial-gradient(ellipse at center, var(--arena-energy-premium), transparent 72%);
	opacity: 0.8;
}

html:root.corporate-surface .play-page .arena-experience-narrative--play > :is(.play-arena-hero, .play-command-layout) {
	position: relative;
	z-index: 1;
}

html:root.corporate-surface .play-page .arena-experience-narrative--play .play-arena-hero {
	box-shadow:
		0 28px 64px color-mix(in srgb, var(--surface-material-shadow) 34%, transparent),
		0 0 52px color-mix(in srgb, var(--brand-accent-primary) 7%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--brand-text-primary) 4%, transparent);
}

html:root.corporate-surface .play-page .arena-experience-narrative--play .play-special-picks-divider,
html:root.corporate-surface .play-page .arena-experience-narrative--play .play-main-event-divider {
	border-color: color-mix(in srgb, var(--brand-border-subtle) 78%, var(--brand-accent-secondary));
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .arena-experience-narrative--play::before {
		top: -2.6rem;
		width: 136%;
		height: 17rem;
		opacity: 0.72;
	}

	html:root.corporate-surface .play-page .arena-experience-narrative--play::after {
		top: 32rem;
		right: -15rem;
		width: 28rem;
		height: 28rem;
		opacity: 0.52;
	}

	html:root.corporate-surface .play-page .arena-experience-narrative--play .play-arena-hero {
		box-shadow:
			0 20px 42px color-mix(in srgb, var(--surface-material-shadow) 28%, transparent),
			0 0 32px color-mix(in srgb, var(--brand-accent-primary) 6%, transparent),
			inset 0 1px 0 color-mix(in srgb, var(--brand-text-primary) 4%, transparent);
	}
}

/* Arena Color Language
 *
 * Context stays dark; focus stays white; cyan is reserved for action; gold
 * marks prestige; green signals opportunity; red signals pressure.  The
 * aliases resolve through the existing tenant brand inputs, so a tenant swaps
 * hues centrally without any sport template knowing about its palette.
 */
html:root.corporate-surface .play-page .arena-experience-narrative--play {
	/* Atmospheric light is contextual, not an extra cyan or gold signal. */
	--arena-energy-cyan: color-mix(in srgb, var(--arena-color-focus) 4%, transparent);
	--arena-energy-ice: color-mix(in srgb, var(--arena-color-focus) 2.5%, transparent);
	--arena-energy-premium: transparent;
}

/* An open window is an opportunity. A live event or closing time is pressure. */
html:root.corporate-surface .play-page :is(.prediction-status-badge, .match-status-chip):is(.is-open, .prediction-status-open) {
	border-color: color-mix(in srgb, var(--arena-color-opportunity) 44%, var(--brand-border-subtle)) !important;
	background: color-mix(in srgb, var(--arena-color-opportunity) 10%, var(--arena-color-context)) !important;
	color: color-mix(in srgb, var(--arena-color-opportunity) 82%, var(--arena-color-focus)) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 5%, transparent) !important;
}

html:root.corporate-surface .play-page :is(.prediction-status-badge, .match-status-chip):is(.is-live, .prediction-status-live) {
	border-color: color-mix(in srgb, var(--arena-color-pressure) 42%, var(--brand-border-subtle)) !important;
	background: color-mix(in srgb, var(--arena-color-pressure) 8%, var(--arena-color-context)) !important;
	color: color-mix(in srgb, var(--arena-color-pressure) 78%, var(--arena-color-focus)) !important;
}

html:root.corporate-surface .play-page .match-card__timing-detail {
	color: color-mix(in srgb, var(--arena-color-pressure) 78%, var(--arena-color-focus)) !important;
	box-shadow: none !important;
}

/* A saved pick is acknowledged focus, never an undeserved prestige or success signal. */
html:root.corporate-surface .play-page :is(.prediction-status-saved, .prediction-status-badge.is-saved, .match-status-chip.is-saved, .mobile-matchup-action__state[data-match-card-action-state="saved"]) {
	border-color: color-mix(in srgb, var(--arena-color-focus) 22%, var(--brand-border-subtle)) !important;
	background: color-mix(in srgb, var(--arena-color-focus) 5%, var(--arena-color-context)) !important;
	color: var(--arena-color-focus) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 5%, transparent) !important;
}

html:root.corporate-surface .play-page :is(.prediction-status-badge, .match-status-chip):is(.is-locked, .is-finished, .prediction-status-locked, .prediction-status-finished) {
	border-color: var(--brand-border-subtle) !important;
	background: var(--arena-color-context) !important;
	color: var(--brand-text-secondary) !important;
	box-shadow: none !important;
}

/* The hero states follow the same vocabulary as the card headers. */
html:root.corporate-surface .play-page .arena-command-plate.is-open :is(.arena-command-plate__kicker, .arena-command-plate__beacon) {
	color: var(--arena-color-opportunity) !important;
}

html:root.corporate-surface .play-page .arena-command-plate.is-open .arena-command-plate__beacon {
	background: var(--arena-color-opportunity) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--arena-color-opportunity) 12%, transparent) !important;
}

html:root.corporate-surface .play-page .arena-command-plate.is-live :is(.arena-command-plate__kicker, .arena-command-plate__beacon) {
	color: var(--arena-color-pressure) !important;
}

html:root.corporate-surface .play-page .arena-command-plate.is-live .arena-command-plate__beacon {
	background: var(--arena-color-pressure) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--arena-color-pressure) 12%, transparent) !important;
}

/* Main Event is the single editorial prestige marker; Special Picks stays contextual. */
html:root.corporate-surface .play-page .play-main-event-divider {
	border-color: color-mix(in srgb, var(--arena-color-prestige) 40%, var(--brand-border-subtle)) !important;
	color: var(--arena-color-prestige) !important;
}

html:root.corporate-surface .play-page .play-main-event-divider::after {
	background: linear-gradient(90deg, color-mix(in srgb, var(--arena-color-prestige) 48%, transparent), transparent) !important;
}

html:root.corporate-surface .play-page .play-special-picks-divider {
	border-color: var(--brand-border-subtle) !important;
	color: var(--brand-text-secondary) !important;
}

/* Ranking turns rank into prestige, a rising position into opportunity, and a
 * falling position into pressure.  Current-user emphasis remains actionable. */
html:root.corporate-surface .ranking-page .ranking-card.is-rank-1 {
	border-color: color-mix(in srgb, var(--arena-color-prestige) 46%, var(--brand-border-subtle)) !important;
	background:
		radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--arena-color-prestige) 12%, transparent), transparent 36%),
		linear-gradient(145deg, var(--arena-color-context), var(--brand-surface-page)) !important;
	box-shadow: 0 0 32px color-mix(in srgb, var(--arena-color-prestige) 8%, transparent) !important;
}

html:root.corporate-surface .ranking-page .ranking-card.is-rank-1::before {
	background: linear-gradient(180deg, var(--arena-color-prestige), color-mix(in srgb, var(--arena-color-prestige) 22%, transparent)) !important;
}

html:root.corporate-surface .ranking-page .ranking-card:is(.is-rank-2, .is-rank-3) {
	border-color: var(--brand-border-subtle) !important;
	background:
		radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--arena-color-focus) 5%, transparent), transparent 36%),
		linear-gradient(145deg, var(--arena-color-context), var(--brand-surface-page)) !important;
}

html:root.corporate-surface .ranking-page .ranking-card:is(.is-rank-2, .is-rank-3)::before {
	background: linear-gradient(180deg, color-mix(in srgb, var(--arena-color-focus) 54%, transparent), color-mix(in srgb, var(--arena-color-focus) 12%, transparent)) !important;
}

html:root.corporate-surface .ranking-page .ranking-card.is-current-user {
	border-color: color-mix(in srgb, var(--arena-color-action) 52%, var(--brand-border-subtle)) !important;
	background:
		radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--arena-color-action) 13%, transparent), transparent 36%),
		linear-gradient(145deg, var(--arena-color-context), var(--brand-surface-page)) !important;
	box-shadow:
		0 22px 72px color-mix(in srgb, var(--arena-color-action) 10%, transparent),
		0 0 0 1px color-mix(in srgb, var(--arena-color-action) 8%, transparent) inset !important;
}

html:root.corporate-surface .ranking-page .ranking-card.is-current-user::before,
html:root.corporate-surface .ranking-page .ranking-card.is-current-user::after {
	background: linear-gradient(180deg, color-mix(in srgb, var(--arena-color-action) 76%, transparent), color-mix(in srgb, var(--arena-color-action) 18%, transparent)) !important;
}

html:root.corporate-surface .ranking-page :is(.movement-up, .ranking-momentum-inline.movement-up) {
	color: var(--arena-color-opportunity) !important;
}

html:root.corporate-surface .ranking-page :is(.movement-down, .ranking-momentum-inline.movement-down) {
	color: var(--arena-color-pressure) !important;
}

html:root.corporate-surface .ranking-page :is(.ranking-movement strong, .ranking-momentum-inline).movement-up::before {
	background: color-mix(in srgb, var(--arena-color-opportunity) 52%, var(--arena-color-context)) !important;
	box-shadow: 0 0 12px color-mix(in srgb, var(--arena-color-opportunity) 14%, transparent) !important;
}

html:root.corporate-surface .ranking-page :is(.ranking-movement strong, .ranking-momentum-inline).movement-down::before {
	background: color-mix(in srgb, var(--arena-color-pressure) 52%, var(--arena-color-context)) !important;
	box-shadow: 0 0 12px color-mix(in srgb, var(--arena-color-pressure) 14%, transparent) !important;
}

html:root.corporate-surface .ranking-page .ranking-status-chip:is(.is-official, .is-pending) {
	border-color: var(--brand-border-subtle) !important;
	background: var(--arena-color-context) !important;
	color: var(--arena-color-focus) !important;
}

html:root.corporate-surface .ranking-page .ranking-status-chip.is-provisional {
	border-color: color-mix(in srgb, var(--arena-color-pressure) 38%, var(--brand-border-subtle)) !important;
	background: color-mix(in srgb, var(--arena-color-pressure) 7%, var(--arena-color-context)) !important;
	color: color-mix(in srgb, var(--arena-color-pressure) 72%, var(--arena-color-focus)) !important;
}

html:root.corporate-surface .ranking-page .ranking-trajectory__path {
	stroke: var(--arena-color-opportunity) !important;
	filter: drop-shadow(0 0 7px color-mix(in srgb, var(--arena-color-opportunity) 20%, transparent)) !important;
}

html:root.corporate-surface .ranking-page .ranking-trajectory__path--quiet {
	stroke: color-mix(in srgb, var(--arena-color-focus) 30%, transparent) !important;
	filter: none !important;
}

html:root.corporate-surface .ranking-page .ranking-trajectory__node {
	fill: var(--arena-color-context) !important;
	stroke: color-mix(in srgb, var(--arena-color-focus) 62%, var(--brand-border-subtle)) !important;
	filter: none !important;
}

html:root.corporate-surface .ranking-page .ranking-trajectory__node--current {
	fill: var(--arena-color-focus) !important;
	stroke: var(--arena-color-focus) !important;
}

/* F1 Arena Alignment
 *
 * Pole and podium remain a distinct ordered prediction, while its visible
 * control surfaces speak the same Arena color language as every other sport.
 * Constructors and drivers keep their identity in content rather than owning
 * the background, border, or CTA palette.
 */
html:root.corporate-surface .play-page :is(.f1-race-event-card, .f1-race-collapsed-card) {
	--f1-team-primary: var(--arena-color-action);
	--f1-team-secondary: var(--arena-color-context);
	--f1-team-accent: var(--arena-color-prestige);
	/* F1's sole sport-owned accent: a quiet race mark in the event header. */
	--f1-sport-detail-red: #e10600;
	--f1-race-red: var(--arena-color-action);
	--f1-race-red-bright: var(--arena-color-focus);
	--f1-race-blue: var(--arena-color-action);
	--f1-race-yellow: var(--arena-color-prestige);
}

html:root.corporate-surface .play-page {
	--f1-competition-gold: var(--arena-color-prestige);
	--f1-selected-cyan: var(--arena-color-action);
}

html:root.corporate-surface .play-page .f1-legend-dot--gold {
	background: var(--arena-color-prestige) !important;
	box-shadow: 0 0 16px color-mix(in srgb, var(--arena-color-prestige) 28%, transparent) !important;
}

html:root.corporate-surface .play-page .f1-legend-dot--silver {
	background: var(--arena-color-focus) !important;
	box-shadow: 0 0 16px color-mix(in srgb, var(--arena-color-focus) 18%, transparent) !important;
}

html:root.corporate-surface .play-page .track-mini--active {
	--track-color: var(--arena-color-action);
	--track-glow: color-mix(in srgb, var(--arena-color-action) 28%, transparent);
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern {
	border-color: var(--brand-border-subtle) !important;
	background: linear-gradient(145deg, var(--brand-surface-elevated), var(--brand-surface-card) 58%, var(--brand-surface-page)) !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__hero::before {
	background:
		linear-gradient(90deg, transparent 0 5%, color-mix(in srgb, var(--f1-sport-detail-red) 72%, transparent) 5% 15%, transparent 15% 100%) 0 0 / 100% 2px no-repeat,
		radial-gradient(ellipse 30% 72% at 84% 28%, color-mix(in srgb, var(--arena-color-action) 14%, transparent), transparent 70%),
		radial-gradient(ellipse 46% 78% at 41% 112%, color-mix(in srgb, var(--arena-color-focus) 4%, transparent), transparent 72%),
		repeating-linear-gradient(118deg, transparent 0 26px, color-mix(in srgb, var(--arena-color-prestige) 5%, transparent) 27px 28px, transparent 29px 56px),
		linear-gradient(122deg, var(--brand-surface-page), var(--brand-surface-elevated) 56%, var(--brand-surface-card)) !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-race-card__eyebrow,
html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-active-race-header__copy p,
html:root.corporate-surface .play-page .f1-race-card__context,
html:root.corporate-surface .play-page .f1-ordered-actions p {
	color: var(--brand-text-secondary) !important;
}

html:root.corporate-surface .play-page .f1-race-card__hero-aside .f1-starting-grid-preview {
	border-color: var(--brand-border-subtle) !important;
	background: color-mix(in srgb, var(--arena-color-context) 86%, var(--brand-surface-page)) !important;
}

html:root.corporate-surface .play-page .f1-race-card__context {
	border-block-color: var(--brand-border-subtle) !important;
}

html:root.corporate-surface .play-page .f1-race-card__context span {
	border-right-color: var(--brand-border-subtle) !important;
}

html:root.corporate-surface .play-page .f1-race-card__context span:nth-child(2) {
	color: color-mix(in srgb, var(--arena-color-pressure) 78%, var(--arena-color-focus)) !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--golf-pattern .f1-ordered-selector-panel,
html:root.corporate-surface .play-page .f1-ordered-summary {
	border-color: var(--brand-border-subtle) !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--arena-color-focus) 3%, transparent), transparent 42%),
		var(--brand-surface-card) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 4%, transparent) !important;
}

html:root.corporate-surface .play-page .f1-ordered-selector-panel__header span,
html:root.corporate-surface .play-page .f1-selector-group > span,
html:root.corporate-surface .play-page .f1-selector-trigger__role,
html:root.corporate-surface .play-page [data-f1-implied-winner-copy] {
	color: var(--brand-text-secondary) !important;
}

html:root.corporate-surface .play-page .f1-ordered-selector-panel__header strong {
	color: var(--arena-color-action) !important;
}

html:root.corporate-surface .play-page .f1-ordered-selector-panel--readonly .f1-ordered-selector-panel__header strong {
	color: var(--brand-text-secondary) !important;
}

html:root.corporate-surface .play-page .f1-selector-trigger,
html:root.corporate-surface .play-page .f1-selector-option {
	border-color: var(--brand-border-subtle) !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--arena-color-focus) 3%, transparent), transparent 46%),
		var(--arena-color-context) !important;
	color: var(--arena-color-focus) !important;
}

html:root.corporate-surface .play-page :is(.f1-selector-trigger, .f1-selector-option)::before {
	background: var(--arena-color-action) !important;
}

html:root.corporate-surface .play-page .f1-selector-trigger__slot {
	border-color: color-mix(in srgb, var(--arena-color-prestige) 34%, var(--brand-border-subtle)) !important;
	background: color-mix(in srgb, var(--arena-color-prestige) 11%, var(--arena-color-context)) !important;
	color: var(--arena-color-prestige) !important;
}

html:root.corporate-surface .play-page :is(.f1-selector-trigger, .f1-selector-option) :is(strong, small) {
	color: var(--arena-color-focus) !important;
}

html:root.corporate-surface .play-page :is(.f1-selector-trigger, .f1-selector-option) small {
	color: var(--brand-text-secondary) !important;
}

html:root.corporate-surface .play-page .f1-custom-selector.is-selected .f1-selector-trigger,
html:root.corporate-surface .play-page .f1-selector-option.is-selected {
	border-color: color-mix(in srgb, var(--arena-color-action) 52%, var(--brand-border-subtle)) !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--arena-color-action) 14%, transparent), transparent 68%),
		var(--arena-color-context) !important;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--arena-color-action) 13%, transparent) inset !important;
}

html:root.corporate-surface .play-page :is(.f1-custom-selector.is-active, .f1-custom-selector.is-open) .f1-selector-trigger,
html:root.corporate-surface .play-page .f1-selector-trigger:focus-visible {
	border-color: color-mix(in srgb, var(--arena-color-action) 66%, var(--brand-border-subtle)) !important;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--arena-color-action) 18%, transparent) inset !important;
}

html:root.corporate-surface .play-page .f1-selector-menu,
html:root.corporate-surface .play-page .f1-selector-constructor-group {
	border-color: var(--brand-border-subtle) !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--arena-color-focus) 3%, transparent), transparent 42%),
		var(--brand-surface-card) !important;
}

html:root.corporate-surface .play-page .f1-selector-constructor-heading {
	border-bottom-color: var(--brand-border-subtle) !important;
	color: var(--brand-text-secondary) !important;
}

html:root.corporate-surface .play-page .f1-selector-constructor-heading::before {
	background: var(--arena-color-action) !important;
}

html:root.corporate-surface .play-page .f1-race-event-card--active.is-saved {
	border-color: color-mix(in srgb, var(--arena-color-focus) 24%, var(--brand-border-subtle)) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 5%, transparent) !important;
}

html:root.corporate-surface .play-page .f1-save-pick-btn:not(:disabled) {
	border-color: var(--cta-active-border) !important;
	background:
		linear-gradient(180deg, var(--cta-active-edge-light) 0 1px, color-mix(in srgb, var(--cta-active-edge-light) 20%, transparent) 1px, transparent 32%),
		radial-gradient(ellipse 74% 164% at 50% 42%, color-mix(in srgb, var(--cta-active-inner-glow) 32%, transparent), transparent 72%),
		linear-gradient(90deg, var(--cta-active-edge), var(--cta-active-center) 50%, var(--cta-active-edge)) !important;
	color: var(--cta-active-text) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--cta-active-edge-light) 72%, transparent),
		inset 0 -10px 16px color-mix(in srgb, var(--surface-material-inner-shadow) 26%, transparent),
		0 10px 22px color-mix(in srgb, var(--cta-active-shadow) 48%, transparent) !important;
}

html:root.corporate-surface .play-page .f1-save-pick-btn:disabled {
	border-color: var(--cta-inactive-border) !important;
	background: linear-gradient(90deg, var(--cta-inactive-surface), var(--surface-material-base) 50%, var(--cta-inactive-surface)) !important;
	color: var(--cta-inactive-text) !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 4%, transparent) !important;
}

/* F1 Native Selector
 *
 * Mirrors Golf's dependable native-control interaction while retaining F1's
 * Pole/P1/P2/P3 information hierarchy. The browser owns opening and closing
 * the options list; Arena owns only the surrounding material and state. */
html:root.corporate-surface .play-page .f1-native-slot {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	grid-template-areas:
		'marker role'
		'select select';
	gap: 0.45rem 0.6rem;
	align-items: center;
	min-width: 0;
	padding: 0.65rem;
	border: 1px solid var(--brand-border-subtle);
	border-radius: 0.7rem;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--arena-color-focus) 3%, transparent), transparent 46%),
		var(--arena-color-context);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 3%, transparent);
	transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

html:root.corporate-surface .play-page .f1-native-slot__marker {
	grid-area: marker;
	display: grid;
	place-items: center;
	min-width: 2rem;
	min-height: 2rem;
	border: 1px solid color-mix(in srgb, var(--arena-color-prestige) 34%, var(--brand-border-subtle));
	border-radius: 0.45rem;
	background: color-mix(in srgb, var(--arena-color-prestige) 11%, var(--arena-color-context));
	color: var(--arena-color-prestige);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.06em;
}

html:root.corporate-surface .play-page .f1-native-slot > b {
	grid-area: role;
	min-width: 0;
	color: var(--arena-color-focus);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page .f1-native-select {
	grid-area: select;
	width: 100%;
	min-width: 0;
	min-height: 2.7rem;
	border-color: var(--brand-border-subtle);
	background: var(--brand-surface-card);
	color: var(--arena-color-focus);
	font: inherit;
}

html:root.corporate-surface .play-page .f1-native-slot__value {
	grid-area: select;
	display: grid;
	gap: 0.08rem;
	min-width: 0;
	min-height: 2.7rem;
	padding: 0.56rem 0.65rem;
	border: 1px solid var(--brand-border-subtle);
	border-radius: 0.45rem;
	background: var(--brand-surface-card);
}

html:root.corporate-surface .play-page .f1-native-slot__value :is(strong, small) {
	overflow: hidden;
	color: var(--arena-color-focus);
	font-size: 0.76rem;
	font-weight: 800;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

html:root.corporate-surface .play-page .f1-native-slot__value small {
	color: var(--brand-text-secondary);
	font-size: 0.64rem;
}

html:root.corporate-surface .play-page .f1-native-select:focus-visible {
	border-color: color-mix(in srgb, var(--arena-color-action) 66%, var(--brand-border-subtle));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--arena-color-action) 14%, transparent);
	outline: 0;
}

html:root.corporate-surface .play-page .f1-native-slot.has-value {
	border-color: color-mix(in srgb, var(--arena-color-action) 52%, var(--brand-border-subtle));
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--arena-color-action) 12%, transparent), transparent 68%),
		var(--arena-color-context);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--arena-color-action) 10%, transparent) inset;
}

html:root.corporate-surface .play-page .f1-native-podium-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55rem;
}

@media (max-width: 767.98px) {
	html:root.corporate-surface .play-page .f1-native-podium-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Golf Native Selector Expansion
 *
 * Tournament podiums are full-card prediction experiences, unlike the
 * compact inline forms that use the generic 360px native-form cap. Keep the
 * entire native-control chain stretchable so the three podium slots share the
 * available card width at desktop sizes. */
html:root.corporate-surface .play-page .prediction-native-save-form.golf-podium-form {
	display: block;
	width: 100%;
	min-width: 0;
	max-width: none;
	box-sizing: border-box;
}

html:root.corporate-surface .play-page .golf-podium-builder {
	width: 100%;
	min-width: 0;
	max-width: none;
	box-sizing: border-box;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	justify-items: stretch;
}

html:root.corporate-surface .play-page .golf-podium-slot {
	width: 100%;
	min-width: 0;
	max-width: none;
	box-sizing: border-box;
	justify-self: stretch;
}

html:root.corporate-surface .play-page .golf-podium-slot select {
	width: 100%;
	min-width: 0;
	max-width: none;
	box-sizing: border-box;
}

html:root.corporate-surface .play-page .golf-podium-action {
	width: 100%;
	min-width: 0;
	max-width: none;
	box-sizing: border-box;
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page .golf-podium-builder {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Editorial Typography Pass
 *
 * The Play narrative needs three readable editorial levels before a decision
 * begins: the competition, the chapter, and the event context. These rules
 * deliberately stop at the page headings; participant names, card metadata,
 * renderers, and controls retain their existing hierarchy. */
html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group > .play-prediction-group__header {
	padding-bottom: clamp(1.25rem, 2vw, 1.65rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group > .play-prediction-group__header .prediction-group-title {
	font-size: clamp(1.3rem, 2vw, 1.6rem);
	font-weight: 850;
	letter-spacing: -0.026em;
	line-height: 1.08;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-editorial-chapter] .prediction-group-title,
html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage] .prediction-group-title {
	font-size: clamp(1.22rem, 1.75vw, 1.42rem);
	font-weight: 850;
	letter-spacing: -0.022em;
	line-height: 1.1;
}

/* Competition context is deliberately one step quieter than a chapter, while
 * remaining clearly distinct from the metadata inside its Decision Card. */
html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage] .prediction-group-title {
	font-size: clamp(1.12rem, 1.55vw, 1.3rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list
	> :is([data-editorial-chapter], [data-championship-stage])
	.corporate-section-eyebrow {
	margin-bottom: 0.38rem;
	line-height: 1.2;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is(.play-special-picks-divider, .play-main-event-divider) {
	font-size: 0.76rem !important;
	line-height: 1.2;
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage] + :is(article, .f1-race-collapsed-card),
html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .play-prediction-group__header[data-editorial-chapter] + :is(article, .f1-race-collapsed-card) {
	margin-top: clamp(1rem, 1.7vw, 1.35rem);
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .arena-experience-narrative--play {
		--play-editorial-mobile-gutter: clamp(1rem, 5vw, 1.25rem);
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group > .play-prediction-group__header {
		/* The narrative title is a page-level reading cue, not card metadata.
		 * Reassert its lateral gutter after the editorial shorthand above resets
		 * padding, so long chapter and competition titles never touch the frame. */
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		padding-inline: var(--play-editorial-mobile-gutter);
		padding-bottom: 1.2rem;
	}

	/* Every narrative cue shares one left and right baseline: chapter headers,
	 * sport stages, and the two editorial dividers.  Match cards remain outside
	 * this selector and retain their own internal padding. */
	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list
		> :is(
			.play-prediction-group__header[data-editorial-chapter],
			.play-prediction-group__header[data-championship-stage],
			.play-special-picks-divider,
			.play-main-event-divider
		) {
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		padding-inline: var(--play-editorial-mobile-gutter);
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group > .play-prediction-group__header .prediction-group-title {
		font-size: 1.3rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-editorial-chapter] .prediction-group-title {
		font-size: 1.18rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage] .prediction-group-title {
		font-size: 1.1rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > [data-championship-stage] + :is(article, .f1-race-collapsed-card),
	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .play-prediction-group__header[data-editorial-chapter] + :is(article, .f1-race-collapsed-card) {
		margin-top: 0.9rem;
	}
}

/* Arena Luminous Entry Pass
 *
 * The Arena entry gets a restrained petrol-cyan atmosphere, while its single
 * immediate action carries the brighter aqua-to-mint material. The color is
 * derived from the existing semantic action and opportunity tokens so tenant
 * themes remain central and Decision Cards stay untouched. */
html:root.corporate-surface .play-page .arena-experience-narrative--play {
	--arena-energy-cyan: color-mix(in srgb, var(--arena-color-action) 11%, transparent);
	--arena-energy-ice: color-mix(in srgb, var(--arena-color-action) 5%, transparent);
	--arena-energy-premium: transparent;
}

html:root.corporate-surface .play-page .arena-command-plate {
	--arena-command-action-edge: color-mix(in srgb, var(--arena-color-action) 63%, var(--arena-color-context));
	--arena-command-action-center: color-mix(in srgb, var(--arena-color-action) 76%, var(--arena-color-focus));
	--arena-command-action-end: color-mix(in srgb, var(--arena-color-action) 62%, var(--arena-color-opportunity));
	--arena-command-action-edge-light: color-mix(in srgb, var(--arena-color-focus) 48%, var(--arena-color-action));
	--arena-command-action-ink: color-mix(in srgb, var(--brand-surface-page) 88%, var(--surface-material-inner-shadow));
	box-shadow:
		0 24px 64px color-mix(in srgb, var(--surface-material-shadow) 34%, transparent),
		0 0 42px color-mix(in srgb, var(--arena-color-action) 9%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 5%, transparent);
}

html:root.corporate-surface .play-page .arena-command-plate::before {
	background:
		radial-gradient(ellipse 42% 92% at 86% 12%, color-mix(in srgb, var(--arena-color-action) 13%, transparent), transparent 72%),
		radial-gradient(ellipse 30% 74% at 8% 100%, color-mix(in srgb, var(--arena-color-action) 6%, transparent), transparent 74%),
		linear-gradient(color-mix(in srgb, var(--arena-color-focus) 2.6%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--arena-color-focus) 2%, transparent) 1px, transparent 1px);
	background-size: auto, auto, 64px 64px, 64px 64px;
	opacity: 0.68;
}

html:root.corporate-surface .play-page .arena-command-plate__ambient span {
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--arena-color-action) 44%, var(--arena-color-focus) 12%), transparent);
	opacity: 0.38;
}

html:root.corporate-surface .play-page .arena-command-plate__primary {
	border-color: color-mix(in srgb, var(--arena-command-action-center) 74%, var(--arena-color-focus)) !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--arena-command-action-edge-light) 78%, transparent) 0 1px, color-mix(in srgb, var(--arena-command-action-edge-light) 23%, transparent) 1px, transparent 34%),
		radial-gradient(ellipse 74% 160% at 50% 38%, color-mix(in srgb, var(--arena-command-action-center) 38%, transparent), transparent 72%),
		linear-gradient(104deg, var(--arena-command-action-edge), var(--arena-command-action-center) 50%, var(--arena-command-action-end)) !important;
	color: var(--arena-command-action-ink) !important;
	text-shadow: none;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 58%, transparent),
		inset 0 -10px 18px color-mix(in srgb, var(--arena-command-action-edge) 22%, transparent),
		0 14px 30px color-mix(in srgb, var(--arena-color-action) 24%, transparent),
		0 0 0 1px color-mix(in srgb, var(--arena-color-action) 24%, transparent) !important;
}

@media (hover: hover) {
	html:root.corporate-surface .play-page .arena-command-plate__primary:hover {
		border-color: color-mix(in srgb, var(--arena-color-focus) 36%, var(--arena-command-action-end)) !important;
		color: var(--arena-command-action-ink) !important;
		box-shadow:
			inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 72%, transparent),
			inset 0 -10px 18px color-mix(in srgb, var(--arena-command-action-edge) 18%, transparent),
			0 17px 36px color-mix(in srgb, var(--arena-color-action) 31%, transparent),
			0 0 0 1px color-mix(in srgb, var(--arena-color-action) 34%, transparent) !important;
	}
}

html:root.corporate-surface .play-page .arena-command-plate__primary:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--arena-color-focus) 42%, var(--arena-color-action));
	outline-offset: 3px;
}

/* Arena Canvas Alignment
 *
 * The authenticated shell, Landing, Builder and notification center use the
 * exact same quiet spatial language as Arena: a deep field, two low-energy
 * light pools and a 72px editorial grid. The treatment belongs to the page,
 * never to cards or sport renderers, and remains distribution-token driven. */
html:root.corporate-surface:has(:is(
	.play-page,
	.player-home-page,
	.community-page,
	.ranking-page,
	.arena-builder-page,
	.corporate-landing-page
)) body {
	background: var(--arena-page-canvas);
	background-attachment: fixed;
	background-size: var(--arena-page-canvas-size);
}

/* Mobile Play frame ownership
 *
 * Play previously mixed a narrowed page container with individual event cards
 * measured from the viewport (`100vw`).  Those are different reference frames
 * when the page has gutters, a scrollbar, or a safe-area inset, so the page
 * could read as left-anchored even when a particular card used auto margins.
 *
 * The page now has one mobile reference frame.  Only Play owns its symmetric
 * viewport gutter; every narrative wrapper and event card fills that frame.
 * This deliberately does not affect card internals or renderer geometry.
 */
@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page {
		padding-inline: max(0.5rem, env(safe-area-inset-left, 0px)) !important;
	}

	html:root.corporate-surface body:has(.play-page) .page-container {
		inline-size: 100% !important;
		max-inline-size: 100% !important;
		min-inline-size: 0;
		margin-inline: 0 !important;
		padding-inline: 0 !important;
	}

	html:root.corporate-surface .arena-experience-narrative--play,
	html:root.corporate-surface .arena-experience-narrative--play .arena-experience-content,
	html:root.corporate-surface .arena-experience-narrative--play .corporate-command-main,
	html:root.corporate-surface .arena-experience-narrative--play .play-predictions-panel,
	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group,
	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list {
		inline-size: 100%;
		max-inline-size: 100%;
		min-inline-size: 0;
		margin-inline: 0;
	}

	html:root.corporate-surface .play-page .play-arena-hero,
	html:root.corporate-surface .play-page .prediction-card[data-event-card] {
		inline-size: 100% !important;
		max-inline-size: 100% !important;
		min-inline-size: 0 !important;
		margin-inline: 0 !important;
	}

	/* The timeline panel was still inheriting `justify-items: center` from the
	 * compact Champions layout. That lets a timeline day use its intrinsic
	 * content width, which is why a manual event could remain narrow even when
	 * its card itself was set to 100%. The day owns the same frame as the Hero. */
	html:root.corporate-surface .arena-experience-narrative--play .play-predictions-panel--timeline {
		justify-items: stretch !important;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day,
	html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day > .play-prediction-list {
		box-sizing: border-box;
		inline-size: 100% !important;
		max-inline-size: 100% !important;
		min-inline-size: 0 !important;
		justify-self: stretch;
		margin-inline: 0 !important;
	}

	/* Linked manual moments retain the full timeline frame without forcing a
	 * width onto every event surface. The grid day/list and each event card
	 * already own that width; keeping the wrappers intrinsic preserves the
	 * established height of Performance and manual prediction cards. */
	html:root.corporate-surface .arena-experience-narrative--play .arena-event-bonus-prediction {
		box-sizing: border-box;
		inline-size: 100% !important;
		max-inline-size: 100% !important;
		min-inline-size: 0 !important;
		justify-self: stretch;
		margin-inline: 0 !important;
	}
}

/* Mobile single-line application header
 *
 * Brand identity, the current league, and utility actions retain separate
 * width ownership. The league is the only flexible track and therefore the
 * only element allowed to truncate. Desktop navbar rules remain untouched. */
@media (max-width: 1023.98px) {
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-header {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		column-gap: 0.5rem;
		min-width: 0;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .navbar-brand-cluster {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		grid-column: 1;
		align-items: center;
		column-gap: 0.5rem;
		min-width: 0;
		max-width: none;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__brand-identity {
		grid-column: 1;
		flex: 0 0 auto;
		min-width: 0;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__brand-identity .brand-orb--app-icon {
		width: 34px;
		height: 34px;
		flex: 0 0 34px;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__brand-identity .brand-orb--app-icon.brand-orb--tobeat-isotipo img {
		width: 26px;
		height: 26px;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__brand-identity .brand-orb--tenant-logo {
		background: transparent;
		box-shadow: none;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__brand-identity .brand-orb--tenant-logo img {
		object-fit: contain;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher {
		grid-column: 2;
		width: 100%;
		min-width: 0;
		margin: 0;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .dropdown,
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher,
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher__text,
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher__name {
		min-width: 0;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher {
		display: flex;
		width: 100%;
		height: 40px;
		padding-inline: 0.45rem;
		border: 1px solid transparent;
		border-radius: 0.7rem;
		background: rgba(53, 208, 226, 0.035);
		box-shadow: none;
		line-height: 1;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher::after {
		display: none;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher__text {
		display: block;
		flex: 1 1 auto;
		width: 100%;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher__name {
		display: block;
		width: 100%;
		max-width: none;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher:hover,
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher[aria-expanded="true"] {
		border-color: color-mix(in srgb, var(--arena-color-action, #35d0e2) 34%, transparent);
		background: color-mix(in srgb, var(--arena-color-action, #35d0e2) 8%, transparent);
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__league-switcher .active-league-switcher:focus-visible {
		outline: 2px solid color-mix(in srgb, var(--arena-color-action, #35d0e2) 64%, var(--arena-color-focus, #f3f8fb));
		outline-offset: 2px;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__header-actions {
		grid-column: 2;
		display: flex;
		flex: 0 0 auto;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0.35rem;
		min-width: max-content;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__header-actions :is(.nav-utility-action--notifications, .navbar-toggler) {
		flex: 0 0 auto;
		margin-left: 0;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .navbar-collapse {
		grid-column: 1 / -1;
		width: 100%;
		min-width: 0;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .navbar-collapse .navbar-nav {
		flex-direction: column;
		align-items: stretch;
	}

	/* The collapsed navigation is an account menu. Primary navigation remains
	 * in the bottom bar on compact screens. */
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .navbar-collapse .app-navbar__desktop-navigation-item {
		display: none !important;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .navbar-collapse .app-navbar__mobile-account-menu {
		align-self: stretch;
		width: 100%;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-panel {
		padding: 1.25rem;
		border: 1px solid rgba(53, 208, 226, 0.18);
		border-radius: 1.25rem;
		background:
			radial-gradient(ellipse 86% 60% at 4% 100%, rgba(53, 208, 226, 0.08), transparent 72%),
			rgba(5, 12, 27, 0.92);
		box-shadow: inset 0 1px 0 rgba(245, 245, 244, 0.05), 0 1.25rem 2.5rem rgba(0, 0, 0, 0.26);
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-identity {
		padding: 0;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-identity strong {
		font-size: 1.35rem;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-identity span {
		font-size: 1rem;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-language {
		padding: 1.25rem 0;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-language .locale-switcher {
		width: 100%;
		max-width: none;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-divider {
		height: 1px;
		margin: 0.25rem 0 0.75rem;
		background: rgba(148, 163, 184, 0.14);
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-links {
		display: grid;
		gap: 0.15rem;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-link,
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-logout {
		display: flex;
		align-items: center;
		gap: 0.7rem;
		width: 100%;
		min-height: 2.85rem;
		padding: 0.6rem 0.75rem;
		border: 0;
		border-radius: 0.75rem;
		background: transparent;
		color: var(--ds-text-secondary);
		font: inherit;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.2;
		text-align: left;
		text-decoration: none;
		cursor: pointer;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-link i {
		width: 1.25rem;
		color: var(--ds-primary);
		font-size: 1.1rem;
		text-align: center;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-link:is(:hover, :focus-visible, .is-active),
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-logout:is(:hover, :focus-visible) {
		background: rgba(53, 208, 226, 0.1);
		color: var(--ds-text-primary);
		outline: none;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-logout {
		margin-top: 0.25rem;
		color: var(--ds-text-primary);
		font-weight: 900;
	}
}

@media (min-width: 1024px) {
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-account-menu {
		display: none !important;
	}
}

/* Mobile Decision Rail
 *
 * Compact matchups read in one deliberate mobile sequence: choose a
 * participant, read the sport environment, then confirm.  The rail reuses
 * the existing selectable panels inside each renderer, so no second control
 * tree, prediction field, or sport-specific mobile template is introduced.
 * Golf and F1 have ordered-prediction interactions and intentionally do not
 * opt into this winner-pick composition.
 */
@media (max-width: 699.98px) {
		html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) {
		/* A Decision Rail is a segmented control, not a second matchup card. */
		--decision-card-mobile-rail-height: clamp(2.75rem, 12vw, 3.25rem);
		--decision-card-mobile-rail-edge-inset: clamp(0.25rem, 1.1vw, 0.4rem);
	}

	/* The rail contains the same participant names, so the desktop name
	 * lockup would only repeat information above the actionable controls. */
	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) [data-decision-card-matchup-header-wrap] {
		display: none;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer]:has([data-mobile-decision-rail]) {
		/* The renderer's content owns its intrinsic aspect ratio.  A fixed
		 * outer height here had been squeezing every canvas into whatever space
		 * remained after the participant rail, visibly stretching field lines. */
		height: auto !important;
		min-height: 0 !important;
		overflow: visible;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: var(--decision-card-mobile-rail-height) auto !important;
		grid-template-areas:
			"participant-a participant-b"
			"renderer renderer" !important;
		column-gap: 0.38rem !important;
		row-gap: 0.46rem !important;
		width: 100% !important;
		height: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-height: none !important;
		max-width: none !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side="left"] {
		grid-area: participant-a !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side="right"] {
		grid-area: participant-b !important;
	}

	/* The informational team surfaces retain a little clear space from the
	 * renderer frame. The actual Decision Rail is rendered below this stage. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side="left"] {
		justify-self: end !important;
		width: calc(100% - var(--decision-card-mobile-rail-edge-inset)) !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side="right"] {
		justify-self: start !important;
		width: calc(100% - var(--decision-card-mobile-rail-edge-inset)) !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side] {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		align-self: stretch !important;
		justify-self: stretch !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0.52rem !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	/* MMA's poster event and venue signature belong to the desktop poster
	 * composition. The compact rail already has the canonical card context, so
	 * those absolutely-positioned poster layers must not sit over its two
	 * selection segments. The octagon canvas itself remains unchanged. */
	html:root.corporate-surface .play-page [data-mobile-decision-rail][data-sport-renderer-layout="mma"] > :is(.mma-poster-event, .mma-poster-signature) {
		display: none !important;
	}

	/* The shared Insights canvas is always the second line of the same
	 * composition. Sport identity varies by material, never by placement. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > .match-card__renderer-canvas {
		/* Reset any former grid-area ownership, then place the one canonical
		 * canvas explicitly across the complete second rail row. */
		grid-area: auto !important;
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		align-self: start !important;
		justify-self: stretch !important;
		width: 100% !important;
		height: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	/* Renderer-ratio registry
	 *
	 * This is the entire mobile sizing contract: each renderer provides its
	 * native artwork ratio once, and the shared rail derives the canvas height
	 * from its available width.  No renderer receives a mobile height, scale,
	 * transform, or sport-specific breakpoint correction. */
	html:root.corporate-surface .play-page [data-mobile-decision-rail]:is(
		[data-sport-renderer-layout="football"],
		[data-sport-renderer-layout="nfl"],
		[data-sport-renderer-layout="tennis"]
	) {
		--sport-renderer-aspect-ratio: 16 / 9;
		--match-insights-compact-aspect-ratio: 2.09 / 1;
	}

	html:root.corporate-surface .play-page [data-mobile-decision-rail][data-sport-renderer-layout="nba"] {
		--sport-renderer-aspect-ratio: 94 / 50;
		--match-insights-compact-aspect-ratio: 2.21 / 1;
	}

	html:root.corporate-surface .play-page [data-mobile-decision-rail][data-sport-renderer-layout="mlb"] {
		--sport-renderer-aspect-ratio: 1.78 / 1;
		--match-insights-compact-aspect-ratio: 2.09 / 1;
	}

	html:root.corporate-surface .play-page [data-mobile-decision-rail]:is(
		[data-sport-renderer-layout="nhl"],
		[data-sport-renderer-layout="mma"]
	) {
		--sport-renderer-aspect-ratio: 2 / 1;
		--match-insights-compact-aspect-ratio: 2.35 / 1;
	}

	:where([data-mobile-decision-rail] .match-card__renderer-canvas) {
		aspect-ratio: var(--sport-renderer-aspect-ratio);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] .match-card__renderer-canvas {
		width: 100% !important;
		height: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: none !important;
		max-height: none !important;
	}

	/* The renderer owns matchup context; the Decision Rail below owns selection. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side] {
		border: 1px solid var(--brand-border-subtle) !important;
		background: color-mix(in srgb, var(--brand-surface-elevated) 88%, var(--brand-surface-page)) !important;
		box-shadow: inset 0 1px 0 color-mix(in srgb, var(--brand-text-primary) 4%, transparent) !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] .decision-card-identity {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		place-items: center !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		padding: 0.22rem 0.38rem !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] :is(.decision-card-identity__code-label, .decision-card-identity__code, .decision-card-identity__name, .decision-card-identity__detail, .mma-fighter-panel__identity-meta) {
		display: none !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] .decision-card-identity__display-name {
		display: block !important;
		grid-column: 1 !important;
		grid-row: 1 !important;
		align-self: center !important;
		justify-self: center !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		color: var(--brand-text-primary) !important;
		font-size: clamp(0.68rem, 3.4vw, 0.82rem) !important;
		font-weight: 800 !important;
		letter-spacing: 0.01em !important;
		line-height: 1 !important;
		text-align: center !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] .decision-card-identity__code::after {
		display: none !important;
	}

}

/* Arena Responsive Layout Contracts
 *
 * Compact and Expanded deliberately share the same semantic Decision Rail.
 * Only their comfort and container rules differ. Desktop begins at 1024px;
 * no renderer may opt back into a desktop composition before that boundary. */
@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page {
		--arena-layout-contract: compact;
	}
}

@media (min-width: 700px) and (max-width: 1023.98px) {
	html:root.corporate-surface .play-page {
		--arena-layout-contract: expanded;
		--arena-expanded-feed-width: 700px;
		padding-inline: clamp(1.25rem, 4vw, 2.5rem) !important;
	}

	html:root.corporate-surface body:has(.play-page) .page-container,
	html:root.corporate-surface .arena-experience-narrative--play,
	html:root.corporate-surface .arena-experience-narrative--play .arena-experience-content,
	html:root.corporate-surface .arena-experience-narrative--play .corporate-command-main,
	html:root.corporate-surface .arena-experience-narrative--play .play-predictions-panel,
	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-group,
	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list {
		inline-size: min(100%, var(--arena-expanded-feed-width)) !important;
		max-inline-size: var(--arena-expanded-feed-width) !important;
		min-inline-size: 0;
		margin-inline: auto !important;
	}

	html:root.corporate-surface .play-page .play-arena-hero,
	html:root.corporate-surface .play-page .prediction-card[data-event-card] {
		inline-size: 100% !important;
		max-inline-size: 100% !important;
		min-inline-size: 0 !important;
		margin-inline: 0 !important;
	}

	/* Expanded is still a constrained reading experience, but it has enough
	 * width for the canonical participant A | renderer | participant B stage.
	 * This is one shared grid, not a collection of sport-specific tablet modes. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer]:has([data-mobile-decision-rail]) {
		height: var(--decision-card-renderer-height) !important;
		min-height: var(--decision-card-renderer-height) !important;
		overflow: hidden;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] {
		display: grid !important;
		grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.8fr) minmax(0, 0.68fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		align-items: stretch !important;
		gap: clamp(0.45rem, 1vw, 0.72rem) !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
	}

	/* The renderer uses the complete central track while the two actual
	 * participant controls retain their canonical outer tracks. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side="left"] {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side="right"] {
		grid-column: 3 !important;
		grid-row: 1 !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > .match-card__renderer-canvas {
		grid-column: 2 !important;
		grid-row: 1 !important;
		align-self: stretch !important;
		justify-self: stretch !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: none !important;
		margin: 0 !important;
	}

	/* Expanded panels preserve the same identity hierarchy, reduced just enough
	 * for the narrower side tracks. Container clipping stays local to the name. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] .decision-card-identity__code-label {
		font-size: 0.76rem !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] .decision-card-identity__code {
		font-size: clamp(1.85rem, 4.25vw, 2.65rem) !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] .decision-card-identity__name {
		font-size: 0.88rem !important;
		line-height: 1.04 !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] .decision-card-identity__detail {
		font-size: 0.6rem !important;
	}
}

/* Bootstrap's lg expansion starts at 992px. Keep its visual switch aligned
 * with Arena's 1024px Desktop contract without introducing a second header. */
@media (min-width: 992px) and (max-width: 1023.98px) {
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal).navbar-expand-lg .navbar-toggler {
		display: inline-flex !important;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal).navbar-expand-lg .navbar-collapse {
		display: none !important;
		flex-basis: 100%;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal).navbar-expand-lg .navbar-collapse.show,
	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal).navbar-expand-lg .navbar-collapse.collapsing {
		display: block !important;
		height: auto !important;
	}

	html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .navbar-collapse .d-lg-block {
		display: none !important;
	}
}

/* Expanded and Desktop own one complete Football renderer row. Champions and
 * generic Football declare the same stage contract, so neither may leave its
 * participant surfaces or pitch at intrinsic height inside a taller card.
 * The full-height ownership begins as soon as the horizontal layout begins,
 * at 700px—not only when Desktop starts. */
@media (min-width: 700px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] > .football-match-card__stage {
		grid-template-rows: minmax(0, 1fr) !important;
		height: 100% !important;
		min-height: 0 !important;
		align-items: stretch !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .football-match-card__stage > :is([data-decision-card-side], .match-card__renderer-canvas) {
		align-self: stretch !important;
		justify-self: stretch !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
		margin-block: 0 !important;
	}

	/* The third 1X2 outcome belongs to the field, not to a secondary control.
	 * Both football sources use this exact centre-pitch Draw action. */
	html:root.corporate-surface .play-page [data-decision-card-shell] .football-match-card__stage > .football-decision-draw {
		position: absolute !important;
		z-index: 3;
		inset: 50% auto auto 50%;
		display: grid !important;
		min-width: clamp(5.5rem, 11vw, 7.5rem);
		min-height: clamp(3.25rem, 6vw, 4.25rem);
		padding: 0.45rem 0.8rem;
		border: 1px solid var(--brand-border-strong);
		border-radius: 999px;
		background: color-mix(in srgb, var(--brand-surface-elevated) 90%, var(--brand-surface-page));
		box-shadow: 0 0.65rem 1.35rem rgba(0, 0, 0, 0.28);
		color: var(--brand-text-primary);
		cursor: pointer;
		place-items: center;
		text-align: center;
		transform: translate(-50%, -50%);
		transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .football-match-card__stage > .football-decision-draw > span {
		font-size: clamp(0.75rem, 1.2vw, 0.94rem);
		font-weight: 900;
		letter-spacing: 0.04em;
		line-height: 1;
		text-transform: uppercase;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .football-match-card__stage > .football-decision-draw > small {
		margin-top: 0.2rem;
		color: var(--brand-text-secondary);
		font-size: clamp(0.58rem, 0.85vw, 0.7rem);
		font-weight: 700;
		line-height: 1;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .football-match-card__stage > .football-decision-draw:is(:hover, :focus-within, .is-selected, :has(input:checked)) {
		border-color: var(--brand-border-strong);
		background: color-mix(in srgb, var(--brand-state-hover) 62%, var(--brand-surface-elevated));
		box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-state-selected-glow) 28%, transparent), 0 0.75rem 1.5rem rgba(0, 0, 0, 0.32);
		transform: translate(-50%, -50%) scale(1.03);
	}
}

@media (min-width: 1024px) {
	html:root.corporate-surface .play-page {
		--arena-layout-contract: desktop;
	}
}

/* MLB Canonical Stadium Renderer
 *
 * The decision rail may change tracks between Compact, Expanded and Desktop,
 * but the ballpark itself is a single piece of artwork.  Keep its geometry
 * and material outside breakpoint rules so resizing only scales this canvas;
 * it must never reveal one of the legacy baseball illustrations.
 */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond {
	--mlb-clay-material:
		radial-gradient(ellipse at 50% 40%, rgba(236, 180, 126, 0.16) 0%, rgba(236, 180, 126, 0.05) 42%, transparent 76%),
		repeating-linear-gradient(17deg, rgba(255, 235, 204, 0.014) 0 1px, transparent 1px 11px),
		#98603f;
	position: relative !important;
	isolation: isolate !important;
	container-type: size;
	overflow: hidden !important;
	border: 1px solid rgba(188, 224, 195, 0.2) !important;
	border-radius: 6px !important;
	background:
		linear-gradient(90deg, rgba(1, 25, 12, 0.42) 0%, rgba(8, 73, 34, 0.08) 27%, rgba(184, 246, 158, 0.075) 50%, rgba(8, 73, 34, 0.08) 73%, rgba(1, 25, 12, 0.42) 100%),
		radial-gradient(ellipse 78% 108% at 50% 58%, rgba(151, 231, 121, 0.2) 0%, rgba(119, 205, 99, 0.075) 43%, transparent 73%),
		repeating-linear-gradient(90deg, rgba(224, 255, 212, 0.028) 0 11%, rgba(3, 35, 18, 0.024) 11% 22%),
		linear-gradient(180deg, #1d6d38 0%, #185f32 50%, #124a29 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.055),
		inset 0 22px 34px rgba(0, 11, 5, 0.12),
		inset 0 -34px 52px rgba(1, 17, 9, 0.28) !important;
	filter: saturate(0.98) contrast(1.01) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond::before {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	display: block !important;
	border: 0 !important;
	border-radius: inherit !important;
	clip-path: none !important;
	background:
		linear-gradient(180deg, rgba(0, 11, 5, 0.3) 0%, rgba(0, 11, 5, 0.08) 22%, transparent 42%, rgba(0, 10, 5, 0.19) 100%),
		radial-gradient(ellipse 104% 112% at 50% 58%, rgba(222, 255, 198, 0.045) 0%, transparent 47%, rgba(0, 12, 6, 0.1) 69%, rgba(0, 10, 5, 0.34) 100%) !important;
	box-shadow: inset 0 0 56px rgba(0, 10, 5, 0.2) !important;
	content: "" !important;
	pointer-events: none;
}

/* The parent owns the grass.  This former nested field had a separate,
 * breakpoint-specific treatment and is deliberately not another canvas. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__field {
	display: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__guide-line {
	position: absolute !important;
	top: auto !important;
	bottom: 0 !important;
	left: 50% !important;
	z-index: 2 !important;
	display: block !important;
	width: 2px !important;
	height: 141.421% !important;
	border-radius: 999px !important;
	background: rgba(250, 246, 225, 0.9) !important;
	box-shadow: inset -1px 0 rgba(121, 94, 66, 0.16), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
	transform-origin: bottom center !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__guide-line--left {
	transform: rotate(-45deg) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__guide-line--right {
	transform: rotate(45deg) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__infield {
	position: absolute !important;
	top: 50% !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 1 !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	aspect-ratio: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	clip-path: polygon(
		calc(50% - 58cqh) 0,
		calc(50% + 58cqh) 0,
		calc(50% + 8cqh) 100%,
		calc(50% - 8cqh) 100%
	) !important;
	background: var(--mlb-clay-material) !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__infield::before,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__infield::after {
	display: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__dirt-arc {
	position: absolute !important;
	top: auto !important;
	right: 0 !important;
	bottom: 50% !important;
	left: 0 !important;
	z-index: 1 !important;
	display: block !important;
	width: auto !important;
	height: 28cqh !important;
	aspect-ratio: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__dirt-arc::before {
	position: absolute !important;
	bottom: -1px !important;
	left: 50% !important;
	display: block !important;
	width: 116cqh !important;
	height: 28cqh !important;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
	background: var(--mlb-clay-material) !important;
	content: "" !important;
	transform: translateX(-50%) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__dirt-semicircle {
	position: absolute !important;
	bottom: 0 !important;
	left: 50% !important;
	z-index: 1 !important;
	display: block !important;
	width: 36cqh !important;
	height: 18cqh !important;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
	background: var(--mlb-clay-material) !important;
	box-shadow: none !important;
	filter: none !important;
	transform: translateX(-50%) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__inner-diamond {
	position: absolute !important;
	top: 62% !important;
	left: 50% !important;
	z-index: 1 !important;
	display: block !important;
	width: 40.835cqh !important;
	height: 40.835cqh !important;
	border: 1px solid rgba(207, 231, 203, 0.18) !important;
	border-radius: 2px !important;
	background: linear-gradient(180deg, #3b804d 0%, #27643d 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(220, 255, 210, 0.1),
		inset 0 0 0 1px rgba(8, 42, 25, 0.16),
		0 7px 13px rgba(8, 31, 17, 0.13) !important;
	filter: none !important;
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

/* These belong to the former alternate diamond illustration.  Leaving them
 * out keeps the approved, clean top-down stadium at every size. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] :is(
	[data-arena-renderer-atmosphere],
	.mlb-matchup-diamond__foul-line,
	.mlb-matchup-diamond__mound,
	.mlb-matchup-diamond__base,
	.mlb-matchup-diamond__home-plate
) {
		display: none !important;
	}

	/* Atmospheric material pass: one scene shared by Compact, Expanded and
	 * Desktop. Its composition uses container units so the decision rail owns
	 * layout while this canvas keeps MLB's home-to-mound perspective. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond {
		--mlb-night: #050b11;
		--mlb-grass-deep: #061b14;
		--mlb-grass-dark: #0a3321;
		--mlb-grass-mid: #155130;
		--mlb-grass-light: #25633a;
		--mlb-clay-dark: #5f301c;
		--mlb-clay-mid: #8c4e2b;
		--mlb-clay-light: #b97743;
		--mlb-spotlight: rgba(255, 227, 165, 0.22);
		background:
			radial-gradient(ellipse 66% 70% at 50% -4%, rgba(255, 226, 173, 0.16) 0%, rgba(218, 168, 77, 0.065) 32%, transparent 73%),
			linear-gradient(180deg, #07101a 0%, #071910 24%, #092516 54%, #06130e 100%) !important;
		border-color: rgba(113, 167, 153, 0.26) !important;
		border-radius: inherit !important;
		box-shadow:
			inset 0 1px 0 rgba(240, 255, 250, 0.08),
			inset 0 -38cqh 50cqh rgba(0, 0, 0, 0.36),
			0 14px 34px rgba(0, 0, 0, 0.22) !important;
		filter: saturate(0.9) contrast(1.03) !important;
	}

	/* Atmospheric depth only: this replaces the legacy rotated artwork without
	 * touching the approved field silhouette or its placement. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond::before {
		position: absolute !important;
		top: -4% !important;
		right: 0 !important;
		bottom: 68% !important;
		left: 0 !important;
		z-index: 0 !important;
		display: block !important;
		content: "" !important;
		width: auto !important;
		height: auto !important;
		background:
			radial-gradient(circle at 13% 31%, rgba(239, 193, 112, 0.15) 0 0.5cqh, transparent 1.75cqh),
			radial-gradient(circle at 24% 18%, rgba(255, 219, 152, 0.11) 0 0.38cqh, transparent 1.55cqh),
			radial-gradient(circle at 38% 36%, rgba(206, 151, 75, 0.10) 0 0.48cqh, transparent 1.9cqh),
			radial-gradient(circle at 66% 22%, rgba(252, 220, 159, 0.12) 0 0.46cqh, transparent 1.75cqh),
			radial-gradient(circle at 79% 34%, rgba(205, 151, 74, 0.10) 0 0.42cqh, transparent 1.7cqh),
			radial-gradient(circle at 90% 15%, rgba(241, 196, 118, 0.12) 0 0.54cqh, transparent 1.95cqh),
			linear-gradient(180deg, rgba(3, 9, 12, 0.1), rgba(6, 22, 14, 0.88)) !important;
		border: 0 !important;
		box-shadow: none !important;
		clip-path: none !important;
		transform: none !important;
		filter: blur(0.58cqh) !important;
		opacity: 0.58 !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__field {
		position: absolute !important;
		inset: 15% 0 0 !important;
		z-index: 1 !important;
		display: block !important;
		border: 0 !important;
		border-radius: 50% 50% 0 0 / 10% 10% 0 0 !important;
		clip-path: none !important;
		background:
			linear-gradient(180deg, rgba(5, 16, 11, 0.94) 0%, rgba(7, 31, 18, 0.72) 9%, rgba(11, 50, 29, 0.20) 27%, transparent 43%),
			radial-gradient(ellipse 58% 46% at 50% 8%, var(--mlb-spotlight) 0%, rgba(182, 193, 95, 0.075) 40%, transparent 74%),
			repeating-linear-gradient(90deg, rgba(214, 246, 172, 0.010) 0 7.5%, rgba(0, 16, 10, 0.015) 7.5% 15%),
			repeating-linear-gradient(171deg, rgba(255, 255, 234, 0.012) 0 1px, transparent 1px 5px),
			linear-gradient(180deg, var(--mlb-grass-light) 0%, var(--mlb-grass-mid) 31%, var(--mlb-grass-dark) 69%, var(--mlb-grass-deep) 100%) !important;
		box-shadow: inset 0 4cqh 7cqh rgba(0, 7, 8, 0.30) !important;
		filter: none !important;
		transform: none !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__field::before {
		display: none !important;
		content: none !important;
		background: none !important;
		transform: none !important;
		clip-path: none !important;
	}

	/* A quiet haze softens the field's distant edge. It has no geometry and
	 * intentionally contains no directional flare. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__field::after {
		position: absolute !important;
		top: -8% !important;
		right: -4% !important;
		bottom: auto !important;
		left: -4% !important;
		z-index: 2 !important;
		display: block !important;
		content: "" !important;
		height: 34% !important;
		background: linear-gradient(180deg, rgba(4, 16, 11, 0.74), rgba(8, 36, 21, 0.22) 44%, transparent 100%) !important;
		border: 0 !important;
		clip-path: none !important;
		transform: none !important;
		filter: blur(1.5cqh) !important;
		opacity: 0.72 !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__mound {
		position: absolute !important;
		top: 41% !important;
		left: 50% !important;
		z-index: 4 !important;
		display: block !important;
		width: clamp(42px, 25cqw, 178px) !important;
		height: clamp(15px, 8cqh, 54px) !important;
		border: 0 !important;
		border-radius: 50% !important;
		background:
			linear-gradient(90deg, transparent 45%, rgba(255, 232, 191, 0.74) 45% 55%, transparent 55%) 50% 40% / 18% 6% no-repeat,
			radial-gradient(ellipse at 50% 38%, rgba(203, 139, 79, 0.97) 0%, var(--mlb-clay-light) 21%, var(--mlb-clay-mid) 55%, rgba(83, 43, 26, 0) 76%) !important;
		box-shadow:
			0 1.6cqh 2.8cqh rgba(0, 0, 0, 0.3),
			inset 0 0.55cqh 1.2cqh rgba(255, 229, 177, 0.15) !important;
		filter: blur(0.12cqh) !important;
		transform: translateX(-50%) !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__home-clay {
		position: absolute !important;
		bottom: -5% !important;
		left: 50% !important;
		z-index: 4 !important;
		display: block !important;
		width: clamp(102px, 47cqw, 410px) !important;
		height: clamp(40px, 25cqh, 160px) !important;
		border: 0 !important;
		border-radius: 50% 50% 0 0 / 88% 88% 0 0 !important;
		background:
			radial-gradient(ellipse at 50% 10%, rgba(203, 140, 82, 0.62), rgba(119, 65, 37, 0.62) 47%, rgba(53, 29, 21, 0) 75%),
			repeating-linear-gradient(170deg, rgba(255, 223, 184, 0.025) 0 1px, transparent 1px 7px) !important;
		box-shadow: 0 -1cqh 2cqh rgba(0, 0, 0, 0.13) !important;
		filter: blur(0.2cqh) !important;
		transform: translateX(-50%) !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond__home-plate {
		position: absolute !important;
		bottom: 8% !important;
		left: 50% !important;
		z-index: 5 !important;
		display: block !important;
		width: clamp(11px, 5cqw, 31px) !important;
		height: clamp(9px, 4.2cqh, 26px) !important;
		border: 1px solid rgba(206, 199, 180, 0.52) !important;
		border-radius: 1px !important;
		clip-path: polygon(13% 0, 87% 0, 100% 55%, 50% 100%, 0 55%) !important;
		background: linear-gradient(135deg, rgba(242, 239, 223, 0.76), rgba(155, 150, 137, 0.62)) !important;
		box-shadow: 0 0.85cqh 1.45cqh rgba(0, 0, 0, 0.46), 0 0 1.4cqh rgba(233, 200, 153, 0.12) !important;
		filter: none !important;
		transform: translateX(-50%) !important;
	}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond::after {
	inset: 0 !important;
	z-index: 4 !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	border-radius: inherit !important;
	background: transparent !important;
	opacity: 0 !important;
	transform: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond--away-selected::after,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"]:has(.mlb-team-panel--away input:checked) .mlb-matchup-diamond::after {
	opacity: 1 !important;
	background: linear-gradient(90deg, color-mix(in srgb, var(--mlb-decision-away-selected-accent, #35d0e2) 18%, transparent), transparent 55%) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] .mlb-matchup-diamond--home-selected::after,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"]:has(.mlb-team-panel--home input:checked) .mlb-matchup-diamond::after {
	opacity: 1 !important;
	background: linear-gradient(270deg, color-mix(in srgb, var(--mlb-decision-home-selected-accent, #d7b46a) 18%, transparent), transparent 55%) !important;
}

/* MVP performance decisions use one compact numeric interaction. The same
 * [-] value [+] control is shared by players and Arena managers. */
html:root.corporate-surface .play-page .performance-prediction-card {
	border: 1px solid color-mix(in srgb, var(--arena-color-action, #35d0e2) 28%, var(--brand-border-subtle, #26364b));
	border-radius: 20px;
	background: linear-gradient(145deg, color-mix(in srgb, var(--brand-surface-raised, #111c2d) 92%, var(--arena-color-action, #35d0e2)), var(--brand-surface, #09111d));
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2);
}

html:root.corporate-surface .play-page .performance-prediction-card {
	overflow: hidden;
	padding: clamp(18px, 3vw, 26px);
}

html:root.corporate-surface .play-page .performance-prediction-card__header,
html:root.corporate-surface .play-page .performance-prediction-card__meta,
html:root.corporate-surface .play-page .performance-prediction-card__actions,
html:root.corporate-surface .play-page .performance-result-form__header {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	align-items: center;
}

html:root.corporate-surface .play-page .performance-prediction-card__header h3 {
	margin: 2px 0 8px;
	font-size: clamp(1.25rem, 3vw, 1.7rem);
	line-height: 1.18;
}

html:root.corporate-surface .play-page .performance-prediction-card__header p,
html:root.corporate-surface .play-page .performance-prediction-card__actions p {
	margin: 0;
	color: var(--brand-text-muted, #aeb8c8);
}

html:root.corporate-surface .play-page .performance-prediction-card__meta {
	justify-content: flex-start;
	margin: 18px 0;
	color: var(--brand-text-muted, #aeb8c8);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.06em;
}

html:root.corporate-surface .play-page .performance-prediction-card__meta span + span::before {
	display: inline-block;
	margin-right: 14px;
	color: var(--arena-color-action, #35d0e2);
	content: '•';
}

html:root.corporate-surface .play-page .performance-value-control {
	display: grid;
	grid-template-columns: minmax(66px, 0.35fr) minmax(130px, 1fr) minmax(66px, 0.35fr);
	gap: 10px;
	align-items: stretch;
	max-width: 480px;
	margin: 20px auto;
}

html:root.corporate-surface .play-page .performance-value-control__step,
html:root.corporate-surface .play-page .performance-value-control__input-wrap {
	min-height: 98px;
	border: 1px solid color-mix(in srgb, var(--arena-color-action, #35d0e2) 36%, var(--brand-border-subtle, #26364b));
	border-radius: 16px;
	background: color-mix(in srgb, var(--brand-surface, #09111d) 92%, var(--arena-color-action, #35d0e2));
}

html:root.corporate-surface .play-page .performance-value-control__step {
	color: var(--arena-color-action, #35d0e2);
	font-size: 2rem;
	font-weight: 700;
	cursor: pointer;
}

html:root.corporate-surface .play-page .performance-value-control__step:hover,
html:root.corporate-surface .play-page .performance-value-control__step:focus-visible {
	background: color-mix(in srgb, var(--arena-color-action, #35d0e2) 19%, var(--brand-surface, #09111d));
}

html:root.corporate-surface .play-page .performance-value-control__input-wrap {
	display: grid;
	place-content: center;
	text-align: center;
}

html:root.corporate-surface .play-page .performance-value-control__input-wrap span,
html:root.corporate-surface .play-page .performance-prediction-card__locked span,
html:root.corporate-surface .play-page .performance-result-form__header span {
	color: var(--brand-text-muted, #aeb8c8);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page .performance-value-control__input-wrap input {
	width: 100%;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--brand-text, #f6f8fd);
	font-size: clamp(2rem, 7vw, 3.1rem);
	font-weight: 850;
	line-height: 1;
	text-align: center;
}

html:root.corporate-surface .play-page .performance-prediction-card__actions {
	padding-top: 4px;
}

html:root.corporate-surface .play-page .performance-prediction-card__actions p {
	max-width: 430px;
	font-size: 0.86rem;
}

html:root.corporate-surface .play-page .performance-result-form,
html:root.corporate-surface .play-page .performance-prediction-card__locked {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--brand-border-subtle, #26364b);
}

html:root.corporate-surface .play-page .performance-result-form__header strong {
	font-size: 0.94rem;
}

html:root.corporate-surface .play-page .performance-prediction-card__locked {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

html:root.corporate-surface .play-page .performance-prediction-card__locked > div {
	display: grid;
	gap: 6px;
	padding: 12px;
	border-radius: 12px;
	background: color-mix(in srgb, var(--brand-surface, #09111d) 88%, var(--arena-color-action, #35d0e2));
}

html:root.corporate-surface .play-page .performance-prediction-card__locked strong {
	font-size: 1.2rem;
}

/* Keep the application chrome as the wider frame around the active content.
 * This deliberately stays eight pixels wider on narrow screens and retains a
 * wider desktop reading measure without changing the page-content container. */
html:root.corporate-surface .app-navbar:not(.app-navbar--marketing-minimal) .app-navbar__mobile-header {
	width: min(1320px, calc(100% - 24px));
	max-width: none;
}

@media (max-width: 700px) {
	html:root.corporate-surface .play-page .performance-prediction-card__header,
	html:root.corporate-surface .play-page .performance-prediction-card__actions {
		align-items: flex-start;
		flex-direction: column;
	}

	html:root.corporate-surface .play-page .performance-prediction-card__actions .prediction-native-save-btn {
		width: 100%;
	}

	html:root.corporate-surface .play-page .performance-prediction-card__locked {
		grid-template-columns: 1fr;
	}
}

/* NBA Cinematic Basketball Sports Stage
 *
 * The Decision Rail continues to own the renderer's layout, aspect ratio and
 * responsive placement.  This layer is deliberately material-only: every
 * element scales from the established 94 / 50 NBA canvas instead of owning a
 * competing breakpoint or a second renderer contract. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame {
	--basket-floor-deep: #03080d;
	--basket-floor-dark: #17110c;
	--basket-floor-mid: #4a2918;
	--basket-floor-warm: #7b4525;
	--basket-floor-highlight: #c5ae8a;
	--basket-stage-light: .76;
	--basket-stage-warmth: .62;
	--basket-stage-vignette: .72;
	--basket-stage-haze: .38;
	--basket-floor-contrast: .68;
	--basket-line-rgb: 244 232 211;
	--basket-line-far-opacity: .13;
	--basket-line-near-opacity: .24;
	--basket-accent: 57 217 225;
	/* Decision-card viewport composition. The rail owns the outer slot; these
	 * values reframe only the environment inside its panoramic canvas. */
	--basket-horizon-y: 32%;
	--basket-floor-start: 28%;
	--basket-floor-scale: 1.3;
	--basket-stage-perspective: 110cqh;
	--basket-court-offset-y: 0%;
	--basket-center-circle-x: 49%;
	--basket-center-circle-y: 53%;
	--basket-circle-width: 14.8%;
	--basket-circle-aspect: 2.18;
	--basket-spotlight-top: 29%;
	--basket-spotlight-width: 20%;
	--basket-spotlight-height: 73%;
	--basket-arc-bottom: -16%;
	--basket-arc-height: 56%;
	--basket-arc-opacity: .5;
	--basket-stands-opacity: .76;
	position: relative !important;
	isolation: isolate;
	container-type: size;
	overflow: hidden !important;
	border: 1px solid rgb(110 199 213 / .18) !important;
	border-radius: inherit !important;
	transform: none !important;
	background:
		radial-gradient(ellipse 36% 56% at 50% 4%, rgb(231 211 177 / .13), transparent 72%),
		radial-gradient(ellipse 88% 70% at 50% 70%, rgb(30 52 55 / .10), transparent 78%),
		linear-gradient(180deg, #01070d 0%, #020910 48%, #07090b 100%) !important;
	box-shadow:
		inset 0 0 0 1px rgb(255 255 255 / .025),
		inset 0 -34cqh 44cqh rgb(0 0 0 / .42),
		0 14px 32px rgb(0 0 0 / .26) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame[data-basket-mood="regular"] {
	--basket-stage-light: .62;
	--basket-stage-warmth: .48;
	--basket-stage-vignette: .68;
	--basket-stage-haze: .29;
	--basket-floor-contrast: .57;
	--basket-line-far-opacity: .10;
	--basket-line-near-opacity: .19;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame[data-basket-mood="playoffs"] {
	--basket-stage-light: .76;
	--basket-stage-warmth: .62;
	--basket-stage-vignette: .72;
	--basket-stage-haze: .38;
	--basket-floor-contrast: .68;
	--basket-line-far-opacity: .13;
	--basket-line-near-opacity: .24;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame[data-basket-mood="championship"] {
	--basket-stage-light: .86;
	--basket-stage-warmth: .71;
	--basket-stage-vignette: .78;
	--basket-stage-haze: .46;
	--basket-floor-contrast: .78;
	--basket-line-far-opacity: .16;
	--basket-line-near-opacity: .29;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame::before {
	content: none !important;
	display: none !important;
	background: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame::after {
	z-index: 9 !important;
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	pointer-events: none;
	opacity: 0 !important;
	background: transparent !important;
	transition: opacity 180ms ease;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame--away::after,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-nba-matchup]:has(.nba-team-panel--away input:checked) .nba-court-frame::after {
	opacity: 1 !important;
	background: radial-gradient(ellipse at 22% 55%, rgb(var(--basket-accent) / .13), transparent 48%) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame--home::after,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-nba-matchup]:has(.nba-team-panel--home input:checked) .nba-court-frame::after {
	opacity: 1 !important;
	background: radial-gradient(ellipse at 78% 55%, rgb(var(--basket-accent) / .13), transparent 48%) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame :is(
	.nba-stage__stands,
	.nba-stage__lights,
	.nba-stage__haze,
	.nba-stage__floor,
	.nba-stage__floor-glow,
	.nba-stage__midline,
	.nba-court-frame__circle,
	.nba-stage__key,
	.nba-stage__arc
) {
	position: absolute !important;
	display: block !important;
	box-sizing: border-box;
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__stands {
	z-index: 0;
	inset: 0 0 calc(100% - var(--basket-horizon-y)) 0;
	background:
		radial-gradient(circle at 6% 31%, rgb(183 145 89 / .16) 0 .46cqh, transparent 2.35cqh),
		radial-gradient(circle at 14% 16%, rgb(255 233 189 / .22) 0 .73cqh, transparent 2.9cqh),
		radial-gradient(circle at 20% 38%, rgb(166 118 67 / .12) 0 .56cqh, transparent 2.55cqh),
		radial-gradient(circle at 31% 17%, rgb(199 151 86 / .12) 0 .52cqh, transparent 2.3cqh),
		radial-gradient(circle at 49% 8%, rgb(255 240 204 / .24) 0 .78cqh, transparent 3.3cqh),
		radial-gradient(circle at 57% 19%, rgb(181 133 79 / .11) 0 .52cqh, transparent 1.9cqh),
		radial-gradient(circle at 72% 15%, rgb(255 232 183 / .20) 0 .67cqh, transparent 3cqh),
		radial-gradient(circle at 82% 25%, rgb(196 145 76 / .12) 0 .56cqh, transparent 2cqh),
		radial-gradient(circle at 90% 34%, rgb(192 143 78 / .17) 0 .62cqh, transparent 2.7cqh),
		radial-gradient(circle at 96% 14%, rgb(241 201 132 / .15) 0 .59cqh, transparent 2.25cqh),
		linear-gradient(180deg, rgb(1 5 10 / .14), rgb(2 6 10 / .95));
	filter: blur(1.52cqh);
	opacity: calc(var(--basket-stands-opacity) * .84);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__lights {
	z-index: 1;
	inset: 0;
	background:
		radial-gradient(ellipse 31% 76% at 50% -19%, rgb(255 243 217 / calc(var(--basket-stage-light) * .47)) 0%, rgb(237 206 155 / calc(var(--basket-stage-warmth) * .29)) 38%, transparent 77%),
		radial-gradient(ellipse 64% 54% at 50% 16%, rgb(217 205 179 / calc(var(--basket-stage-haze) * .22)), transparent 74%),
		linear-gradient(180deg, rgb(201 218 221 / .045), transparent 42%, transparent 66%);
	mix-blend-mode: screen;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__haze {
	z-index: 2;
	inset: 0 0 calc(100% - var(--basket-horizon-y));
	background:
		radial-gradient(ellipse 54% 86% at 50% 8%, rgb(239 220 185 / calc(var(--basket-stage-haze) * .28)), transparent 73%),
		linear-gradient(180deg, rgb(1 6 11 / .22), rgb(9 13 15 / .03) 48%, rgb(2 6 9 / calc(var(--basket-stage-vignette) * .52))),
		radial-gradient(ellipse 92% 40% at 48% 106%, rgb(174 147 113 / calc(var(--basket-stage-haze) * .19)), transparent 76%),
		radial-gradient(ellipse at 50% 60%, transparent 29%, rgb(0 0 0 / calc(var(--basket-stage-vignette) * .62)) 100%);
	filter: blur(2.45cqh);
	opacity: .98;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__floor {
	z-index: 3;
	top: var(--basket-floor-start);
	right: -5%;
	bottom: -4%;
	left: -5%;
	overflow: hidden;
	background:
		radial-gradient(ellipse 38% 58% at 50% 29%, rgb(191 116 68 / .19), rgb(144 78 43 / .075) 43%, transparent 75%),
		radial-gradient(ellipse 77% 94% at 50% 28%, transparent 22%, rgb(0 0 0 / .72) 100%),
		linear-gradient(90deg, rgb(3 21 28 / .62), transparent 26%, transparent 74%, rgb(3 21 28 / .64)),
		repeating-linear-gradient(90deg, rgb(255 226 176 / calc(var(--basket-floor-contrast) * .018)) 0 .16cqh, transparent .16cqh 6.6cqh),
		repeating-linear-gradient(0deg, rgb(32 19 11 / calc(var(--basket-floor-contrast) * .038)) 0 .28cqh, transparent .28cqh 10.6cqh),
		linear-gradient(180deg, var(--basket-floor-dark) 0%, var(--basket-floor-mid) 34%, var(--basket-floor-warm) 61%, var(--basket-floor-deep) 100%);
	transform: translateY(var(--basket-court-offset-y)) perspective(var(--basket-stage-perspective)) rotateX(46deg) scaleX(1.14) scaleY(var(--basket-floor-scale));
	transform-origin: 50% 0;
	box-shadow: inset 0 8cqh 16cqh rgb(0 0 0 / .38), inset 0 -15cqh 19cqh rgb(0 0 0 / .78);
	-webkit-mask-image: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .12) 12%, rgb(0 0 0 / .52) 35%, #000 58%, #000 100%);
	mask-image: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .12) 12%, rgb(0 0 0 / .52) 35%, #000 58%, #000 100%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__floor::before,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__floor::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__floor::before {
	inset: 0;
	background:
		repeating-linear-gradient(90deg, rgb(255 227 180 / calc(var(--basket-floor-contrast) * .014)) 0 6.6%, rgb(15 9 5 / .020) 6.6% 13.2%),
		repeating-linear-gradient(90deg, transparent 0 7%, rgb(255 233 195 / calc(var(--basket-floor-contrast) * .018)) 7.12% 7.25%, transparent 7.42% 14.6%),
		repeating-linear-gradient(0deg, rgb(11 6 3 / .022) 0 .22cqh, transparent .22cqh 3.35cqh);
	mix-blend-mode: soft-light;
	opacity: .48;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__floor::after {
	inset: 6% -14% -12%;
	background: radial-gradient(ellipse 34% 92% at 50% 104%, rgb(255 237 202 / .16) 0%, rgb(205 177 137 / .07) 47%, transparent 79%);
	mix-blend-mode: screen;
	filter: blur(4.3cqh);
	opacity: .56;
	-webkit-mask-image: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .20) 33%, #000 67%, #000 100%);
	mask-image: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .20) 33%, #000 67%, #000 100%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__floor-glow {
	z-index: 4;
	top: var(--basket-spotlight-top);
	left: 50%;
	width: var(--basket-spotlight-width);
	height: var(--basket-spotlight-height);
	transform: translateX(-50%);
	background:
		radial-gradient(ellipse 46% 44% at 50% 5%, rgb(255 247 225 / calc(var(--basket-stage-light) * .32)) 0%, rgb(239 207 154 / calc(var(--basket-stage-warmth) * .13)) 36%, transparent 77%),
		linear-gradient(180deg, rgb(251 231 193 / calc(var(--basket-stage-light) * .05)), transparent 52%);
	filter: blur(4.8cqh);
	opacity: .52;
	mix-blend-mode: screen;
	-webkit-mask-image: linear-gradient(180deg, #000 0 11%, rgb(0 0 0 / .32) 31%, transparent 55%);
	mask-image: linear-gradient(180deg, #000 0 11%, rgb(0 0 0 / .32) 31%, transparent 55%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__midline {
	z-index: 5;
	top: var(--basket-center-circle-y);
	right: 0;
	left: 0;
	height: 3.2cqh;
	transform: translateY(-50%);
	background:
		linear-gradient(180deg, transparent calc(50% - .5px), rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .66)) 50%, transparent calc(50% + .5px)),
		linear-gradient(90deg, transparent 0, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .08)) 15%, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .48)) 37%, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .62)) 43%, transparent 45% 55%, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .62)) 57%, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .48)) 63%, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .08)) 85%, transparent 100%);
	filter: blur(.35cqh);
	opacity: .58;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame__circle {
	z-index: 5;
	top: var(--basket-center-circle-y);
	left: var(--basket-center-circle-x);
	width: var(--basket-circle-width);
	aspect-ratio: var(--basket-circle-aspect);
	border: 0;
	border-radius: 50%;
	background:
		radial-gradient(ellipse 58% 32% at 50% 108%, rgb(255 228 183 / .09), transparent 74%),
		radial-gradient(ellipse at 50% 40%, rgb(4 10 17 / .76) 0%, rgb(5 11 17 / .63) 62%, transparent 74%);
	box-shadow: 0 1.25cqh 3.1cqh rgb(0 0 0 / .35), inset 0 .25cqh .85cqh rgb(255 239 210 / .035);
	transform: translate(-50%, -50%);
	filter: blur(.12cqh);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame__circle::before {
	position: absolute;
	inset: 0;
	padding: .55px;
	border-radius: inherit;
	content: "";
	background:
		radial-gradient(ellipse at 68% 83%, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .75)), transparent 43%),
		linear-gradient(180deg, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .51)) 0%, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .61)) 44%, rgb(var(--basket-line-rgb) / calc(var(--basket-line-far-opacity) * .83)) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame__circle::after {
	position: absolute;
	right: 14%;
	bottom: -1.4cqh;
	left: 14%;
	height: 1.9cqh;
	border-radius: 50%;
	content: "";
	background: radial-gradient(ellipse at 50% 0%, rgb(255 229 184 / .12), rgb(0 0 0 / .16) 42%, transparent 76%);
	filter: blur(.65cqh);
	opacity: .58;
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__key {
	z-index: 5;
	right: 18%;
	bottom: -24%;
	left: 18%;
	height: 45%;
	border: 0;
	border-radius: 0;
	clip-path: polygon(16% 0, 84% 0, 100% 100%, 0 100%);
	background:
		linear-gradient(90deg, rgb(2 10 18 / .86), rgb(7 18 27 / .70) 48%, rgb(2 9 16 / .88)),
		radial-gradient(ellipse at 50% 2%, rgb(235 210 166 / .055), transparent 58%);
	-webkit-mask-image: linear-gradient(180deg, rgb(0 0 0 / .76), #000 25%, #000 100%);
	mask-image: linear-gradient(180deg, rgb(0 0 0 / .76), #000 25%, #000 100%);
	box-shadow: inset 0 2.3cqh 4.1cqh rgb(255 216 161 / .028), 0 -1.2cqh 4cqh rgb(0 0 0 / .30);
	opacity: .76;
	filter: blur(.28cqh);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-stage__arc {
	z-index: 6;
	right: 7%;
	bottom: var(--basket-arc-bottom);
	left: 7%;
	height: var(--basket-arc-height);
	border: 1px solid rgb(var(--basket-line-rgb) / var(--basket-line-near-opacity));
	border-bottom: 0;
	border-radius: 50% 50% 0 0 / 36% 36% 0 0;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10% 90%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 10% 90%, transparent);
	opacity: var(--basket-arc-opacity);
	filter: blur(.28cqh);
}

/* Compact rail: retain the same scene, but use a closer crop with a quieter
 * arc and bokeh. This changes artwork only, never the rail's aspect ratio or
 * its shared layout. */
@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame {
		--basket-horizon-y: 35%;
		--basket-floor-start: 30%;
		--basket-floor-scale: 1.2;
		--basket-center-circle-x: 50%;
		--basket-center-circle-y: 54%;
		--basket-circle-width: 16%;
		--basket-spotlight-top: 31%;
		--basket-spotlight-width: 24%;
		--basket-spotlight-height: 70%;
		--basket-arc-bottom: -23%;
		--basket-arc-opacity: .35;
		--basket-stands-opacity: .58;
	}
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame[data-nba-stage-state="live"] .nba-stage__floor-glow {
	animation: nba-stage-live-pulse 2.8s ease-in-out infinite;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame[data-nba-stage-state="live"] {
	box-shadow:
		inset 0 0 0 1px rgb(255 255 255 / .025),
		inset 0 0 7cqh rgb(235 83 83 / .08),
		inset 0 -34cqh 44cqh rgb(0 0 0 / .42),
		0 14px 32px rgb(0 0 0 / .26) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame[data-nba-stage-state="locked"] {
	filter: saturate(.72) brightness(.84);
}

@keyframes nba-stage-live-pulse {
	0%, 100% { opacity: .56; }
	50% { opacity: .86; }
}

@media (prefers-reduced-motion: reduce) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame[data-nba-stage-state="live"] .nba-stage__floor-glow {
		animation: none;
	}
}

/* Basketball hybrid Sports Stage pilot. The shared Decision Card owns every
 * dimension; the image supplies materials while CSS adds Arena grading,
 * restrained court cues and event feedback. The legacy renderer stays intact
 * behind data-stage-variant="legacy" for the internal A/B rollout. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball:not([data-stage-variant="legacy"]) {
	--basket-stage-height: clamp(165px, 18vw, 205px);
	--basket-image-brightness: .75;
	--basket-image-contrast: 1.08;
	--basket-image-saturation: .94;
	--basket-bg-deep: #030a11;
	--basket-floor-dark: #1b120d;
	--basket-floor-mid: #3a2418;
	--basket-floor-warm: #6b4428;
	--basket-light-rgb: 255 225 185;
	--basket-line-rgb: 238 226 206;
	--basket-accent-rgb: 44 224 239;
	--basket-vignette: .62;
	--basket-haze: .16;
	--basket-warm-light: .16;
	--basket-cyan-light: .035;
	--basket-line-opacity: .15;
	--basket-line-far-opacity: .09;
	--basket-live-opacity: 0;
	position: relative !important;
	isolation: isolate;
	overflow: hidden !important;
	width: 100%;
	min-width: 0;
	min-height: 0;
	background: var(--basket-bg-deep) !important;
	box-shadow:
		inset 0 0 0 1px rgb(116 213 222 / .10),
		inset 0 -22px 38px rgb(0 7 12 / .16) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-mood="regular"] {
	--basket-image-brightness: .69;
	--basket-image-saturation: .88;
	--basket-vignette: .56;
	--basket-warm-light: .08;
	--basket-cyan-light: .025;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-mood="playoffs"] {
	--basket-image-brightness: .78;
	--basket-image-saturation: .96;
	--basket-vignette: .64;
	--basket-warm-light: .14;
	--basket-cyan-light: .035;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-mood="championship"] {
	--basket-image-brightness: .78;
	--basket-image-saturation: 1;
	--basket-vignette: .70;
	--basket-warm-light: .18;
	--basket-cyan-light: .04;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-status="open"] {
	--basket-cyan-light: .035;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-status="live"] {
	--basket-live-opacity: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-status="locked"] {
	--basket-image-brightness: .54;
	--basket-image-saturation: .38;
	--basket-vignette: .76;
	--basket-cyan-light: .015;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball:not([data-stage-variant="legacy"]) > :is(
	[data-arena-renderer-atmosphere],
	.nba-stage__stands,
	.nba-stage__lights,
	.nba-stage__haze,
	.nba-stage__floor,
	.nba-stage__floor-glow,
	.nba-stage__midline,
	.nba-court-frame__circle,
	.nba-stage__key,
	.nba-stage__arc
) {
	display: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage__media,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage__media {
	z-index: 0;
	display: block;
	overflow: hidden;
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage__media img {
	display: block;
	object-fit: cover;
	object-position: center 72%;
	transform: scale(1.18);
	filter: brightness(var(--basket-image-brightness)) contrast(var(--basket-image-contrast)) saturate(var(--basket-image-saturation));
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] :is(
	.basket-stage__grading,
	.basket-stage__court-signature,
	.basket-stage__lighting,
	.basket-stage__state-layer
) {
	position: absolute;
	inset: 0;
	display: block;
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__grading {
	z-index: 1;
	background:
		radial-gradient(ellipse 42% 38% at 50% 66%, rgb(var(--basket-light-rgb) / var(--basket-warm-light)) 0%, rgb(232 184 121 / .06) 46%, transparent 80%),
		linear-gradient(180deg, rgb(3 10 17 / .50) 0%, rgb(9 12 15 / .10) 25%, rgb(27 18 13 / .18) 38%, rgb(58 36 24 / .34) 68%, rgb(27 18 13 / .44) 100%),
		linear-gradient(90deg, rgb(3 10 17 / .30), transparent 24% 76%, rgb(3 10 17 / .30)),
		radial-gradient(ellipse at center, transparent 35%, rgb(0 5 10 / var(--basket-vignette)) 100%);
}

/* Material pass only: the parquet is read from boards and varnish, not from
 * extra court geometry. The perspective is deliberately shallow so it stays
 * inside the approved stage composition. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__grading::before {
	position: absolute;
	top: 31%;
	right: -8%;
	bottom: -14%;
	left: -8%;
	content: "";
	pointer-events: none;
	background:
		radial-gradient(ellipse 46% 30% at 50% 71%, rgb(255 221 176 / .075), transparent 76%),
		repeating-linear-gradient(90deg, rgb(245 215 171 / .045) 0 .7%, rgb(10 6 3 / .018) .7% 8.5%),
		repeating-linear-gradient(0deg, rgb(7 5 3 / .040) 0 1px, transparent 1px 12.5%);
	transform: perspective(150cqh) rotateX(25deg) scaleX(1.04) scaleY(1.08);
	transform-origin: 50% 0;
	mix-blend-mode: soft-light;
	-webkit-mask-image: linear-gradient(180deg, transparent 0%, rgb(0 0 0 / .48) 16%, #000 54%, #000 100%);
	mask-image: linear-gradient(180deg, transparent 0%, rgb(0 0 0 / .48) 16%, #000 54%, #000 100%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__court-signature {
	z-index: 2;
	background: linear-gradient(90deg, transparent 0%, rgb(var(--basket-line-rgb) / .035) 18%, rgb(var(--basket-line-rgb) / .14) 43%, transparent 48%, transparent 52%, rgb(var(--basket-line-rgb) / .14) 57%, rgb(var(--basket-line-rgb) / .035) 82%, transparent 100%) center 58% / 100% 1px no-repeat;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__court-signature::before {
	position: absolute;
	top: 57%;
	left: 50%;
	width: clamp(92px, 13vw, 145px);
	aspect-ratio: 2 / .72;
	border: 1px solid rgb(var(--basket-line-rgb) / var(--basket-line-opacity));
	border-radius: 50%;
	box-shadow: 0 5px 14px rgb(0 0 0 / .22), inset 0 -1px 4px rgb(255 236 207 / .04);
	content: "";
	transform: translate(-50%, -50%);
	filter: blur(.2px);
	opacity: .82;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__court-signature::after {
	position: absolute;
	bottom: -38%;
	left: 50%;
	width: 92%;
	aspect-ratio: 2 / 1;
	border: 1px solid rgb(var(--basket-line-rgb) / .13);
	border-bottom: 0;
	border-radius: 50% 50% 0 0;
	content: "";
	transform: translateX(-50%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
	filter: blur(.25px);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__lighting {
	z-index: 3;
	background:
		radial-gradient(ellipse 38% 26% at 50% 69%, rgb(var(--basket-light-rgb) / .085), rgb(239 197 139 / .026) 49%, transparent 78%),
		radial-gradient(ellipse at 50% 84%, rgb(var(--basket-accent-rgb) / var(--basket-cyan-light)), transparent 45%);
	mix-blend-mode: screen;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__state-layer {
	z-index: 4;
	border: 1px solid rgb(255 82 82 / .22);
	box-shadow: inset 0 0 26px rgb(255 82 82 / .045);
	opacity: var(--basket-live-opacity);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-status="live"] .basket-stage__state-layer {
	animation: basket-stage-hybrid-live-pulse 2.8s ease-in-out infinite;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-nba-matchup]:has(.nba-team-panel--away input:checked) .arena-sport-stage--basketball .basket-stage__lighting {
	background:
		radial-gradient(ellipse at 34% 64%, rgb(var(--basket-accent-rgb) / .07), transparent 40%),
		radial-gradient(ellipse 38% 26% at 50% 69%, rgb(var(--basket-light-rgb) / .08), transparent 76%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-nba-matchup]:has(.nba-team-panel--home input:checked) .arena-sport-stage--basketball .basket-stage__lighting {
	background:
		radial-gradient(ellipse at 66% 64%, rgb(var(--basket-accent-rgb) / .07), transparent 40%),
		radial-gradient(ellipse 38% 26% at 50% 69%, rgb(var(--basket-light-rgb) / .08), transparent 76%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-variant="image"] .basket-stage__court-signature {
	display: none;
}

@keyframes basket-stage-hybrid-live-pulse {
	50% { opacity: .55; }
}

@media (max-width: 860px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball:not([data-stage-variant="legacy"]) {
		--basket-stage-height: clamp(145px, 21vw, 178px);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage__media img {
		object-position: center 72%;
		transform: scale(1.24);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__court-signature::before {
		top: 58%;
		width: clamp(84px, 18vw, 116px);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__court-signature::after {
		bottom: -42%;
	}
}

@media (max-width: 480px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage__media img {
		object-position: center 74%;
		transform: scale(1.31);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .basket-stage__court-signature::after {
		opacity: .55;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-status="live"] .basket-stage__state-layer {
		animation: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .arena-sport-stage--basketball[data-stage-status="live"] .basket-stage__state-layer {
		animation: none;
	}
}

/* Restored NBA top-down court.  Keep the experimental stage styles above
 * recoverable, but make the established full-court renderer authoritative. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame {
	position: relative !important;
	isolation: auto !important;
	container-type: normal !important;
	min-width: 0 !important;
	min-height: 0 !important;
	aspect-ratio: 94 / 50 !important;
	overflow: hidden !important;
	border: 1px solid rgb(255 232 190 / .24) !important;
	border-radius: 12px !important;
	transform: perspective(1100px) rotateX(2.2deg) scaleY(.985) !important;
	transform-origin: 50% 52% !important;
	background:
		linear-gradient(180deg, rgb(2 5 10 / .66) 0%, transparent 20%, transparent 76%, rgb(2 4 9 / .62) 100%),
		radial-gradient(ellipse 36% 62% at 50% 50%, rgb(255 242 212 / .45) 0%, rgb(255 218 157 / .17) 30%, transparent 70%),
		radial-gradient(ellipse at 50% 50%, transparent 44%, rgb(0 0 0 / .46) 100%),
		repeating-linear-gradient(90deg, rgb(255 211 152 / .13) 0 54px, rgb(61 30 11 / .20) 54px 108px),
		linear-gradient(100deg, #4a260f 0%, #93603a 22%, #b98351 49%, #6b371c 76%, #331807 100%) !important;
	background-size: 100% 100%, 100% 100%, 100% 100%, 216px 100%, 100% 100% !important;
	box-shadow:
		inset 0 0 70px rgb(2 7 14 / .60),
		inset 0 20px 34px rgb(255 232 190 / .16),
		inset 0 -26px 48px rgb(7 3 1 / .50),
		inset 0 0 0 1px rgb(255 232 190 / .12),
		0 10px 22px rgb(0 0 0 / .33) !important;
	z-index: 2 !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame::before {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	content: "" !important;
	pointer-events: none !important;
	z-index: 1 !important;
	background: radial-gradient(ellipse at 50% 50%, rgb(255 233 190 / .10), transparent 52%) !important;
	opacity: .7 !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame::after {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	content: "" !important;
	pointer-events: none !important;
	z-index: 3 !important;
	opacity: 0 !important;
	background: transparent !important;
	transition: opacity 180ms ease-out, background 180ms ease-out !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame__circle {
	display: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame--away::after,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-nba-matchup]:has(.nba-team-panel--away input:checked) .nba-court-frame::after {
	opacity: 1 !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--nba-team-primary, #35d0e2) 16%, transparent) 0 44%, transparent 68%),
		radial-gradient(ellipse at 24% 50%, color-mix(in srgb, var(--nba-team-secondary, #e9c46a) 12%, transparent), transparent 46%) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] .nba-court-frame--home::after,
html:root.corporate-surface .play-page [data-decision-card-shell] [data-nba-matchup]:has(.nba-team-panel--home input:checked) .nba-court-frame::after {
	opacity: 1 !important;
	background:
		linear-gradient(270deg, color-mix(in srgb, var(--nba-team-primary, #35d0e2) 16%, transparent) 0 44%, transparent 68%),
		radial-gradient(ellipse at 76% 50%, color-mix(in srgb, var(--nba-team-secondary, #e9c46a) 12%, transparent), transparent 46%) !important;
}

/* Match Insights V1: one non-interactive comparison surface shared by every
 * binary matchup.  Sport modifiers provide only a quiet material texture;
 * the hierarchy, comparison geometry and data fallbacks are universal. */
/* Match Insights is a renderer canvas, not the atmospheric overlay itself.
 * This specificity deliberately outranks the generic atmosphere hook mounted
 * by the partial, so its content cannot be flattened into a full-card layer. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .match-insights {
	--match-insights-line: rgb(128 211 218 / .16);
	--match-insights-text-muted: rgb(194 212 220 / .70);
	--match-insights-ambient: rgb(91 187 148 / .08);
	--match-insights-surface-top: rgb(4 18 29 / .82);
	--match-insights-surface-mid: rgb(5 26 33 / .70);
	--match-insights-surface-bottom: rgb(3 17 28 / .90);
	--match-insights-texture: linear-gradient(180deg, rgb(0 9 15 / .36), transparent 30%, rgb(0 8 11 / .30) 100%);
	--match-insights-grading: transparent;
	position: relative !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	display: grid !important;
	grid-template-rows: auto auto auto;
	align-content: center;
	gap: clamp(.42rem, .92vw, .78rem);
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: clamp(.64rem, 1.35vw, 1.12rem);
	overflow: hidden;
	border: 1px solid rgb(107 194 203 / .20);
	border-radius: var(--match-renderer-radius);
	box-sizing: border-box;
	isolation: isolate;
	background:
		radial-gradient(ellipse 58% 62% at 50% 57%, var(--match-insights-ambient), transparent 70%),
		linear-gradient(180deg, var(--match-insights-surface-top), var(--match-insights-surface-mid) 54%, var(--match-insights-surface-bottom));
	box-shadow:
		inset 0 1px 0 rgb(215 251 255 / .05),
		inset 0 -24px 36px rgb(0 7 12 / .30),
		0 12px 28px rgb(0 0 0 / .18);
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--count-1 {
	grid-template-rows: auto auto;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--count-0 {
	grid-template-rows: auto auto;
}

/* Sports Data can supply up to four useful facts. Keep those facts inside the
 * existing central canvas rather than growing the decision card vertically. */
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--count-3 {
	grid-template-rows: auto repeat(3, minmax(0, 1fr));
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--count-4 {
	grid-template-rows: auto repeat(4, minmax(0, 1fr));
	gap: clamp(.26rem, .58vw, .48rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--count-4 .match-insights__metric {
	padding-block: clamp(.04rem, .14vw, .12rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--count-4 .match-insights__metric h4 {
	margin-bottom: clamp(.16rem, .32vw, .28rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	content: "";
	background: var(--match-insights-texture), var(--match-insights-grading);
	filter: saturate(1.04) brightness(1.05);
}

/* Temporary audit hook: apply `debug-materials` in DevTools to inspect only
 * the sport material layer. It deliberately removes grade and shadow, while
 * leaving the normal information hierarchy in place. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .match-insights.debug-materials {
	box-shadow: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .match-insights.debug-materials::before {
	background: var(--match-insights-texture);
	filter: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights > * {
	position: relative;
	z-index: 1;
	min-width: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] :is(.match-insights--football, .comparative-insights--football) {
	--match-insights-ambient: rgb(70 160 86 / .075);
	--match-insights-surface-top: rgb(3 20 17 / .84);
	--match-insights-surface-mid: rgb(8 48 25 / .72);
	--match-insights-surface-bottom: rgb(2 21 14 / .92);
	--match-insights-texture:
		radial-gradient(ellipse 18% 13% at 50% 66%, transparent 0 64%, rgb(211 237 197 / .055) 67% 68%, transparent 72%),
		linear-gradient(90deg, transparent calc(50% - .5px), rgb(215 242 202 / .045) 50%, transparent calc(50% + .5px)) 50% 61% / 100% 46% no-repeat,
		repeating-linear-gradient(90deg, rgb(141 198 112 / .036) 0 8%, rgb(3 29 15 / .046) 8% 16%),
		repeating-linear-gradient(8deg, transparent 0 6px, rgb(186 224 158 / .014) 6px 7px, transparent 7px 13px);
	--match-insights-grading: linear-gradient(180deg, rgb(0 9 15 / .36), transparent 30%, rgb(0 8 11 / .30) 100%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] :is(.match-insights--basketball, .comparative-insights--basketball, .comparative-insights--nba) {
	--match-insights-ambient: rgb(157 93 47 / .08);
	--match-insights-surface-top: rgb(7 13 18 / .88);
	--match-insights-surface-mid: rgb(57 33 18 / .74);
	--match-insights-surface-bottom: rgb(26 15 10 / .93);
	--match-insights-texture:
		radial-gradient(ellipse 15% 8% at 50% 62%, transparent 0 64%, rgb(243 225 197 / .05) 67% 68%, transparent 72%),
		radial-gradient(ellipse 56% 34% at 50% 118%, transparent 0 65%, rgb(240 222 192 / .04) 67% 68%, transparent 71%),
		repeating-linear-gradient(90deg, rgb(194 126 67 / .052) 0 7%, rgb(50 28 15 / .062) 7% 14%),
		repeating-linear-gradient(12deg, transparent 0 9px, rgb(226 169 102 / .022) 9px 10px, transparent 10px 18px),
		repeating-linear-gradient(0deg, transparent 0 13px, rgb(229 184 123 / .018) 13px 14px);
	--match-insights-grading: linear-gradient(180deg, rgb(5 11 17 / .44), transparent 34%, rgb(26 15 11 / .38) 100%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] :is(.match-insights--baseball, .comparative-insights--baseball, .comparative-insights--mlb) {
	--match-insights-ambient: rgb(88 143 75 / .075);
	--match-insights-surface-top: rgb(3 16 18 / .88);
	--match-insights-surface-mid: rgb(5 43 22 / .74);
	--match-insights-surface-bottom: rgb(5 24 14 / .93);
	--match-insights-texture:
		radial-gradient(ellipse 15% 6% at 50% 61%, rgb(183 104 57 / .075) 0 54%, transparent 74%),
		radial-gradient(ellipse 35% 25% at 50% 112%, rgb(161 89 48 / .065) 0 48%, transparent 75%),
		repeating-linear-gradient(90deg, rgb(106 167 92 / .035) 0 9%, rgb(3 31 15 / .048) 9% 18%),
		repeating-linear-gradient(7deg, transparent 0 8px, rgb(150 194 114 / .014) 8px 9px, transparent 9px 17px);
	--match-insights-grading: linear-gradient(180deg, rgb(0 12 16 / .42), transparent 32%, rgb(5 32 22 / .34) 100%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] :is(.match-insights--football-american, .comparative-insights--football-american, .comparative-insights--nfl) {
	--match-insights-ambient: rgb(49 125 77 / .075);
	--match-insights-surface-top: rgb(3 16 20 / .88);
	--match-insights-surface-mid: rgb(5 40 27 / .73);
	--match-insights-surface-bottom: rgb(3 21 17 / .93);
	--match-insights-texture:
		repeating-linear-gradient(0deg, transparent 0 16%, rgb(218 235 199 / .048) 16% calc(16% + 1px), transparent calc(16% + 1px) 32%),
		repeating-linear-gradient(90deg, rgb(68 137 85 / .032) 0 12%, rgb(1 22 17 / .046) 12% 24%),
		repeating-linear-gradient(6deg, transparent 0 7px, rgb(151 202 137 / .012) 7px 8px, transparent 8px 15px);
	--match-insights-grading: linear-gradient(180deg, rgb(0 14 18 / .42), transparent 30%, rgb(5 32 25 / .34) 100%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] :is(.match-insights--hockey, .comparative-insights--hockey, .comparative-insights--nhl) {
	--match-insights-ambient: rgb(103 169 206 / .075);
	--match-insights-surface-top: rgb(6 20 32 / .87);
	--match-insights-surface-mid: rgb(19 58 78 / .72);
	--match-insights-surface-bottom: rgb(5 20 32 / .93);
	--match-insights-texture:
		radial-gradient(ellipse 11% 13% at 28% 64%, transparent 0 64%, rgb(210 235 245 / .045) 67% 68%, transparent 71%),
		radial-gradient(ellipse 11% 13% at 72% 64%, transparent 0 64%, rgb(210 235 245 / .045) 67% 68%, transparent 71%),
		linear-gradient(0deg, transparent calc(50% - .5px), rgb(211 101 99 / .055) 50%, transparent calc(50% + .5px)),
		repeating-linear-gradient(9deg, transparent 0 9px, rgb(220 239 246 / .018) 9px 10px, transparent 10px 18px),
		repeating-linear-gradient(90deg, rgb(207 234 247 / .018) 0 14%, rgb(5 27 42 / .025) 14% 28%);
	--match-insights-grading: linear-gradient(180deg, rgb(7 22 33 / .54), rgb(20 54 70 / .22) 56%, rgb(5 18 30 / .52));
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] :is(.match-insights--tennis, .comparative-insights--tennis) {
	--match-insights-ambient: rgb(48 148 137 / .07);
	--match-insights-surface-top: rgb(3 18 29 / .88);
	--match-insights-surface-mid: rgb(5 52 49 / .70);
	--match-insights-surface-bottom: rgb(2 23 29 / .93);
	--match-insights-texture:
		linear-gradient(90deg, transparent 49.7%, rgb(210 243 232 / .045) 50%, transparent 50.3%),
		linear-gradient(0deg, transparent 49.6%, rgb(210 243 232 / .04) 50%, transparent 50.4%),
		radial-gradient(ellipse 80% 7% at 50% 52%, rgb(217 242 232 / .032), transparent 72%),
		repeating-linear-gradient(12deg, transparent 0 8px, rgb(140 201 184 / .014) 8px 9px, transparent 9px 17px);
	--match-insights-grading: linear-gradient(180deg, rgb(3 18 28 / .50), rgb(10 55 55 / .22) 56%, rgb(2 20 29 / .54));
}

html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] :is(.match-insights--mma, .comparative-insights--mma) {
	--match-insights-ambient: rgb(114 128 135 / .06);
	--match-insights-surface-top: rgb(4 13 21 / .89);
	--match-insights-surface-mid: rgb(12 27 33 / .72);
	--match-insights-surface-bottom: rgb(2 10 15 / .94);
	--match-insights-texture:
		repeating-linear-gradient(45deg, transparent 0 10px, rgb(206 220 226 / .028) 10px 11px, transparent 11px 21px),
		repeating-linear-gradient(-45deg, transparent 0 10px, rgb(206 220 226 / .024) 10px 11px, transparent 11px 21px),
		repeating-linear-gradient(0deg, transparent 0 8px, rgb(187 200 204 / .012) 8px 9px, transparent 9px 17px),
		radial-gradient(ellipse at 50% 50%, rgb(111 126 134 / .06), transparent 62%);
	--match-insights-grading: linear-gradient(180deg, rgb(5 14 22 / .55), rgb(12 25 31 / .30), rgb(3 10 15 / .60));
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	color: color-mix(in srgb, var(--brand-text-secondary) 72%, transparent);
	opacity: .88;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__heading > span {
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--match-insights-line));
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__heading > span:last-child {
	transform: scaleX(-1);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__heading strong {
	font-size: clamp(.56rem, .92vw, .7rem);
	font-weight: 760;
	letter-spacing: .21em;
	line-height: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__metric {
	display: grid;
	align-content: center;
	min-width: 0;
	padding: clamp(.16rem, .36vw, .3rem) clamp(.12rem, .35vw, .3rem);
	border-radius: .58rem;
	background: linear-gradient(90deg, transparent, rgb(195 239 240 / .022) 50%, transparent);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__metric + .match-insights__metric {
	border-top: 1px solid rgb(152 216 218 / .10);
	padding-top: clamp(.44rem, .9vw, .72rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__metric h4 {
	margin: 0 0 clamp(.34rem, .72vw, .6rem);
	color: var(--brand-accent, #2ce0ef);
	font-size: clamp(.58rem, .95vw, .73rem);
	font-weight: 800;
	letter-spacing: .055em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__metric h4 .bi {
	margin-right: .34rem;
	font-size: .92em;
	vertical-align: -.03em;
}

/* Sprint 5B/5C: the central canvas receives the ordered rule output and its
 * passive visual language. The renderer only presents structured Insight[];
 * it does not calculate a sporting conclusion. */
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--interpreted .match-insights__metric {
	gap: clamp(.14rem, .34vw, .28rem);
	padding-inline: clamp(.28rem, .65vw, .54rem);
	text-align: center;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--interpreted .match-insights__metric h4 {
	margin: 0;
	color: var(--brand-text-primary);
	font-size: clamp(.72rem, 1.1vw, .92rem);
	font-weight: 800;
	letter-spacing: -.015em;
	line-height: 1.08;
	text-transform: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-category {
	margin: 0;
	color: var(--brand-accent, #2ce0ef);
	font-size: clamp(.46rem, .66vw, .58rem);
	font-weight: 850;
	letter-spacing: .14em;
	line-height: 1;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(.18rem, .42vw, .36rem);
	min-height: clamp(.88rem, 1.7vw, 1.24rem);
	margin: 0;
	color: var(--brand-accent, #2ce0ef);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__visual-token {
	display: inline-grid;
	width: clamp(.72rem, 1.48vw, 1.05rem);
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid rgb(229 247 239 / .14);
	border-radius: 50%;
	box-sizing: border-box;
	color: rgb(242 249 248 / .94);
	font-size: clamp(.42rem, .66vw, .55rem);
	font-weight: 900;
	line-height: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__visual-token.is-w { background: rgb(53 176 96 / .48); border-color: rgb(100 229 133 / .44); }
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__visual-token.is-d { background: rgb(123 139 145 / .42); border-color: rgb(201 215 216 / .25); }
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__visual-token.is-l { background: rgb(169 58 54 / .50); border-color: rgb(239 110 102 / .40); }

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--scoring .match-insights__visual-token,
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--defense .match-insights__visual-token {
	border-radius: .28rem;
	font-size: clamp(.42rem, .7vw, .58rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--scoring .match-insights__visual-token.is-active {
	background: rgb(72 202 163 / .22);
	border-color: rgb(94 231 191 / .48);
	color: rgb(143 245 212 / .96);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--defense .match-insights__visual-token.is-active {
	background: rgb(91 173 218 / .22);
	border-color: rgb(121 205 245 / .48);
	color: rgb(173 228 255 / .96);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__visual-token.is-inactive {
	border-color: rgb(198 218 224 / .14);
	background: rgb(153 177 186 / .08);
	color: rgb(201 218 223 / .28);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--record .match-insights__visual-token {
	width: clamp(1.42rem, 2.75vw, 2.05rem);
	aspect-ratio: auto;
	min-height: clamp(1rem, 1.8vw, 1.3rem);
	gap: .08rem;
	border-radius: .34rem;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--record .match-insights__visual-token strong {
	font-family: var(--corp-font-display);
	font-size: clamp(.6rem, .95vw, .76rem);
	line-height: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--record .match-insights__visual-token small {
	font-size: clamp(.38rem, .52vw, .46rem);
	font-weight: 850;
	line-height: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rank-chip {
	display: inline-grid;
	min-width: clamp(1.48rem, 2.85vw, 2.12rem);
	min-height: clamp(1.06rem, 1.94vw, 1.42rem);
	place-items: center;
	border: 1px solid rgb(105 228 223 / .48);
	border-radius: .38rem;
	background: rgb(50 199 194 / .16);
	color: rgb(193 255 249 / .96);
	font-family: var(--corp-font-display);
	font-size: clamp(.62rem, .98vw, .78rem);
	font-weight: 850;
	line-height: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rank-chip--muted {
	border-color: rgb(198 218 224 / .18);
	background: rgb(153 177 186 / .08);
	color: rgb(215 229 233 / .65);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--ranking > .bi,
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-visual--icon > .bi {
	color: rgb(142 231 235 / .88);
	font-size: clamp(.76rem, 1.36vw, 1.04rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__rule-description {
	margin: 0;
	color: var(--match-insights-text-muted);
	font-size: clamp(.55rem, .8vw, .68rem);
	font-weight: 600;
	line-height: 1.24;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__comparison {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: clamp(.38rem, .9vw, .8rem);
	min-width: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(.12rem, .32vw, .28rem);
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-list li {
	display: grid;
	place-items: center;
	min-width: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-token {
	display: inline-grid;
	width: clamp(.94rem, 2.15vw, 1.6rem);
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid rgb(229 247 239 / .14);
	border-radius: 50%;
	box-sizing: border-box;
	color: rgb(242 249 248 / .94);
	font-size: clamp(.52rem, .82vw, .7rem);
	font-weight: 900;
	line-height: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-token.is-w { background: rgb(53 176 96 / .46); border-color: rgb(100 229 133 / .42); }
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-token.is-d { background: rgb(123 139 145 / .42); border-color: rgb(201 215 216 / .25); }
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-token.is-l { background: rgb(169 58 54 / .48); border-color: rgb(239 110 102 / .38); }
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-token.is-empty { color: rgb(214 226 229 / .42); background: rgb(119 139 145 / .12); }

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__versus {
	color: rgb(214 226 229 / .64);
	font-size: clamp(.56rem, .8vw, .68rem);
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__value {
	display: grid;
	gap: .18rem;
	min-width: 0;
	text-align: center;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__value strong {
	color: var(--brand-text-primary);
	font-family: var(--corp-font-display);
	font-size: clamp(1.2rem, 3.3vw, 2.15rem);
	font-weight: 850;
	letter-spacing: -.045em;
	line-height: .9;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__value span,
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__empty {
	margin: 0;
	color: var(--match-insights-text-muted);
	font-size: clamp(.5rem, .74vw, .64rem);
	font-weight: 600;
	line-height: 1.08;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__empty {
	display: grid;
	align-self: center;
	justify-self: center;
	max-width: 22ch;
	font-size: clamp(.64rem, .92vw, .78rem);
	line-height: 1.35;
	text-align: center;
}

/* Explicitly represent verified-but-incomplete Sports Data coverage. A
 * promoted/new participant may have no score-backed history in this
 * competition yet. Keep the canvas informational rather than stretching the
 * two identity surfaces around an empty middle grid track. */
html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--unavailable {
	grid-template-rows: auto auto auto;
	place-content: center;
	justify-items: center;
	gap: clamp(.42rem, .84vw, .68rem);
	text-align: center;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--unavailable > i {
	color: color-mix(in srgb, var(--brand-accent-primary) 72%, var(--brand-text-secondary));
	font-size: clamp(1.05rem, 1.75vw, 1.45rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--unavailable > strong {
	color: var(--brand-text-primary);
	font-family: var(--corp-font-display);
	font-size: clamp(.76rem, 1vw, .94rem);
	font-weight: 800;
	letter-spacing: .015em;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights--unavailable .match-insights__empty {
	max-width: 26ch;
	margin: 0;
	font-size: clamp(.62rem, .82vw, .75rem);
}

/* Sprint 5C: factual comparison returns to the center canvas. The presenter
 * has already paired every metric with its participant, so this layer only
 * establishes a fast A/B reading order: form first, facts second, context
 * last. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] .comparative-insights {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: auto minmax(0, 1fr) auto;
	align-content: stretch;
	gap: clamp(.46rem, .92vw, .76rem);
	padding: clamp(.62rem, 1.22vw, .98rem);
}

/* A quiet focal point makes the comparison read as a sporting encounter,
 * while remaining purely visual: the Decision Rail below is still the only
 * interactive surface. */
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights::after {
	position: absolute;
	top: 51%;
	left: 50%;
	z-index: 2;
	display: grid;
	width: clamp(1.45rem, 2.15vw, 1.82rem);
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid rgb(162 231 230 / .34);
	border-radius: 50%;
	background: color-mix(in srgb, var(--brand-surface-page) 88%, #071722);
	box-shadow: 0 0 0 .24rem rgb(4 22 30 / .52), 0 .32rem .74rem rgb(0 0 0 / .25);
	color: rgb(212 249 246 / .88);
	content: "VS";
	font-family: var(--corp-font-display);
	font-size: clamp(.42rem, .64vw, .54rem);
	font-weight: 900;
	letter-spacing: .08em;
	line-height: 1;
	pointer-events: none;
	transform: translate(-50%, -50%);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights > .match-insights__heading,
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared {
	grid-column: 1 / -1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant {
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr) auto;
	align-content: start;
	min-width: 0;
	padding: clamp(.32rem, .72vw, .54rem);
	border: 1px solid rgb(181 231 232 / .12);
	border-radius: .62rem;
	background: linear-gradient(145deg, rgb(225 252 255 / .022), rgb(1 10 17 / .08));
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--left {
	border-color: color-mix(in srgb, var(--brand-accent, #2ce0ef) 20%, transparent);
	box-shadow: inset 1px 0 0 color-mix(in srgb, var(--brand-accent, #2ce0ef) 13%, transparent);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--right {
	border-color: color-mix(in srgb, var(--brand-accent, #2ce0ef) 20%, transparent);
	box-shadow: inset -1px 0 0 color-mix(in srgb, var(--brand-accent, #2ce0ef) 13%, transparent);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant-heading {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: .28rem;
	min-width: 0;
	margin: 0 0 clamp(.26rem, .56vw, .42rem);
	text-align: center;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant-heading span {
	overflow: hidden;
	max-width: 4.8ch;
	color: var(--brand-accent, #2ce0ef);
	font-size: clamp(.43rem, .62vw, .54rem);
	font-weight: 850;
	letter-spacing: .09em;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant-heading strong {
	overflow: hidden;
	color: var(--brand-text-primary);
	font-size: clamp(.6rem, .96vw, .78rem);
	font-weight: 820;
	letter-spacing: -.018em;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(.12rem, .31vw, .25rem);
	min-width: 0;
	margin: 0 0 clamp(.34rem, .72vw, .56rem);
	padding: 0;
	list-style: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form li {
	display: grid;
	place-items: center;
	min-width: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-token {
	display: inline-grid;
	width: clamp(.92rem, 1.86vw, 1.34rem);
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid rgb(229 247 239 / .17);
	border-radius: 50%;
	box-sizing: border-box;
	color: rgb(244 252 251 / .96);
	font-family: var(--corp-font-display);
	font-size: clamp(.49rem, .78vw, .65rem);
	font-weight: 900;
	line-height: 1;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .14), 0 .16rem .36rem rgb(0 0 0 / .18);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-token.is-w { background: rgb(53 176 96 / .54); border-color: rgb(100 229 133 / .52); }
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-token.is-d { background: rgb(123 139 145 / .52); border-color: rgb(211 225 226 / .34); }
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-token.is-l { background: rgb(169 58 54 / .56); border-color: rgb(239 110 102 / .49); }
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-token.is-otl { background: rgb(147 94 181 / .52); border-color: rgb(211 159 243 / .46); }

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-token.is-detailed {
	width: auto;
	min-width: clamp(1.5rem, 2.7vw, 2.15rem);
	padding-inline: .16rem;
	font-size: clamp(.38rem, .57vw, .49rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metrics {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: start;
	gap: clamp(.18rem, .42vw, .34rem);
	min-width: 0;
	margin: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: baseline;
	gap: .1rem .34rem;
	min-width: 0;
	padding-top: clamp(.13rem, .28vw, .22rem);
	border-top: 1px solid rgb(186 226 230 / .10);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric dt {
	overflow: hidden;
	grid-column: 1;
	margin: 0;
	color: var(--match-insights-text-muted);
	font-size: clamp(.44rem, .62vw, .54rem);
	font-weight: 750;
	letter-spacing: .035em;
	line-height: 1.05;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric dt .bi {
	margin-right: .18rem;
	color: var(--brand-accent, #2ce0ef);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric dd {
	grid-column: 2;
	margin: 0;
	color: var(--brand-text-primary);
	font-family: var(--corp-font-display);
	font-size: clamp(.66rem, 1.12vw, .92rem);
	font-weight: 850;
	letter-spacing: -.035em;
	line-height: 1;
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric small {
	overflow: hidden;
	grid-column: 1 / -1;
	margin: 0;
	color: rgb(201 219 225 / .56);
	font-size: clamp(.39rem, .55vw, .47rem);
	font-weight: 650;
	line-height: 1.05;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__note {
	display: -webkit-box;
	overflow: hidden;
	margin: clamp(.28rem, .5vw, .4rem) 0 0;
	padding-top: clamp(.24rem, .48vw, .36rem);
	border-top: 1px solid rgb(94 228 220 / .18);
	color: rgb(198 235 232 / .86);
	font-size: clamp(.46rem, .67vw, .57rem);
	font-weight: 760;
	line-height: 1.15;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .36rem;
	min-width: 0;
	padding: clamp(.24rem, .52vw, .42rem) clamp(.34rem, .7vw, .58rem);
	border: 1px solid rgb(102 221 218 / .19);
	border-radius: .52rem;
	background: rgb(39 177 175 / .08);
	text-align: center;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared > .bi {
	color: var(--brand-accent, #2ce0ef);
	font-size: clamp(.62rem, .95vw, .76rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared span {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: .26rem;
	min-width: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared strong {
	color: var(--brand-accent, #2ce0ef);
	font-size: clamp(.43rem, .62vw, .54rem);
	font-weight: 850;
	letter-spacing: .095em;
	line-height: 1;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared small {
	overflow: hidden;
	color: rgb(224 243 242 / .88);
	font-size: clamp(.48rem, .69vw, .58rem);
	font-weight: 700;
	line-height: 1.1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Ordered sports do not pretend to be binary matchups. Their native recent
 * positions remain the visual anchor, with compact factual metrics below. */
html:root.corporate-surface .play-page .ordered-insight-presentation {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9.4rem, 1fr));
	gap: .6rem;
	margin: .72rem 0;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__item {
	display: grid;
	gap: .28rem;
	min-width: 0;
	padding: .7rem .76rem;
	border: 1px solid rgb(113 203 212 / .18);
	border-radius: .78rem;
	background: linear-gradient(145deg, rgb(11 31 42 / .86), rgb(5 17 27 / .94));
	box-shadow: inset 0 1px 0 rgb(226 250 255 / .04);
}

html:root.corporate-surface .play-page .ordered-insight-presentation__item p {
	display: flex;
	align-items: center;
	gap: .35rem;
	margin: 0;
	color: var(--brand-accent, #2ce0ef);
	font-size: .64rem;
	font-weight: 800;
	letter-spacing: .055em;
	line-height: 1.1;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__item > strong {
	color: var(--brand-text-primary, #eefaff);
	font-family: var(--corp-font-display);
	font-size: clamp(1rem, 1.7vw, 1.42rem);
	font-weight: 850;
	letter-spacing: -.025em;
	line-height: 1.05;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__item small {
	overflow: hidden;
	color: rgb(196 214 221 / .72);
	font-size: .68rem;
	font-weight: 600;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__positions {
	display: flex;
	flex-wrap: wrap;
	gap: .28rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__positions li {
	display: inline-grid;
	min-width: 2.1rem;
	min-height: 1.5rem;
	place-items: center;
	padding: 0 .3rem;
	border: 1px solid rgb(116 225 217 / .32);
	border-radius: .38rem;
	background: rgb(41 184 180 / .13);
	color: rgb(211 255 248 / .96);
	font-family: var(--corp-font-display);
	font-size: .72rem;
	font-weight: 850;
	line-height: 1;
}

/* Ordered sports have no artificial left/right comparison. Their context is
 * a compact read-only card row built from normalized race/tournament results. */
html:root.corporate-surface .play-page .event-insights {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
	gap: .6rem;
	margin: .72rem 0;
}

html:root.corporate-surface .play-page .event-insights__metric {
	display: grid;
	gap: .22rem;
	min-width: 0;
	padding: .72rem .78rem;
	border: 1px solid rgb(113 203 212 / .18);
	border-radius: .78rem;
	background: linear-gradient(145deg, rgb(11 31 42 / .86), rgb(5 17 27 / .94));
	box-shadow: inset 0 1px 0 rgb(226 250 255 / .04);
}

html:root.corporate-surface .play-page .event-insights__metric p {
	display: flex;
	align-items: center;
	gap: .35rem;
	margin: 0;
	color: var(--brand-accent, #2ce0ef);
	font-size: .64rem;
	font-weight: 800;
	letter-spacing: .055em;
	line-height: 1.1;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page .event-insights__metric strong {
	overflow: hidden;
	color: var(--brand-text-primary, #eefaff);
	font-family: var(--corp-font-display);
	font-size: clamp(1rem, 1.7vw, 1.42rem);
	font-weight: 850;
	letter-spacing: -.025em;
	line-height: 1.05;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html:root.corporate-surface .play-page .event-insights__metric small {
	overflow: hidden;
	color: rgb(196 214 221 / .72);
	font-size: .68rem;
	font-weight: 600;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Universal Decision Rail: renderer panels explain the matchup; this rail is
 * the single, keyboard-accessible selection surface for every binary contract. */
html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail {
	--decision-rail-selected: var(--arena-color-action);
	--decision-rail-saved: var(--arena-color-opportunity);
	--decision-rail-correct: var(--arena-color-opportunity);
	--decision-rail-incorrect: var(--arena-color-pressure);
	display: grid;
	gap: .5rem;
	width: 100%;
	margin: .62rem 0;
	padding: 0;
}

/* One closing contract for every binary Decision Card: choice, confirmation,
 * then exactly one supporting status line. The rail keeps the Football
 * spacing as the shared source of truth instead of reusing sport-specific
 * action wrappers. */
html:root.corporate-surface .play-page [data-decision-card-shell] .decision-card-confirmation-rail {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: stretch;
	justify-items: stretch;
	gap: .5rem;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
}

/* RESULT forms used to be deliberately capped for the former inline score
 * control.  The canonical confirmation rail is a card-level row, so its
 * owning form must be allowed to span the entire Decision Card. */
html:root.corporate-surface .play-page [data-decision-card-shell] form.prediction-native-save-form:has(> .decision-card-confirmation-rail) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: stretch;
	justify-items: stretch;
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0;
	padding: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-card-confirmation-rail .decision-rail {
	margin: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-card-confirmation-rail [data-decision-cta] {
	width: 100%;
	margin: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-card-confirmation-rail__status {
	justify-self: center;
	min-height: 1.2em;
	margin: 0;
	color: color-mix(in srgb, var(--brand-text-secondary, #aab8c9) 90%, transparent);
	font-size: .76rem;
	font-weight: 650;
	line-height: 1.2;
	text-align: center;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-card-confirmation-rail__status.is-pending {
	color: color-mix(in srgb, var(--brand-text-secondary, #aab8c9) 74%, transparent);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail--binary {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail--draw {
	grid-template-columns: minmax(0, 1fr) minmax(6.25rem, .76fr) minmax(0, 1fr);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__input {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option {
	display: grid;
	min-width: 0;
	height: 46px;
	padding: .45rem .7rem;
	border: 1px solid color-mix(in srgb, var(--brand-border, rgba(107, 194, 203, .24)) 90%, transparent);
	border-radius: .72rem;
	background: color-mix(in srgb, var(--brand-surface-elevated, #081722) 86%, var(--brand-surface-page, #020b12));
	box-shadow: inset 0 1px 0 rgb(226 250 255 / .035);
	box-sizing: border-box;
	color: var(--brand-text-primary, #edf8ff);
	cursor: pointer;
	font: inherit;
	place-items: center;
	text-align: center;
	transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .38rem;
	min-width: 0;
	font-family: var(--corp-font-display);
	font-size: clamp(.7rem, 1.05vw, .86rem);
	font-weight: 800;
	line-height: 1.1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option-points {
	display: inline-flex;
	align-items: baseline;
	gap: .13rem;
	margin-inline-start: .12rem;
	padding: .11rem .3rem;
	border: 1px solid rgb(54 215 228 / .38);
	border-radius: 999px;
	background: rgb(21 100 112 / .2);
	color: var(--brand-accent, #39dbe8);
	font-family: var(--corp-font-display);
	font-size: .65rem;
	font-weight: 850;
	letter-spacing: .02em;
	line-height: 1;
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option-points small {
	font-size: .56rem;
	font-weight: 780;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__label-full,
html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__label-short {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__label-short {
	display: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option:is(:hover, :focus-visible) {
	border-color: rgb(57 219 232 / .72);
	background: color-mix(in srgb, var(--brand-state-hover, #0b3a45) 74%, var(--brand-surface-elevated, #081722));
	box-shadow: inset 0 0 0 1px rgb(57 219 232 / .12), 0 .3rem .8rem rgb(0 0 0 / .16);
	outline: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option--selected {
	border-color: var(--arena-selected-border);
	background: var(--arena-selected-surface);
	box-shadow: var(--arena-selected-shadow);
	color: var(--arena-selected-foreground);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option--saved .decision-rail__check {
	color: var(--decision-rail-saved);
}

/* Confirmed picks reuse the persisted submission state. This is deliberately
 * a visual layer only: no layout, lifecycle, or decision behaviour changes.
 * Finished events and affected picks retain their own existing treatments. */
html:root.corporate-surface .play-page .prediction-card:is(
	[data-current-status="saved"],
	.is-saved:not(.is-finished)
):not(.is-affected):not(:has([data-prediction-participant-change="affected"])) {
	border-color: color-mix(in srgb, var(--arena-color-action, var(--brand-action, #35d0e2)) 48%, var(--brand-border-strong, rgba(107, 194, 203, .24))) !important;
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--arena-color-action, var(--brand-action, #35d0e2)) 14%, transparent),
		0 0 .95rem color-mix(in srgb, var(--arena-color-action, var(--brand-action, #35d0e2)) 10%, transparent) !important;
}

html:root.corporate-surface .play-page .manual-prediction-card--bonus:is(
	[data-current-status="saved"],
	.is-saved:not(.is-finished)
):not(.is-affected):not(:has([data-prediction-participant-change="affected"])) {
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--arena-color-action, var(--brand-action, #35d0e2)) 10%, transparent),
		0 0 .65rem color-mix(in srgb, var(--arena-color-action, var(--brand-action, #35d0e2)) 7%, transparent) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell]:is(
	[data-current-status="saved"],
	.is-saved:not(.is-finished)
):not(.is-affected):not(:has([data-prediction-participant-change="affected"])) .decision-rail__option--saved {
	border-color: color-mix(in srgb, var(--decision-rail-saved) 88%, var(--decision-rail-selected)) !important;
	background: color-mix(in srgb, var(--decision-rail-saved) 29%, var(--brand-surface-elevated, #081722)) !important;
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb, var(--decision-rail-saved) 25%, transparent),
		0 0 .82rem color-mix(in srgb, var(--decision-rail-saved) 16%, transparent) !important;
	color: #f5ffff !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell]:is(
	[data-current-status="saved"],
	.is-saved:not(.is-finished)
):not(.is-affected):not(:has([data-prediction-participant-change="affected"])) .decision-rail__option:not(.decision-rail__option--saved) {
	border-color: color-mix(in srgb, var(--brand-border, rgba(107, 194, 203, .24)) 68%, transparent);
	opacity: .72;
}

html:root.corporate-surface .play-page [data-decision-card-shell]:is(
	[data-current-status="saved"],
	.is-saved:not(.is-finished)
):not(.is-affected):not(:has([data-prediction-participant-change="affected"])) .decision-rail__option--saved .decision-rail__check {
	color: var(--decision-rail-saved);
	font-weight: 900;
	opacity: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option--draft .decision-rail__check {
	color: var(--decision-rail-selected);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option--correct {
	border-color: color-mix(in srgb, var(--decision-rail-correct) 72%, transparent);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option--incorrect {
	border-color: color-mix(in srgb, var(--decision-rail-incorrect) 66%, transparent);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__result {
	margin-left: .18rem;
	color: var(--decision-rail-correct);
	font-size: .72em;
	font-weight: 800;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option--incorrect .decision-rail__result {
	color: var(--decision-rail-incorrect);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option:disabled {
	cursor: default;
	opacity: .72;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .decision-input-rail {
	margin: .65rem 0;
	padding: .65rem;
	border: 1px solid rgb(112 194 203 / .16);
	border-radius: .8rem;
	background: rgb(3 14 23 / .28);
}

/* MMA accumulated poster-era `auto` heights for its fighter panels and
 * octagon.  A Decision Card is now a shared three-column stage: at every
 * horizontal breakpoint both fighters and the central canvas must fill the
 * exact same renderer row.  The compact rail below 700px keeps its own
 * intentional composition. */
@media (min-width: 700px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] > [data-sport-renderer-layout="mma"] {
		grid-template-rows: minmax(0, 1fr) !important;
		height: 100% !important;
		min-height: 0 !important;
		align-items: stretch !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="mma"] > :is(.mma-fighter-panel, .mma-octagon-frame) {
		align-self: stretch !important;
		justify-self: stretch !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] [data-sport-renderer-layout="mma"] > .mma-fighter-panel {
		overflow: hidden !important;
	}
}

@media (max-width: 575.98px) {
	 html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail {
		gap: .38rem;
		margin: .5rem 0;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-card-confirmation-rail {
		gap: .42rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail--draw {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail--draw .decision-rail__option[data-option-side="left"] {
		order: 1;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail--draw .decision-rail__option[data-option-side="right"] {
		order: 2;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail--draw .decision-rail__option[data-option-side="center"] {
		order: 3;
		grid-column: 1 / -1;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option {
		height: 44px;
		padding-inline: .5rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option-label {
		font-size: .68rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__label-full {
		display: none;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__label-short {
		display: inline;
	}
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights {
		gap: .32rem;
		padding: .52rem .56rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__heading {
		gap: .42rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__heading strong {
		font-size: .5rem;
		letter-spacing: .15em;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__metric h4 {
		margin-bottom: .28rem;
		font-size: .52rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__comparison {
		gap: .28rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-list {
		gap: .04rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__form-token {
		width: clamp(.98rem, 6vw, 1.22rem);
		font-size: .54rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__value strong {
		font-size: clamp(1.08rem, 7vw, 1.45rem);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .match-insights__value span {
		font-size: .46rem;
	}

}

/* Compact V1 contract: Match Insights is the full-width second row beneath
 * the two informational participant panels. Earlier sport-stage selectors
 * classified renderer atmosphere as decorative and could hide that hook;
 * the shared Insights surface owns the hook now and must always render. */
@media (min-width: 700px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights {
		gap: clamp(.78rem, 1.45vw, 1.12rem);
		padding: clamp(.72rem, 1.42vw, 1.06rem);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form {
		gap: clamp(.18rem, .42vw, .34rem);
		margin-bottom: clamp(.44rem, .88vw, .68rem);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-token {
		width: clamp(1.06rem, 2.05vw, 1.54rem);
		font-size: clamp(.54rem, .86vw, .72rem);
	}
}

@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > .match-insights.match-card__renderer-canvas {
		position: relative !important;
		z-index: 0 !important;
		display: grid !important;
		visibility: visible !important;
		opacity: 1 !important;
		grid-area: auto !important;
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		align-self: start !important;
		justify-self: stretch !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		/* Preserve each sport's framing while making the compact Insights row
		 * fifteen percent shorter than its former renderer ratio. */
		aspect-ratio: var(--match-insights-compact-aspect-ratio) !important;
	}

	/* The comparative model keeps the participant association even when the
	 * central canvas moves beneath the visual sides. It is allowed to grow for
	 * its two factual columns instead of squeezing text into the old ratio. */
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > .comparative-insights.match-card__renderer-canvas {
		aspect-ratio: auto !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto minmax(0, 1fr) auto;
	}
}

@media (max-width: 459.98px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights::after {
		display: none;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > .comparative-insights.match-card__renderer-canvas {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto auto auto;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant {
		min-height: 0;
	}
}

/*
 * Sprint 5C · Restore Sport Identity
 *
 * The Decision Rail remains the single interactive surface. These rules only
 * recover the material, direction and atmosphere of the renderer so an Arena
 * card reads as a sporting confrontation before it reads as a fact panel.
 * The materials use the Arena colour language, never an inferred club palette.
 */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout] {
	--sport-identity-material: linear-gradient(180deg, transparent, transparent);
	--sport-identity-ambient: var(--brand-accent-primary);
	--sport-identity-line: var(--brand-border-subtle);
}

/* Football: broadcast turf and a quiet centre-line cue. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="football"] {
	--sport-identity-ambient: rgb(103 199 126);
	--sport-identity-line: rgb(211 241 200 / .24);
	--sport-identity-material:
		radial-gradient(ellipse 72% 118% at 50% 108%, rgb(105 192 124 / .15), transparent 68%),
		repeating-linear-gradient(90deg, rgb(188 235 170 / .048) 0 12%, rgb(4 28 17 / .052) 12% 24%),
		linear-gradient(180deg, rgb(7 52 31 / .32), transparent 64%);
}

/* Basketball: warm hardwood grain and a distant key arc. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nba"] {
	--sport-identity-ambient: rgb(212 141 75);
	--sport-identity-line: rgb(245 207 157 / .22);
	--sport-identity-material:
		radial-gradient(ellipse 72% 42% at 50% 116%, transparent 0 60%, rgb(250 221 180 / .075) 62% 63%, transparent 66%),
		repeating-linear-gradient(90deg, rgb(207 136 75 / .07) 0 8%, rgb(55 29 16 / .065) 8% 16%),
		repeating-linear-gradient(12deg, transparent 0 8px, rgb(245 193 129 / .025) 8px 9px, transparent 9px 17px),
		linear-gradient(180deg, rgb(71 39 20 / .28), transparent 66%);
}

/* NFL: field stripes and yard-line rhythm. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nfl"] {
	--sport-identity-ambient: rgb(89 169 109);
	--sport-identity-line: rgb(218 238 205 / .22);
	--sport-identity-material:
		repeating-linear-gradient(0deg, transparent 0 16%, rgb(225 244 209 / .078) 16% calc(16% + 1px), transparent calc(16% + 1px) 32%),
		repeating-linear-gradient(90deg, rgb(99 179 110 / .05) 0 12%, rgb(3 29 18 / .06) 12% 24%),
		linear-gradient(180deg, rgb(8 57 35 / .28), transparent 66%);
}

/* MLB: outfield mowing plus a restrained infield diamond. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mlb"] {
	--sport-identity-ambient: rgb(108 181 112);
	--sport-identity-line: rgb(220 235 196 / .22);
	--sport-identity-material:
		linear-gradient(45deg, transparent 49.4%, rgb(214 171 119 / .085) 49.5% 50.5%, transparent 50.6%) 50% 77% / 3.8rem 3.8rem no-repeat,
		linear-gradient(-45deg, transparent 49.4%, rgb(214 171 119 / .085) 49.5% 50.5%, transparent 50.6%) 50% 77% / 3.8rem 3.8rem no-repeat,
		repeating-linear-gradient(90deg, rgb(119 186 102 / .048) 0 11%, rgb(5 35 19 / .055) 11% 22%),
		linear-gradient(180deg, rgb(8 56 31 / .28), transparent 66%);
}

/* NHL: cold ice, centre stripe and rink light. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="nhl"] {
	--sport-identity-ambient: rgb(126 193 224);
	--sport-identity-line: rgb(214 241 252 / .26);
	--sport-identity-material:
		linear-gradient(0deg, transparent 49.4%, rgb(219 101 102 / .13) 49.5% 50.5%, transparent 50.6%),
		repeating-linear-gradient(90deg, rgb(224 244 250 / .052) 0 14%, rgb(40 91 119 / .038) 14% 28%),
		radial-gradient(ellipse 88% 90% at 50% 52%, rgb(168 219 240 / .10), transparent 70%),
		linear-gradient(180deg, rgb(20 74 102 / .28), transparent 66%);
}

/* Tennis: a court split and a clean net line. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="tennis"] {
	--sport-identity-ambient: rgb(68 175 158);
	--sport-identity-line: rgb(206 244 230 / .24);
	--sport-identity-material:
		linear-gradient(90deg, transparent 49.5%, rgb(218 245 233 / .11) 49.6% 50.4%, transparent 50.5%),
		linear-gradient(0deg, transparent 49.5%, rgb(218 245 233 / .075) 49.6% 50.4%, transparent 50.5%),
		repeating-linear-gradient(12deg, transparent 0 8px, rgb(156 221 201 / .027) 8px 9px, transparent 9px 17px),
		linear-gradient(180deg, rgb(8 66 61 / .30), transparent 66%);
}

/* MMA: octagon mesh without inventing a fight record or a winner. */
html:root.corporate-surface .play-page [data-decision-card-shell] [data-sport-renderer-layout="mma"] {
	--sport-identity-ambient: rgb(151 164 173);
	--sport-identity-line: rgb(222 233 237 / .20);
	--sport-identity-material:
		repeating-linear-gradient(45deg, transparent 0 10px, rgb(224 234 237 / .05) 10px 11px, transparent 11px 21px),
		repeating-linear-gradient(-45deg, transparent 0 10px, rgb(224 234 237 / .04) 10px 11px, transparent 11px 21px),
		radial-gradient(ellipse 78% 66% at 50% 51%, rgb(157 176 184 / .08), transparent 70%),
		linear-gradient(180deg, rgb(27 41 48 / .30), transparent 66%);
}

/* Let the canvas compare rather than repeat the two participant cards. The
 * accessible participant names remain on their labelled sections. */
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights {
	border-color: color-mix(in srgb, var(--sport-identity-line, var(--match-insights-line)) 78%, transparent) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--sport-identity-line, var(--match-insights-line)) 26%, transparent),
		inset 0 -24px 36px rgb(0 7 12 / .24),
		0 10px 24px rgb(0 0 0 / .14) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant {
	position: relative;
	padding: clamp(.16rem, .36vw, .3rem) 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant-heading {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--left .comparative-insights__metric {
	border-radius: .45rem 0 0 .45rem;
	background: linear-gradient(90deg, color-mix(in srgb, var(--sport-identity-ambient, var(--brand-accent-primary)) 9%, transparent), transparent 84%) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--right .comparative-insights__metric {
	grid-template-columns: auto minmax(0, 1fr);
	border-radius: 0 .45rem .45rem 0;
	background: linear-gradient(270deg, color-mix(in srgb, var(--sport-identity-ambient, var(--brand-accent-primary)) 9%, transparent), transparent 84%) !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--right .comparative-insights__metric dt {
	grid-column: 2;
	text-align: right;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--right .comparative-insights__metric dd {
	grid-column: 1;
	grid-row: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--right .comparative-insights__metric small {
	text-align: right;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--left .comparative-insights__note {
	text-align: right;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--right .comparative-insights__note {
	text-align: left;
}

/* Ordered sports retain their native story: a circuit for Formula 1 and a
 * course / leaderboard rhythm for Golf. They are not forced into a binary VS. */
html:root.corporate-surface .play-page .ordered-insight-presentation--formula1 {
	--sport-identity-material:
		repeating-linear-gradient(118deg, transparent 0 24px, rgb(228 72 64 / .09) 25px 26px, transparent 27px 52px),
		radial-gradient(ellipse 70% 120% at 92% 0, rgb(212 53 45 / .15), transparent 66%),
		linear-gradient(145deg, rgb(35 17 20 / .72), rgb(8 18 27 / .92));
}

html:root.corporate-surface .play-page .ordered-insight-presentation--golf {
	--sport-identity-material:
		radial-gradient(ellipse 24% 90% at 82% 16%, rgb(110 194 123 / .13), transparent 70%),
		repeating-linear-gradient(90deg, rgb(128 190 109 / .06) 0 12%, rgb(8 51 29 / .06) 12% 24%),
		linear-gradient(145deg, rgb(10 52 33 / .72), rgb(5 21 19 / .92));
}

html:root.corporate-surface .play-page :is(.ordered-insight-presentation--formula1, .ordered-insight-presentation--golf) .ordered-insight-presentation__item {
	border-color: color-mix(in srgb, var(--brand-border-subtle) 62%, var(--arena-color-focus)) !important;
	background:
		linear-gradient(180deg, rgb(255 255 255 / .045), transparent 34%),
		var(--sport-identity-material) !important;
}

/* Match Insights ownership grammar: one comparison surface, two unmistakable
 * sides. Team A always owns the left half and Team B the right half. */
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights {
	grid-template-rows: auto auto auto;
	align-content: center;
	gap: clamp(.3rem, .62vw, .52rem);
	padding-block: clamp(.52rem, 1vw, .76rem);
}

/* The axis belongs to the pitch geometry rather than a floating VS badge. */
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights::after {
	display: none !important;
	content: none !important;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant {
	align-self: center;
	min-height: 0 !important;
	padding: 0 clamp(.24rem, .6vw, .5rem);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form {
	margin: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--left {
	text-align: left;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--right {
	text-align: right;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant-heading {
	justify-content: flex-start;
	margin-bottom: clamp(.22rem, .45vw, .34rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant--right .comparative-insights__participant-heading {
	justify-content: flex-end;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant-heading strong {
	font-size: clamp(.62rem, 1vw, .82rem);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__team-identifiers {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(.58rem, 1.34vw, 1rem);
	min-width: 0;
	position: relative;
	z-index: 2;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__team-identifier {
	overflow: hidden;
	padding-inline: clamp(.22rem, .5vw, .42rem);
	color: var(--brand-text-primary);
	font-family: var(--corp-font-display);
	font-size: clamp(.66rem, 1.08vw, .9rem);
	font-weight: 880;
	letter-spacing: -.02em;
	line-height: 1.05;
	text-align: center;
	text-overflow: ellipsis;
	text-shadow: 0 1px 0 rgb(0 0 0 / .3);
	white-space: nowrap;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-empty {
	margin: 0;
	color: var(--match-insights-text-muted);
	font-size: clamp(.48rem, .68vw, .58rem);
	font-weight: 700;
	line-height: 1.1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__primary-metric {
	display: grid;
	grid-column: 1 / -1;
	gap: clamp(.16rem, .36vw, .28rem);
	min-width: 0;
	margin: 0;
	padding: clamp(.28rem, .58vw, .42rem) 0 0;
	border-top: 1px solid color-mix(in srgb, var(--sport-identity-line, var(--brand-border-subtle)) 58%, transparent);
	text-align: center;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__primary-metric > p {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .28rem;
	margin: 0;
	color: var(--match-insights-text-muted);
	font-size: clamp(.44rem, .62vw, .54rem);
	font-weight: 800;
	letter-spacing: .075em;
	line-height: 1;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__primary-metric > p .bi {
	color: var(--brand-accent, #2ce0ef);
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__primary-metric > div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: baseline;
	gap: clamp(.58rem, 1.34vw, 1rem);
	min-width: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric-sides {
	position: relative;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric-sides::before {
	position: absolute;
	top: -.12rem;
	bottom: -.12rem;
	left: 50%;
	width: 2px;
	background: color-mix(in srgb, var(--sport-identity-line, var(--brand-accent)) 88%, rgb(231 255 253 / .94));
	box-shadow: 0 0 .5rem color-mix(in srgb, var(--sport-identity-ambient, var(--brand-accent)) 40%, transparent);
	content: '';
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric-side {
	display: grid;
	gap: .16rem;
	min-width: 0;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric-side--left {
	justify-items: start;
	padding-right: clamp(.22rem, .5vw, .42rem);
	text-align: left;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric-side--right {
	justify-items: end;
	padding-left: clamp(.22rem, .5vw, .42rem);
	text-align: right;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__metric-side strong {
	color: var(--brand-text-primary);
	font-family: var(--corp-font-display);
	font-size: clamp(.94rem, 1.6vw, 1.32rem);
	font-weight: 880;
	letter-spacing: -.045em;
	line-height: 1;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared {
	gap: .3rem;
	padding: clamp(.18rem, .42vw, .3rem) clamp(.26rem, .56vw, .44rem);
	border: 0;
	border-radius: 0;
	background: transparent;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared span {
	align-items: center;
	flex-wrap: wrap;
	gap: .18rem .34rem;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared small {
	display: -webkit-box;
	max-width: 58ch;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* Sprint 5C.2 · one universal reading order: momentum, performance, context.
 * The form layer owns both sides; the card renderer and Decision Rail remain
 * independent of this passive presentation layer. */
html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-layer {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(.3rem, .7vw, .58rem);
	min-width: 0;
	position: relative;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-layer > .match-insights__heading {
	grid-column: 1 / -1;
	position: relative;
	z-index: 2;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-layer::after {
	position: absolute;
	top: -.12rem;
	bottom: 0;
	left: 50%;
	z-index: 1;
	width: 2px;
	background: color-mix(in srgb, var(--sport-identity-line, var(--brand-accent)) 88%, rgb(231 255 253 / .94));
	box-shadow: 0 0 .5rem color-mix(in srgb, var(--sport-identity-ambient, var(--brand-accent)) 40%, transparent);
	content: '';
	pointer-events: none;
}

html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant {
	position: relative;
	z-index: 2;
}

html:root.corporate-surface .play-page .ordered-insight-presentation {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: .34rem;
	margin: .56rem 0;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__layer,
html:root.corporate-surface .play-page .ordered-insight-presentation__context {
	display: grid;
	gap: .28rem;
	min-width: 0;
	padding: .46rem .52rem;
	border: 0;
	border-radius: 0;
	background: transparent;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__layer--metric {
	padding-top: .52rem;
	border-top: 1px solid color-mix(in srgb, var(--arena-color-focus) 20%, transparent);
}

html:root.corporate-surface .play-page .ordered-insight-presentation__layer > p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .3rem;
	margin: 0;
	color: var(--brand-text-muted);
	font-size: .58rem;
	font-weight: 800;
	letter-spacing: .075em;
	line-height: 1;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__layer > p .bi,
html:root.corporate-surface .play-page .ordered-insight-presentation__context > .bi {
	color: var(--arena-color-focus);
}

html:root.corporate-surface .play-page .ordered-insight-presentation__layer > strong {
	justify-self: center;
	color: var(--brand-text-primary);
	font-family: var(--corp-font-display);
	font-size: clamp(1rem, 1.65vw, 1.28rem);
	font-weight: 880;
	letter-spacing: -.04em;
	line-height: 1;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__positions {
	justify-content: center;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__context {
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	justify-content: center;
	padding-top: .3rem;
	text-align: center;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__context span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .18rem .34rem;
	min-width: 0;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__context strong {
	color: var(--arena-color-focus);
	font-size: .52rem;
	font-weight: 850;
	letter-spacing: .085em;
	line-height: 1;
	text-transform: uppercase;
}

html:root.corporate-surface .play-page .ordered-insight-presentation__context small {
	display: -webkit-box;
	overflow: hidden;
	max-width: 52ch;
	margin: 0;
	color: var(--brand-text-secondary);
	font-size: .64rem;
	font-weight: 680;
	line-height: 1.2;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html:root.corporate-surface .play-page .ordered-insight-presentation {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .48rem;
	margin: .56rem 0;
}

/* Landing hero V2: one promise, one explanation, one action. */
@media (min-width: 992px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero__content {
		width: 100%;
		max-width: none;
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line {
		white-space: normal;
		text-wrap: balance;
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero-title {
	max-width: 100%;
	margin: 0;
	text-wrap: initial;
}

@media (min-width: 992px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line--promise {
		font-size: clamp(4rem, 6.4vw, 7.25rem);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line--community {
		font-size: clamp(3rem, 4.25vw, 5rem);
	}
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero-subtitle {
	max-width: 48ch;
	margin-top: clamp(0.85rem, 1.35vw, 1.2rem);
	color: rgba(245, 248, 255, 0.72) !important;
	font-size: clamp(1rem, 1.12vw, 1.14rem);
	font-weight: 560;
	line-height: 1.55;
	text-wrap: pretty;
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero__actions {
	margin-top: clamp(0.9rem, 1.35vw, 1.15rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .app-hero__microcopy {
	margin-top: 0.55rem;
	color: rgba(226, 232, 240, 0.48);
	font-size: 0.78rem;
	font-weight: 600;
}

/* The label owns the only accent line in this hero. */
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column::after {
	display: none;
}

/* Keep the refined hero compact without changing its visual language. */
html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column {
	min-height: clamp(425px, 49.3svh, 527px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--activation-os.home-hero--single-column .row {
	min-height: clamp(323px, 35.7svh, 408px);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line--promise {
	font-size: clamp(2.08rem, 5.31vw, 6.63rem);
}

html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line--community {
	font-size: clamp(1.74rem, 3.61vw, 4.08rem);
}

@media (min-width: 992px) {
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line--promise {
		font-size: clamp(3.4rem, 5.44vw, 6.16rem);
	}

	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page .home-hero--single-column .arena-hero-line--community {
		font-size: clamp(2.55rem, 3.61vw, 4.25rem);
	}
}

/* Enterprise is a conversation starter, not a pricing table: keep the full
 * proposition visible together instead of creating tall, mostly empty cards. */
@media (min-width: 1200px) {
	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-section,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-section {
		padding-block: clamp(1.5rem, 2.2vw, 2.2rem);
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-section-header,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-section-header {
		grid-template-columns: minmax(0, 1.22fr) minmax(300px, 0.78fr);
		gap: clamp(1rem, 2vw, 1.6rem);
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-section-title,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-section-title {
		max-width: 22ch;
		font-size: clamp(2.25rem, 3.5vw, 3.85rem);
		line-height: 0.96;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-section-copy,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-section-copy {
		max-width: 42ch;
		font-size: clamp(0.9rem, 1vw, 1.02rem);
		line-height: 1.42;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-story,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-story {
		grid-template-columns: minmax(0, 1.24fr) minmax(320px, 0.76fr);
		align-items: start;
		gap: clamp(0.8rem, 1.3vw, 1.05rem);
		margin-top: clamp(0.9rem, 1.35vw, 1.15rem);
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-tier,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-tier {
		gap: 0.7rem;
		padding: clamp(0.85rem, 1.15vw, 1rem);
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-tier__intro,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-tier__intro {
		padding-bottom: 0.6rem;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-tier__intro span,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-tier__intro span {
		font-size: clamp(0.98rem, 1.12vw, 1.15rem);
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-tier__intro p,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-tier__intro p {
		font-size: 0.78rem;
		line-height: 1.32;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-list,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-list {
		gap: 0.65rem;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-card,
	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-card:nth-child(4),
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-card,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-card:nth-child(4) {
		gap: 0.5rem;
		min-height: 145px;
		padding: 0.85rem;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-card h3,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-card h3 {
		font-size: clamp(1rem, 1.25vw, 1.18rem);
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-card .corporate-pricing-description,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-compact-card .corporate-pricing-description {
		font-size: 0.76rem;
		line-height: 1.28;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card {
		align-content: start;
		gap: 0.8rem;
		min-height: 0;
		padding: clamp(0.95rem, 1.25vw, 1.15rem);
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card h3,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card h3 {
		max-width: none;
		font-size: clamp(1.6rem, 2.25vw, 2.3rem);
		line-height: 1;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card .corporate-pricing-description,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card .corporate-pricing-description {
		font-size: 0.78rem;
		line-height: 1.32;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-features,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.38rem;
		margin: 0;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-features li,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-features li {
		min-height: 34px;
		padding: 0.42rem 0.52rem;
		font-size: 0.72rem;
		line-height: 1.15;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card__action,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card__action {
		align-content: start;
		gap: 0.45rem;
		padding: 0.75rem 0.85rem;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card__action strong,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card__action strong {
		font-size: clamp(1.25rem, 1.6vw, 1.55rem);
		line-height: 1;
	}

	html.corporate-surface .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card__action p,
	html.corporate-surface:not([data-theme="light-premium"]) .corporate-landing-page #corporate-enterprise .corporate-pricing-enterprise-card__action p {
		font-size: 0.74rem;
		line-height: 1.3;
	}
}

/* Arena Play — Micro Polish 03: Event Rhythm & Material Separation.
 *
 * This is intentionally a Timeline-layer treatment. The page canvas and every
 * Prediction Card keep their existing surface and geometry; only a semantic
 * event-group wrapper receives a quiet material boundary and external rhythm.
 */
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group {
	position: relative;
	z-index: 0;
	isolation: isolate;
	margin: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group::before {
	content: "";
	position: absolute;
	inset: -0.42rem;
	z-index: 0;
	pointer-events: none;
	border: 1px solid color-mix(in srgb, var(--brand-accent-primary) 16%, var(--brand-border-subtle));
	border-radius: calc(var(--corp-radius-lg, 1.25rem) + 0.42rem);
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--brand-accent-primary) 5%, transparent), transparent 32%),
		radial-gradient(118% 88% at 0 0, color-mix(in srgb, var(--brand-accent-secondary) 6%, transparent), transparent 64%),
		color-mix(in srgb, var(--brand-surface-elevated) 16%, transparent);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--brand-accent-secondary) 10%, transparent),
		0 0.9rem 1.8rem color-mix(in srgb, var(--brand-surface-page) 46%, transparent);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group > * {
	position: relative;
	z-index: 1;
}

/* Only independent sporting moments receive the full external beat. Bonus
 * predictions remain inside the group that owns their professional context. */
html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .arena-play-event-group + .arena-play-event-group {
	margin-top: clamp(1.7rem, 3vw, 2.35rem);
}

html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > :is(
	[data-championship-stage],
	.play-prediction-group__header[data-editorial-chapter],
	.play-special-picks-divider,
	.play-main-event-divider
) + .arena-play-event-group {
	margin-top: clamp(0.82rem, 1.35vw, 1.08rem);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-event-bonus-prediction {
	position: relative;
	margin-top: 0.78rem;
	padding-inline-start: 0.62rem;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-event-bonus-prediction__connector {
	position: absolute;
	top: -0.76rem;
	bottom: 0.9rem;
	left: 0.18rem;
	width: 1px;
	pointer-events: none;
	background: linear-gradient(180deg, color-mix(in srgb, var(--brand-accent-primary) 54%, transparent), color-mix(in srgb, var(--brand-accent-primary) 16%, transparent));
}

@media (max-width: 575.98px) {
	html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group::before {
		inset: -0.3rem;
		border-radius: calc(var(--corp-radius-lg, 1.25rem) + 0.3rem);
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-prediction-list > .arena-play-event-group + .arena-play-event-group {
		margin-top: 1.5rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .arena-event-bonus-prediction {
		margin-top: 0.68rem;
		padding-inline-start: 0.5rem;
	}

html:root.corporate-surface .arena-experience-narrative--play .arena-event-bonus-prediction__connector {
		top: -0.66rem;
		left: 0.14rem;
	}
}

/* Keep the wide reading label as the baseline. Compact swaps it locally. */
html:root.corporate-surface .play-page .match-insights__last-count--compact {
	display: none;
}

/* Arena Play — Micro Polish 04: Compact Match Decision Experience.
 *
 * This is deliberately confined to the compact presentation. The existing
 * Desktop and Expanded stage remains the baseline; Compact only separates the
 * passive sporting context from the one actionable Decision Rail below it.
 */
@media (max-width: 699.98px) {
	/* Sport is the compact card's immediate eyebrow. Competition and timing
	 * remain secondary context in the shared shell header. */
	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) [data-sport-context-header] {
		display: inline-flex;
		align-items: center;
		gap: .38rem;
		color: var(--brand-accent, #2ce0ef);
		font-size: .72rem;
		font-weight: 900;
		letter-spacing: .095em;
		line-height: 1;
		text-transform: uppercase;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) [data-sport-context-header] > .bi {
		font-size: .92rem;
	}

	/* The matchup names are factual context. Restore the semantic header and
	 * remove the duplicate panel row that previously looked like a second set
	 * of decision buttons. */
	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) [data-decision-card-matchup-header-wrap] {
		display: block;
		margin: .08rem 0 .16rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) [data-decision-card-matchup-header] {
		min-height: 0;
		gap: .65rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) .decision-card__participant,
	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) .decision-card__participant-name {
		min-height: 0;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) .decision-card__participant-name {
		font-size: clamp(1rem, 5.15vw, 1.22rem);
		font-weight: 840;
		line-height: 1.08;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) .decision-card__matchup-vs {
		color: color-mix(in srgb, var(--brand-text-secondary) 72%, var(--brand-accent));
		font-size: .62rem;
		font-weight: 900;
		letter-spacing: .13em;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] {
		display: block !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > [data-decision-card-side] {
		display: none !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > .match-card__renderer-canvas {
		grid-column: auto !important;
		grid-row: auto !important;
	}

	/* Compact Insights prioritise immediate reading: three larger, grouped
	 * outcomes per team and one owned metric value on each side. */
	html:root.corporate-surface .play-page .match-insights__last-count--compact {
		display: inline;
	}

	html:root.corporate-surface .play-page .match-insights__last-count--wide {
		display: none;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail] > .comparative-insights.match-card__renderer-canvas {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: auto auto auto !important;
		gap: .56rem .7rem;
		padding: .7rem .72rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-layer {
		gap: .5rem .7rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(.2rem, 1.8vw, .42rem);
		margin: 0;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form li:nth-child(n + 4) {
		display: none;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__form-token {
		width: clamp(1.46rem, 7.3vw, 1.78rem);
		font-size: clamp(.62rem, 3.08vw, .76rem);
		font-weight: 850;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__primary-metric {
		display: grid;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__participant {
		padding-inline: .2rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__team-identifier {
		font-size: clamp(.62rem, 3.1vw, .76rem);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .comparative-insights__shared {
		gap: .38rem;
		padding-top: .08rem;
	}

	/* The confirmation rail is the first interactive territory in the card.
	 * Keep its existing geometry, but make untouched controls read as tappable
	 * and preserve full canonical display labels whenever the width allows. */
	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-card-confirmation-rail__prompt {
		display: block;
		margin: 0;
		color: color-mix(in srgb, var(--brand-text-secondary, #aab8c9) 78%, transparent);
		font-size: .64rem;
		font-weight: 850;
		letter-spacing: .12em;
		line-height: 1.15;
		text-transform: uppercase;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option {
		border-color: color-mix(in srgb, var(--brand-accent, #2ce0ef) 42%, var(--brand-border));
		background: color-mix(in srgb, var(--brand-surface-elevated, #081722) 90%, var(--brand-accent, #2ce0ef));
		box-shadow: inset 0 1px 0 color-mix(in srgb, var(--brand-text-primary) 7%, transparent), 0 .18rem .48rem rgb(0 0 0 / .12);
		color: var(--brand-text-primary);
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__option-label {
		font-size: clamp(.72rem, 3.25vw, .84rem);
		font-weight: 840;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__label-full {
		display: inline;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] .decision-rail__label-short {
		display: none;
	}
}

/* Arena Play — Micro Polish 07: Compact Card Breathing Room.
 *
 * Keep the existing card and rail exactly as they are. Compact only gains a
 * clearer pause between the established stages: context, matchup, insight
 * and decision. The smaller rail gap remains an internal relationship, so
 * the helper stays attached to its choices rather than becoming a new block.
 */
@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) {
		--decision-card-space: 1rem;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell]:has([data-mobile-decision-rail]) .decision-card-confirmation-rail {
		gap: .6rem;
	}
}

/* The public landing alone carries the complete wordmark; authenticated
 * product headers retain the compact isotipo. */
html.corporate-surface .app-navbar--marketing-minimal .app-navbar__marketing-wordmark {
	display: inline-flex;
	align-items: center;
	width: 174px;
	height: 44px;
	overflow: hidden;
}

html.corporate-surface .app-navbar--marketing-minimal .app-navbar__marketing-wordmark img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 575.98px) {
	html.corporate-surface .app-navbar--marketing-minimal .app-navbar__marketing-wordmark {
		width: 130px;
		height: 36px;
	}
}

/* Arena Play — Micro Polish 05: Prediction Card Presence.
 *
 * The Timeline canvas and event-group material remain untouched. This is a
 * shared exterior treatment for the existing prediction-card shell only: a
 * slightly more elevated navy surface, a quiet top edge and grounded depth.
 * It deliberately contains no geometry, responsive or inner-renderer rules.
 */
html:root.corporate-surface .play-page .prediction-card[data-event-card] {
	background-color: color-mix(in srgb, var(--brand-surface-elevated, #081722) 93%, var(--brand-surface-page, #020b12));
	border-color: color-mix(in srgb, var(--brand-border-strong, rgba(107, 194, 203, .24)) 78%, var(--brand-surface-page, #020b12));
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--brand-accent-primary, #2ce0ef) 12%, transparent),
		inset -1.4rem 1.15rem 2.7rem color-mix(in srgb, var(--brand-accent-secondary, #56e6d2) 3%, transparent),
		0 0.42rem 0.86rem rgb(0 0 0 / .2),
		0 1.1rem 2.2rem rgb(0 0 0 / .16);
}

/* Public landing — clarity pass.
 * The acquisition surface explains one idea per section; these rules are
 * intentionally scoped so authenticated Arena workspaces retain their own
 * density and navigation language. */
html.corporate-surface .corporate-landing-page {
	padding-bottom: clamp(3.75rem, 7vw, 6rem);
}

html.corporate-surface .corporate-landing-page > .page-container {
	margin-top: clamp(2rem, 5vw, 4.5rem) !important;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero {
	min-height: 0;
	padding: clamp(2.2rem, 5vw, 4.4rem) !important;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero .corporate-landing-hero__copy {
	position: relative;
	z-index: 1;
	max-width: 47rem;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero .app-hero-label {
	margin-bottom: .9rem;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero .app-hero-title {
	max-width: 14ch;
	font-size: clamp(2.65rem, 6.1vw, 5.7rem);
	line-height: .98;
}

/* Three-block public landing: product first, then the two decisions. */
html.corporate-surface .corporate-landing-page .corporate-landing-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 83% 26%, rgba(54, 231, 255, .14), transparent 16rem),
		linear-gradient(135deg, rgba(7, 31, 45, .98), rgba(3, 8, 20, .96));
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero::before,
html.corporate-surface .corporate-landing-page .corporate-landing-hero::after {
	position: absolute;
	border: 1px solid rgba(54, 231, 255, .16);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero::before {
	right: -9rem;
	bottom: -12rem;
	width: 29rem;
	aspect-ratio: 1;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero::after {
	right: 5rem;
	bottom: -5rem;
	width: 13rem;
	aspect-ratio: 1;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero__lead {
	max-width: 36rem;
	margin: 1.1rem 0 .45rem;
	color: rgba(245, 250, 255, .94);
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(1.18rem, 2.15vw, 1.55rem);
	font-weight: 720;
	line-height: 1.23;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero .app-hero-subtitle {
	max-width: 40rem;
	color: var(--arena-muted);
	font-size: clamp(.97rem, 1.5vw, 1.12rem);
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero__inputs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .55rem;
	margin-top: 1.35rem;
	color: rgba(191, 248, 255, .94);
	font-size: .85rem;
	font-weight: 780;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero__inputs > span {
	display: inline-flex;
	align-items: center;
	gap: .42rem;
	padding: .52rem .7rem;
	border: 1px solid rgba(54, 231, 255, .2);
	border-radius: 999px;
	background: rgba(4, 13, 28, .42);
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero__inputs > i { color: var(--arena-cyan); }

html.corporate-surface .corporate-landing-page .corporate-landing-sports {
	display: flex;
	flex-wrap: wrap;
	gap: .42rem;
	max-width: 42rem;
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

html.corporate-surface .corporate-landing-page .corporate-landing-sports li {
	display: inline-flex;
	align-items: center;
	gap: .32rem;
	padding: .34rem .52rem;
	border: 1px solid rgba(148, 163, 184, .18);
	border-radius: 999px;
	background: rgba(3, 8, 20, .38);
	color: rgba(226, 238, 248, .8);
	font-size: .72rem;
	font-weight: 750;
}

html.corporate-surface .corporate-landing-page .corporate-landing-sports li > span:first-child { font-size: .9rem; }

html.corporate-surface .corporate-landing-page .corporate-landing-hero__loop {
	margin: 1.15rem 0 0;
	color: var(--arena-cyan);
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(.98rem, 1.6vw, 1.16rem);
	font-weight: 760;
}

html.corporate-surface .corporate-landing-page .corporate-arena-concepts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2.3vw, 2rem);
	margin: 0 0 clamp(1.4rem, 3vw, 2.4rem);
}

html.corporate-surface .corporate-landing-page .corporate-arena-concepts article {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: .72rem;
	padding-top: .8rem;
	border-top: 1px solid rgba(54, 231, 255, .22);
}

html.corporate-surface .corporate-landing-page .corporate-arena-concepts > article > i {
	display: grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	border: 1px solid rgba(54, 231, 255, .2);
	border-radius: .75rem;
	background: rgba(54, 231, 255, .09);
	color: var(--arena-cyan);
}

html.corporate-surface .corporate-landing-page .corporate-arena-concepts h3 {
	margin: .05rem 0 .25rem;
	color: var(--arena-white);
	font-family: "Space Grotesk", sans-serif;
	font-size: 1rem;
}

html.corporate-surface .corporate-landing-page .corporate-arena-concepts p {
	margin: 0;
	color: var(--arena-muted);
	font-size: .9rem;
	line-height: 1.45;
}

html.corporate-surface .corporate-landing-page .corporate-path-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2.5vw, 1.6rem);
}

html.corporate-surface .corporate-landing-page .corporate-path-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	padding: clamp(1.35rem, 3vw, 2rem);
	border: 1px solid rgba(54, 231, 255, .25);
	border-radius: 1.25rem;
	background: linear-gradient(145deg, rgba(54, 231, 255, .1), rgba(4, 9, 22, .85) 55%);
}

html.corporate-surface .corporate-landing-page .corporate-path-card--enterprise {
	border-color: rgba(166, 189, 215, .24);
	background: linear-gradient(145deg, rgba(52, 79, 116, .24), rgba(4, 9, 22, .9) 60%);
}

html.corporate-surface .corporate-landing-page .corporate-path-card__icon {
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: 1.15rem;
	place-items: center;
	border: 1px solid rgba(54, 231, 255, .24);
	border-radius: .85rem;
	background: rgba(54, 231, 255, .09);
	color: var(--arena-cyan);
	font-size: 1.15rem;
}

html.corporate-surface .corporate-landing-page .corporate-path-card h3 {
	max-width: 23ch;
	margin: 0;
	color: var(--arena-white);
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(1.28rem, 2.25vw, 1.7rem);
	line-height: 1.1;
}

html.corporate-surface .corporate-landing-page .corporate-path-card p {
	max-width: 38rem;
	margin: .75rem 0 1.35rem;
	color: var(--arena-muted);
	font-size: .96rem;
	line-height: 1.5;
}

html.corporate-surface .corporate-landing-page .corporate-path-card .btn-primary-gradient,
html.corporate-surface .corporate-landing-page .corporate-path-card .btn-secondary-soft { margin-top: auto; }

html.corporate-surface .corporate-landing-page .corporate-path-card__email {
	margin-top: .8rem;
	color: rgba(191, 248, 255, .7);
	font-size: .86rem;
	text-decoration: none;
}

html.corporate-surface .corporate-landing-page .corporate-path-card__email:hover,
html.corporate-surface .corporate-landing-page .corporate-path-card__email:focus-visible { color: var(--arena-cyan); text-decoration: underline; }

html.corporate-surface .corporate-landing-page .corporate-landing-hero .app-hero-subtitle {
	max-width: 39rem;
	margin-bottom: 0;
	font-size: clamp(1.04rem, 1.9vw, 1.3rem);
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero .app-hero__actions {
	margin-top: 1.55rem;
}

html.corporate-surface .corporate-landing-page .corporate-landing-hero .btn-primary-gradient {
	min-width: min(100%, 15.5rem);
	padding: .82rem 1.15rem;
}

html.corporate-surface .corporate-landing-page .corporate-section-header--stacked {
	display: block;
	margin-bottom: clamp(1.35rem, 3vw, 2rem);
}

html.corporate-surface .corporate-landing-page .corporate-section-header--stacked .corporate-section-title {
	max-width: 17ch;
}

html.corporate-surface .corporate-landing-page .corporate-concept-flow {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) auto minmax(9rem, .62fr) auto minmax(0, 1fr);
	gap: clamp(.75rem, 2vw, 1.45rem);
	align-items: center;
	padding: clamp(1rem, 2.6vw, 1.55rem);
	border: 1px solid rgba(54, 231, 255, .16);
	border-radius: 1.25rem;
	background: rgba(2, 8, 20, .44);
}

html.corporate-surface .corporate-landing-page .corporate-concept-flow__sources {
	display: grid;
	gap: .65rem;
}

html.corporate-surface .corporate-landing-page .corporate-concept-flow__sources span,
html.corporate-surface .corporate-landing-page .corporate-concept-flow__arena,
html.corporate-surface .corporate-landing-page .corporate-concept-flow__outcome {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	min-height: 3.1rem;
	margin: 0;
	padding: .72rem .9rem;
	border: 1px solid rgba(54, 231, 255, .18);
	border-radius: .85rem;
	background: linear-gradient(135deg, rgba(54, 231, 255, .11), rgba(5, 8, 22, .45));
	color: rgba(245, 250, 255, .92);
	font-size: .9rem;
	font-weight: 760;
	line-height: 1.25;
	text-align: center;
}

html.corporate-surface .corporate-landing-page .corporate-concept-flow__sources i,
html.corporate-surface .corporate-landing-page .corporate-concept-flow__arrow {
	color: var(--arena-cyan);
}

html.corporate-surface .corporate-landing-page .corporate-concept-flow__arena {
	border-color: rgba(54, 231, 255, .42);
	background: linear-gradient(135deg, rgba(54, 231, 255, .24), rgba(14, 24, 48, .88));
	box-shadow: 0 0 32px rgba(54, 231, 255, .12);
	font-family: "Space Grotesk", sans-serif;
	font-size: 1.1rem;
	letter-spacing: .09em;
}

html.corporate-surface .corporate-landing-page .corporate-concept-flow__outcome {
	color: rgba(191, 248, 255, .92);
}

html.corporate-surface .corporate-landing-page .corporate-how-grid {
	margin-top: 0;
	padding: 0;
	list-style: none;
}

html.corporate-surface .corporate-landing-page .corporate-how-card {
	min-height: 12rem;
	padding: clamp(1rem, 2vw, 1.35rem);
}

html.corporate-surface .corporate-landing-page .corporate-how-card__number {
	margin-bottom: 1.35rem;
	font-size: 1.35rem;
}

html.corporate-surface .corporate-landing-page .corporate-how-card h3 {
	max-width: none;
	font-size: clamp(1.08rem, 1.5vw, 1.35rem);
}

html.corporate-surface .corporate-landing-page .corporate-how-card p {
	font-size: .9rem;
	font-weight: 600;
}

html.corporate-surface .corporate-landing-page .corporate-audience-grid,
html.corporate-surface .corporate-landing-page .corporate-audience-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(.8rem, 1.7vw, 1.2rem);
}

html.corporate-surface .corporate-landing-page .corporate-audience-card {
	position: relative;
	padding: clamp(1.1rem, 2.2vw, 1.55rem);
	border: 1px solid var(--arena-border);
	border-radius: 1.25rem;
	background: linear-gradient(145deg, rgba(54, 231, 255, .08), rgba(4, 9, 22, .78) 48%);
}

html.corporate-surface .corporate-landing-page .corporate-audience-card .corporate-feature-card__icon {
	margin-bottom: 1rem;
}

html.corporate-surface .corporate-landing-page .corporate-audience-card h3,
html.corporate-surface .corporate-landing-page .corporate-audience-card h3 {
	margin: 0 0 .5rem;
	color: var(--arena-white);
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(1.18rem, 1.8vw, 1.45rem);
}

html.corporate-surface .corporate-landing-page .corporate-audience-card strong {
	display: block;
	margin-bottom: .55rem;
	color: rgba(191, 248, 255, .92);
	font-size: .96rem;
	line-height: 1.3;
}

html.corporate-surface .corporate-landing-page .corporate-audience-card p {
	margin: 0;
	color: var(--arena-muted);
	font-size: .92rem;
	line-height: 1.45;
}

html.corporate-surface .corporate-landing-page .corporate-product-preview {
	overflow: hidden;
	border: 1px solid rgba(54, 231, 255, .28);
	border-radius: clamp(1rem, 2vw, 1.6rem);
	background: linear-gradient(145deg, rgba(14, 30, 55, .96), rgba(3, 8, 20, .96));
	box-shadow: 0 28px 86px rgba(0, 0, 0, .3), 0 0 44px rgba(54, 231, 255, .08);
}

html.corporate-surface .corporate-landing-page .corporate-product-preview__topbar,
html.corporate-surface .corporate-landing-page .corporate-product-preview__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: clamp(1rem, 2.4vw, 1.55rem);
}

html.corporate-surface .corporate-landing-page .corporate-product-preview__topbar {
	border-bottom: 1px solid rgba(148, 163, 184, .17);
	color: rgba(245, 250, 255, .88);
	font-weight: 800;
}

html.corporate-surface .corporate-landing-page .corporate-product-preview__brand,
html.corporate-surface .corporate-landing-page .corporate-product-preview__status {
	display: inline-flex;
	gap: .5rem;
	align-items: center;
}

html.corporate-surface .corporate-landing-page .corporate-product-preview__brand i { color: #f4c760; }
html.corporate-surface .corporate-landing-page .corporate-product-preview__status { color: #7df2c1; font-size: .8rem; }
html.corporate-surface .corporate-landing-page .corporate-product-preview__status i { font-size: .45rem; }

html.corporate-surface .corporate-landing-page .corporate-product-preview__body { align-items: stretch; }

html.corporate-surface .corporate-landing-page .corporate-product-preview__event,
html.corporate-surface .corporate-landing-page .corporate-product-preview__ranking {
	flex: 1 1 0;
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(148, 163, 184, .16);
	border-radius: 1rem;
	background: rgba(3, 8, 20, .52);
}

html.corporate-surface .corporate-landing-page .corporate-product-preview__event > span,
html.corporate-surface .corporate-landing-page .corporate-product-preview__ranking > span {
	display: block;
	margin-bottom: .55rem;
	color: var(--arena-cyan);
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .1em;
}

html.corporate-surface .corporate-landing-page .corporate-product-preview__event strong {
	display: block;
	color: var(--arena-white);
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(1.2rem, 2.4vw, 1.75rem);
}

html.corporate-surface .corporate-landing-page .corporate-product-preview__event em { color: var(--arena-muted); font-style: normal; font-size: .75em; }
html.corporate-surface .corporate-landing-page .corporate-product-preview__event small { display: block; margin-top: .55rem; color: var(--arena-muted); }
html.corporate-surface .corporate-landing-page .corporate-product-preview__ranking ol { display: grid; gap: .3rem; margin: 0; padding: 0; list-style: none; }
html.corporate-surface .corporate-landing-page .corporate-product-preview__ranking li { display: grid; grid-template-columns: 1.4rem minmax(0, 1fr) auto; gap: .5rem; color: rgba(245, 250, 255, .85); font-size: .9rem; }
html.corporate-surface .corporate-landing-page .corporate-product-preview__ranking b { color: var(--arena-cyan); }
html.corporate-surface .corporate-landing-page .corporate-product-preview__ranking strong { color: #f4c760; font-size: .82rem; }

html.corporate-surface .corporate-landing-page .corporate-enterprise-section__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
}

html.corporate-surface .corporate-landing-page .corporate-enterprise-pillar-list {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

html.corporate-surface .corporate-landing-page .corporate-enterprise-pillar-list li {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .62rem .78rem;
	border: 1px solid rgba(54, 231, 255, .16);
	border-radius: 999px;
	background: rgba(54, 231, 255, .07);
	color: rgba(245, 250, 255, .86);
	font-size: .88rem;
	font-weight: 700;
}

html.corporate-surface .corporate-landing-page .corporate-enterprise-pillar-list i { color: var(--arena-cyan); }
html.corporate-surface .corporate-landing-page .corporate-closing-section--concise { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; }
html.corporate-surface .corporate-landing-page .corporate-closing-section--concise .corporate-section-title { max-width: 16ch; margin: 0; }
html.corporate-surface .corporate-landing-page .corporate-closing-section--concise .corporate-closing-row { display: flex; align-items: center; flex-wrap: wrap; gap: .85rem; margin: 0; }

/* Arena Play — Timeline Card Hierarchy.
 *
 * Home establishes a simple grammar: one operative surface, editorial
 * section cues, and rich material reserved for the next action.  Timeline
 * keeps its existing event renderers and data hooks, but applies that grammar
 * to the surrounding sequence. Days are reading chapters; every Prediction
 * Moment owns one complete surface and its own contextual footer.
 */
html:root.corporate-surface .arena-experience-narrative--play {
	--arena-timeline-cyan: var(--brand-accent-primary, #2ce0ef);
	--arena-timeline-success: var(--brand-accent-secondary, #56e6d2);
	--arena-timeline-gold: var(--brand-accent-premium, #f4c760);
	--arena-timeline-rule: color-mix(in srgb, var(--brand-border-subtle, #23475a) 82%, transparent);
}

/* The command plate remains the single large state surface.  Its existing
 * atmosphere and primary CTA are preserved; this only removes competing
 * interior framing from the timeline immediately below it. */
html:root.corporate-surface .arena-experience-narrative--play .play-predictions-panel--timeline {
	display: grid;
	gap: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* A date/group is a timeline chapter, not a second card around its cards. */
html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day {
	display: grid;
	gap: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day + .play-timeline-day {
	margin-top: clamp(2.5rem, 4vw, 3.5rem);
	padding-top: 0;
	border-top: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day > .play-prediction-group__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	padding: 0 0 1rem;
	border: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day > .play-prediction-group__header > div {
	display: grid;
	gap: .18rem;
	min-width: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day .prediction-group-title {
	margin: 0;
	color: var(--brand-text-primary, #eefaff);
	font-family: var(--corp-font-display);
	font-size: clamp(1.16rem, 2vw, 1.5rem);
	font-weight: 850;
	letter-spacing: -.025em;
	line-height: 1.08;
}

html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day .prediction-group-completion {
	display: block;
	margin: 0;
	color: color-mix(in srgb, var(--brand-text-secondary, #aab8c9) 80%, transparent);
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.25;
}

html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day > .play-prediction-list {
	display: grid;
	gap: clamp(1.25rem, 2vw, 1.75rem);
	margin: 0;
	padding-top: clamp(1rem, 1.8vw, 1.5rem);
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* Completed events remain in the document flow, behind one calm disclosure.
 * This is intentionally not a nested scroller: expanding history lengthens
 * the same page just like the active Arena timeline. */
html:root.corporate-surface .arena-experience-narrative--play .arena-past-events {
	margin-top: clamp(2.75rem, 5vw, 4.5rem);
	padding-top: clamp(1.25rem, 2.5vw, 2rem);
	border-top: 1px solid color-mix(in srgb, var(--brand-border-subtle, #23475a) 78%, transparent);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__title,
html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__meta {
	margin: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__points.is-earned {
	color: color-mix(in srgb, var(--arena-timeline-success) 84%, var(--brand-text-primary, #eefaff));
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__points.is-zero {
	color: inherit;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__title {
	color: var(--brand-text-primary, #eefaff);
	font-family: var(--corp-font-display);
	font-size: clamp(1.1rem, 2vw, 1.38rem);
	font-weight: 850;
	letter-spacing: -.02em;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .38rem;
	margin-top: .28rem;
	color: color-mix(in srgb, var(--brand-text-secondary, #aab8c9) 84%, transparent);
	font-size: .78rem;
	font-weight: 720;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	flex: 0 0 auto;
	min-height: 2.7rem;
	padding: .65rem .9rem;
	border: 1px solid color-mix(in srgb, var(--arena-timeline-cyan) 38%, var(--brand-border-subtle, #23475a));
	border-radius: 999px;
	background: color-mix(in srgb, var(--brand-surface-elevated, #081722) 88%, transparent);
	color: var(--brand-text-primary, #eefaff);
	font: inherit;
	font-size: .78rem;
	font-weight: 800;
	line-height: 1.15;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__toggle:is(:hover, :focus-visible) {
	border-color: var(--arena-timeline-cyan);
	box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--arena-timeline-cyan) 16%, transparent);
	outline: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__content {
	margin-top: clamp(1.5rem, 3vw, 2.4rem);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-past-events__content[hidden] {
	display: none;
}

/* The group has no material of its own. The surface immediately inside it
 * owns the renderer, any linked bonus prediction and the contextual footer. */
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group {
	margin: 0 !important;
	padding: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group::before {
	display: none;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-surface {
	position: relative;
	/* This is the one exterior material boundary for an event.  The renderer
	 * deliberately contains rectangular sport-specific layers, so the owner of
	 * the exterior radius must also contain their paint.  `clip` avoids creating
	 * a nested scrolling context; `hidden` is the fallback for older engines. */
	isolation: isolate;
	overflow: hidden;
	overflow: clip;
	border: 1px solid color-mix(in srgb, var(--brand-border-subtle, #23475a) 92%, transparent);
	border-radius: var(--corp-radius-lg, 1.25rem);
	background: linear-gradient(145deg, color-mix(in srgb, var(--brand-surface-elevated, #081722) 94%, transparent), color-mix(in srgb, var(--brand-surface-page, #020b12) 86%, transparent));
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .035), 0 .55rem 1.35rem rgb(0 0 0 / .16);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-surface > [data-event-card],
html:root.corporate-surface .arena-experience-narrative--play .arena-event-bonus-prediction > [data-event-card] {
	margin: 0 !important;
	/* The legacy prediction article remains the semantic/layout shell only.
	 * Its historical card treatment must never create a second frame inside the
	 * Arena event surface. */
	border: 0 !important;
	outline: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-surface > [data-event-card] {
	transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, opacity 180ms ease;
}

/* Open and live moments carry cyan because they are actionable/current. */
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="open"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--arena-timeline-cyan) 48%, var(--brand-border-strong, #23475a));
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-timeline-cyan) 24%, transparent),
		0 .85rem 2rem color-mix(in srgb, var(--arena-timeline-cyan) 11%, transparent),
		0 .45rem 1rem rgb(0 0 0 / .2);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="live"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--arena-timeline-success) 45%, var(--brand-border-strong, #23475a));
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-timeline-success) 24%, transparent),
		0 .8rem 1.8rem color-mix(in srgb, var(--arena-timeline-success) 9%, transparent),
		0 .4rem .9rem rgb(0 0 0 / .18);
}

/* A stored pick remains legible and confirmed, while yielding priority to an
 * unmade pick. Green is a compact success signal, never a historical panel. */
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="saved"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--arena-timeline-success) 25%, var(--brand-border-subtle, #23475a));
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-timeline-success) 13%, transparent), 0 .42rem .95rem rgb(0 0 0 / .14);
}

/* Closed moments remain available to inspect, but their rails and exterior
 * material no longer imply that a decision can still be made. */
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="locked"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--brand-border-subtle, #23475a) 86%, transparent);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .035), 0 .3rem .75rem rgb(0 0 0 / .13);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="locked"] :is(.decision-rail, .decision-card-confirmation-rail, .prediction-readonly) {
	filter: saturate(.62);
	opacity: .82;
}

/* Finished moments are history: quiet, compact and still fully readable.
 * No content is removed; the result and the user's final selection remain in
 * the same canonical card and all controls retain their existing semantics. */
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--brand-border-subtle, #23475a) 66%, transparent);
	background-color: color-mix(in srgb, var(--brand-surface-elevated, #081722) 84%, var(--brand-surface-page, #020b12));
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .025), 0 .22rem .58rem rgb(0 0 0 / .12);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] :is(.match-card-header, .prediction-card__topline, .match-meta, .match-card__status) {
	color: color-mix(in srgb, var(--brand-text-secondary, #aab8c9) 78%, transparent);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] .arena-event-final-result {
	margin-block: .45rem;
	padding-block: .45rem;
	border-color: color-mix(in srgb, var(--brand-border-subtle, #23475a) 65%, transparent);
	background: color-mix(in srgb, var(--brand-surface-page, #020b12) 36%, transparent);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] .prediction-points-summary.is-earned,
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] .prediction-points-summary.is-partial {
	border-color: color-mix(in srgb, var(--arena-timeline-success) 36%, transparent);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] .prediction-points-summary.is-zero {
	opacity: .68;
}

/* Sport and scheduled time are contextual metadata. They close the event
 * after its matchup, insights and prediction state instead of competing with
 * the sporting decision at the top of every renderer. */
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-surface [data-decision-card-meta] .sport-context-header,
html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-surface [data-decision-card-meta] .match-card__context-details {
	display: none;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-surface [data-decision-card-meta] .match-card__metadata-row {
	grid-template-columns: minmax(0, 1fr) auto;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-event-context-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .85rem;
	min-width: 0;
	margin: 0;
	padding: .8rem clamp(1rem, 2vw, 1.35rem);
	border-top: 1px solid color-mix(in srgb, var(--brand-border-subtle, #23475a) 78%, transparent);
	background: transparent;
	color: color-mix(in srgb, var(--brand-text-secondary, #aab8c9) 84%, transparent);
	font-size: .72rem;
	font-weight: 820;
	letter-spacing: .08em;
	line-height: 1.2;
	text-transform: uppercase;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-event-context-footer__sport,
html:root.corporate-surface .arena-experience-narrative--play .arena-event-context-footer__timing {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-event-context-footer__sport {
	gap: .42rem;
	color: color-mix(in srgb, var(--arena-timeline-cyan) 76%, var(--brand-text-secondary, #aab8c9));
}

html:root.corporate-surface .arena-experience-narrative--play .arena-event-context-footer__timing {
	justify-content: flex-end;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Points retain their existing data-driven component. Gold is reserved for
 * potential reward, green for confirmed scoring, and zero remains neutral. */
html:root.corporate-surface .arena-experience-narrative--play .prediction-points-summary.is-available {
	border-color: color-mix(in srgb, var(--arena-timeline-gold) 42%, transparent);
	color: color-mix(in srgb, var(--arena-timeline-gold) 84%, var(--brand-text-primary));
}

html:root.corporate-surface .arena-experience-narrative--play .prediction-points-summary.is-earned,
html:root.corporate-surface .arena-experience-narrative--play .prediction-points-summary.is-partial {
	border-color: color-mix(in srgb, var(--arena-timeline-success) 42%, transparent);
}

/* Insights stay inside the event's information layer. Their sport texture,
 * W/L tokens and comparison data are preserved, but the hard exterior edge
 * recedes below the matchup and decision rail. */
html:root.corporate-surface .arena-experience-narrative--play [data-event-card] .match-insights {
	border-color: color-mix(in srgb, var(--match-insights-line, #23475a) 74%, transparent);
	border-radius: .78rem;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .035), inset 0 -16px 24px rgb(0 7 12 / .2);
}

/* A locked prediction explains state inside the event instead of masquerading
 * as an unavailable call-to-action. The selected choice remains the source
 * of truth; this is only its quiet lifecycle companion. */
html:root.corporate-surface .arena-experience-narrative--play .decision-card__locked-state[data-decision-cta] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .38rem;
	min-height: 0 !important;
	margin: 0 !important;
	padding: .16rem 0 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: color-mix(in srgb, var(--brand-text-secondary, #aab8c9) 82%, var(--brand-state-locked)) !important;
	font-size: .76rem;
	font-weight: 760 !important;
	letter-spacing: .035em !important;
	line-height: 1.2;
	text-shadow: none;
}

html:root.corporate-surface .arena-experience-narrative--play .decision-card__locked-state > .bi {
	font-size: .72em;
}

html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] [data-event-card] .match-insights {
	border-color: color-mix(in srgb, var(--match-insights-line, #23475a) 64%, transparent);
	filter: saturate(.78);
	opacity: .86;
}

/* Linked manual moments belong to their professional parent. A quiet internal
 * rule is enough; no vertical connector should make the whole day a timeline
 * container. */
html:root.corporate-surface .arena-experience-narrative--play .arena-event-bonus-prediction {
	margin-top: 0;
	padding: 1rem 0 0;
	border-top: 1px solid color-mix(in srgb, var(--brand-border-subtle, #23475a) 72%, transparent);
}

html:root.corporate-surface .arena-experience-narrative--play .arena-event-bonus-prediction__connector {
	display: none;
}

/* Arena Play Hero — Home material alignment.
 * The Arena hero keeps its operational facts and primary action, but now uses
 * the same elevated dark-cyan material as Home: one continuous surface with
 * restrained rings and nodes in the background, never a second dashboard. */
html:root.corporate-surface .play-page .arena-command-plate {
	border-color: color-mix(in srgb, var(--play-hero-accent, var(--brand-accent-primary, #2ce0ef)) 30%, var(--brand-border-subtle, #23475a));
	border-radius: var(--corp-radius-xl, 1.5rem);
	background:
		radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--play-hero-accent, var(--brand-accent-primary, #2ce0ef)) 17%, transparent), transparent 31%),
		radial-gradient(circle at 75% 105%, color-mix(in srgb, var(--play-hero-secondary, var(--brand-accent-secondary, #56e6d2)) 8%, transparent), transparent 43%),
		linear-gradient(138deg, color-mix(in srgb, var(--play-hero-bg-raised, #101c2f) 92%, #081722), color-mix(in srgb, var(--play-hero-bg, #07111f) 96%, #020b12)) !important;
	box-shadow:
		0 1.75rem 4.5rem rgb(0 0 0 / .28),
		0 0 2.8rem color-mix(in srgb, var(--play-hero-accent, var(--brand-accent-primary, #2ce0ef)) 8%, transparent),
		inset 0 1px 0 rgb(255 255 255 / .055) !important;
}

html:root.corporate-surface .play-page .arena-command-plate::before {
	background:
		linear-gradient(rgb(255 255 255 / .024) 1px, transparent 1px),
		linear-gradient(90deg, rgb(255 255 255 / .018) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, .45), transparent 72%);
	opacity: .42;
}

html:root.corporate-surface .play-page .arena-command-plate__home-material {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

html:root.corporate-surface .play-page .arena-command-plate__home-ring,
html:root.corporate-surface .play-page .arena-command-plate__home-node,
html:root.corporate-surface .play-page .arena-command-plate__home-rail {
	position: absolute;
	display: block;
	pointer-events: none;
}

html:root.corporate-surface .play-page .arena-command-plate__home-ring {
	border: 1px solid color-mix(in srgb, var(--play-hero-accent, var(--brand-accent-primary, #2ce0ef)) 25%, transparent);
	border-radius: 50%;
	background: radial-gradient(circle at center, color-mix(in srgb, var(--play-hero-accent, var(--brand-accent-primary, #2ce0ef)) 4%, transparent), transparent 64%);
}

html:root.corporate-surface .play-page .arena-command-plate__home-ring--outer {
	top: -13rem;
	right: -9rem;
	width: 29rem;
	height: 29rem;
	opacity: .68;
}

html:root.corporate-surface .play-page .arena-command-plate__home-ring--inner {
	top: -8.5rem;
	right: -4.5rem;
	width: 20.5rem;
	height: 20.5rem;
	opacity: .52;
}

html:root.corporate-surface .play-page .arena-command-plate__home-node {
	top: 2.7rem;
	right: 9.65rem;
	width: .52rem;
	height: .52rem;
	border-radius: 50%;
	background: var(--play-hero-glow, var(--brand-accent-primary, #2ce0ef));
	box-shadow: 0 0 0 .32rem color-mix(in srgb, var(--play-hero-glow, var(--brand-accent-primary, #2ce0ef)) 12%, transparent);
	opacity: .82;
}

html:root.corporate-surface .play-page .arena-command-plate__home-rail {
	top: 5.8rem;
	right: 3.1rem;
	width: 8.4rem;
	height: 1px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--play-hero-accent, var(--brand-accent-primary, #2ce0ef)) 34%, transparent));
	transform: rotate(-24deg);
	transform-origin: right;
}

html:root.corporate-surface .play-page .arena-command-plate__arrival,
html:root.corporate-surface .play-page .arena-command-plate__story {
	z-index: 1;
}

html:root.corporate-surface .play-page .arena-command-plate__story {
	border-top-color: color-mix(in srgb, var(--brand-border-subtle, #23475a) 86%, transparent);
	background: linear-gradient(90deg, rgb(255 255 255 / .018), transparent 68%);
}

@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page .arena-command-plate {
		border-radius: var(--corp-radius-lg, 1.25rem);
		box-shadow:
			0 1.15rem 2.8rem rgb(0 0 0 / .24),
			0 0 1.8rem color-mix(in srgb, var(--play-hero-accent, var(--brand-accent-primary, #2ce0ef)) 6%, transparent),
			inset 0 1px 0 rgb(255 255 255 / .045) !important;
	}

	html:root.corporate-surface .play-page .arena-command-plate__home-ring--outer {
		top: -11rem;
		right: -12rem;
		width: 23rem;
		height: 23rem;
		opacity: .46;
	}

	html:root.corporate-surface .play-page .arena-command-plate__home-ring--inner {
		top: -7rem;
		right: -8.2rem;
		width: 16rem;
		height: 16rem;
		opacity: .34;
	}

	html:root.corporate-surface .play-page .arena-command-plate__home-node {
		top: 1.6rem;
		right: 3.4rem;
	}

	html:root.corporate-surface .play-page .arena-command-plate__home-rail {
		top: 4.15rem;
		right: -1.3rem;
		width: 5.8rem;
	}
}

@media (max-width: 699.98px) {
	html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day + .play-timeline-day {
		margin-top: 2.5rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day > .play-prediction-group__header {
		align-items: start;
		padding-inline: var(--play-editorial-mobile-gutter, 1rem);
		padding-bottom: .7rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day .prediction-group-title {
		font-size: 1.16rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .play-timeline-day > .play-prediction-list {
		gap: 1.25rem;
		padding-top: 1rem;
	}

	/* Completed mobile cards keep their data but drop the renderer's former
	 * fixed visual ratio, so history reads as a compact summary rather than an
	 * equally tall playable moment. */
	html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] [data-event-card] .match-insights {
		gap: .26rem;
		height: auto !important;
		min-height: 0 !important;
		padding: .46rem .52rem;
		aspect-ratio: auto !important;
	}

	html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] [data-event-card] .match-insights__heading {
		gap: .34rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] [data-event-card] .match-insights__metric h4 {
		margin-bottom: .18rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .arena-play-event-group[data-arena-event-visual-state="finished"] [data-event-card] .decision-card-confirmation-rail {
		gap: .32rem;
	}

	html:root.corporate-surface .arena-experience-narrative--play .arena-event-context-footer {
		padding-inline: 1rem;
	}
}

@media (max-width: 767.98px) {
	html.corporate-surface .corporate-landing-page > .page-container { margin-top: 2.25rem !important; }
	html.corporate-surface .corporate-landing-page .corporate-landing-hero { padding: 2rem 1.35rem !important; }
	html.corporate-surface .corporate-landing-page .corporate-landing-hero .app-hero-title { max-width: 12.5ch; font-size: clamp(2.45rem, 11.2vw, 3.45rem); }
	html.corporate-surface .corporate-landing-page .corporate-landing-hero::before { right: -12rem; bottom: -14rem; width: 25rem; }
	html.corporate-surface .corporate-landing-page .corporate-landing-hero::after { right: -1rem; bottom: -4.5rem; width: 11rem; }
	html.corporate-surface .corporate-landing-page .corporate-landing-hero__lead { margin-top: .9rem; font-size: 1.13rem; }
	html.corporate-surface .corporate-landing-page .corporate-landing-hero__inputs { gap: .4rem; margin-top: 1.1rem; font-size: .78rem; }
	html.corporate-surface .corporate-landing-page .corporate-landing-hero__inputs > span { padding: .45rem .58rem; }
	html.corporate-surface .corporate-landing-page .corporate-landing-sports { gap: .34rem; }
	html.corporate-surface .corporate-landing-page .corporate-landing-sports li { width: 1.9rem; height: 1.9rem; justify-content: center; padding: 0; }
	html.corporate-surface .corporate-landing-page .corporate-landing-sports li > span:last-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
	html.corporate-surface .corporate-landing-page .corporate-landing-hero__loop { margin-top: .95rem; font-size: .96rem; }
	html.corporate-surface .corporate-landing-page .corporate-concept-flow { grid-template-columns: 1fr; text-align: center; }
	html.corporate-surface .corporate-landing-page .corporate-concept-flow__arrow { transform: rotate(90deg); }
	html.corporate-surface .corporate-landing-page .corporate-audience-grid { grid-template-columns: 1fr; }
	html.corporate-surface .corporate-landing-page .corporate-arena-concepts,
	html.corporate-surface .corporate-landing-page .corporate-path-grid { grid-template-columns: 1fr; }
	html.corporate-surface .corporate-landing-page .corporate-arena-concepts { gap: .85rem; }
	html.corporate-surface .corporate-landing-page .corporate-product-preview__body,
	html.corporate-surface .corporate-landing-page .corporate-enterprise-section__body,
	html.corporate-surface .corporate-landing-page .corporate-closing-section--concise { flex-direction: column; align-items: stretch; }
	html.corporate-surface .corporate-landing-page .corporate-enterprise-section__body .btn-secondary-soft,
	html.corporate-surface .corporate-landing-page .corporate-closing-section--concise .btn-primary-gradient { justify-content: center; }
}

/* Arena Play — Energy, Light & Material.
 *
 * The Timeline already establishes its editorial structure.  This pass only
 * gives that existing hierarchy a material light model: the live decision is
 * locally illuminated, upcoming cards retain a quiet lift, and history keeps
 * its reward without emitting the same energy as an actionable event.
 */
html:root.corporate-surface .play-page .arena-experience-narrative--play {
	--arena-play-light-current: color-mix(in srgb, var(--arena-color-action) 15%, transparent);
	--arena-play-light-current-edge: color-mix(in srgb, var(--arena-color-action) 48%, var(--brand-border-subtle));
	--arena-play-light-secondary: color-mix(in srgb, var(--arena-color-action) 5%, transparent);
	--arena-play-light-reward: color-mix(in srgb, var(--arena-color-prestige) 14%, transparent);
	--arena-play-surface-history: color-mix(in srgb, var(--brand-surface-elevated) 79%, var(--brand-surface-page));
	--arena-play-shadow-deep: rgb(0 0 0 / .24);
}

/* The page remains deliberately dark.  These two pools give the eye a path
 * from orientation in the Hero to the first playable moment, rather than
 * adding a glow behind every item in the schedule. */
html:root.corporate-surface .play-page .arena-experience-narrative--play::before {
	background:
		radial-gradient(ellipse 44% 52% at 50% 4%, color-mix(in srgb, var(--arena-color-action) 8%, transparent), transparent 74%),
		radial-gradient(ellipse 25% 38% at 15% 20%, color-mix(in srgb, var(--arena-color-opportunity) 4%, transparent), transparent 78%);
	filter: none;
}

/* Each existing event surface receives one material baseline.  The sport
 * atmosphere below is intentionally capped at a low percentage so cards stay
 * recognisably Tobeat, not recoloured sport skins. */
html:root.corporate-surface .play-page .arena-play-event-surface {
	--arena-play-sport-atmosphere: transparent;
	border-color: color-mix(in srgb, var(--brand-border-subtle) 92%, transparent);
	background:
		radial-gradient(ellipse 74% 58% at 12% -12%, var(--arena-play-light-secondary), transparent 72%),
		radial-gradient(ellipse 54% 76% at 88% 108%, var(--arena-play-sport-atmosphere), transparent 76%),
		linear-gradient(150deg, color-mix(in srgb, var(--brand-surface-elevated) 97%, var(--brand-text-primary)), color-mix(in srgb, var(--brand-surface-page) 91%, var(--brand-surface-elevated))) !important;
	box-shadow:
		inset 0 1px 0 rgb(255 255 255 / .045),
		inset 0 -1.5rem 2.5rem rgb(0 5 10 / .13),
		0 .65rem 1.55rem var(--arena-play-shadow-deep);
}

html:root.corporate-surface .play-page .arena-play-event-group:has(.match-insights--football) > .arena-play-event-surface,
html:root.corporate-surface .play-page .arena-play-event-group:has([data-sport-renderer-layout="nfl"]) > .arena-play-event-surface {
	--arena-play-sport-atmosphere: color-mix(in srgb, var(--arena-color-opportunity) 7%, transparent);
}

html:root.corporate-surface .play-page .arena-play-event-group:has(.match-insights--baseball) > .arena-play-event-surface,
html:root.corporate-surface .play-page .arena-play-event-group:has([data-sport-renderer-layout="mlb"]) > .arena-play-event-surface {
	--arena-play-sport-atmosphere: color-mix(in srgb, var(--arena-color-opportunity) 6%, transparent);
}

html:root.corporate-surface .play-page .arena-play-event-group:has(.match-insights--basketball) > .arena-play-event-surface,
html:root.corporate-surface .play-page .arena-play-event-group:has([data-sport-renderer-layout="nba"]) > .arena-play-event-surface {
	--arena-play-sport-atmosphere: color-mix(in srgb, var(--arena-color-prestige) 6%, transparent);
}

html:root.corporate-surface .play-page .arena-play-event-group:has(.match-insights--hockey) > .arena-play-event-surface,
html:root.corporate-surface .play-page .arena-play-event-group:has([data-sport-renderer-layout="nhl"]) > .arena-play-event-surface,
html:root.corporate-surface .play-page .arena-play-event-group:has([data-sport-renderer-layout="tennis"]) > .arena-play-event-surface {
	--arena-play-sport-atmosphere: color-mix(in srgb, var(--arena-color-action) 6%, transparent);
}

html:root.corporate-surface .play-page .arena-play-event-group:has(.f1-race-event-card) > .arena-play-event-surface {
	--arena-play-sport-atmosphere: color-mix(in srgb, var(--arena-color-action) 8%, transparent);
}

html:root.corporate-surface .play-page .arena-play-event-group:has(.golf-podium-card) > .arena-play-event-surface {
	--arena-play-sport-atmosphere: color-mix(in srgb, var(--arena-color-opportunity) 8%, transparent);
}

/* A broad, edge-free ambient source belongs only to live/actionable moments.
 * It is painted behind the existing surface, so it cannot cover text or add
 * a new card layer. */
html:root.corporate-surface .play-page .arena-play-event-group::after {
	content: "";
	position: absolute;
	inset: -1.5rem -1.2rem;
	z-index: -1;
	pointer-events: none;
	border-radius: calc(var(--corp-radius-lg, 1.25rem) + 1.35rem);
	background: radial-gradient(ellipse 52% 58% at 50% 20%, var(--arena-play-event-ambient, transparent), transparent 74%);
	opacity: 0;
	transition: opacity 180ms ease-out;
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"] {
	--arena-play-event-ambient: color-mix(in srgb, var(--arena-color-action) 13%, transparent);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"]::after,
html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="live"]::after {
	opacity: .72;
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="live"] {
	--arena-play-event-ambient: color-mix(in srgb, var(--arena-color-opportunity) 11%, transparent);
}

/* An OPEN card has material depth before its badge is read.  The nearest
 * playable card receives the stronger version; other open moments remain
 * visibly interactive without competing for the same focal light. */
html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--arena-color-action) 42%, var(--brand-border-subtle));
	background:
		radial-gradient(ellipse 68% 82% at 10% -14%, color-mix(in srgb, var(--arena-color-action) 11%, transparent), transparent 70%),
		radial-gradient(ellipse 52% 76% at 88% 108%, var(--arena-play-sport-atmosphere), transparent 76%),
		linear-gradient(150deg, color-mix(in srgb, var(--brand-surface-elevated) 93%, var(--arena-color-action)), color-mix(in srgb, var(--brand-surface-page) 88%, var(--brand-surface-elevated))) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 8%, transparent),
		inset 0 -1.75rem 2.8rem rgb(0 7 14 / .17),
		0 .9rem 2.1rem rgb(0 0 0 / .24);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"]:has(.is-quick-next-prediction) > .arena-play-event-surface {
	border-color: var(--arena-play-light-current-edge);
	background:
		radial-gradient(ellipse 76% 95% at 12% -18%, color-mix(in srgb, var(--arena-color-action) 17%, transparent), transparent 69%),
		radial-gradient(ellipse 58% 78% at 88% 108%, var(--arena-play-sport-atmosphere), transparent 74%),
		linear-gradient(150deg, color-mix(in srgb, var(--brand-surface-elevated) 89%, var(--arena-color-action)), color-mix(in srgb, var(--brand-surface-page) 84%, var(--brand-surface-elevated))) !important;
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 12%, transparent),
		inset 0 -1.85rem 3rem rgb(0 7 14 / .19),
		0 1rem 2.6rem color-mix(in srgb, var(--arena-color-action) 13%, transparent),
		0 .9rem 2.1rem rgb(0 0 0 / .25);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="live"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--arena-color-opportunity) 43%, var(--brand-border-subtle));
	background:
		radial-gradient(ellipse 62% 78% at 13% -12%, color-mix(in srgb, var(--arena-color-opportunity) 11%, transparent), transparent 72%),
		radial-gradient(ellipse 56% 76% at 88% 108%, var(--arena-play-sport-atmosphere), transparent 75%),
		linear-gradient(150deg, color-mix(in srgb, var(--brand-surface-elevated) 94%, var(--arena-color-opportunity)), color-mix(in srgb, var(--brand-surface-page) 88%, var(--brand-surface-elevated))) !important;
}

/* Saved and locked moments remain legible, but their shadow and edge recede
 * so a scroll through multiple events does not create a uniform wall of glow. */
html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="saved"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--arena-color-opportunity) 25%, var(--brand-border-subtle));
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--brand-surface-elevated) 96%, var(--arena-color-opportunity)), color-mix(in srgb, var(--brand-surface-page) 90%, var(--brand-surface-elevated))) !important;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .045), 0 .48rem 1.1rem rgb(0 0 0 / .17);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="locked"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--brand-border-subtle) 82%, transparent);
	background: linear-gradient(150deg, color-mix(in srgb, var(--brand-surface-elevated) 89%, var(--brand-surface-page)), var(--brand-surface-page)) !important;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .025), 0 .3rem .78rem rgb(0 0 0 / .13);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="locked"] :is([data-decision-card-side], .match-insights) {
	filter: saturate(.82) brightness(.96);
}

/* History is resolved, not disabled.  Reward emits as a small retained warmth
 * only when points were earned; a zero-result stays neutral and quiet. */
html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="finished"] > .arena-play-event-surface {
	border-color: color-mix(in srgb, var(--brand-border-subtle) 68%, transparent);
	background: linear-gradient(150deg, var(--arena-play-surface-history), color-mix(in srgb, var(--brand-surface-page) 94%, var(--brand-surface-elevated))) !important;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .022), 0 .22rem .62rem rgb(0 0 0 / .12);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="finished"]:has(.prediction-points-summary:is(.is-earned, .is-partial))::after {
	--arena-play-event-ambient: var(--arena-play-light-reward);
	inset: -.9rem -1rem;
	opacity: .34;
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="finished"] .prediction-points-summary.is-earned {
	border-color: color-mix(in srgb, var(--arena-color-prestige) 52%, var(--arena-color-opportunity));
	background: color-mix(in srgb, var(--arena-color-prestige) 10%, transparent);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 8%, transparent);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="finished"] .prediction-points-summary.is-partial {
	border-color: color-mix(in srgb, var(--arena-color-opportunity) 44%, var(--brand-border-subtle));
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 6%, transparent);
}

/* Participant panels remain supporting material. Only the active card gets
 * a slightly clearer inner light; the renderer itself keeps its dimensions
 * and sport-specific composition. */
html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"] [data-decision-card-renderer] [data-decision-card-side] {
	--surface-material-highlight-strength: 8.5%;
	--surface-material-reflection-strength: 10%;
	--surface-material-border: color-mix(in srgb, var(--brand-border-subtle) 72%, var(--arena-color-action));
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="finished"] [data-decision-card-renderer] [data-decision-card-side] {
	--surface-material-highlight-strength: 3.5%;
	--surface-material-reflection-strength: 3%;
	--surface-material-shadow-strength: 12%;
}

/* The Decision Rail owns the strongest local interaction contrast. Match
 * Insights stays informative and receives only an inner material lift. */
html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"] .match-insights {
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 6%, transparent),
		inset 0 -1.35rem 2.2rem rgb(0 7 12 / .24),
		0 .45rem 1rem rgb(0 0 0 / .15);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"] .decision-rail__option {
	border-color: color-mix(in srgb, var(--arena-color-action) 34%, var(--brand-border-subtle));
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--arena-color-focus) 4%, transparent), transparent 44%),
		color-mix(in srgb, var(--brand-surface-elevated) 88%, var(--arena-color-action));
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 6%, transparent), 0 .25rem .72rem rgb(0 0 0 / .15);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"] .decision-rail__option:is(:hover, :focus-visible) {
	border-color: color-mix(in srgb, var(--arena-color-action) 68%, var(--brand-border-subtle));
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 11%, transparent),
		0 .42rem .95rem color-mix(in srgb, var(--arena-color-action) 12%, transparent),
		0 .25rem .72rem rgb(0 0 0 / .15);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"] .decision-rail__option--selected {
	border-color: color-mix(in srgb, var(--arena-color-action) 78%, var(--arena-color-focus));
	background:
		radial-gradient(ellipse 80% 150% at 50% 0%, color-mix(in srgb, var(--arena-color-action) 23%, transparent), transparent 74%),
		linear-gradient(180deg, color-mix(in srgb, var(--arena-color-action) 16%, var(--brand-surface-elevated)), color-mix(in srgb, var(--brand-surface-page) 66%, var(--brand-surface-elevated)));
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 18%, transparent),
		inset 0 -10px 17px rgb(0 7 12 / .2),
		0 .48rem 1rem color-mix(in srgb, var(--arena-color-action) 18%, transparent);
}

html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="open"] :is(
	[data-decision-cta][data-decision-cta-state="selected"],
	.prediction-native-save-btn:not(:disabled),
	.f1-save-pick-btn:not(:disabled),
	.champions-confirm-pick-btn:not(:disabled)
) {
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--arena-color-focus) 74%, transparent),
		inset 0 -10px 18px color-mix(in srgb, var(--surface-material-inner-shadow) 24%, transparent),
		0 .82rem 1.6rem color-mix(in srgb, var(--arena-color-action) 22%, transparent),
		0 0 0 1px color-mix(in srgb, var(--arena-color-action) 23%, transparent) !important;
}

@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page .arena-play-event-group::after {
		inset: -1rem -.55rem;
	}

	html:root.corporate-surface .play-page .arena-play-event-group[data-arena-event-visual-state="finished"]:has(.prediction-points-summary:is(.is-earned, .is-partial))::after {
		inset: -.6rem -.4rem;
	}
}

/* Compact Football renderer invariant.
 *
 * A phone gets one informational football canvas followed by the Decision
 * Rail.  It must never inherit the wide three-column territory stage: that
 * stage leaves tall bordered side panels underneath the compact content when
 * an older or later renderer rule wins the cascade.  Keep this final, scoped
 * Arena renderer invariant after all sport material rules so they cannot
 * accidentally reintroduce a second desktop composition on mobile.
 */
@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page [data-decision-card-shell] [data-decision-card-renderer] > [data-mobile-decision-rail][data-sport-renderer-layout="football"] {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail][data-sport-renderer-layout="football"] > [data-decision-card-side] {
		display: none !important;
	}

	html:root.corporate-surface .play-page [data-decision-card-shell] [data-mobile-decision-rail][data-sport-renderer-layout="football"] > .match-card__renderer-canvas {
		position: relative !important;
		display: grid !important;
		grid-column: auto !important;
		grid-row: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		aspect-ratio: 2.09 / 1 !important;
	}
}

/* A native iPhone can retain a broad layout viewport despite rendering on a
 * compact screen. The server already marks the Capacitor runtime before CSS
 * is loaded, so this guard does not depend solely on the WebView's reported
 * width. Web layouts retain their normal breakpoints. */
html:root.corporate-surface[data-tobeat-runtime="native"] .play-page [data-decision-card-shell] [data-decision-card-renderer] > [data-mobile-decision-rail][data-sport-renderer-layout="football"] {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
}

html:root.corporate-surface[data-tobeat-runtime="native"] .play-page [data-decision-card-shell] [data-mobile-decision-rail][data-sport-renderer-layout="football"] > [data-decision-card-side] {
	display: none !important;
}

html:root.corporate-surface[data-tobeat-runtime="native"] .play-page [data-decision-card-shell] [data-mobile-decision-rail][data-sport-renderer-layout="football"] > .match-card__renderer-canvas {
	position: relative !important;
	display: grid !important;
	grid-column: auto !important;
	grid-row: auto !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	aspect-ratio: 2.09 / 1 !important;
}

/* Compact Arena Hero contrast guard.
 *
 * The page canvas intentionally carries a deep energy field. On compact
 * displays that field can otherwise visually merge with the command plate,
 * making the hero read as page background while it is scrolled. Keep the
 * plate's final paint layer opaque and give its complete perimeter a distinct
 * edge; this is purely visual and does not change document flow or sizing.
 */
@media (max-width: 699.98px) {
	html:root.corporate-surface .play-page .arena-experience-narrative--play .play-arena-hero {
		z-index: 2;
		border-color: color-mix(in srgb, var(--brand-accent-primary, #35d0e2) 42%, rgba(238, 248, 255, 0.42));
		background:
			linear-gradient(145deg, color-mix(in srgb, var(--play-hero-bg-raised, #101c2f) 78%, transparent), transparent 62%),
			radial-gradient(ellipse 72% 88% at 92% 8%, color-mix(in srgb, var(--play-hero-secondary, #c9a45a) 13%, transparent), transparent 72%),
			rgb(3 11 22 / 0.985) !important;
		box-shadow:
			0 0 0 1px color-mix(in srgb, var(--brand-accent-primary, #35d0e2) 20%, rgba(238, 248, 255, 0.22)),
			0 1rem 2.25rem rgb(0 0 0 / 0.42),
			0 0.35rem 0.85rem rgb(0 0 0 / 0.3),
			inset 0 1px 0 rgb(255 255 255 / 0.13) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html:root.corporate-surface .play-page .arena-play-event-group::after,
	html:root.corporate-surface .play-page .arena-play-event-surface,
	html:root.corporate-surface .play-page .decision-rail__option {
		transition: none;
	}
}