/*
 * High-fidelity sports portal skin.
 * This file intentionally loads after main.css so the existing WordPress
 * templates and accessibility behaviour stay intact while the public surface
 * follows the compact Xoilac-style layout.
 */

:root {
	--xl-bg: #212121;
	--xl-bg-soft: #272b2c;
	--xl-surface: #292d2e;
	--xl-surface-2: #303536;
	--xl-surface-3: #323738;
	--xl-text: #f7f7f7;
	--xl-muted: #bec3c5;
	--xl-subtle: #969d9f;
	--xl-line: rgba(255, 255, 255, 0.075);
	--xl-line-strong: rgba(255, 255, 255, 0.14);
	--xl-green: #00ff5d;
	--xl-green-dark: #20b95b;
	--xl-cyan: #00fffd;
	--xl-red: #ff4b55;
	--xl-radius: 11px;
	--xl-radius-sm: 7px;
	--xl-shadow: none;
	--xl-shell: 1330px;
	--xl-header-height: 60px;
}

html {
	scroll-padding-top: 76px;
}

body {
	background: var(--xl-bg);
	color: var(--xl-text);
	font-family: "Barlow", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

.site-shell {
	width: min(calc(100% - 30px), var(--xl-shell));
}

.site-frame {
	min-height: 70vh;
	padding-top: 0;
	overflow: hidden;
}

/* Compact portal header. */
.site-header {
	position: sticky;
	top: 0;
	background: #303536;
	border-bottom: 0;
	backdrop-filter: none;
	box-shadow: none;
}

.admin-bar .site-header {
	top: 32px;
}

.site-header.is-scrolled {
	background: #303536;
	border-color: transparent;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.23);
}

.site-header__inner {
	width: min(calc(100% - 30px), var(--xl-shell));
	max-width: var(--xl-shell);
	height: 60px;
	gap: 12px;
	margin-inline: auto;
	padding-inline: 0;
}

.site-branding {
	min-width: 168px;
}

.custom-logo {
	max-width: 164px;
	max-height: 50px;
}

.brand-wordmark {
	gap: 7px;
	transform: skew(-8deg);
}

.brand-wordmark__ball {
	width: 28px;
	height: 28px;
	flex-basis: 28px;
	border: 2px solid #142319;
	background: #c9ff25;
	box-shadow: 0 0 0 1px #63ce2e;
}

.brand-wordmark__ball::before {
	inset: 5px;
}

.brand-wordmark__ball::after {
	top: 1px;
	bottom: 1px;
	left: 11px;
}

.brand-wordmark__name {
	max-width: 150px;
	color: #c8ff2c;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 800;
	letter-spacing: -0.045em;
	text-transform: uppercase;
	text-shadow: 0 2px 0 #1d762e;
}

.brand-wordmark__tagline {
	display: none;
}

.site-navigation {
	min-width: 0;
	margin-left: 0;
}

.site-menu {
	gap: 0;
}

.site-menu a {
	min-height: 60px;
	padding: 0 13px;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
}

.site-menu a:hover,
.site-menu .current-menu-item > a {
	background: rgba(255, 255, 255, 0.04);
	color: var(--xl-green);
}

.header-cta {
	min-width: 104px;
	height: 32px;
	margin-left: auto;
	padding: 0 13px;
	border: 0;
	border-radius: 4px;
	background: #75eb85;
	box-shadow: none;
	color: #152219;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 800;
	white-space: nowrap;
}

.header-cta:hover {
	background: #8cff99;
	box-shadow: none;
	transform: none;
}

.header-cta__dot {
	display: none;
}

.menu-toggle {
	border: 0;
	border-radius: 0;
	background: transparent;
}

.menu-toggle__line {
	background: #39ae58;
}

.home-main {
	padding: 0;
	background: #232626;
}

/* WordPress-controlled advertising banners with a safe built-in preview. */
.ad-band {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4px;
	padding: 4px 0;
}

.ad-slot,
.ad-slot__fallback {
	min-height: 56px;
	height: 56px;
	border: 0;
	border-radius: 0;
}

.ad-slot__image {
	object-fit: cover;
}

.ad-slot__fallback {
	padding: 7px 100px 7px 20px;
	background:
		linear-gradient(105deg, #1452ae 0 18%, transparent 18%),
		linear-gradient(100deg, #d53a31 0 72%, #be2b28 72% 100%);
}

.ad-slot--2 .ad-slot__fallback {
	background:
		linear-gradient(105deg, #16499a 0 18%, transparent 18%),
		linear-gradient(100deg, #c92f2b 0 72%, #a92325 72% 100%);
}

.ad-slot__eyebrow,
.ad-slot--2 .ad-slot__eyebrow {
	color: #fff;
	font-size: 0.56rem;
}

.ad-slot__fallback strong {
	margin-top: 1px;
	font-family: "Barlow", Arial, sans-serif;
	font-size: clamp(1rem, 2vw, 1.45rem);
	font-style: italic;
	font-weight: 800;
	line-height: 1;
	text-align: center;
}

.ad-slot__shape {
	right: 26px;
	width: 42px;
	height: 42px;
	border-color: rgba(255, 255, 255, 0.75);
}

/* Horizontal hot-match rail. */
.featured-strip {
	height: 116px;
	padding: 0;
	border: 0;
	background: #303536;
}

.featured-strip .site-shell {
	height: 100%;
}

.featured-ticker-shell {
	position: relative;
	height: 100%;
	padding: 0 33px;
	box-sizing: border-box;
}

.featured-ticker {
	display: grid;
	height: 116px;
	grid-auto-columns: 120px;
	gap: 13px;
	margin: 0;
	padding: 10px 0 14px;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-behavior: smooth;
	scroll-snap-type: inline proximity;
	scrollbar-color: #f1f3f3 #7b9ea6;
	scrollbar-width: thin;
}

.featured-ticker::-webkit-scrollbar {
	height: 4px;
}

.featured-ticker::-webkit-scrollbar-track {
	background: #7b9ea6;
}

.featured-ticker::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: #f1f3f3;
}

.featured-ticker-shell .ticker-button {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: grid;
	width: 27px;
	height: 54px;
	padding: 0;
	place-items: center;
	border: 1px solid rgba(164, 174, 176, .35);
	border-radius: 3px;
	background: rgba(74, 81, 82, .94);
	box-shadow: none;
	color: #d9dedf;
	cursor: pointer;
	transform: translateY(-50%);
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, opacity 160ms ease;
}

.featured-ticker-shell .ticker-button span {
	font: 400 23px/1 "Barlow", Arial, sans-serif;
	transform: translateY(-1px);
}

.featured-ticker-shell .ticker-button--prev { left: 0; }
.featured-ticker-shell .ticker-button--next { right: 0; }

.featured-ticker-shell .ticker-button:hover:not(:disabled),
.featured-ticker-shell .ticker-button:focus-visible {
	border-color: rgba(189, 219, 222, .78);
	background: #596263;
	color: #fff;
}

.featured-ticker-shell .ticker-button:disabled {
	opacity: .28;
	cursor: default;
}

.featured-ticker-shell:not(.has-overflow) .ticker-button {
	display: none;
}

.featured-match {
	height: 92px;
	padding: 8px 7px;
	border: 1px solid rgba(255, 82, 82, 0.08);
	border-radius: 2px;
	background: linear-gradient(160deg, #372d2d, #2a2f30 72%);
	box-shadow: none;
	scroll-snap-align: start;
}

.featured-match:hover {
	border-color: rgba(0, 255, 253, 0.35);
	background: linear-gradient(160deg, #3a3030, #2d3334 72%);
	transform: none;
}

.featured-match__topline {
	justify-content: flex-start;
	min-height: 17px;
	color: #c6c9ca;
	font-size: 0.66rem;
	font-weight: 500;
}

.featured-match__teams {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4px;
	margin-top: 7px;
}

.featured-team.featured-team--row {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	align-items: center;
	justify-items: stretch;
	gap: 6px;
	min-width: 0;
	text-align: left;
}

.featured-team.featured-team--row > span:not(.team-mark) {
	overflow: hidden;
	font-size: 0.7rem;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.featured-team.featured-team--row > strong {
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.72rem;
}

.team-mark--ticker {
	width: 22px;
	height: 22px;
}

.ticker-empty {
	margin: 10px 0;
	padding: 26px;
	border-radius: 4px;
	background: #292d2e;
}

/* Match centre, tabs and filters. */
.match-centre {
	padding-top: 29px;
	padding-bottom: 5px;
}

.sport-tabs {
	display: flex;
	height: 52px;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin: 0;
	padding: 0 6px;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}

.sport-tab {
	position: relative;
	min-width: 118px;
	min-height: 44px;
	gap: 8px;
	padding: 8px 14px;
	border: 0;
	border-radius: 7px;
	background: #323738;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.sport-tab:hover {
	background: #384041;
	color: #fff;
}

.sport-tab.is-active {
	background: transparent;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
	color: var(--xl-cyan);
}

.sport-icon {
	width: 22px;
	height: 22px;
	flex-basis: 22px;
}

.sport-tab__live {
	position: absolute;
	top: -8px;
	right: -5px;
	padding: 1px 4px;
	border-radius: 6px;
	background: #fa505c;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.52rem;
	font-weight: 500;
	line-height: 1.45;
	text-transform: none;
}

.match-centre__title {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin: 0 0 29px;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: clamp(28px, 2vw, 34px);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

.match-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.filter-pills {
	min-width: 0;
	gap: 15px;
	margin: 0;
	padding: 1px 0;
}

.filter-pill {
	min-height: 34px;
	gap: 8px;
	padding: 6px 17px;
	border: 0;
	border-radius: 100px;
	background: #323738;
	color: #f1f2f2;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015);
	transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.filter-pill:hover {
	border-color: transparent;
	background: #3a4041;
	color: var(--xl-green);
	box-shadow: inset 0 0 0 1px rgba(66, 239, 130, 0.18), 0 5px 12px rgba(0, 0, 0, 0.16);
	transform: translateY(-1px);
	}

.filter-pill.is-active {
	border-color: transparent;
	background: linear-gradient(90deg, rgba(39, 129, 89, 0.62), rgba(48, 64, 62, 0.94));
	color: #20ef74;
	box-shadow: inset 0 0 0 1px rgba(64, 225, 119, 0.08);
}

.filter-pill:active {
	transform: translateY(0) scale(0.98);
	transition-duration: 70ms;
}

.filter-pill__icon {
	display: inline-grid;
	width: 20px !important;
	height: 20px !important;
	place-items: center;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #aab3b6;
	font-size: 0;
	transition: color 180ms ease, transform 180ms ease;
}

.filter-pill__icon svg {
	display: block;
	width: 20px;
	height: 20px;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.filter-pill__icon .filter-icon__accent {
	stroke: #20ef74;
}

.filter-pill:hover .filter-pill__icon,
.filter-pill.is-active .filter-pill__icon {
	color: #20ef74;
	transform: scale(1.04);
}

.filter-pill__count {
	display: inline-grid;
	min-width: 21px;
	height: 20px;
	place-items: center;
	padding: 0 5px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.09);
	color: #fff;
	font-size: 0.63rem;
	font-weight: 700;
}

.filter-pill--live > .filter-pill__count {
	width: auto;
	height: 20px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.09);
	box-shadow: none;
}

.match-toolbar__end {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

.match-result-summary {
	display: none;
}

.livescore-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 36px;
	padding: 0 12px;
	border-radius: 18px;
	background: #323738;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.74rem;
	font-weight: 700;
}

.livescore-link span {
	color: #d7ff38;
}

.league-filter select {
	width: 180px;
	height: 36px;
	padding: 0 34px 0 15px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 7px;
	background: #2e3233;
	color: #d7dada;
	font-size: 0.74rem;
}

/* Dense two-column match cards. */
.match-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 16px;
	row-gap: 18px;
	margin-top: 30px;
}

.match-more {
	display: flex;
	justify-content: center;
	padding: 24px 0 12px;
}

.match-more button {
	display: inline-flex;
	min-width: 109px;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 7px 13px;
	border: 0;
	border-radius: 4px;
	background: #464f50;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}

.match-more button:hover {
	background: #4b5759;
}

.match-more button[hidden] {
	display: none;
}

.section-anchor {
	display: block;
	height: 0;
	scroll-margin-top: 76px;
}

.match-card {
	height: 133px;
	min-height: 133px;
	overflow: hidden;
	border: 0;
	border-radius: 11px;
	background: #292d2e;
	box-shadow: none;
}

.match-card[data-hot="true"] {
	background: #2e2929;
}

.match-card::before {
	display: none;
}

.match-card:hover {
	border-color: transparent;
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.2);
	transform: none;
}

.match-card__cover-link {
	position: absolute;
	inset: 0;
	z-index: 2;
	border-radius: inherit;
	cursor: pointer;
}

.match-card__cover-link:focus-visible {
	outline: 2px solid #6ff58b;
	outline-offset: -3px;
}

.match-card__sponsor[href] {
	position: relative;
	z-index: 3;
}

.match-card__header {
	position: relative;
	display: grid;
	height: 38px;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 0 13px;
	border: 0;
	background: transparent;
}

.match-card__competition {
	gap: 6px;
	color: #eef4f5;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	opacity: 1;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.competition-logo {
	width: 18px;
	height: 18px;
	flex-basis: 18px;
	filter: brightness(1.08) saturate(1.08) drop-shadow(0 0 5px rgba(96, 231, 237, 0.14));
}

.competition-mark {
	width: 13px;
	height: 13px;
	flex-basis: 13px;
	border-color: #8feef2;
	box-shadow: 0 0 7px rgba(96, 231, 237, 0.28);
	opacity: 1;
}

.competition-mark::before {
	inset: 3px;
	border-color: #8feef2;
}

.match-status {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: 140px;
	padding: 4px 10px;
	border-radius: 0 0 5px 5px;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.64rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: none;
	transform: translateX(-50%);
}

.match-status--upcoming {
	display: none;
}

.match-status--live {
	background: #2b8c35;
	color: #e8ffe8;
}

.match-status--live::before {
	display: none;
}

.match-status--finished,
.match-status--postponed {
	background: #3b4142;
	color: #d9dddd;
}

.match-card__time {
	justify-self: end;
	gap: 4px;
	padding: 0;
	color: #b5babb;
}

.match-card__time strong,
.match-card__time span {
	color: inherit;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: none;
}

.match-card__versus {
	display: grid;
	height: 57px;
	min-height: 57px;
	grid-template-columns: minmax(0, 1fr) 68px minmax(0, 1fr);
	gap: 6px;
	padding: 5px 14px 7px;
}

.match-team,
.match-team--away {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 40px;
	align-items: center;
	gap: 8px;
	text-align: right;
}

.match-team .team-mark {
	grid-column: 2;
	grid-row: 1;
}

.match-team--away {
	grid-template-columns: 40px minmax(0, 1fr);
	text-align: left;
}

.match-team--away .team-mark {
	grid-column: 1;
	grid-row: 1;
}

.team-mark--card {
	width: 40px;
	height: 40px;
	filter: brightness(1.08) saturate(1.08);
	opacity: 1;
}

.match-team strong {
	width: 100%;
	overflow: hidden;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	opacity: 1;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-card__score {
	min-height: 36px;
	gap: 3px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #b9bec0;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 1.4rem;
	font-style: italic;
}

.match-card[data-status="upcoming"] .match-card__score {
	color: #ff4b55;
}

.match-card__score strong {
	display: grid;
	min-width: 25px;
	height: 28px;
	place-items: center;
	border: 1px solid #1d56ee;
	border-radius: 5px;
	background: #152f92;
	box-shadow: 0 0 7px rgba(42, 88, 255, 0.55);
	font-family: "Barlow", Arial, sans-serif;
	font-size: 1rem;
	font-style: normal;
}

.match-card__footer {
	min-height: 38px;
	gap: 8px;
	padding: 4px 12px;
	border: 0;
	background: rgba(50, 55, 56, 0.5);
}

.match-card__commentators {
	position: relative;
	z-index: 3;
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	align-items: center;
	gap: 6px;
	overflow-x: auto;
	scrollbar-width: thin;
}

.match-card__commentators .commentator {
	max-width: none;
	min-height: 30px;
	flex: 0 0 auto;
	gap: 5px;
	padding: 2px 7px 2px 2px;
	border-radius: 16px;
	background: rgba(19, 23, 24, .42);
	color: #f5f7f7;
	font-size: 0.7rem;
	font-weight: 600;
	text-decoration: none;
}

.match-card__commentators a.commentator:hover,
.match-card__commentators a.commentator:focus-visible {
	background: rgba(7, 157, 61, .26);
	box-shadow: inset 0 0 0 1px rgba(63, 214, 113, .7);
	outline: 0;
}

.commentator__icon {
	width: 17px;
	height: 17px;
	flex-basis: 17px;
	border-color: #9c6d2f;
	border-radius: 50%;
}

.commentator__avatar {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	border: 1px solid rgba(255, 184, 72, 0.58);
	border-radius: 50%;
	object-fit: cover;
}

.commentator__icon::before {
	top: 5px;
	left: 5px;
	width: 5px;
	height: 5px;
	background: #d49d4c;
}

.match-card__odds {
	display: grid;
	grid-template-columns: repeat(6, minmax(22px, 1fr));
	min-width: 0;
	max-width: 260px;
	flex: 1 1 auto;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.055);
	border-radius: 3px;
	background: rgba(18, 21, 22, 0.35);
	white-space: nowrap;
}

.match-card__odds span,
.match-card__odds-compact {
	display: grid;
	height: 26px;
	place-items: center;
	gap: 0;
	padding: 1px 2px;
	overflow: hidden;
	border-right: 1px solid rgba(255, 255, 255, 0.055);
	background: transparent;
	color: #aeb4b5;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 9px;
	font-weight: 500;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-card__odds span:last-child {
	border-right: 0;
}

.match-card__odds small {
	color: #717a7c;
	font-size: 7px;
	font-weight: 600;
	line-height: 8px;
}

.match-card__odds strong {
	font-size: 9px;
	line-height: 10px;
}

.match-card__odds strong {
	color: #d8dcdd;
}

.match-card__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 57px;
	height: 24px;
	padding: 0 7px;
	border-radius: 3px;
	background: #f2f5f5;
	color: #28774b;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.55rem;
	font-weight: 800;
}

.match-card__action span {
	display: none;
}

.match-card__sponsor {
	position: static;
	flex: 0 0 auto;
	min-width: 59px;
	height: 24px;
	padding: 5px 7px;
	overflow: hidden;
	border: 0;
	border-radius: 3px;
	background: #f2f5f5;
	color: #246ca0;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.54rem;
	font-weight: 800;
	line-height: 14px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Lower homepage sections. */
.league-showcase {
	margin-top: 18px;
	padding-top: 0;
	padding-bottom: 0;
}

.section-heading h2,
.featured-strip h2,
.league-showcase .section-heading h2,
.highlight-section .section-heading h2,
.news-section .section-heading h2,
.seo-introduction__title {
	font-family: "Barlow", Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 36px;
	text-transform: uppercase;
}

.league-showcase__all,
.section-link--button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	padding: 6px 11px;
	border: 0;
	border-radius: 4px;
	background: #414a4c;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
}

.league-showcase__scroller {
	gap: 30px;
	margin-top: 16px;
	padding: 0;
}

.league-card {
	flex: 0 0 100px;
	max-width: 100px;
	padding: 0;
	border-radius: 6px;
}

.league-card__visual {
	width: 100px;
	height: 100px;
}

.league-card__logo {
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.league-card__lettermark {
	width: 88px;
	height: 88px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 2.15rem;
	text-shadow: 0 2px 0 #111;
}

.league-card__name {
	display: none;
}

.highlight-section {
	margin-top: 23px;
	padding-top: 0;
	padding-bottom: 29px;
}

.highlight-scroller {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 16px;
	overflow-x: auto;
	scrollbar-width: thin;
}

.highlight-card {
	min-width: 0;
	overflow: hidden;
	border-radius: 7px;
	background: #292d2e;
}

.highlight-card__visual {
	position: relative;
	display: grid;
	height: 168px;
	place-items: center;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 35%, rgba(0, 255, 93, 0.18), transparent 28%),
		linear-gradient(135deg, #153a27, #192426 60%, #392a2a);
}

.highlight-card__teams {
	display: flex;
	align-items: center;
	gap: 18px;
}

.highlight-card__teams .team-mark {
	width: 58px;
	height: 58px;
}

.highlight-card__versus {
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 1rem;
	font-style: italic;
	font-weight: 800;
}

.highlight-card__play {
	position: absolute;
	right: 12px;
	bottom: 11px;
	display: grid;
	width: 31px;
	height: 31px;
	place-items: center;
	padding-left: 2px;
	border: 2px solid #a1ff61;
	border-radius: 50%;
	background: rgba(34, 40, 40, 0.82);
	color: #a1ff61;
	font-size: 0.65rem;
}

.highlight-card > strong {
	display: block;
	min-height: 44px;
	padding: 11px 12px;
	overflow: hidden;
	font-size: 0.72rem;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Dense livescore board below highlights. */
.livescore-board {
	margin-bottom: 28px;
	padding: 19px 18px 20px;
	border-radius: 8px;
	background: #292d2e;
}

.livescore-board__titlebar {
	display: flex;
	align-items: center;
	min-height: 39px;
}

.livescore-board__titlebar h2 {
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	margin: 0;
	padding: 4px 8px;
	background: #29823d;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.livescore-board__filters {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 16px;
	padding: 0;
	overflow-x: auto;
	background: #17191a;
}

.livescore-board__filters span {
	display: inline-flex;
	min-width: 126px;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 3px 3px 0 0;
	background: #242829;
	color: #d9dddd;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.67rem;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
}

.livescore-board__filters span.is-active {
	background: #183574;
	color: #fff;
}

.livescore-board__filters b {
	display: grid;
	min-width: 20px;
	height: 18px;
	place-items: center;
	border-radius: 9px;
	background: rgba(0, 0, 0, 0.34);
	font-size: 0.58rem;
}

.livescore-table {
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	background: #242829;
}

.livescore-table__head,
.livescore-table__row {
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr) 86px minmax(0, 1fr) 68px 68px;
	align-items: center;
}

.livescore-table__head {
	min-height: 39px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background: #2d3031;
	color: #e7e9e9;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.67rem;
	font-weight: 700;
}

.livescore-table__head span {
	padding: 0 12px;
}

.livescore-table__row {
	min-height: 57px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.055);
	color: #e9ecec;
	transition: background 160ms ease;
}

.livescore-table__row:last-child {
	border-bottom: 0;
}

.livescore-table__row:hover {
	background: rgba(255, 255, 255, 0.035);
}

.livescore-table__row.is-live {
	background: linear-gradient(90deg, rgba(25, 89, 45, 0.16), transparent 30%);
}

.livescore-table__time {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
	padding: 0 12px;
}

.livescore-table__time strong {
	color: #61db79;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.72rem;
}

.livescore-table__time small {
	overflow: hidden;
	color: #909899;
	font-size: 0.52rem;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.livescore-table__team {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	padding: 0 10px;
}

.livescore-table__team--home {
	justify-content: flex-end;
	text-align: right;
}

.livescore-table__team strong {
	overflow: hidden;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.72rem;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.livescore-table__team .team-mark {
	width: 27px;
	height: 27px;
	flex: 0 0 27px;
}

.livescore-table__score {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-family: "Barlow", Arial, sans-serif;
}

.livescore-table__score b {
	display: grid;
	width: 24px;
	height: 25px;
	place-items: center;
	border: 1px solid #2352d9;
	border-radius: 4px;
	background: #17368f;
	font-size: 0.82rem;
}

.livescore-table__score i,
.livescore-table__score em {
	color: #c9cdce;
	font-style: italic;
	font-weight: 800;
}

.livescore-table__aux {
	color: #989fa1;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 0.6rem;
	text-align: center;
}

.news-section {
	margin-top: 0;
	margin-bottom: 24px;
	padding: 19px 19px 21px;
	border-radius: 8px;
	background: #292d2e;
}

.news-section .section-kicker,
.seo-introduction .section-kicker {
	display: none;
}

.news-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 16px -15px 0;
}

.news-card {
	min-height: 256px;
	padding: 0 15px;
	border: 0;
	border-radius: 5px;
	background: transparent;
	box-shadow: none;
}

.news-card:nth-child(n + 5) {
	display: none;
}

.news-card:hover {
	border-color: transparent;
	box-shadow: none;
	transform: none;
}

.news-card__media {
	aspect-ratio: 14 / 9;
	border-radius: 5px;
}

.news-card__body {
	min-height: 76px;
	padding: 12px 0 4px;
}

.news-card__meta,
.news-card__body > p,
.news-card__body > .text-link {
	display: none;
}

.news-card__title {
	margin: 0;
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-card--fallback .news-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	background:
		radial-gradient(circle at 50% 50%, rgba(0, 255, 253, 0.16), transparent 31%),
		linear-gradient(135deg, #17354a, #1d292c 55%, #38421b);
}

.news-card--fallback .news-card__placeholder::before,
.news-card--fallback .news-card__placeholder::after {
	display: none;
}

.news-card--fallback .news-card__placeholder > span:not(.team-mark) {
	position: static;
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-weight: 800;
}

.news-card--fallback .news-card__placeholder .team-mark {
	width: 54px;
	height: 54px;
}

/* SEO article reader matching the two-pane reference panel. */
.seo-introduction {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.seo-introduction__heading {
	margin-bottom: 16px;
}

.seo-introduction__heading .section-link {
	display: none;
}

.seo-introduction__title {
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	text-transform: none;
}

.seo-reader {
	height: 742px;
	min-height: 742px;
	box-sizing: border-box;
	grid-template-columns: minmax(300px, 33.333333%) minmax(0, 1fr);
	padding: 16px 0;
	border: 0;
	border-radius: 12px;
	background: #323738;
	box-shadow: none;
}

.seo-reader__toc {
	height: 710px;
	max-height: 710px;
	box-sizing: border-box;
	padding: 0 0 0 15px;
	border-right: 0;
	background: transparent;
}

.seo-reader__toc ol,
.seo-reader__toc ol ol {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.seo-reader__toc-item a,
.seo-reader__toc-item--3 a {
	width: 100%;
	min-height: 42px;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 20px;
	border: 0;
	border-radius: 12px 0 0 12px;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

.seo-reader__toc-item.is-active a {
	border: 0;
	background: linear-gradient(270deg, #323839, #2f5a49);
	color: #00ff5d;
	font-weight: 700;
}

.seo-reader__article {
	height: 710px;
	max-height: 710px;
	box-sizing: border-box;
	margin: 0 15px 0 0;
	padding: 15px 0 15px 15px;
	overflow-x: auto;
	overflow-y: scroll;
	border-radius: 0 6px 6px 0;
	background: #292d2e;
	scrollbar-color: #fff #60828b;
	scrollbar-width: thin;
}

.seo-reader__article::-webkit-scrollbar {
	width: 4px;
}

.seo-reader__article::-webkit-scrollbar-track {
	background: #60828b;
}

.seo-reader__article::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: #fff;
}

.seo-reader__title {
	margin: 0 0 8px;
	color: #f2f3f3;
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}

.seo-reader__content {
	display: flex;
	flex-direction: column;
	color: #f2f3f3;
	font-family: "Raleway", sans-serif;
	font-size: 15px;
	line-height: 25px;
}

.seo-reader__content h2,
.seo-reader__content h3 {
	margin: 0 0 8px;
	color: #f2f3f3;
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}

.seo-reader__content p {
	margin: 0 0 16px;
}

.seo-reader__content figure:not(.seo-reader__featured) {
	max-width: 100%;
	margin: 8px auto;
}

.seo-reader__content img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.seo-reader__content .wp-caption-text,
.seo-reader__content figcaption {
	margin: 0;
	color: #6c757d;
	font-family: "Raleway", sans-serif;
	font-size: 13.5px;
	line-height: 25px;
	text-align: center;
}

.seo-reader__content > p:first-of-type {
	order: -2;
}

.seo-reader__featured,
.seo-reader__visual-fallback {
	order: -1;
	width: min(64%, 560px);
	min-height: 0;
	aspect-ratio: 1;
	margin: 18px auto 28px;
}

.seo-reader__featured img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.seo-reader__featured,
.seo-reader__visual-fallback {
	border-radius: 13px;
}

.site-footer {
	min-height: 0;
	border-top: 0;
	background: #232626;
	color: #8f9893;
}

.site-footer__inner {
	padding-top: 64px;
}

.site-footer__grid {
	display: grid;
	grid-template-columns: minmax(270px, 1.45fr) minmax(150px, 0.72fr) minmax(175px, 0.82fr) minmax(240px, 1fr);
	gap: clamp(36px, 5vw, 88px);
	padding-bottom: 58px;
}

.site-footer__brand {
	display: block;
	min-width: 0;
}

.site-footer__logo {
	min-height: 54px;
	margin-bottom: 24px;
}

.site-footer__logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.site-footer__logo .custom-logo {
	width: 180px;
	max-width: 100%;
	height: auto;
	max-height: 58px;
	object-fit: contain;
}

.site-footer .brand-wordmark--footer {
	display: inline-flex;
	gap: 10px;
	transform: none;
}

.site-footer .brand-wordmark--footer .brand-wordmark__ball {
	width: 36px;
	height: 36px;
	flex-basis: 36px;
}

.site-footer .brand-wordmark--footer .brand-wordmark__ball::after {
	left: 14px;
}

.site-footer .brand-wordmark--footer .brand-wordmark__name {
	max-width: 190px;
	font-size: 1.4rem;
}

.site-footer__description {
	max-width: 430px;
	margin: 0;
	font-size: 14px;
	line-height: 1.75;
}

.site-footer__description p {
	margin: 0;
}

.site-footer__description p + p {
	margin-top: 10px;
}

.site-footer__column h2 {
	margin: 0 0 27px;
	color: #f2f4f3;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
}

.site-footer__column ul,
.site-footer__column .footer-menu {
	display: grid;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__column a {
	color: #8f9893;
	font-size: 14px;
	line-height: 1.5;
}

.site-footer__column a:hover,
.site-footer__column a:focus-visible {
	color: var(--xl-green);
}

.site-footer__follow p {
	max-width: 300px;
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
}

.site-footer__cta {
	display: inline-flex;
	min-width: 168px;
	height: 48px;
	align-items: center;
	justify-content: center;
	margin-top: 24px;
	padding: 0 22px;
	border-radius: 8px;
	background: #c8f52b;
	color: #11170e !important;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 14px !important;
	font-weight: 800;
}

.site-footer__cta:hover,
.site-footer__cta:focus-visible {
	background: #dcff61;
}

.site-footer__bottom {
	display: flex;
	min-height: 74px;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 18px 0;
	border-top: 1px solid #252a27;
	color: #858e89;
	font-size: 12px;
}

.site-footer__bottom p {
	margin: 0;
}

.back-to-top {
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 2px;
	background: #4ea648;
	color: #fff;
}

/* Local match-detail route: keeps every click inside the WordPress site. */
.remote-match-page {
	min-height: 760px;
	padding: 30px 0 54px;
	background:
		radial-gradient(circle at 50% 0, rgba(0, 255, 93, 0.075), transparent 32%),
		#212424;
}

.remote-match-page__shell {
	display: grid;
	gap: 18px;
}

.remote-match-page__back {
	display: inline-flex;
	width: max-content;
	align-items: center;
	gap: 7px;
	color: #bfc6c7;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
}

.remote-match-page__back span {
	color: var(--xl-green);
	font-size: 22px;
	line-height: 1;
}

.remote-match-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(390px, 0.85fr);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 13px;
	background: #292d2e;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.23);
}

.remote-match-player {
	position: relative;
	display: grid;
	min-height: 480px;
	place-items: center;
	overflow: hidden;
	background: #111617;
}

.remote-match-player::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 17, 16, 0.08), rgba(5, 8, 8, 0.76));
	content: "";
}

.remote-match-player__pitch {
	position: absolute;
	inset: 8%;
	border: 1px solid rgba(92, 226, 139, 0.17);
	background:
		linear-gradient(90deg, transparent 49.8%, rgba(92, 226, 139, 0.12) 49.8% 50.2%, transparent 50.2%),
		repeating-linear-gradient(90deg, rgba(53, 143, 82, 0.06) 0 11%, transparent 11% 22%);
	transform: perspective(620px) rotateX(58deg) scale(1.18);
}

.remote-match-player__pitch::before,
.remote-match-player__pitch::after,
.remote-match-player__pitch span {
	position: absolute;
	content: "";
}

.remote-match-player__pitch::before {
	inset: 50% auto auto 50%;
	width: 26%;
	aspect-ratio: 1;
	border: 1px solid rgba(92, 226, 139, 0.18);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.remote-match-player__pitch::after {
	top: 25%;
	bottom: 25%;
	left: 0;
	width: 13%;
	border: 1px solid rgba(92, 226, 139, 0.14);
}

.remote-match-player__pitch span {
	top: 25%;
	right: 0;
	bottom: 25%;
	width: 13%;
	border: 1px solid rgba(92, 226, 139, 0.14);
}

.remote-match-player__content {
	position: relative;
	z-index: 1;
	width: min(620px, calc(100% - 46px));
	text-align: center;
}

.remote-match-player__badge {
	display: inline-flex;
	min-height: 28px;
	align-items: center;
	padding: 4px 12px;
	border-radius: 99px;
	background: #414849;
	color: #e7eaea;
	font-size: 12px;
	font-weight: 700;
}

.remote-match-player__badge.is-live {
	background: #27883a;
	color: #fff;
}

.remote-match-player__content h1 {
	margin: 18px 0 10px;
	font-family: "Barlow", Arial, sans-serif;
	font-size: clamp(30px, 4vw, 52px);
	font-weight: 700;
	line-height: 1.08;
}

.remote-match-player__content p {
	max-width: 570px;
	margin: 0 auto;
	color: #adb6b7;
	font-size: 13px;
	line-height: 1.7;
}

.remote-match-scoreboard {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: 34px 30px;
	background: linear-gradient(160deg, #2d3334, #252929);
}

.remote-match-scoreboard__league {
	margin: 0 0 28px;
	color: #8e989a;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.remote-match-scoreboard__teams {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
}

.remote-match-scoreboard__team {
	display: grid;
	min-width: 0;
	justify-items: center;
	gap: 12px;
	text-align: center;
}

.remote-match-scoreboard__team img {
	width: 72px;
	height: 72px;
	object-fit: contain;
}

.remote-match-scoreboard__team strong {
	font-family: "Barlow", Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.remote-match-scoreboard__score {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.remote-match-scoreboard__score b {
	display: grid;
	width: 36px;
	height: 42px;
	place-items: center;
	border: 1px solid #2a5ff1;
	border-radius: 7px;
	background: #17378f;
	box-shadow: 0 0 12px rgba(46, 92, 255, 0.38);
	font-family: "Barlow", Arial, sans-serif;
	font-size: 21px;
}

.remote-match-scoreboard__score i,
.remote-match-scoreboard__score em {
	color: #c8cdce;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 21px;
	font-style: italic;
	font-weight: 800;
}

.remote-match-scoreboard__meta {
	display: flex;
	justify-content: center;
	gap: 12px 24px;
	margin-top: 30px;
	color: #aeb6b8;
	font-size: 12px;
}

.remote-match-info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.remote-match-info-card,
.remote-match-empty {
	padding: 24px;
	border-radius: 11px;
	background: #292d2e;
}

.remote-match-info-card h2,
.remote-match-empty h1 {
	margin: 0 0 18px;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
}

.remote-match-info-card dl,
.remote-match-info-card dl div {
	display: grid;
	gap: 0;
	margin: 0;
}

.remote-match-info-card dl div {
	grid-template-columns: 120px minmax(0, 1fr);
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.remote-match-info-card dt {
	color: #8e989a;
}

.remote-match-info-card dd {
	margin: 0;
	font-weight: 600;
}

.remote-match-commentator {
	display: flex;
	align-items: center;
	gap: 14px;
}

.remote-match-commentator > img,
.remote-match-commentator > span {
	width: 52px;
	height: 52px;
	flex: 0 0 52px;
	border: 2px solid #a87930;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 35%, #d29b45 0 18%, #604622 19% 100%);
	object-fit: cover;
}

.remote-match-commentator div {
	display: grid;
	gap: 4px;
}

.remote-match-commentator small {
	color: #929b9d;
}

.remote-match-empty {
	min-height: 400px;
	place-content: center;
	text-align: center;
}

.remote-match-empty__code {
	margin: 0;
	color: var(--xl-green);
	font-family: "Barlow", Arial, sans-serif;
	font-size: 72px;
	font-weight: 700;
}

@media (max-width: 1180px) {
	.site-menu a {
		padding-inline: 9px;
		font-size: 0.85rem;
	}

	.sport-tabs {
		gap: 10px;
	}

	.sport-tab {
		min-width: 108px;
	}

	.filter-pills {
		gap: 7px;
	}

	.match-card__odds {
		max-width: 255px;
	}
}

@media (max-width: 980px) {
	:root {
		--xl-header-height: 39px;
	}

	.ad-band.site-shell {
		width: calc(100% - 4px);
	}

	.site-header__inner {
		height: var(--xl-header-height);
	}

	.site-branding {
		min-width: 0;
	}

	.custom-logo {
		max-width: 112px;
		max-height: 32px;
	}

	.brand-wordmark__name {
		max-width: 135px;
		font-size: 1rem;
	}

	.header-cta {
		width: auto;
		min-width: 84px;
		height: 32px;
		margin-left: auto;
		padding: 0 10px;
		font-size: 0.67rem;
	}

	.menu-toggle {
		display: block;
		order: 4;
		width: 36px;
		height: 36px;
		flex: 0 0 36px;
		margin-left: auto;
		padding: 7px;
	}

	.site-navigation {
		top: var(--xl-header-height);
		background: rgba(35, 38, 38, 0.99);
	}

	.admin-bar .site-navigation {
		top: calc(var(--xl-header-height) + 32px);
	}

	.site-menu a {
		min-height: 48px;
		font-size: 0.85rem;
	}

	.sport-tabs {
		justify-content: flex-start;
	}

	.match-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.match-toolbar__end {
		align-self: flex-end;
	}

	.match-grid {
		grid-template-columns: 1fr;
	}

	.match-card__odds {
		max-width: none;
	}

	.remote-match-hero {
		grid-template-columns: 1fr;
	}

	.remote-match-player {
		min-height: 410px;
	}

	.remote-match-scoreboard {
		min-height: 310px;
	}

	.highlight-scroller,
	.news-grid {
		display: flex;
		gap: 16px;
		padding-bottom: 10px;
		overflow-x: auto;
		scroll-snap-type: x proximity;
	}

	.highlight-card,
	.news-card {
		flex: 0 0 292px;
		scroll-snap-align: start;
	}

	.livescore-table__head,
	.livescore-table__row {
		grid-template-columns: 105px minmax(0, 1fr) 76px minmax(0, 1fr);
	}

	.livescore-table__aux {
		display: none;
	}

	.news-card:nth-child(n + 5) {
		display: block;
	}

	.seo-reader {
		display: block;
		height: auto;
		min-height: 0;
	}

	.seo-reader__toc,
	.seo-reader--single .seo-reader__toc {
		position: static;
		height: auto;
		max-height: 560px;
		padding: 0 15px 16px;
		border-bottom: 1px solid var(--xl-line);
	}

	.seo-reader__article,
	.seo-reader--single .seo-reader__article {
		max-height: 710px;
		margin: 0;
		overflow-y: auto;
	}
}

@media (min-width: 761px) and (max-width: 980px) {
	.site-shell {
		width: min(calc(100% - 74px), var(--xl-shell));
	}
}

@media (max-width: 760px) {
	.site-shell {
		width: min(calc(100% - 30px), var(--xl-shell));
	}

	.ad-band {
		gap: 2px;
		padding: 2px 0;
	}

	.ad-slot,
	.ad-slot__fallback {
		min-height: 43px;
		height: 43px;
	}

	.ad-slot__fallback {
		padding: 4px 58px 4px 10px;
	}

	.ad-slot__eyebrow {
		display: none;
	}

	.ad-slot__fallback strong {
		margin: 0;
		font-size: 0.78rem;
		line-height: 1.05;
	}

	.ad-slot__shape {
		right: 14px;
		width: 29px;
		height: 29px;
		border-width: 2px;
	}

	.featured-strip,
	.featured-ticker {
		height: 112px;
	}

	.featured-ticker {
		grid-auto-columns: 120px;
		gap: 13px;
		padding-block: 10px;
	}

	.match-centre {
		padding-top: 20px;
	}

	.sport-tabs {
		height: 78px;
		gap: 4px;
		padding: 0;
		overflow: visible;
	}

	.sport-tab {
		min-width: 0;
		min-height: 70px;
		flex: 1 1 0;
		flex-direction: column;
		gap: 4px;
		padding: 8px 2px 6px;
		font-size: 0.59rem;
		line-height: 1.15;
		white-space: normal;
	}

	.sport-icon {
		width: 22px;
		height: 22px;
		flex-basis: 22px;
	}

	.sport-tab__live {
		top: -5px;
		right: -2px;
		font-size: 0.47rem;
	}

	.match-centre__title {
		min-height: 60px;
		margin: 0;
		padding: 7px 12px 5px;
		font-size: 21px;
		line-height: 1.3;
	}

	.match-toolbar {
		gap: 8px;
	}

	.filter-pills {
		width: 100%;
		height: 54px;
		align-items: center;
		gap: 8px;
		overflow-x: auto;
	}

	.filter-pill {
		min-height: 34px;
		padding-inline: 11px;
	}

	.match-toolbar__end {
		display: grid;
		width: 100%;
		grid-template-columns: 104px minmax(0, 1fr);
		gap: 8px;
	}

	.livescore-link {
		justify-content: center;
		padding-inline: 6px;
		font-size: 0.66rem;
	}

	.league-filter,
	.league-filter select {
		width: 100%;
	}

	.match-grid {
		gap: 15px;
		margin-top: 12px;
	}

	.match-card {
		height: 121px;
		min-height: 121px;
	}

	.match-card__header {
		height: 34px;
		padding-inline: 10px;
	}

	.match-card__competition,
	.match-card__time strong,
	.match-card__time span {
		font-size: 0.58rem;
	}

	.match-status {
		max-width: 110px;
		font-size: 0.56rem;
	}

	.match-card__versus {
		height: 51px;
		min-height: 51px;
		grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
		padding: 4px 9px;
	}

	.match-team,
	.match-team--away {
		grid-template-columns: minmax(0, 1fr) 29px;
		gap: 5px;
	}

	.match-team--away {
		grid-template-columns: 29px minmax(0, 1fr);
	}

	.team-mark--card {
		width: 29px;
		height: 29px;
	}

	.match-team strong {
		font-size: 0.67rem;
	}

	.match-card__score {
		font-size: 1.15rem;
	}

	.match-card__score strong {
		min-width: 22px;
		height: 25px;
		font-size: 0.9rem;
	}

	.match-card__footer {
		height: 36px;
		padding: 3px 8px;
	}

	.commentator {
		max-width: 82px;
		font-size: 0.53rem;
	}

	.match-card__odds {
		max-width: 138px;
	}

	.match-card__odds span,
	.match-card__odds-compact {
		font-size: 0.5rem;
	}

	.match-card__action,
	.match-card__sponsor {
		min-width: 52px;
		height: 22px;
		font-size: 0.49rem;
	}

	.match-card__sponsor {
		max-width: 70px;
		padding-block: 4px;
	}

	.league-showcase {
		padding-top: 38px;
	}

	.league-showcase__scroller {
		gap: 14px;
	}

	.league-card {
		flex-basis: 96px;
		max-width: 96px;
	}

	.league-card__visual {
		width: 92px;
		height: 92px;
	}

	.highlight-section {
		padding-top: 8px;
	}

	.highlight-card,
	.news-card {
		flex-basis: 288px;
	}

	.highlight-card__visual {
		height: 163px;
	}

	.livescore-board {
		margin-bottom: 20px;
		padding: 10px;
	}

	.livescore-board__titlebar h2 {
		min-height: 32px;
		padding: 5px 9px;
		font-size: 0.88rem;
	}

	.livescore-board__filters {
		margin-top: 9px;
	}

	.livescore-board__filters span {
		min-width: 104px;
		min-height: 32px;
		padding: 5px 8px;
		font-size: 0.58rem;
	}

	.livescore-table__head,
	.livescore-table__row {
		grid-template-columns: 55px minmax(0, 1fr) 54px minmax(0, 1fr);
	}

	.livescore-table__head {
		min-height: 32px;
		font-size: 0.57rem;
	}

	.livescore-table__head span {
		padding: 0 5px;
	}

	.livescore-table__row {
		min-height: 58px;
	}

	.livescore-table__time {
		padding: 0 5px;
	}

	.livescore-table__time small {
		display: none;
	}

	.livescore-table__team {
		gap: 4px;
		padding: 0 4px;
	}

	.livescore-table__team strong {
		font-size: 0.58rem;
	}

	.livescore-table__team .team-mark {
		width: 22px;
		height: 22px;
		flex-basis: 22px;
	}

	.livescore-table__score {
		gap: 2px;
	}

	.livescore-table__score b {
		width: 20px;
		height: 22px;
		font-size: 0.7rem;
	}

	.news-section {
		width: min(calc(100% - 30px), var(--xl-shell));
		padding: 15px;
	}

	.news-card {
		display: block;
	}

	.news-card__media {
		min-height: 0;
		aspect-ratio: 1.68 / 1;
	}

	.news-grid {
		margin-inline: -10px;
	}

	.news-card {
		min-height: 246px;
		padding-inline: 10px;
	}

	.seo-introduction__title {
		font-size: 26px;
	}

	.seo-reader__toc-item a {
		margin-inline: 0;
	}

	.seo-reader__article {
		padding: 18px 16px;
	}

	.site-footer__top {
		min-height: 0;
		padding-top: 36px;
	}

	.site-footer {
		min-height: 0;
	}

	.site-footer__description {
		font-size: 12px;
	}

	.site-footer__bottom {
		min-height: 0;
	}

	.remote-match-page {
		min-height: 0;
		padding: 20px 0 38px;
	}

	.remote-match-player {
		min-height: 310px;
	}

	.remote-match-player__content h1 {
		font-size: 29px;
	}

	.remote-match-scoreboard {
		min-height: 0;
		padding: 28px 15px;
	}

	.remote-match-scoreboard__teams {
		grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
		gap: 7px;
	}

	.remote-match-scoreboard__team img {
		width: 56px;
		height: 56px;
	}

	.remote-match-scoreboard__team strong {
		font-size: 12px;
	}

	.remote-match-scoreboard__meta {
		flex-direction: column;
		align-items: center;
		gap: 5px;
	}

	.remote-match-info-grid {
		grid-template-columns: 1fr;
	}

	body {
		padding-bottom: 0;
	}

	.back-to-top {
		bottom: 12px;
	}
}

@media (max-width: 782px) {
	.admin-bar .site-header {
		/* The mobile admin toolbar can collapse while WordPress keeps the
		 * admin-bar body class. Do not leave a phantom 46px gap above the menu. */
		top: 0;
	}

	.admin-bar .site-navigation {
		top: var(--xl-header-height);
	}
}

@media (max-width: 420px) {
	.brand-wordmark__ball {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
	}

	.brand-wordmark__name {
		max-width: 104px;
		font-size: 0.85rem;
	}

	.header-cta {
		min-width: 80px;
	}

	.highlight-card,
	.news-card {
		flex-basis: 280px;
	}
}

/* Match-detail v2: dense score, odds, player and chat layout. */
.remote-match-page {
	min-height: 900px;
	padding: 8px 0 54px;
	background: #212121;
}

.remote-match-page__shell {
	display: block;
}

.match-breadcrumb {
	display: flex;
	min-height: 64px;
	align-items: center;
	margin: 0 0 8px;
	padding: 0 clamp(20px, 3vw, 46px);
	overflow: hidden;
	background: #292d2e;
	color: #c5cbe0;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	box-sizing: border-box;
}

.match-breadcrumb ol {
	display: flex;
	width: 100%;
	min-width: 0;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.match-breadcrumb li {
	display: flex;
	min-width: 0;
	align-items: center;
}

.match-breadcrumb li:not(:last-child) {
	flex: 0 0 auto;
}

.match-breadcrumb li:last-child {
	flex: 1 1 auto;
}

.match-breadcrumb li + li::before {
	content: "/";
	flex: 0 0 auto;
	margin: 0 14px;
	color: #c5cbe0;
}

.match-breadcrumb a,
.match-breadcrumb span {
	color: inherit;
}

.match-breadcrumb a {
	text-decoration: none;
}

.match-breadcrumb a:hover,
.match-breadcrumb a:focus-visible {
	color: #fff;
}

.match-breadcrumb span[aria-current="page"] {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.live-match-summary {
	display: grid;
	min-height: 156px;
	grid-template-columns: minmax(430px, 500px) minmax(420px, 1fr);
	align-items: center;
	gap: 24px;
	padding: 0 14px;
	border-radius: 7px;
	background: #292d2e;
	color: #fff;
}

.live-match-summary__meta {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	align-items: center;
	column-gap: 12px;
}

.live-match-summary__meta strong,
.live-match-summary__meta small {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.live-match-summary__meta strong {
	font-family: "Barlow", Arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

.live-match-summary__meta small {
	grid-column: 2;
	color: #90999a;
	font-size: 13px;
}

.live-match-summary__sport {
	display: grid;
	width: 50px;
	height: 50px;
	grid-row: 1 / span 2;
	place-items: center;
	border: 1px solid #46605e;
	border-radius: 50%;
	background: #222728;
	font-size: 23px;
}

.live-match-summary__quick-stats {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(3, 96px);
	gap: 10px;
	margin-top: 10px;
}

.live-match-summary__quick-stats > span {
	display: grid;
	width: 96px;
	height: 28px;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	place-items: center;
	gap: 8px;
	padding: 1px 6px;
	border-radius: 4px;
	background: #323738;
	color: #f3f5f5;
	font: 700 13px/1 "Barlow", Arial, sans-serif;
	box-sizing: border-box;
}

.live-match-summary__quick-stats img {
	display: block;
	max-width: none;
}

.live-match-summary__score {
	display: grid;
	justify-items: center;
	gap: 12px;
	transform: translateX(-36px);
}

.live-match-summary__status {
	display: inline-flex;
	min-height: 30px;
	align-items: center;
	padding: 4px 16px;
	border-radius: 5px;
	background: #4a5051;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
}

.live-match-summary__status.is-live {
	background: #278d3d;
}

.live-match-summary__teams {
	display: grid;
	grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
	align-items: center;
	gap: 20px;
}

.live-match-summary__team {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
}

.live-match-summary__team--away {
	justify-content: flex-start;
}

.live-match-summary__team img {
	width: 56px;
	height: 56px;
	flex: 0 0 56px;
	object-fit: contain;
}

.live-match-summary__team strong {
	min-width: 0;
	overflow: hidden;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.live-match-summary__numbers {
	display: flex;
	align-items: center;
	gap: 6px;
}

.live-match-summary__numbers b {
	display: grid;
	width: 42px;
	height: 47px;
	place-items: center;
	border: 1px solid #2b60f2;
	border-radius: 6px;
	background: #17368f;
	box-shadow: 0 0 11px rgba(38, 87, 255, 0.34);
	font-family: "Barlow", Arial, sans-serif;
	font-size: 24px;
}

.live-match-summary__numbers i,
.live-match-summary__numbers em {
	color: #bfc5c6;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 28px;
	font-style: italic;
	font-weight: 800;
}

.live-match-vote {
	display: grid;
	gap: 9px;
}

.live-match-vote > strong {
	font-family: "Barlow", Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

.live-match-vote__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.live-match-vote__actions button {
	display: flex;
	height: 31px;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border: 1px solid #255a9c;
	border-radius: 5px;
	background: #2b3045;
	color: #fff;
	font: 700 11px/1 "Barlow", Arial, sans-serif;
	text-transform: uppercase;
}

.live-match-vote__actions button:last-child {
	border-color: #8c3153;
	background: #3a2735;
}

.live-match-vote__actions button:hover,
.live-match-vote__actions button.is-selected {
	filter: brightness(1.25);
}

.live-match-vote__bar {
	height: 3px;
	overflow: hidden;
	border-radius: 4px;
	background: #96354b;
}

.live-match-vote__bar span {
	display: block;
	width: 50%;
	height: 100%;
	background: #2566ae;
	transition: width 0.25s ease;
}

.live-odds-panel {
	margin-top: 16px;
	overflow: hidden;
	background: #292d2e;
	color: #e5e8e9;
}

.live-odds-panel__header,
.live-odds-panel__table {
	display: grid;
	grid-template-columns: 220px repeat(4, minmax(0, 1fr));
	align-items: stretch;
}

.live-odds-panel__header {
	min-height: 52px;
	border-bottom: 1px solid #3a3f40;
}

.live-odds-panel__header > *,
.live-odds-panel__table > * {
	display: grid;
	place-items: center;
	border-right: 1px solid #3a3f40;
	font-family: "Barlow", Arial, sans-serif;
}

.live-odds-panel__header > *:last-child,
.live-odds-panel__table > *:nth-child(5n) {
	border-right: 0;
}

.live-odds-panel__header strong {
	color: #9ea6a7;
	font-size: 12px;
	text-transform: uppercase;
}

.live-odds-panel__header span {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.live-odds-panel__table {
	min-height: 85px;
	grid-template-rows: repeat(2, 1fr);
	background: #2d3233;
}

.live-odds-panel__table > * {
	border-bottom: 1px solid #393e3f;
}

.live-odds-panel__table strong {
	color: #a9b0b1;
	font-size: 12px;
}

.live-odds-panel__table span {
	margin: 8px 16px;
	border-radius: 4px;
	background: #353b3c;
	color: #d6dbdc;
	font-size: 12px;
}

.live-data-tabs {
	display: flex;
	height: 36px;
	margin-top: 15px;
	overflow-x: auto;
	border-radius: 5px;
	background: #292d2e;
	scrollbar-width: thin;
}

.live-data-tabs a {
	display: grid;
	min-width: 150px;
	flex: 1 0 auto;
	place-items: center;
	border-right: 1px solid #3d4243;
	color: #e8ebeb;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.live-data-tabs a:hover,
.live-data-tabs a:focus-visible {
	background: #343a3b;
	color: #70e586;
}

.live-detail-banner {
	display: grid;
	height: 60px;
	grid-template-columns: 180px 1fr 120px;
	align-items: center;
	margin-top: 15px;
	overflow: hidden;
	background: linear-gradient(105deg, #2256a8 0 24%, #ce493b 24% 78%, #a72e28 78%);
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-style: italic;
	text-transform: uppercase;
}

.live-detail-banner span,
.live-detail-banner strong,
.live-detail-banner b {
	padding: 0 20px;
}

.live-detail-banner span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.live-detail-banner strong {
	font-size: 20px;
	text-align: center;
}

.live-detail-banner b {
	display: grid;
	height: 30px;
	margin-right: 12px;
	place-items: center;
	border-radius: 3px;
	background: #f6d654;
	color: #2c2920;
	font-size: 11px;
}

.live-detail-marquee {
	height: 24px;
	overflow: hidden;
	background: #292d2e;
	color: #cfd4d5;
	font-size: 11px;
	line-height: 24px;
	white-space: nowrap;
}

.live-detail-marquee span {
	display: inline-block;
	padding-left: 100%;
	animation: xlc-detail-marquee 24s linear infinite;
}

@keyframes xlc-detail-marquee {
	to { transform: translateX(-100%); }
}

.live-player-layout {
	display: grid;
	min-height: 658px;
	grid-template-columns: minmax(0, 2fr) minmax(330px, 1fr);
	gap: 15px;
	margin-top: 20px;
}

.live-player-main {
	display: grid;
	min-width: 0;
	grid-template-rows: 54px 50px minmax(0, 1fr) 42px;
}

.live-player-tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	background: #292d2e;
}

.live-player-tabs button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	border: 0;
	border-right: 1px solid #3c4142;
	background: transparent;
	color: #f0f2f2;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}

.live-player-tabs button .live-player-tab-icon {
	display: inline-flex;
	width: 31px;
	height: 31px;
	flex: 0 0 31px;
	align-items: center;
	justify-content: center;
	color: #a5abad;
	transition: transform 0.22s ease, filter 0.22s ease;
}

.live-player-tabs button .live-player-tab-icon--broadcast {
	width: 7px;
	height: 17px;
	flex: 0 0 7px;
	fill: currentColor;
}

.live-player-tabs button > svg.live-player-tab-icon {
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.live-player-tabs button > svg.live-player-tab-icon--pitch {
	fill: none;
	stroke: none;
}

.live-player-tabs button > svg.live-player-tab-icon--broadcast {
	stroke: none;
}

.live-player-tabs button > svg.live-player-tab-icon--share {
	width: 29px;
	height: 29px;
	flex-basis: 29px;
	color: #f1dc58;
	stroke-width: 2;
}

.live-player-tabs button:hover .live-player-tab-icon,
.live-player-tabs button:focus-visible .live-player-tab-icon {
	transform: scale(1.06);
}

.live-player-tabs button.is-active {
	background: linear-gradient(90deg, #06380f, #061e0a);
	color: #8df39a;
}

.live-player-tabs button.is-active .live-player-tab-icon {
	color: #3dd369;
	filter: drop-shadow(0 0 5px rgba(61, 211, 105, 0.22));
}

.live-player-tabs button:last-child {
	color: #f1dc58;
}

.live-player-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 6px 0;
	background: #292d2e;
}

.live-player-heading > div {
	min-width: 0;
	padding-left: 18px;
	border-left: 4px solid #3aaa55;
}

.live-player-heading h1 {
	max-width: 590px;
	margin: 0;
	overflow: hidden;
	color: #f0f2f2;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.live-player-heading span {
	color: #98a1a2;
	font-size: 11px;
}

.live-player-heading > a {
	display: grid;
	min-width: 185px;
	height: 32px;
	margin-right: 0;
	place-items: center;
	background: #f1ad4b;
	color: #392d1e;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.live-player-main .remote-match-player {
	min-height: 0;
	aspect-ratio: 16 / 9;
	background: #070b0c;
}

.live-player-main [data-live-panel][hidden] {
	display: none !important;
}

.live-player-simulation {
	position: relative;
	width: 100%;
	min-height: 0;
	overflow: hidden;
	/*
	 * The provider's 3D tracker needs a taller viewport than the video player.
	 * Keeping it at 16:9 makes the absolutely positioned tracker canvas crop its
	 * header before the page can scroll. 4:3 preserves the whole tracker while
	 * remaining responsive at every player width.
	 */
	aspect-ratio: 4 / 3;
	background: #101314;
}

.live-player-simulation .match-simulation,
.live-player-simulation .match-simulation iframe {
	width: 100%;
	height: 100%;
	min-height: 0;
}

.live-player-simulation > .match-data-loading,
.live-player-simulation > .match-data-empty {
	display: grid;
	height: 100%;
	min-height: 0;
	place-items: center;
}

.remote-match-player__video {
	position: absolute;
	z-index: 1;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #050607;
	object-fit: contain;
}

.remote-match-player__controls {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	display: flex;
	height: 58px;
	align-items: center;
	gap: 13px;
	padding: 0 25px;
	background: transparent;
	color: #fff;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.78));
	transition: opacity 0.22s ease, transform 0.22s ease;
}

.remote-match-player.is-playing.is-controls-hidden .remote-match-player__controls {
	opacity: 0;
	transform: translateY(10px);
	pointer-events: none;
}

.remote-match-player__controls button {
	display: grid;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition: color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;
}

.remote-match-player__controls button:hover,
.remote-match-player__controls button:focus-visible {
	background: rgba(255, 255, 255, 0.11);
	color: #70e586;
	transform: scale(1.06);
}

.remote-match-player__controls button:disabled {
	cursor: wait;
	opacity: 0.55;
}

.remote-match-player__controls svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.remote-match-player__controls .remote-match-player__snapshot-icon {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.85;
}

.remote-match-player__controls .remote-match-player__snapshot-dot {
	fill: currentColor;
	stroke: none;
}

.remote-match-player__controls .icon-pause,
.remote-match-player__controls .icon-muted {
	display: none;
}

.remote-match-player__volume-control {
	display: flex;
	align-items: center;
	gap: 8px;
}

.remote-match-player__volume-control input[type="range"] {
	width: 96px;
	height: 18px;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	cursor: pointer;
}

.remote-match-player__volume-control input[type="range"]::-webkit-slider-runnable-track {
	height: 4px;
	border-radius: 5px;
	background: linear-gradient(90deg, #f2ba26 0 var(--xlc-volume, 100%), rgba(255, 255, 255, 0.72) var(--xlc-volume, 100%) 100%);
}

.remote-match-player__volume-control input[type="range"]::-webkit-slider-thumb {
	width: 17px;
	height: 17px;
	margin-top: -6.5px;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	border-radius: 50%;
	background: #f2ba26;
	box-shadow: 0 0 0 2px rgba(242, 186, 38, 0.15);
}

.remote-match-player__volume-control input[type="range"]::-moz-range-track {
	height: 4px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.72);
}

.remote-match-player__volume-control input[type="range"]::-moz-range-progress {
	height: 4px;
	border-radius: 5px;
	background: #f2ba26;
}

.remote-match-player__volume-control input[type="range"]::-moz-range-thumb {
	width: 17px;
	height: 17px;
	border: 0;
	border-radius: 50%;
	background: #f2ba26;
}

.remote-match-player.is-control-playing .remote-match-player__controls .icon-play,
.remote-match-player.is-control-muted .remote-match-player__controls .icon-volume {
	display: none;
}

.remote-match-player.is-control-playing .remote-match-player__controls .icon-pause,
.remote-match-player.is-control-muted .remote-match-player__controls .icon-muted {
	display: block;
}

.remote-match-player__live {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font: 600 13px/1 "Barlow", Arial, sans-serif;
	white-space: nowrap;
}

.remote-match-player__live i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f3bd2d;
	box-shadow: 0 0 9px rgba(243, 189, 45, 0.52);
	animation: xlc-player-live-pulse 1.6s ease-in-out infinite;
}

.remote-match-player__controls-spacer {
	flex: 1 1 auto;
}

@keyframes xlc-player-live-pulse {
	50% { opacity: 0.45; transform: scale(0.82); }
}

.remote-match-player:fullscreen {
	width: 100vw;
	height: 100vh;
	aspect-ratio: auto;
	background: #000;
}

.remote-match-player::after {
	z-index: 2;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.remote-match-player__pitch {
	z-index: 0;
}

.remote-match-player__content {
	z-index: 3;
	display: grid;
	justify-items: center;
	gap: 12px;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.remote-match-player.is-playing::after,
.remote-match-player.is-playing .remote-match-player__content,
.remote-match-player[data-player-state="playing"] .remote-match-player__pitch {
	opacity: 0;
	visibility: hidden;
}

.remote-match-player__title {
	display: block;
	margin-top: 2px;
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: clamp(28px, 3vw, 45px);
	line-height: 1.1;
}

.remote-match-player__play {
	display: inline-flex;
	min-width: 148px;
	height: 42px;
	align-items: center;
	justify-content: center;
	border: 1px solid #73df82;
	border-radius: 4px;
	background: #2a963f;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
	color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.remote-match-player__play:disabled {
	cursor: wait;
	opacity: 0.75;
}

.remote-match-player__content p {
	margin: 0;
}

.live-player-servers {
	display: flex;
	min-width: 0;
	height: 42px;
	align-items: center;
	gap: 7px;
	overflow-x: auto;
	padding: 5px 0;
	background: #202425;
	color: #aeb5b6;
	font-size: 11px;
	scrollbar-width: thin;
}

.live-player-servers button {
	display: inline-flex;
	height: 32px;
	align-items: center;
	gap: 7px;
	padding: 0 12px;
	border: 0;
	border-radius: 3px;
	background: #596064;
	color: #fff;
	font: 700 12px/1 "Barlow", Arial, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}

.live-player-servers button.is-active {
	background: #079d3d;
}

.live-player-servers button:focus-visible {
	outline: 2px solid #5bea86;
	outline-offset: 2px;
}

.live-player-servers__avatar {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 50%;
	object-fit: cover;
}

@media (max-width: 600px) {
	.live-player-servers {
		height: 54px;
	}

	.live-player-servers button {
		height: 44px;
	}
}

.live-player-servers button.is-waiting {
	background: #079d3d;
	color: #fff;
	cursor: default;
	opacity: 1;
}

.live-player-servers button.is-waiting .live-player-servers__state::before,
.live-player-servers button.is-waiting .live-player-servers__state::after {
	top: 1px;
	width: 4px;
	height: 14px;
	border: 0;
	background: #fff;
	box-shadow: none;
}

.live-player-servers button.is-waiting .live-player-servers__state::before {
	left: 1px;
}

.live-player-servers button.is-waiting .live-player-servers__state::after {
	position: absolute;
	right: 1px;
	content: "";
}

.live-player-servers__state {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 16px;
	flex: 0 0 13px;
}

.live-player-servers__state::before {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #fff;
	content: "";
}

.live-player-servers button.is-active .live-player-servers__state::before,
.live-player-servers button.is-active .live-player-servers__state::after {
	top: 1px;
	width: 4px;
	height: 14px;
	border: 0;
	background: #fff;
}

.live-player-servers button.is-active .live-player-servers__state::before {
	left: 1px;
}

.live-player-servers button.is-active .live-player-servers__state::after {
	position: absolute;
	right: 1px;
	content: "";
}

.live-match-chat {
	display: grid;
	min-width: 0;
	grid-template-rows: minmax(0, 1fr) 48px;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	background: #050505;
	color: #fff;
}

.live-match-chat__tabs {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 12px;
	background: #323738;
	color: #899192;
}

.live-match-chat__tabs strong {
	margin-left: auto;
	padding: 8px 12px;
	border-radius: 8px;
	background: #2a7640;
	color: #76eb8b;
	font: 700 12px/1 "Barlow", Arial, sans-serif;
	text-transform: uppercase;
}

.live-match-chat__tools {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 5px;
	padding: 6px 8px;
	border-bottom: 1px solid #343839;
}

.live-match-chat__tools button {
	border: 0;
	border-radius: 3px;
	background: #3a94d6;
	color: #fff;
	font: 700 10px/1 "Barlow", Arial, sans-serif;
	text-transform: uppercase;
}

.live-match-chat__tools button:nth-child(2) {
	background: #3b65c7;
}

.live-match-chat__tools button:last-child {
	padding: 0 10px;
	background: #424849;
}

.live-match-chat__messages {
	display: flex;
	min-height: 0;
	flex-direction: column;
	gap: 0;
	padding: 0 16px 10px 10px;
	overflow-y: auto;
	background: #050505;
	scrollbar-color: #858c8e #202425;
	scrollbar-width: thin;
}

.live-match-chat__messages p {
	display: flex;
	height: auto;
	min-height: 26px;
	flex: 0 0 auto;
	align-items: flex-start;
	margin: 5.2px 0 0;
	padding: 2px 0;
	font: 400 13px/19.5px "Barlow", Arial, sans-serif;
}

.live-match-chat__identity {
	display: flex;
	width: 42px;
	min-width: 42px;
	align-items: center;
}

.live-match-chat__avatar {
	display: grid;
	width: 23px;
	height: 23px;
	min-width: 23px;
	margin-right: 8px;
	place-items: center;
	overflow: hidden;
	border-radius: 50%;
	background: #6f42c1;
	color: #fff;
	font: 700 14px/21px "Barlow", Arial, sans-serif;
	text-transform: uppercase;
}

.live-match-chat__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.live-match-chat__avatar.is-color-0 { background: #6610f2; }
.live-match-chat__avatar.is-color-1 { background: #fd7e14; }
.live-match-chat__avatar.is-color-2 { background: #e83e8c; }
.live-match-chat__avatar.is-color-3 { background: #6f42c1; }
.live-match-chat__avatar.is-color-4 { background: #dc3545; }
.live-match-chat__avatar.is-color-5 { background: #28a745; }
.live-match-chat__avatar.is-color-6 { background: #b58b00; }

.live-match-chat__level {
	display: grid;
	width: 34px;
	height: 16px;
	min-width: 34px;
	align-items: center;
	margin-right: 8px;
	padding: 0 3px;
	place-items: center;
	border-radius: 3px;
	color: #fff;
	box-sizing: border-box;
}

.live-match-chat__level em {
	font: 700 9px/16px "Barlow", Arial, sans-serif;
	font-style: normal;
	letter-spacing: -.2px;
}

.live-match-chat__level.is-level-gray { background: #a09e9f; }
.live-match-chat__level.is-level-sky { background: #6fa1d4; }
.live-match-chat__level.is-level-blue { background: #102da3; }
.live-match-chat__level.is-level-green { background: #4a8731; }
.live-match-chat__level.is-level-purple { background: #6b0ea3; }
.live-match-chat__level.is-level-violet { background: #4c0a64; }
.live-match-chat__level.is-level-gold { background: #b39f3f; }
.live-match-chat__level.is-level-teal { background: #125d5e; }
.live-match-chat__level.is-level-pink { background: #e24278; }
.live-match-chat__level.is-level-red { background: #e61019; }

.live-match-chat__line {
	position: relative;
	display: block;
	min-width: 0;
	flex: 1;
	margin-top: 2px;
	color: #fff;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.live-match-chat__line b {
	display: inline;
	color: #faca39;
	font: 500 13px/19.5px "Barlow", Arial, sans-serif;
}

.live-match-chat__message {
	margin-left: 4px;
	color: #fff;
	font: 400 13px/19.5px "Barlow", Arial, sans-serif;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
	word-break: break-word;
}

.live-match-chat__message a {
	color: #ef9952;
	font-weight: 700;
	overflow-wrap: anywhere;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.live-match-chat__messages p.is-assistant {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	column-gap: 7px;
	min-height: 0;
	margin: 6px 0;
	padding: 10px;
	border: 1px solid #326d42;
	border-radius: 7px;
	background: #16241a;
	box-shadow: none;
	box-sizing: border-box;
}

.live-match-chat__messages p.is-assistant .live-match-chat__identity {
	width: 64px;
	min-width: 64px;
	align-items: flex-start;
}

.live-match-chat__assistant-badge {
	display: grid;
	width: 64px;
	height: auto;
	min-height: 21px;
	padding: 2px 5px;
	place-items: center;
	border: 1px solid #48a34d;
	border-radius: 5px;
	background: #287b30;
	box-shadow: none;
	color: #fff;
	font: 800 10px/15.5px "Barlow", Arial, sans-serif;
	box-sizing: border-box;
}

.live-match-chat__messages p.is-assistant .live-match-chat__line {
	margin: 0;
	padding: 0 33px 0 0;
	line-height: 16.85px;
}

.live-match-chat__messages p.is-assistant .live-match-chat__line b {
	color: #65d66f;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 16.85px;
	text-shadow: none;
}

.live-match-chat__messages p.is-assistant .live-match-chat__message {
	margin-left: 4px;
	color: #e5e7eb;
	font-size: 12.5px;
	line-height: 16.85px;
}

.live-match-chat__messages p.is-assistant .live-match-chat__message a {
	color: #ee944c;
	font-weight: 800;
}

.live-match-chat__message mark {
	margin-right: 5px;
	background: transparent;
	color: #009b3a;
	font-weight: 500;
}

.live-match-chat__rank-check {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	vertical-align: -3px;
}

.live-match-chat__form {
	position: relative;
	display: flex;
	height: 48px;
	align-items: center;
	padding: 6px;
	border-top: 1px solid rgba(0, 0, 0, .24);
	background: #050505;
	box-shadow: 0 -1px 8px rgba(0, 0, 0, .34);
	box-sizing: border-box;
}

.live-match-chat__form input {
	height: 35px;
	min-width: 0;
	flex: 1;
	padding: 8px 13px;
	border: 0;
	border-radius: 10px;
	outline: 0;
	background: #f6f6f6;
	color: #1b1b1b;
	font: 400 13px/18px "Barlow", Arial, sans-serif;
	box-sizing: border-box;
}

.live-match-chat__form input::placeholder {
	color: #969696;
	opacity: 1;
}

.live-match-chat__send {
	display: grid;
	width: 40px;
	height: 35px;
	min-width: 40px;
	padding: 0;
	place-items: center;
	border: 0;
	background: transparent;
	color: #009b3a;
	cursor: pointer;
}

.live-match-chat__send svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.live-match-chat__utility {
	display: grid;
	min-width: 17px;
	margin: 0;
	padding: 0;
	place-items: center;
	border: 0;
	outline: 0;
	background: transparent;
	color: #fff;
}

button.live-match-chat__utility {
	cursor: pointer;
	transition: color .16s ease, transform .16s ease;
}

button.live-match-chat__utility:hover,
button.live-match-chat__utility:focus-visible,
button.live-match-chat__utility.is-authenticated {
	color: #20dc64;
	transform: translateY(-1px);
}

.live-match-chat__utility svg {
	display: block;
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.2;
}

.live-match-chat__utility--emoji {
	margin-right: 10px;
}

.live-match-chat__emoji-picker[hidden] {
	display: none;
}

.live-match-chat__emoji-picker {
	position: absolute;
	z-index: 8;
	bottom: 51px;
	left: 6px;
	display: grid;
	width: 222px;
	grid-template-columns: repeat(6, 1fr);
	gap: 3px;
	padding: 7px;
	border: 1px solid #394344;
	border-radius: 9px;
	background: #171c1d;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .52);
}

.live-match-chat__emoji-picker button {
	display: grid;
	height: 31px;
	place-items: center;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	cursor: pointer;
	font-size: 18px;
	transition: background-color .14s ease, transform .14s ease;
}

.live-match-chat__emoji-picker button:hover,
.live-match-chat__emoji-picker button:focus-visible {
	background: #2b3435;
	transform: scale(1.12);
}

.live-match-chat__utility--user svg {
	width: 15px;
	height: 17px;
	fill: currentColor;
	stroke: none;
}

body.is-chat-auth-open {
	overflow: hidden;
}

.live-chat-auth[hidden],
.live-chat-auth__form[hidden],
.live-chat-auth__profile[hidden] {
	display: none !important;
}

.live-chat-auth {
	position: fixed;
	z-index: 99999;
	inset: 0;
	display: grid;
	padding: 20px;
	place-items: center;
	font-family: "Barlow", Arial, sans-serif;
}

.live-chat-auth__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(3, 6, 7, .84);
	backdrop-filter: blur(4px);
}

.live-chat-auth__dialog {
	position: relative;
	width: min(430px, 100%);
	max-height: calc(100vh - 40px);
	padding: 28px;
	overflow-y: auto;
	border: 1px solid #444a4b;
	border-radius: 10px;
	background: #242829;
	box-shadow: 0 22px 70px rgba(0, 0, 0, .58);
	color: #f4f6f6;
	box-sizing: border-box;
}

.live-chat-auth__close {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #34393a;
	color: #bfc5c6;
	cursor: pointer;
	font: 400 28px/32px "Barlow", Arial, sans-serif;
	transition: background-color .16s ease, color .16s ease;
}

.live-chat-auth__close:hover,
.live-chat-auth__close:focus-visible {
	background: #424849;
	color: #fff;
}

.live-chat-auth__header {
	display: flex;
	align-items: center;
	gap: 13px;
	padding-right: 36px;
}

.live-chat-auth__mark {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border: 1px solid #1e8f48;
	border-radius: 50%;
	background: linear-gradient(145deg, #215d3c, #1e3430);
	color: #25eb70;
}

.live-chat-auth__mark svg {
	width: 25px;
	height: 25px;
	fill: currentColor;
}

.live-chat-auth__header small {
	display: block;
	margin-bottom: 4px;
	color: #20dc64;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.4px;
}

.live-chat-auth__header h2 {
	margin: 0;
	color: #fff;
	font: 700 25px/1.1 "Barlow", Arial, sans-serif;
	text-transform: uppercase;
}

.live-chat-auth__tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
	margin: 22px 0 17px;
	padding: 4px;
	border-radius: 7px;
	background: #191c1d;
}

.live-chat-auth__tabs button {
	height: 39px;
	padding: 0 12px;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: #92999a;
	cursor: pointer;
	font: 700 14px/1 "Barlow", Arial, sans-serif;
}

.live-chat-auth__tabs button.is-active {
	background: #2b683f;
	color: #5af083;
	box-shadow: inset 0 0 0 1px #278c49;
}

.live-chat-auth__notice {
	min-height: 0;
	margin: 0 0 12px;
	padding: 0;
	color: #ff6c72;
	font: 600 13px/18px "Barlow", Arial, sans-serif;
}

.live-chat-auth__notice:empty {
	display: none;
}

.live-chat-auth__notice.is-success {
	color: #58e77d;
}

.live-chat-auth__form {
	display: grid;
	gap: 14px;
}

.live-chat-auth__form label {
	display: grid;
	gap: 7px;
	margin: 0;
}

.live-chat-auth__form label > span {
	color: #d9dddd;
	font-size: 13px;
	font-weight: 600;
}

.live-chat-auth__form input {
	width: 100%;
	height: 44px;
	padding: 0 13px;
	border: 1px solid #4a5051;
	border-radius: 5px;
	outline: 0;
	background: #181b1c;
	color: #fff;
	font: 500 14px/1 "Barlow", Arial, sans-serif;
	box-sizing: border-box;
	transition: border-color .16s ease, box-shadow .16s ease;
}

.live-chat-auth__form input:focus {
	border-color: #21b958;
	box-shadow: 0 0 0 3px rgba(33, 185, 88, .14);
}

.live-chat-auth__form input::placeholder {
	color: #747b7d;
}

.live-chat-auth__submit,
.live-chat-auth__logout {
	height: 45px;
	padding: 0 18px;
	border: 0;
	border-radius: 5px;
	background: linear-gradient(90deg, #11963e, #2bc45b);
	color: #fff;
	cursor: pointer;
	font: 800 15px/1 "Barlow", Arial, sans-serif;
	text-transform: uppercase;
	box-shadow: 0 8px 20px rgba(21, 157, 64, .2);
}

.live-chat-auth__submit:disabled {
	cursor: wait;
	opacity: .62;
}

.live-chat-auth__switch {
	margin: 0;
	color: #919899;
	font-size: 13px;
	text-align: center;
}

.live-chat-auth__switch button {
	padding: 0;
	border: 0;
	background: transparent;
	color: #45df70;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
}

.live-chat-auth__captcha {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 44px;
	gap: 8px;
}

.live-chat-auth__captcha-image {
	position: relative;
	display: grid;
	height: 52px;
	place-items: center;
	overflow: hidden;
	border-radius: 5px;
	background: #f4f4f4;
}

.live-chat-auth__captcha-image img {
	display: block;
	width: 150px;
	height: 50px;
	object-fit: contain;
}

.live-chat-auth__captcha-image img:not([src]) {
	display: none;
}

.live-chat-auth__captcha-image span {
	position: absolute;
	color: #505657;
	font-size: 12px;
}

.live-chat-auth__captcha button {
	width: 44px;
	height: 52px;
	padding: 0;
	border: 1px solid #4a5051;
	border-radius: 5px;
	background: #34393a;
	color: #62e785;
	cursor: pointer;
	font: 700 25px/1 "Barlow", Arial, sans-serif;
}

.live-chat-auth__profile {
	display: grid;
	justify-items: center;
	gap: 8px;
	padding: 10px 0 0;
	text-align: center;
}

.live-chat-auth__avatar {
	display: grid;
	width: 68px;
	height: 68px;
	place-items: center;
	border: 2px solid #28bd58;
	border-radius: 50%;
	background: #174d2e;
	color: #65ed87;
	font-size: 28px;
	font-weight: 800;
}

.live-chat-auth__profile strong {
	font-size: 20px;
}

.live-chat-auth__profile > span:not(.live-chat-auth__avatar),
.live-chat-auth__profile small {
	color: #9ea5a6;
}

.live-chat-auth__logout {
	width: 100%;
	margin-top: 12px;
	background: #414748;
	box-shadow: none;
}

@media (max-width: 560px) {
	.live-chat-auth {
		padding: 10px;
	}

	.live-chat-auth__dialog {
		max-height: calc(100vh - 20px);
		padding: 22px 18px;
	}

	.live-chat-auth__header h2 {
		font-size: 22px;
	}
}

/* Stadium-inspired member experience. Authentication behavior remains API-driven. */
.live-chat-auth {
	padding: 16px;
}

.live-chat-auth__backdrop {
	background: rgba(2, 5, 6, .9);
	backdrop-filter: blur(8px) saturate(.75);
}

.live-chat-auth__dialog {
	display: grid;
	width: min(480px, 100%);
	max-height: min(720px, calc(100vh - 32px));
	grid-template-columns: minmax(0, 1fr);
	padding: 0;
	overflow: hidden;
	border: 1px solid #354044;
	border-radius: 18px;
	background: #121718;
	box-shadow: 0 35px 100px rgba(0, 0, 0, .72), 0 0 0 1px rgba(31, 238, 105, .05);
}

.live-chat-auth__close {
	z-index: 5;
	top: 15px;
	right: 16px;
	border: 1px solid #354044;
	background: rgba(27, 34, 36, .92);
	font-size: 25px;
	transition: transform .16s ease, background-color .16s ease, color .16s ease;
}

.live-chat-auth__close:hover,
.live-chat-auth__close:focus-visible {
	background: #263c31;
	transform: rotate(4deg) scale(1.05);
}

.live-chat-auth__arena {
	position: relative;
	min-height: 610px;
	overflow: hidden;
	padding: 28px;
	background: radial-gradient(circle at 44% 16%, rgba(32, 255, 114, .2), transparent 27%), linear-gradient(155deg, rgba(7, 40, 25, .94), rgba(5, 14, 15, .98) 58%, #071011);
	box-sizing: border-box;
}

.live-chat-auth__arena::before,
.live-chat-auth__arena::after {
	position: absolute;
	content: "";
}

.live-chat-auth__arena::before {
	inset: 0;
	background: repeating-linear-gradient(105deg, transparent 0 36px, rgba(255, 255, 255, .018) 37px 38px);
	clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
}

.live-chat-auth__arena::after {
	right: -80px;
	bottom: 48px;
	width: 280px;
	height: 280px;
	border: 1px solid rgba(62, 240, 124, .12);
	border-radius: 50%;
	box-shadow: 0 0 80px rgba(10, 219, 84, .08);
}

.live-chat-auth__arena-light {
	position: absolute;
	top: -75px;
	left: 22%;
	width: 190px;
	height: 230px;
	background: linear-gradient(180deg, rgba(89, 255, 149, .18), transparent 76%);
	filter: blur(12px);
	clip-path: polygon(40% 0, 60% 0, 100% 100%, 0 100%);
}

.live-chat-auth__brand {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 9px;
	color: #eafdef;
	font: italic 800 17px/1 "Barlow", Arial, sans-serif;
}

.live-chat-auth__brand span {
	position: relative;
	display: block;
	width: 29px;
	height: 29px;
	border: 2px solid #24ef70;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(36, 239, 112, .25);
}

.live-chat-auth__brand span::before,
.live-chat-auth__brand span::after {
	position: absolute;
	content: "";
}

.live-chat-auth__brand span::before {
	top: 5px;
	left: 8px;
	width: 8px;
	height: 15px;
	border-right: 2px solid #24ef70;
	border-left: 2px solid #24ef70;
}

.live-chat-auth__brand span::after {
	top: 12px;
	left: 4px;
	width: 18px;
	border-top: 2px solid #24ef70;
}

.live-chat-auth__hero-copy {
	position: relative;
	z-index: 2;
	margin-top: 91px;
}

.live-chat-auth__hero-copy small {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #25f275;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.7px;
}

.live-chat-auth__hero-copy small::before {
	width: 18px;
	height: 2px;
	background: #25f275;
	content: "";
}

.live-chat-auth__hero-copy > strong {
	display: block;
	margin-top: 13px;
	color: #fff;
	font: 800 36px/.95 "Barlow", Arial, sans-serif;
	letter-spacing: -.9px;
	text-transform: uppercase;
}

.live-chat-auth__hero-copy p {
	max-width: 245px;
	margin: 17px 0 0;
	color: #9faeaa;
	font-size: 12px;
	line-height: 1.55;
}

.live-chat-auth__scoreboard {
	position: absolute;
	z-index: 3;
	right: 24px;
	bottom: 108px;
	left: 24px;
	display: grid;
	height: 54px;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 14px;
	padding: 0 14px;
	border: 1px solid rgba(77, 101, 93, .6);
	border-radius: 9px;
	background: rgba(8, 16, 16, .82);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .35);
	backdrop-filter: blur(8px);
}

.live-chat-auth__scoreboard span {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #2df277;
	font-size: 10px;
	font-weight: 800;
}

.live-chat-auth__scoreboard span i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ff4f5e;
	box-shadow: 0 0 0 4px rgba(255, 79, 94, .12);
	animation: auth-live-pulse 1.5s ease-in-out infinite;
}

.live-chat-auth__scoreboard > b {
	color: #889492;
	font-size: 11px;
}

.live-chat-auth__scoreboard > strong {
	color: #fff;
	font-size: 20px;
}

.live-chat-auth__scoreboard em {
	padding: 0 4px;
	color: #29ef73;
	font-style: normal;
}

.live-chat-auth__pitch {
	position: absolute;
	right: -54px;
	bottom: -120px;
	width: 360px;
	height: 260px;
	border: 1px solid rgba(115, 240, 156, .15);
	transform: perspective(420px) rotateX(58deg) rotateZ(-8deg);
}

.live-chat-auth__pitch::before,
.live-chat-auth__pitch::after {
	position: absolute;
	content: "";
}

.live-chat-auth__pitch::before {
	top: 0;
	bottom: 0;
	left: 50%;
	border-left: 1px solid rgba(115, 240, 156, .15);
}

.live-chat-auth__pitch::after {
	top: 50%;
	left: 50%;
	width: 72px;
	height: 72px;
	border: 1px solid rgba(115, 240, 156, .15);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.live-chat-auth__panel {
	min-width: 0;
	max-height: min(720px, calc(100vh - 32px));
	padding: 20px 24px 16px;
	overflow-y: auto;
	background: radial-gradient(circle at 100% 0, rgba(36, 239, 112, .07), transparent 32%), #161c1d;
	box-sizing: border-box;
	scrollbar-width: thin;
	scrollbar-color: #3a4647 #171d1e;
}

.live-chat-auth__header {
	padding-right: 30px;
}

.live-chat-auth__mark {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	border-radius: 13px;
	background: linear-gradient(145deg, #193e2c, #13231f);
	box-shadow: inset 0 0 20px rgba(35, 235, 106, .08);
}

.live-chat-auth__mark svg {
	width: 23px;
	height: 23px;
}

.live-chat-auth__header small {
	margin-bottom: 3px;
	font-size: 9px;
	letter-spacing: 1.25px;
}

.live-chat-auth__header h2 {
	font: 800 26px/1.05 "Barlow", Arial, sans-serif;
	letter-spacing: -.3px;
}

.live-chat-auth__header p {
	margin: 4px 0 0;
	color: #7f8b8d;
	font-size: 11px;
}

.live-chat-auth__tabs {
	gap: 4px;
	margin: 0 42px 11px 0;
	border: 1px solid #252d2f;
	border-radius: 10px;
	background: #101415;
}

.live-chat-auth__tabs button {
	height: 34px;
	border-radius: 7px;
	color: #869092;
	transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.live-chat-auth__tabs button.is-active {
	background: linear-gradient(135deg, #1d5135, #173127);
	color: #3df17b;
	box-shadow: inset 0 0 0 1px #287e49, 0 6px 16px rgba(0, 0, 0, .18);
}

.live-chat-auth__notice:not(:empty) {
	margin-bottom: 14px;
	padding: 9px 11px;
	border: 1px solid rgba(255, 87, 98, .22);
	border-radius: 7px;
	background: rgba(255, 87, 98, .06);
}

.live-chat-auth__notice.is-success:not(:empty) {
	border-color: rgba(88, 231, 125, .22);
	background: rgba(88, 231, 125, .06);
}

.live-chat-auth__form {
	gap: 8px;
}

.live-chat-auth__field {
	display: grid;
	gap: 3px;
	margin: 0;
}

.live-chat-auth__field > span:first-child {
	color: #bec6c7;
	font-size: 11px;
	font-weight: 600;
}

.live-chat-auth__control {
	position: relative;
	display: block;
	color: inherit;
}

.live-chat-auth__control > svg {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 14px;
	width: 19px;
	height: 19px;
	fill: none;
	stroke: #6e7c7e;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform: translateY(-50%);
	pointer-events: none;
}

.live-chat-auth__control:focus-within > svg {
	stroke: #2fe976;
}

.live-chat-auth__form .live-chat-auth__control input {
	height: 40px;
	padding: 0 44px;
	border-color: #334043;
	border-radius: 9px;
	background: #111617;
}

.live-chat-auth__form .live-chat-auth__control input:focus {
	border-color: #22cf64;
	background: #131a19;
	box-shadow: 0 0 0 3px rgba(34, 207, 100, .12), inset 3px 0 0 #20e96d;
}

.live-chat-auth__control [data-chat-password-toggle] {
	position: absolute;
	top: 50%;
	right: 8px;
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #718083;
	cursor: pointer;
	transform: translateY(-50%);
}

.live-chat-auth__control [data-chat-password-toggle]:hover,
.live-chat-auth__control [data-chat-password-toggle].is-visible {
	background: #1e2926;
	color: #35ec78;
}

.live-chat-auth__control [data-chat-password-toggle] svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
}

.live-chat-auth__submit,
.live-chat-auth__logout {
	display: flex;
	height: 41px;
	align-items: center;
	justify-content: space-between;
	padding: 0 17px 0 19px;
	border-radius: 9px;
	background: linear-gradient(105deg, #10bd51, #2bea72);
	color: #07160d;
	box-shadow: 0 10px 26px rgba(20, 212, 91, .2);
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.live-chat-auth__submit:hover,
.live-chat-auth__submit:focus-visible {
	filter: brightness(1.08);
	transform: translateY(-1px);
	box-shadow: 0 14px 32px rgba(20, 212, 91, .26);
}

.live-chat-auth__submit--login,
.live-chat-auth__submit--register {
	justify-content: center;
	margin-top: 10px;
	text-align: center;
}

.live-chat-auth__submit i {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 50%;
	background: rgba(5, 37, 17, .16);
	font-size: 19px;
	font-style: normal;
}

.live-chat-auth__switch {
	margin-top: 1px;
	font-size: 12px;
}

.live-chat-auth__switch button {
	color: #35e975;
}

.live-chat-auth__switch button:hover {
	text-decoration: underline;
}

.live-chat-auth__captcha {
	grid-template-columns: minmax(0, 1fr) 48px;
}

.live-chat-auth__captcha-image {
	height: 44px;
	border: 1px solid #334043;
	border-radius: 9px;
}

.live-chat-auth__captcha-image img {
	height: 42px;
}

.live-chat-auth__captcha button {
	width: 48px;
	height: 44px;
	border-color: #334043;
	border-radius: 9px;
	background: #1a2324;
	transition: transform .2s ease, background-color .16s ease;
}

.live-chat-auth__captcha button:hover {
	background: #24332d;
	transform: rotate(35deg);
}

.live-chat-auth__profile {
	display: grid;
	justify-items: stretch;
	gap: 11px;
	padding-top: 0;
	text-align: left;
}

.live-chat-auth__profile h2 {
	margin: 0 0 2px;
	color: #eef2f2;
	font: 700 22px/1.1 "Barlow", Arial, sans-serif;
	text-align: center;
}

.live-chat-auth__profile-card {
	display: flex;
	min-height: 96px;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 13px;
	border: 1px solid #303b3d;
	border-radius: 10px;
	background: #101617;
}

.live-chat-auth__avatar {
	flex: 0 0 auto;
	border-color: #28e36b;
	background: radial-gradient(circle at 35% 25%, #2b8050, #123522);
	box-shadow: 0 0 0 7px rgba(40, 227, 107, .08), 0 16px 35px rgba(0, 0, 0, .25);
}

.live-chat-auth__profile-meta {
	display: grid;
	justify-items: start;
	gap: 4px;
}

.live-chat-auth__profile-meta > span {
	padding: 4px 8px;
	border-radius: 6px;
	background: #c79513;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}

.live-chat-auth__profile-meta strong {
	color: #f5f7f7;
	font-size: 20px;
}

.live-chat-auth__profile-meta small {
	color: #9ea5a6;
	font-size: 13px;
}

.live-chat-auth__profile .live-chat-auth__control input {
	height: 42px;
}

.live-chat-auth__profile-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-top: 4px;
}

.live-chat-auth__profile-save,
.live-chat-auth__profile .live-chat-auth__logout {
	height: 42px;
	margin: 0;
	padding: 0 12px;
	border: 0;
	border-radius: 7px;
	cursor: pointer;
	font: 800 14px/1 "Barlow", Arial, sans-serif;
}

.live-chat-auth__profile-save {
	background: #f4f4f4;
	color: #171a1b;
}

.live-chat-auth__profile-save:disabled {
	cursor: wait;
	opacity: .62;
}

.live-chat-auth__profile .live-chat-auth__logout {
	justify-content: center;
	background: #eb3739;
	color: #fff;
	box-shadow: none;
}

@keyframes auth-live-pulse {
	50% { opacity: .45; transform: scale(.8); }
}

@media (max-width: 760px) {
	.live-chat-auth__dialog {
		width: min(470px, 100%);
		grid-template-columns: 1fr;
	}

	.live-chat-auth__arena {
		display: none;
	}

	.live-chat-auth__panel {
		max-height: calc(100vh - 32px);
	}
}

@media (max-width: 560px) {
	.live-chat-auth {
		padding: 8px;
	}

	.live-chat-auth__dialog {
		max-height: calc(100vh - 16px);
		padding: 0;
		border-radius: 13px;
	}

	.live-chat-auth__panel {
		max-height: calc(100vh - 16px);
		padding: 26px 18px 22px;
	}

	.live-chat-auth__close {
		top: 11px;
		right: 11px;
	}

	.live-chat-auth__header h2 {
		font-size: 24px;
	}

	.live-chat-auth__form {
		gap: 13px;
	}

	.live-chat-auth__tabs {
		margin-top: 20px;
	}
}

.live-detail-lower {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(330px, 1fr);
	gap: 15px;
	margin-top: 24px;
}

.live-simulation,
.live-related,
.live-commentary {
	padding: 18px;
	border-radius: 7px;
	background: #292d2e;
	color: #eef0f1;
}

.live-simulation h2,
.live-related h2,
.live-commentary h2 {
	margin: 0 0 16px;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

.live-simulation__field {
	position: relative;
	height: 350px;
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, 0.1);
	background:
		linear-gradient(90deg, transparent 49.8%, rgba(255, 255, 255, 0.14) 49.8% 50.2%, transparent 50.2%),
		repeating-linear-gradient(90deg, #1d6932 0 10%, #216f36 10% 20%);
}

.live-simulation__field::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	content: "";
	transform: translate(-50%, -50%);
}

.live-simulation__field span,
.live-simulation__field i {
	position: absolute;
	top: 25%;
	bottom: 25%;
	width: 14%;
	border: 2px solid rgba(255, 255, 255, 0.18);
}

.live-simulation__field span { left: 0; }
.live-simulation__field i { right: 0; }

.live-simulation__stats {
	display: grid;
	gap: 6px;
	margin-top: 14px;
}

.live-simulation__stats > div {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.live-simulation__stats > div b:first-child { text-align: right; }
.live-simulation__stats > div b:last-child { text-align: left; }
.live-simulation__stats span { color: #9ea6a7; font-size: 11px; text-transform: uppercase; }
.live-simulation__stats i { height: 5px; border-radius: 9px; }
.live-simulation__stats i:first-child { width: var(--home-stat); justify-self: end; background: #28a94a; }
.live-simulation__stats i:last-child { width: var(--away-stat); background: #c6424a; }

.live-related {
	align-self: start;
}

.live-related a {
	display: grid;
	grid-template-columns: 45px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	min-height: 58px;
	border-bottom: 1px solid #3a3f40;
	color: #e9ecec;
}

.live-related a > span {
	color: #58d772;
	font: 700 12px/1 "Barlow", Arial, sans-serif;
}

.live-related a > strong {
	min-width: 0;
	overflow: hidden;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.live-related a > em {
	color: #a8b0b1;
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
}

.live-commentary {
	margin-top: 24px;
	padding: 24px;
}

.live-commentary h2 span {
	color: #20bd58;
}

.live-commentary__article {
	position: relative;
	overflow: hidden;
	padding: 16px 20px 20px;
	border: 1px solid #303537;
	background: radial-gradient(circle at 100% 0, rgba(33, 189, 88, .06), transparent 30%), #1d2026;
}

.live-commentary__rule {
	display: block;
	height: 5px;
	margin-bottom: 18px;
	background: #f4f5f5;
}

.live-commentary__article h2,
.live-commentary__article h3 {
	margin: 0 0 10px;
	color: #f5f6f6;
	font-family: "Barlow", Arial, sans-serif;
	font-size: clamp(22px, 2.2vw, 32px);
	font-weight: 600;
	line-height: 1.25;
}

.live-commentary__article h2:not(:first-of-type),
.live-commentary__article h3:not(:first-of-type) {
	margin-top: 20px;
}

.live-commentary__article p {
	margin: 0 0 12px;
	color: #c5cbcc;
	font-size: 15px;
	line-height: 1.65;
}

.live-commentary__article p:last-child {
	margin-bottom: 0;
}

.live-commentary__article ul,
.live-commentary__article ol {
	margin: 0 0 14px;
	padding-left: 24px;
	color: #c5cbcc;
	font-size: 15px;
	line-height: 1.65;
}

.live-commentary__article a {
	color: #43d373;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.live-commentary__article img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 18px auto;
}

.live-commentary .remote-match-info-grid {
	margin-top: 22px;
}

.live-commentary .remote-match-info-card {
	background: #252929;
}

.live-commentary .remote-match-info-card h3 {
	margin: 0 0 16px;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 18px;
}

.live-detail-button {
	display: inline-grid;
	height: 40px;
	place-items: center;
	padding: 0 18px;
	border-radius: 4px;
	background: #3fac53;
	color: #fff;
	font-weight: 700;
}

@media (max-width: 980px) {
	.remote-match-page {
		padding-top: 10px;
	}

	.live-match-summary {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 14px;
	}

	.live-match-summary__meta {
		width: 100%;
	}

	.live-match-summary__score {
		width: 100%;
		padding: 8px 0;
		border-top: 1px solid #383d3e;
		border-bottom: 1px solid #383d3e;
		transform: none;
	}

	.live-match-vote {
		width: min(360px, 100%);
		justify-self: center;
	}

	.live-odds-panel__header,
	.live-odds-panel__table {
		grid-template-columns: 90px repeat(4, minmax(68px, 1fr));
	}

	.live-odds-panel {
		overflow-x: auto;
	}

	.live-odds-panel__header,
	.live-odds-panel__table {
		min-width: 430px;
	}

	.live-data-tabs a {
		min-width: 115px;
		font-size: 10px;
	}

	.live-detail-banner {
		grid-template-columns: 95px 1fr 76px;
	}

	.live-detail-banner span,
	.live-detail-banner strong,
	.live-detail-banner b {
		padding: 0 8px;
	}

	.live-detail-banner strong {
		font-size: 14px;
	}

	.live-detail-banner b {
		margin-right: 6px;
		font-size: 9px;
	}

	.live-player-layout,
	.live-detail-lower {
		grid-template-columns: 1fr;
	}

	.live-player-layout {
		min-height: 0;
	}

	.live-player-main {
		grid-template-rows: 54px minmax(58px, auto) auto 42px;
	}

	.live-player-heading > div {
		display: block;
		min-width: 0;
		padding-left: 12px;
	}

	.live-player-heading {
		display: grid;
		grid-template-columns: minmax(0, 1fr) clamp(92px, 26vw, 160px);
		gap: 8px;
		justify-content: normal;
		min-height: 58px;
	}

	.live-player-heading > a {
		width: 100%;
		min-width: 0;
		height: 36px;
		margin: 0;
		padding: 0 6px;
		box-sizing: border-box;
		font-size: 10px;
	}

	.live-player-heading h1,
	.live-player-heading span {
		display: block;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.live-player-heading h1 {
		font-size: 12px;
		line-height: 1.25;
	}

	.live-player-heading span {
		margin-top: 3px;
		font-size: 10px;
		line-height: 1.2;
	}

	.live-player-main .remote-match-player {
		width: 100%;
		min-height: 0;
	}

	.live-match-chat {
		min-height: 520px;
	}

	.live-simulation__field {
		height: 280px;
	}
}

@media (max-width: 560px) {
	.remote-match-page__shell {
		width: calc(100% - 30px);
	}

	.remote-match-player__controls {
		gap: 7px;
		padding: 0 10px;
	}

	.remote-match-player__volume-control {
		gap: 3px;
	}

	.remote-match-player__volume-control input[type="range"] {
		width: 62px;
	}

	.live-match-summary__meta {
		grid-template-columns: 34px minmax(0, 1fr);
	}

	.live-match-summary__sport {
		width: 34px;
		height: 34px;
		font-size: 16px;
	}

	.live-match-summary__quick-stats {
		width: 100%;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 5px;
	}

	.live-match-summary__quick-stats > span {
		width: 100%;
		gap: 4px;
		font-size: 11px;
	}

	.live-match-summary__teams {
		width: 100%;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		gap: 9px;
	}

	.live-match-summary__team {
		flex-direction: column-reverse;
		justify-content: center;
		gap: 5px;
		text-align: center;
	}

	.live-match-summary__team--away {
		flex-direction: column;
	}

	.live-match-summary__team img {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
	}

	.live-match-summary__team strong {
		width: 100%;
		font-size: 15px;
	}

	.live-match-summary__numbers b {
		width: 38px;
		height: 43px;
	}

	.live-match-summary__numbers i,
	.live-match-summary__numbers em {
		font-size: 24px;
	}

	.live-player-tabs button {
		gap: 7px;
		font-size: 12px;
	}

	.live-player-tabs button .live-player-tab-icon {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
	}

	.live-player-tabs button .live-player-tab-icon--broadcast {
		width: 6px;
		height: 15px;
		flex-basis: 6px;
	}

	.remote-match-player__title {
		font-size: 28px;
	}

	.remote-match-player__content {
		gap: 8px;
	}

	.remote-match-player__play {
		height: 36px;
	}

	.live-match-chat {
		min-height: 470px;
	}

	.live-detail-lower {
		margin-top: 16px;
	}

	.live-simulation,
	.live-related,
	.live-commentary {
		padding: 15px;
	}

	.live-simulation__field {
		height: 210px;
	}

	.live-commentary .remote-match-info-grid {
		grid-template-columns: 1fr;
	}
}

/* Match-detail v3: functional provider data rail and realtime chat. */
.live-data-tabs button {
	display: grid;
	min-width: 150px;
	flex: 1 0 auto;
	place-items: center;
	border: 0;
	border-right: 1px solid #3d4243;
	background: transparent;
	color: #e8ebeb;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.live-data-tabs button:hover,
.live-data-tabs button:focus-visible {
	background: #343a3b;
	color: #70e586;
}

.live-match-sidebar {
	display: grid;
	min-width: 0;
	min-height: 0;
	grid-template-rows: 63px minmax(0, 1fr);
	overflow: hidden;
	border: 1px solid #3a4041;
	border-radius: 9px 9px 0 0;
	background: #262a2b;
	color: #fff;
}

.live-match-sidebar__tabs {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 15px;
	padding: 12px;
	overflow-x: auto;
	border-bottom: 1px solid #343940;
	background: #323738;
	scrollbar-color: #707879 #e2e5e5;
	scrollbar-width: thin;
}

.live-match-sidebar__tabs::-webkit-scrollbar {
	display: block;
	height: 7px;
	background: #e2e5e5;
}

.live-match-sidebar__tabs::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: #707879;
}

.live-match-sidebar__tabs button {
	position: relative;
	display: inline-flex;
	min-width: 20px;
	height: 32px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 4px 0;
	border: 1px solid transparent;
	background: transparent;
	color: #7e8793;
	font: 400 13px/24px "Barlow", Arial, sans-serif;
	text-transform: uppercase;
	transition: color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.live-match-sidebar__tabs button svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.22s ease, filter 0.22s ease;
}

.live-match-sidebar__tabs button .live-match-sidebar__h2h-icon {
	width: 20px;
	height: 20px;
	stroke-width: 1.7;
}

.live-match-sidebar__tabs button .live-match-sidebar__lineup-icon {
	width: 20px;
	height: 20px;
	stroke-width: 1.7;
}

.live-match-sidebar__tabs button span {
	display: none;
	white-space: nowrap;
}

.live-match-sidebar__tabs button:hover,
.live-match-sidebar__tabs button:focus-visible {
	color: #e4e8e8;
}

.live-match-sidebar__tabs button:focus-visible {
	outline: 0;
}

.live-match-sidebar__tabs button:hover svg,
.live-match-sidebar__tabs button:focus-visible svg {
	transform: none;
}

.live-match-sidebar__tabs button.is-active {
	min-width: 0;
	padding: 4px 12px;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(-90deg, #323839, #2f5a49);
	box-shadow: none;
	color: #00ff5e;
}

.live-match-sidebar__tabs button.is-active svg {
	filter: none;
	animation: none;
}

.live-match-sidebar__tabs button.is-active span {
	display: inline;
}

@media (prefers-reduced-motion: reduce) {
	.live-match-sidebar__tabs button,
	.live-match-sidebar__tabs button svg {
		transition: none;
	}

	.live-match-sidebar__tabs button.is-active svg {
		animation: none;
	}
}

.live-match-sidebar__body,
.live-match-sidebar__panel {
	min-width: 0;
	min-height: 0;
	height: 100%;
}

.live-match-sidebar__panel {
	overflow-y: auto;
	scrollbar-color: #596263 #202425;
	scrollbar-width: thin;
}

.live-match-sidebar__panel[hidden] {
	display: none !important;
}

.live-match-sidebar .live-match-chat {
	height: 100%;
	min-height: 0;
	grid-template-rows: minmax(0, 1fr) 48px;
	border-radius: 0;
	background: #050505;
}

@media (min-width: 981px) {
	.live-player-layout {
		min-height: 0;
		align-items: start;
	}

	.live-player-main {
		align-self: start;
		grid-template-rows: 54px 50px auto 42px;
	}

	.live-match-sidebar {
		height: var(--xlc-live-column-height, 658px);
		max-height: var(--xlc-live-column-height, 658px);
		align-self: start;
	}

	.live-match-sidebar__panel[data-side-panel="chat"] {
		overflow: hidden;
	}

	.live-match-sidebar .live-match-chat__messages {
		overflow-y: auto;
	}
}

.live-match-chat__head {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.live-match-chat__head strong {
	font: 700 12px/1 "Barlow", Arial, sans-serif;
	text-transform: uppercase;
}

.live-match-chat__head span {
	margin-left: auto;
	color: #aeb5b6;
	font-size: 10px;
}

.live-match-chat__head span.is-connected {
	color: #62df79;
}

.live-match-chat__head small {
	color: #d9dddd;
	font-size: 10px;
}

.live-match-chat__tools a,
.live-match-chat__tools button {
	display: grid;
	min-height: 26px;
	place-items: center;
	border: 0;
	border-radius: 3px;
	background: #3a94d6;
	color: #fff;
	font: 700 10px/1 "Barlow", Arial, sans-serif;
	text-transform: uppercase;
}

.live-match-chat__tools a:nth-child(2) {
	background: #3b65c7;
}

.live-match-chat__tools button:last-child {
	padding: 0 10px;
	background: #424849;
}

.live-match-chat__messages p.is-own {
	padding: 0;
	border-radius: 0;
	background: transparent;
}

.live-match-chat__messages p.is-commentator b,
.live-match-chat__messages p.is-admin b {
	color: #faca39;
}

.live-match-chat__messages time {
	display: none;
}

.live-match-chat__messages p.is-assistant time {
	position: absolute;
	top: 0;
	right: 0;
	display: inline;
	color: #7f8795;
	font: 400 10.56px/16.37px "Barlow", Arial, sans-serif;
	white-space: nowrap;
}

.match-data-loading,
.match-data-empty {
	display: grid;
	min-height: 220px;
	place-items: center;
	padding: 30px;
	color: #9aa2a3;
	font-size: 12px;
	text-align: center;
}

.live-upcoming-filter {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 17px 12px;
	border-bottom: 1px solid #373c3d;
}

.live-upcoming-filter button {
	max-width: 46%;
	overflow: hidden;
	padding: 7px 14px;
	border: 0;
	border-radius: 18px;
	background: #34393a;
	color: #a8b0b1;
	font: 700 11px/1 "Barlow", Arial, sans-serif;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.live-upcoming-filter button.is-active {
	background: #285c43;
	color: #4ce06e;
}

.live-upcoming-filter button:hover,
.live-upcoming-filter button:focus-visible {
	color: #eef1f1;
}

.live-upcoming-filter button:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 1px rgba(76, 224, 110, 0.55);
}

.live-upcoming-list[hidden] {
	display: none !important;
}

.live-upcoming-list {
	display: grid;
	gap: 12px;
	padding: 12px;
}

.live-upcoming-list > a {
	display: grid;
	gap: 18px;
	min-height: 126px;
	padding: 13px;
	border: 1px solid #34393a;
	border-radius: 9px;
	background: #222526;
	color: #eef0f1;
}

.live-upcoming-list > a:hover {
	border-color: #4b7b58;
	background: #282c2d;
}

.live-upcoming-list small {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	color: #a2aaab;
	font-size: 10px;
	text-transform: uppercase;
}

.live-upcoming-list small time {
	color: #c6cccd;
}

.live-upcoming-list > a > span {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 30px auto 30px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
}

.live-upcoming-list img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.live-upcoming-list b {
	min-width: 0;
	overflow: hidden;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.live-upcoming-list b:first-child {
	text-align: right;
}

.live-upcoming-list em {
	color: #c0c6c7;
	font: italic 800 17px/1 "Barlow", Arial, sans-serif;
}

.match-panel-filter {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 15px 12px;
	overflow-x: auto;
	border-bottom: 1px solid #373c3d;
	background: #2c3031;
	white-space: nowrap;
}

.match-panel-filter span {
	padding: 7px 11px;
	border-radius: 15px;
	background: #393e3f;
	color: #aab1b2;
	font: 700 10px/1 "Barlow", Arial, sans-serif;
}

.match-panel-filter span.is-active {
	background: #285c43;
	color: #54e273;
}

.live-upcoming-list--compact {
	gap: 8px;
}

.live-upcoming-list--compact > a {
	min-height: 94px;
	gap: 12px;
}

.match-odds-table {
	display: grid;
	padding: 12px;
}

.match-odds-table > div {
	display: grid;
	grid-template-columns: minmax(72px, 1.2fr) repeat(3, minmax(45px, 0.8fr));
	min-height: 54px;
	align-items: center;
	border-bottom: 1px solid #363b3c;
	text-align: center;
}

.match-odds-table > div > :first-child {
	text-align: left;
}

.match-odds-table__head {
	color: #959d9e;
	font-size: 9px;
	text-transform: uppercase;
}

.match-odds-table b,
.match-odds-table strong,
.match-odds-table span {
	font-size: 11px;
}

.match-odds-table strong {
	color: #67df7e;
}

.match-panel-note {
	margin: 0 12px;
	padding: 12px;
	border-radius: 6px;
	background: #202425;
	color: #949c9d;
	font-size: 10px;
	text-align: center;
}

.match-info-list {
	display: grid;
	padding: 14px 18px;
}

.match-info-list > div {
	display: grid;
	grid-template-columns: minmax(115px, 0.8fr) minmax(0, 1.2fr);
	gap: 14px;
	min-height: 64px;
	align-items: center;
	border-bottom: 1px solid #363b3c;
}

.match-info-list span {
	color: #9ca4a5;
	font-size: 10px;
}

.match-info-list strong {
	font-size: 11px;
	text-align: right;
}

.match-data-empty--full {
	min-height: 100%;
}

.match-data-empty--schedule {
	min-height: 350px;
}

.match-lineup {
	min-height: 100%;
	background: #292d2e;
	color: #f5f7f7;
}

.match-lineup-subtabs {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 52px;
	padding: 12px;
	overflow-x: auto;
	border-bottom: 1px solid #34393a;
	scrollbar-width: none;
}

.match-lineup-subtabs::-webkit-scrollbar {
	display: none;
}

.match-lineup-subtabs button {
	min-width: max-content;
	padding: 8px 12px;
	border: 0;
	border-radius: 16px;
	background: #323738;
	color: #afb4ba;
	font: 400 13px/9px "Barlow", Arial, sans-serif;
	text-transform: uppercase;
	transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.match-lineup-subtabs button:hover,
.match-lineup-subtabs button:focus-visible {
	color: #e7eeee;
}

.match-lineup-subtabs button:focus-visible {
	outline: 1px solid rgba(0, 255, 94, 0.62);
	outline-offset: 2px;
}

.match-lineup-subtabs button.is-active {
	background: linear-gradient(-90deg, #323839, #2f5a49);
	box-shadow: inset 0 0 16px rgba(0, 255, 94, 0.05);
	color: #00ff5e;
}

.match-lineup__content,
.match-lineup-view {
	min-width: 0;
}

.match-lineup-view[hidden] {
	display: none !important;
}

.match-lineup-view--squad {
	padding: 4px;
}

.match-lineup-team-bar {
	display: flex;
	min-width: 0;
	min-height: 34px;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 4px 8px;
	border-radius: 6px;
	background: #323738;
	font: 400 13px/1.2 "Barlow", Arial, sans-serif;
}

.match-lineup-team-bar--home {
	margin-bottom: 12px;
}

.match-lineup-team-bar--away {
	margin-top: 12px;
}

.match-lineup-team-bar__identity {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 7px;
}

.match-lineup-team-bar__identity img,
.match-lineup-team-bar__crest {
	display: grid;
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	place-items: center;
	object-fit: contain;
}

.match-lineup-team-bar__identity strong,
.match-lineup-team-bar__coach {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-lineup-team-bar__identity strong {
	font-weight: 500;
}

.match-lineup-team-bar__identity strong span {
	font-weight: 400;
}

.match-lineup-team-bar__coach {
	color: #f5f7f7;
	text-align: right;
}

.match-lineup-pitch {
	position: relative;
	height: 444px;
	overflow: hidden;
	border: 1.5px solid #363c38;
	background: #292d2e;
}

.match-lineup-pitch::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-top: 1.5px solid #363c38;
	content: "";
}

.match-lineup-pitch__center,
.match-lineup-pitch__box,
.match-lineup-pitch__goal {
	position: absolute;
	left: 50%;
	border: 1.5px solid #363c38;
	pointer-events: none;
}

.match-lineup-pitch__center {
	top: 50%;
	width: 106px;
	height: 106px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.match-lineup-pitch__center::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #363c38;
	content: "";
}

.match-lineup-pitch__box {
	width: 197px;
	height: 80px;
	transform: translateX(-50%);
}

.match-lineup-pitch__box--top {
	top: -1.5px;
}

.match-lineup-pitch__box--bottom {
	bottom: -1.5px;
}

.match-lineup-pitch__goal {
	width: 100px;
	height: 40px;
	transform: translateX(-50%);
}

.match-lineup-pitch__goal--top {
	top: -1.5px;
}

.match-lineup-pitch__goal--bottom {
	bottom: -1.5px;
}

.match-lineup-pitch__player {
	position: absolute;
	z-index: 2;
	display: flex;
	width: 70px;
	height: 38px;
	transform: translate(-50%, -50%);
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	font-family: "Barlow", Arial, sans-serif;
}

.match-lineup-pitch__player > img,
.match-lineup-pitch__avatar {
	display: grid;
	width: 24px;
	height: 24px;
	place-items: center;
	border: 2px solid #1f93ff;
	border-radius: 50%;
	background: #e8ebeb;
	font-size: 10px;
	object-fit: cover;
}

.match-lineup-pitch__player.is-away > img,
.match-lineup-pitch__player.is-away > .match-lineup-pitch__avatar {
	border-color: #b12525;
}

.match-lineup-pitch__label {
	display: flex;
	width: 100%;
	height: 11px;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding: 3px 5px;
	overflow: hidden;
	border-radius: 3px;
	background: #3f4346;
	color: #fff;
	font-size: 8px;
	line-height: 8px;
	white-space: nowrap;
}

.match-lineup-pitch__label b {
	font-weight: 500;
}

.match-lineup-pitch__label span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.match-lineup-roster__teams {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 12px;
	border-bottom: 1px solid #34393a;
}

.match-lineup-roster__team {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
	font: 500 16px/20px "Barlow", Arial, sans-serif;
}

.match-lineup-roster__team.is-away {
	justify-content: flex-end;
	text-align: right;
}

.match-lineup-roster__team img,
.match-lineup-roster__team-crest {
	display: grid;
	width: 43px;
	height: 43px;
	flex: 0 0 43px;
	place-items: center;
	object-fit: contain;
}

.match-lineup-roster__team strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-lineup-section-title {
	margin: 0;
	padding: 12px;
	border-bottom: 1px solid #34393a;
	background: #2e3334;
	color: #fff;
	font: 700 12px/1 "Barlow", Arial, sans-serif;
	text-align: center;
}

.match-lineup-roster {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 6px;
}

.match-lineup-roster__column {
	min-width: 0;
}

.match-lineup-roster__column + .match-lineup-roster__column {
	border-left: 1px solid #34393a;
}

.match-lineup-roster__player {
	display: flex;
	min-width: 0;
	min-height: 54px;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-bottom: 1px solid #292b2e;
}

.match-lineup-roster__player.is-away {
	justify-content: flex-end;
	text-align: right;
}

.match-lineup-roster__player > img,
.match-lineup-roster__avatar {
	display: grid;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	place-items: center;
	border-radius: 50%;
	background: #202425;
	font-size: 13px;
	object-fit: cover;
}

.match-lineup-roster__content {
	min-width: 0;
	flex: 1 1 auto;
}

.match-lineup-roster__content strong,
.match-lineup-roster__content small {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-lineup-roster__content strong {
	color: #f5f7f7;
	font: 500 11px/1.2 "Barlow", Arial, sans-serif;
}

.match-lineup-roster__content small {
	margin-top: 3px;
	color: #969ea0;
	font: 400 10px/1.1 "Barlow", Arial, sans-serif;
}

.match-lineup-roster__status {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 4px;
	margin-top: 3px;
	color: #df4a4a;
	font: 500 10px/1.1 "Barlow", Arial, sans-serif;
}

.match-lineup-roster__status.is-suspended {
	color: #ff9f43;
}

.match-lineup-roster__status i {
	display: grid;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	place-items: center;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font-size: 24px;
	font-style: normal;
	line-height: 1;
}

.match-lineup-roster__status.is-suspended i {
	width: 8px;
	height: 11px;
	flex-basis: 8px;
	border-radius: 1px;
	background: #df4a4a;
	color: #df4a4a;
	font-size: 0;
}

.match-lineup-roster__status span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-lineup-roster__empty {
	min-height: 54px;
	margin: 0;
	padding: 18px 12px;
	color: #8e9697;
	font-size: 11px;
	text-align: center;
}

.match-stats {
	display: grid;
	gap: 0;
	padding: 14px 13px 18px;
}

.match-stats__tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 0 0 13px;
}

.match-stats__tabs button {
	height: 31px;
	padding: 0 16px;
	border: 0;
	border-radius: 18px;
	background: #303536;
	color: #abb1b3;
	font: 500 12px/1 "Barlow", Arial, sans-serif;
	cursor: pointer;
}

.match-stats__tabs button.is-active {
	background: linear-gradient(90deg, #285543, #293d36);
	color: #13f575;
}

.match-stats__rows {
	display: grid;
}

.match-stat-row {
	display: grid;
	gap: 8px;
	min-height: 60px;
	align-content: center;
}

.match-stat-row__values {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 48px;
	align-items: center;
	gap: 8px;
	text-align: center;
}

.match-stat-row__values b,
.match-stat-row__values strong {
	color: #f4f5f5;
	font: 700 13px/1 "Barlow", Arial, sans-serif;
}

.match-stat-row__values b:first-child {
	text-align: left;
}

.match-stat-row__values b:last-child {
	text-align: right;
}

.match-stat-row__values b.is-leading {
	color: #00f56a;
}

.match-stat-row__meters {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.match-stat-row__meters > span {
	display: flex;
	height: 6px;
	overflow: hidden;
	background: #202425;
}

.match-stat-row__meters > span:first-child {
	justify-content: flex-end;
}

.match-stat-row__meters i {
	display: block;
	height: 100%;
	border-radius: 5px;
	background: #687173;
}

.match-stat-row__meters i.is-leading {
	background: #00f56a;
}

.match-events {
	display: grid;
	padding: 7px 12px 14px;
	background: #272b2c;
}

.match-event-row {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 42px minmax(0, 1fr);
	align-items: center;
	min-height: 68px;
	margin: 0;
}

.match-event-row time {
	color: #fff;
	font: 700 12px/1 "Barlow", Arial, sans-serif;
	text-align: left;
}

.match-event-row__side {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 6px;
}

.match-event-row__side--home {
	justify-content: flex-end;
	text-align: right;
}

.match-event-row__side--away {
	justify-content: flex-start;
	text-align: left;
}

.match-event-row__copy {
	display: block;
	min-width: 0;
}

.match-event-row__avatars {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
}

.match-event-avatar {
	display: grid;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	place-items: center;
	overflow: hidden;
	border: 3px solid #3992ee;
	border-radius: 50%;
	background: #eef1f2;
}

.match-event-avatar + .match-event-avatar {
	margin-left: -9px;
}

.match-event-avatar.is-related {
	border-color: #e54a45;
}

.match-event-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.match-event-avatar > i {
	color: #d7dcdd;
	font-size: 18px;
	font-style: normal;
}

.match-event-row__marker {
	position: relative;
	z-index: 1;
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	justify-self: center;
	border: 3px solid #565b5d;
	border-radius: 50%;
	background: #1b1e1f;
}

.match-event-row__marker::before {
	position: absolute;
	z-index: 0;
	top: -19px;
	bottom: -19px;
	left: 50%;
	width: 1px;
	background: linear-gradient(to bottom, #53595b 0 27%, transparent 27% 73%, #53595b 73% 100%);
	content: "";
}

.match-event-row__marker > i {
	position: relative;
	z-index: 1;
	font-size: 19px;
	font-style: normal;
}

.match-event-row.is-substitution .match-event-row__marker > i::before,
.match-event-row.is-substitution .match-event-row__marker > i::after {
	position: absolute;
	top: -12px;
	font: 800 21px/1 "Barlow", Arial, sans-serif;
}

.match-event-row.is-substitution .match-event-row__marker > i::before {
	right: -1px;
	color: #378ff0;
	content: "↑";
}

.match-event-row.is-substitution .match-event-row__marker > i::after {
	left: -1px;
	color: #ee3d42;
	content: "↓";
}

.match-event-row.is-yellow .match-event-row__marker > i,
.match-event-row.is-red .match-event-row__marker > i {
	width: 12px;
	height: 17px;
	border-radius: 2px;
	background: #f4c23a;
}

.match-event-row.is-red .match-event-row__marker > i {
	background: #e34444;
}

.match-event-row__score {
	position: absolute;
	left: 42px;
	top: 1px;
	display: inline-flex;
	min-width: 62px;
	height: 30px;
	align-items: center;
	justify-content: center;
	border: 1px solid #299c43;
	border-radius: 16px;
	background: #25382c;
	color: #f5f6f6;
	font-size: 14px;
	white-space: nowrap;
}

.match-event-row strong,
.match-event-row small {
	display: block;
}

.match-event-row strong {
	max-width: 108px;
	overflow: hidden;
	color: #f2f3f3;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-event-row small {
	max-width: 108px;
	margin-top: 3px;
	overflow: hidden;
	color: #929a9b;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-h2h {
	display: grid;
	gap: 7px;
	padding: 12px;
}

.match-h2h__row {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 7px;
	min-height: 64px;
	padding: 8px;
	border-radius: 6px;
	background: #202425;
}

.match-h2h__row time {
	color: #899293;
	font-size: 9px;
}

.match-h2h__team {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 6px;
	font-size: 10px;
}

.match-h2h__team:first-of-type {
	justify-content: flex-end;
	text-align: right;
}

.match-h2h__team img {
	width: 25px;
	height: 25px;
	flex: 0 0 25px;
	object-fit: contain;
}

.match-h2h__team span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-h2h__score {
	padding: 6px 8px;
	border-radius: 4px;
	background: #2f8e47;
	font: 800 11px/1 "Barlow", Arial, sans-serif;
}

.match-simulation {
	height: 100%;
	min-height: 520px;
	background: #101314;
}

.match-simulation iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 520px;
	border: 0;
}

.live-quick-overview {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.live-quick-overview > div {
	display: grid;
	min-height: 92px;
	place-items: center;
	padding: 12px;
	border: 1px solid #3a4041;
	border-radius: 7px;
	background: #25292a;
	text-align: center;
}

.live-quick-overview span {
	color: #929a9b;
	font-size: 10px;
	text-transform: uppercase;
}

.live-quick-overview strong {
	color: #65df7e;
	font: 800 21px/1 "Barlow", Arial, sans-serif;
}

.live-quick-overview__note {
	margin: 16px 0 0;
	color: #9fa7a8;
	font-size: 12px;
}

@media (max-width: 980px) {
	.live-match-sidebar {
		min-height: 610px;
	}

	.live-match-sidebar__tabs button {
		min-width: 20px;
	}
}

@media (max-width: 560px) {
	.live-data-tabs button {
		min-width: 115px;
		font-size: 10px;
	}

	.live-match-sidebar {
		min-height: 570px;
		grid-template-rows: 63px minmax(0, 1fr);
	}

	.live-match-sidebar__tabs button.is-active {
		min-width: 0;
		padding: 4px 12px;
	}

	.live-match-sidebar__tabs {
		gap: 12px;
	}

	.match-lineup-team-bar {
		font-size: 12px;
	}

	.match-lineup-team-bar__coach {
		max-width: 48%;
	}

	.match-lineup-roster__teams {
		padding: 10px 6px;
	}

	.match-lineup-roster__team {
		gap: 6px;
		font-size: 11px;
	}

	.match-lineup-roster__team img,
	.match-lineup-roster__team-crest {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	.match-lineup-roster {
		padding: 4px 0;
	}

	.match-lineup-roster__player {
		gap: 4px;
		padding: 6px 5px;
	}

	.match-lineup-roster__player > img,
	.match-lineup-roster__avatar {
		width: 32px;
		height: 32px;
		flex-basis: 32px;
	}

	.match-lineup-roster__content strong {
		font-size: 10px;
	}

	.match-lineup-roster__content small,
	.match-lineup-roster__status {
		font-size: 9px;
	}

	.match-h2h__row {
		grid-template-columns: 42px minmax(0, 1fr) auto minmax(0, 1fr);
	}

	.live-quick-overview {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.match-breadcrumb {
		min-height: 50px;
		padding: 0 12px;
		font-size: 14px;
	}

	.match-breadcrumb li + li::before {
		margin: 0 8px;
	}

	.remote-match-page .live-player-layout {
		width: 100vw;
		max-width: 100vw;
		gap: 0;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}

	.remote-match-page .live-player-main {
		grid-template-rows: 54px minmax(58px, auto) auto 36px;
	}

	.remote-match-page .live-match-sidebar {
		/* Keep player + 36px BLV selector + chat inside one mobile viewport. */
		height: clamp(320px, calc(100vh - var(--xl-header-height) - 56.25vw - 36px), 570px);
		height: clamp(320px, calc(100dvh - var(--xl-header-height) - 56.25vw - 36px), 570px);
		min-height: 320px;
		max-height: 570px;
		grid-template-rows: 40px minmax(0, 1fr);
		overflow: hidden;
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	.remote-match-page .live-match-sidebar__panel[data-side-panel="chat"] {
		overflow: hidden;
	}

	.remote-match-page .live-match-sidebar .live-match-chat__messages {
		max-width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.remote-match-page .live-match-sidebar__tabs {
		align-items: center;
		justify-content: safe center;
		gap: clamp(7px, 2.5vw, 12px);
		padding: 4px 8px 2px;
		scroll-padding-inline: 8px;
	}

	.remote-match-page .live-match-sidebar__tabs::-webkit-scrollbar {
		height: 3px;
	}

	.remote-match-page .live-match-sidebar__tabs button {
		min-width: 21px;
		height: 28px;
	}

	.remote-match-page .live-match-sidebar__tabs button svg,
	.remote-match-page .live-match-sidebar__tabs button .live-match-sidebar__h2h-icon,
	.remote-match-page .live-match-sidebar__tabs button .live-match-sidebar__lineup-icon {
		width: 21px;
		height: 21px;
		flex-basis: 21px;
	}

	.remote-match-page .live-match-sidebar__tabs button.is-active {
		padding: 2px 9px;
	}

	.remote-match-page .live-player-main .remote-match-player {
		scroll-margin-top: 56px;
	}

	.remote-match-page .live-player-servers {
		height: 36px;
		gap: 5px;
		padding: 3px 0;
	}

	.remote-match-page .live-player-servers button {
		height: 30px;
		gap: 5px;
		padding: 0 9px;
		font-size: 10px;
	}

	.remote-match-page .live-player-servers__avatar {
		width: 19px;
		height: 19px;
		flex-basis: 19px;
	}

	.seo-reader,
	.seo-reader--single {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.seo-reader .seo-reader__article,
	.seo-reader--single .seo-reader__article {
		height: auto;
		max-height: none;
		overflow: visible;
	}

	.match-card__competition,
	.match-card__time strong,
	.match-card__time span,
	.match-status,
	.commentator,
	.match-card__odds span,
	.match-card__odds-compact,
	.match-card__odds small,
	.match-card__odds strong,
	.match-card__action,
	.match-card__sponsor {
		font-size: 0.6875rem;
	}

	.match-card__odds small,
	.match-card__odds strong {
		line-height: 1.1;
	}

	.match-team strong {
		font-size: 0.75rem;
	}
}

@media (max-width: 980px) {
	.site-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 44px 56px;
	}

	.site-footer__brand,
	.site-footer__follow {
		max-width: 460px;
	}
}

@media (max-width: 560px) {
	.site-footer__inner {
		padding-top: 38px;
	}

	.site-footer__grid {
		grid-template-columns: 1fr;
		gap: 34px;
		padding-bottom: 36px;
	}

	.site-footer__logo {
		min-height: 0;
		margin-bottom: 18px;
	}

	.site-footer__logo .custom-logo {
		width: 158px;
		max-width: 100%;
		max-height: 52px;
	}

	.site-footer .brand-wordmark--footer .brand-wordmark__ball {
		width: 32px;
		height: 32px;
		flex-basis: 32px;
	}

	.site-footer .brand-wordmark--footer .brand-wordmark__ball::after {
		left: 12px;
	}

	.site-footer .brand-wordmark--footer .brand-wordmark__name {
		max-width: 170px;
		font-size: 1.15rem;
	}

	.site-footer__description,
	.site-footer__column a,
	.site-footer__follow p {
		font-size: 13px;
	}

	.site-footer__column h2 {
		margin-bottom: 18px;
		font-size: 15px;
	}

	.site-footer__column ul,
	.site-footer__column .footer-menu {
		gap: 14px;
	}

	.site-footer__cta {
		height: 44px;
		margin-top: 18px;
	}

	.site-footer__bottom {
		min-height: 0;
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		padding: 20px 0 24px;
	}
}