.tdl-template {
	background: #f6f6f4;
	color: #1f2428;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0;
}

.tdl-live-match {
	margin: 0 auto;
	max-width: 1120px;
	padding: 0 14px 32px;
}

.tdl-live-scoreboard-wrap {
	position: sticky;
	top: 0;
	z-index: 20;
}

.tdl-scoreboard {
	background: #181818;
	border-bottom: 4px solid #d71920;
	border-radius: 0 0 8px 8px;
	color: #fff;
	margin: 0 -14px 20px;
	padding: 16px 14px;
}

.tdl-scoreboard-kicker,
.tdl-match-meta {
	align-items: center;
	color: #dededa;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 8px;
	justify-content: center;
	text-transform: uppercase;
}

.tdl-scoreboard-teams {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	margin: 12px 0;
}

.tdl-team {
	align-items: center;
	display: grid;
	gap: 8px;
	justify-items: center;
	min-width: 0;
	text-align: center;
}

.tdl-team strong {
	font-size: 14px;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.tdl-team img,
.tdl-crest-placeholder {
	background: #fff;
	border-radius: 50%;
	display: grid;
	height: 48px;
	object-fit: contain;
	place-items: center;
	width: 48px;
}

.tdl-crest-placeholder {
	color: #181818;
	font-weight: 900;
}

.tdl-score {
	align-items: center;
	display: flex;
	font-size: 34px;
	font-weight: 900;
	gap: 8px;
	letter-spacing: 0;
	line-height: 1;
}

.tdl-score i {
	color: #d71920;
	font-style: normal;
}

.tdl-status,
.tdl-clock {
	background: #2f8f4e;
	border-radius: 999px;
	color: #fff;
	font-weight: 800;
	padding: 4px 9px;
}

.tdl-clock {
	background: #d71920;
}

.tdl-live-body {
	display: grid;
	gap: 24px;
}

.tdl-live-main {
	min-width: 0;
}

.tdl-live-featured img,
.tdl-event-photo img,
.tdl-match-card-image img {
	border-radius: 8px;
	display: block;
	height: auto;
	width: 100%;
}

.tdl-live-featured,
.tdl-live-editorial,
.tdl-final-report,
.tdl-timeline,
.tdl-share {
	margin-bottom: 22px;
}

.tdl-live-editorial,
.tdl-final-report,
.tdl-timeline {
	background: #fff;
	border: 1px solid #e1e1de;
	border-radius: 8px;
	padding: 18px;
}

.tdl-final-report h2,
.tdl-timeline h2 {
	font-size: 22px;
	line-height: 1.2;
	margin: 0 0 14px;
}

.tdl-final-score {
	color: #d71920;
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 10px;
}

.tdl-share {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tdl-share a,
.tdl-load-more {
	background: #181818;
	border: 0;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	padding: 11px 13px;
	text-decoration: none;
}

.tdl-timeline-list {
	display: grid;
	gap: 12px;
}

.tdl-event-card {
	background: #fbfbfa;
	border: 1px solid #e2e2df;
	border-left: 5px solid #8a8f98;
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: 42px minmax(0, 1fr);
	padding: 14px;
}

.tdl-event-goal,
.tdl-event-penalty {
	border-left-color: #2f8f4e;
}

.tdl-event-yellow_card {
	border-left-color: #d8a400;
}

.tdl-event-red_card {
	border-left-color: #d71920;
}

.tdl-event-var,
.tdl-event-photo {
	border-left-color: #4d72b8;
}

.tdl-event-icon {
	align-items: center;
	background: #fff;
	border: 1px solid #e2e2df;
	border-radius: 50%;
	display: flex;
	font-size: 22px;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.tdl-event-header {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tdl-event-header strong {
	font-size: 16px;
}

.tdl-event-minute {
	background: #181818;
	border-radius: 999px;
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	padding: 3px 8px;
}

.tdl-event-player,
.tdl-event-score {
	font-weight: 800;
	margin-top: 6px;
}

.tdl-event-substitution {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 6px;
}

.tdl-event-description p {
	margin: 8px 0 0;
}

.tdl-event-admin-actions {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}

.tdl-event-card.is-draft {
	opacity: 0.75;
}

.tdl-load-more {
	margin-top: 14px;
}

.tdl-archive-header {
	margin: 0 auto 22px;
	max-width: 1120px;
	padding: 28px 14px 0;
}

.tdl-archive-grid {
	display: grid;
	gap: 16px;
	margin: 0 auto;
	max-width: 1120px;
	padding: 0 14px 32px;
}

.tdl-match-card {
	background: #fff;
	border: 1px solid #e1e1de;
	border-radius: 8px;
	overflow: hidden;
}

.tdl-match-card a {
	color: inherit;
	display: block;
	text-decoration: none;
}

.tdl-match-card-body {
	padding: 14px;
}

.tdl-match-card h2 {
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 8px;
}

.tdl-match-card-score {
	color: #d71920;
	font-weight: 900;
	margin-bottom: 8px;
}

.tdl-pagination {
	margin: 0 auto 32px;
	max-width: 1120px;
	padding: 0 14px;
}

@media (min-width: 720px) {
	.tdl-live-match {
		padding-left: 24px;
		padding-right: 24px;
	}

	.tdl-scoreboard {
		margin-left: 0;
		margin-right: 0;
		padding: 20px;
	}

	.tdl-team {
		align-items: center;
		display: flex;
		text-align: left;
	}

	.tdl-team-away {
		flex-direction: row-reverse;
		text-align: right;
	}

	.tdl-team strong {
		font-size: 18px;
	}

	.tdl-team img,
	.tdl-crest-placeholder {
		height: 64px;
		width: 64px;
	}

	.tdl-score {
		font-size: 52px;
		gap: 12px;
	}

	.tdl-live-editorial,
	.tdl-final-report,
	.tdl-timeline {
		padding: 24px;
	}

	.tdl-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1040px) {
	.tdl-live-scoreboard-wrap {
		top: 32px;
	}

	.tdl-archive-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Premium v0.2 interface */
.tdl-template {
	background:
		radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--tdl-primary) 22%, transparent), transparent 34rem),
		linear-gradient(180deg, var(--tdl-bg), #090a0d 72%);
	color: var(--tdl-text);
	min-height: 100vh;
}

.tdl-kicker {
	color: var(--tdl-primary-2);
	display: inline-flex;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.tdl-archive-hero,
.tdl-archive-controls,
.tdl-archive-list,
.tdl-pagination,
.tdl-empty-hub {
	margin-inline: auto;
	max-width: 1040px;
	width: min(100% - 28px, 1040px);
}

.tdl-archive-hero {
	padding: clamp(28px, 6vw, 72px) 0 18px;
}

.tdl-archive-hero h1 {
	color: var(--tdl-text);
	font-size: clamp(34px, 7vw, 76px);
	letter-spacing: 0;
	line-height: .96;
	margin: 8px 0 10px;
}

.tdl-archive-hero p {
	color: var(--tdl-muted);
	font-size: clamp(16px, 2.4vw, 20px);
	margin: 0;
	max-width: 680px;
}

.tdl-archive-light {
	background: #f5f7fb;
	color: #111827;
}

.tdl-archive-light .tdl-archive-hero h1 {
	color: #111827;
}

.tdl-archive-light .tdl-hub-card-link,
.tdl-archive-light .tdl-archive-search input,
.tdl-archive-light .tdl-filter-tabs button {
	background: #fff;
	color: #111827;
}

.tdl-archive-light .tdl-hub-card-bg::after {
	background: linear-gradient(90deg, rgba(255,255,255,.94), rgba(255,255,255,.78), rgba(255,255,255,.94));
}

.tdl-archive-controls {
	align-items: stretch;
	display: grid;
	gap: 12px;
	margin-bottom: 18px;
}

.tdl-filter-tabs,
.tdl-event-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tdl-filter-tabs button,
.tdl-event-filters button,
.tdl-jump-latest {
	background: var(--tdl-surface);
	border: 1px solid var(--tdl-border);
	border-radius: 999px;
	color: var(--tdl-muted);
	cursor: pointer;
	font-weight: 900;
	min-height: 42px;
	padding: 10px 14px;
}

.tdl-filter-tabs button.is-active,
.tdl-event-filters button.is-active {
	background: var(--tdl-primary);
	border-color: color-mix(in srgb, var(--tdl-primary) 70%, white);
	color: #fff;
}

.tdl-archive-search input {
	background: var(--tdl-surface);
	border: 1px solid var(--tdl-border);
	border-radius: 16px;
	color: var(--tdl-text);
	min-height: 48px;
	padding: 0 16px;
	width: 100%;
}

.tdl-archive-list {
	display: grid;
	gap: 18px;
	padding-bottom: 34px;
}

.tdl-hub-card {
	animation: tdlCardIn .45s ease both;
	border-radius: 24px;
	min-height: 0;
	overflow: hidden;
	position: relative;
	transform: translateZ(0);
}

.tdl-hub-card:nth-child(2) {
	animation-delay: .04s;
}

.tdl-hub-card:nth-child(3) {
	animation-delay: .08s;
}

.tdl-hub-card-link {
	background:
		linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
		var(--tdl-surface);
	border: 1px solid var(--tdl-border);
	border-radius: 24px;
	box-shadow: 0 24px 80px rgba(0, 0, 0, .30);
	color: var(--tdl-text);
	display: block;
	min-height: 260px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.tdl-hub-card.is-featured .tdl-hub-card-link {
	box-shadow: 0 30px 100px rgba(229, 57, 53, .24), 0 24px 80px rgba(0,0,0,.38);
	min-height: 320px;
}

.tdl-hub-card-bg {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--tdl-primary) 28%, transparent), transparent),
		linear-gradient(135deg, var(--tdl-surface-2), var(--tdl-bg));
	background-position: center;
	background-size: cover;
	inset: 0;
	opacity: .28;
	position: absolute;
}

.tdl-hub-card-bg::after {
	background: linear-gradient(90deg, rgba(15,17,21,.96), rgba(15,17,21,.76), rgba(15,17,21,.94));
	content: "";
	inset: 0;
	position: absolute;
}

.tdl-hub-card-inner {
	display: grid;
	gap: 18px;
	padding: clamp(18px, 4vw, 34px);
	position: relative;
	z-index: 1;
}

.tdl-hub-card-top,
.tdl-hub-matchline,
.tdl-hub-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tdl-status-badge,
.tdl-meta-pill,
.tdl-minute-pill,
.tdl-final-pill,
.tdl-hub-card-top time {
	background: rgba(255,255,255,.09);
	border: 1px solid var(--tdl-border);
	border-radius: 999px;
	color: var(--tdl-text);
	font-size: 12px;
	font-weight: 900;
	padding: 7px 10px;
	text-transform: uppercase;
}

.tdl-status-live .tdl-status-badge {
	background: var(--tdl-success);
	color: #07150c;
}

.tdl-status-halftime .tdl-status-badge,
.tdl-status-scheduled .tdl-status-badge {
	background: var(--tdl-warning);
	color: #191303;
}

.tdl-status-finished .tdl-status-badge {
	background: var(--tdl-primary);
	color: #fff;
}

.tdl-status-cancelled .tdl-status-badge,
.tdl-status-postponed .tdl-status-badge {
	background: var(--tdl-danger);
	color: #fff;
}

.tdl-hub-score-grid {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr);
}

.tdl-hub-team {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: 58px minmax(0, 1fr);
}

.tdl-hub-team img,
.tdl-hub-team > span {
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 10px 30px rgba(0,0,0,.30);
	display: grid;
	height: 58px;
	object-fit: contain;
	place-items: center;
	width: 58px;
}

.tdl-hub-team strong {
	font-size: clamp(18px, 4vw, 30px);
	line-height: 1.04;
	overflow-wrap: anywhere;
}

.tdl-hub-score {
	align-items: center;
	background: rgba(255,255,255,.08);
	border: 1px solid var(--tdl-border);
	border-radius: 22px;
	display: flex;
	font-size: clamp(42px, 12vw, 84px);
	font-weight: 1000;
	gap: 12px;
	justify-content: center;
	line-height: 1;
	padding: 16px;
}

.tdl-hub-score i {
	color: var(--tdl-primary-2);
	font-style: normal;
}

.tdl-hub-meta {
	color: var(--tdl-muted);
}

.tdl-card-cta {
	align-self: start;
	background: var(--tdl-primary);
	border-radius: 14px;
	box-shadow: 0 14px 40px color-mix(in srgb, var(--tdl-primary) 30%, transparent);
	color: #fff;
	display: inline-flex;
	font-weight: 1000;
	justify-content: center;
	min-height: 48px;
	padding: 14px 18px;
	width: max-content;
}

.tdl-hub-card:hover .tdl-hub-card-link {
	border-color: color-mix(in srgb, var(--tdl-primary) 45%, var(--tdl-border));
	transform: translateY(-3px);
}

.tdl-premium-hero {
	background: var(--tdl-surface);
	border: 1px solid var(--tdl-border);
	border-radius: 0 0 26px 26px;
	box-shadow: 0 20px 70px rgba(0,0,0,.34);
	overflow: hidden;
	position: sticky;
	top: 0;
}

.tdl-premium-hero.is-not-sticky {
	position: relative;
}

.tdl-hero-bg {
	background: linear-gradient(135deg, var(--tdl-surface-2), var(--tdl-bg));
	background-position: center;
	background-size: cover;
	inset: 0;
	opacity: .25;
	position: absolute;
}

.tdl-hero-bg::after {
	background: linear-gradient(180deg, rgba(15,17,21,.86), rgba(15,17,21,.96));
	content: "";
	inset: 0;
	position: absolute;
}

.tdl-premium-hero > *:not(.tdl-hero-bg) {
	position: relative;
	z-index: 1;
}

.tdl-match-flags {
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.tdl-match-flags span {
	background: linear-gradient(135deg, var(--tdl-primary), var(--tdl-primary-2));
	border-radius: 2px 10px 10px 2px;
	box-shadow: 0 12px 34px color-mix(in srgb, var(--tdl-primary) 28%, transparent);
	height: clamp(34px, 6vw, 58px);
	opacity: .78;
	position: absolute;
	top: clamp(18px, 4vw, 34px);
	transform-origin: 0 50%;
	width: clamp(48px, 8vw, 82px);
	animation: tdlFlagWave 2.8s ease-in-out infinite;
}

.tdl-match-flags span::before {
	background: rgba(255,255,255,.7);
	border-radius: 999px;
	content: "";
	height: calc(100% + 28px);
	left: -5px;
	position: absolute;
	top: -6px;
	width: 4px;
}

.tdl-match-flags span:first-child {
	left: clamp(14px, 3vw, 32px);
}

.tdl-match-flags span:last-child {
	animation-delay: .5s;
	right: clamp(14px, 3vw, 32px);
	transform-origin: 100% 50%;
	transform: scaleX(-1);
}

.tdl-status-badge {
	animation: tdlLivePulse 1.8s ease-in-out infinite;
}

.tdl-scoreboard:not([data-status="first_half"]):not([data-status="second_half"]):not([data-status="extra_time"]):not([data-status="penalties"]) .tdl-status-badge {
	animation: none;
}

.tdl-scoreboard-teams {
	animation: tdlHeroRise .5s ease both;
}

.tdl-team img,
.tdl-crest-placeholder {
	transition: transform .28s ease, box-shadow .28s ease;
}

.tdl-premium-hero:hover .tdl-team img,
.tdl-premium-hero:hover .tdl-crest-placeholder {
	transform: translateY(-2px) scale(1.03);
}

.tdl-score-center {
	align-items: center;
	display: grid;
	gap: 10px;
	justify-items: center;
}

.tdl-progress-ring {
	align-items: center;
	background: conic-gradient(var(--tdl-primary) calc(var(--tdl-progress) * 1%), rgba(255,255,255,.14) 0);
	border-radius: 50%;
	display: flex;
	height: clamp(68px, 10vw, 96px);
	justify-content: center;
	padding: 6px;
	width: clamp(68px, 10vw, 96px);
}

.tdl-progress-ring span {
	align-items: center;
	background: var(--tdl-bg);
	border-radius: 50%;
	color: var(--tdl-text);
	display: flex;
	font-size: clamp(14px, 2.4vw, 20px);
	font-weight: 1000;
	height: 100%;
	justify-content: center;
	width: 100%;
}

.tdl-match-progress {
	background: rgba(255,255,255,.12);
	border-radius: 999px;
	height: 12px;
	margin: 14px auto;
	max-width: 760px;
	overflow: hidden;
	position: relative;
}

.tdl-progress-fill {
	background: linear-gradient(90deg, var(--tdl-primary), var(--tdl-primary-2));
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width .7s ease;
}

.tdl-match-progress i {
	background: rgba(255,255,255,.36);
	height: 100%;
	position: absolute;
	top: 0;
	width: 1px;
}

.tdl-match-progress i:nth-of-type(1) { left: 37.5%; }
.tdl-match-progress i:nth-of-type(2) { left: 75%; }
.tdl-match-progress i:nth-of-type(3) { left: 87.5%; }
.tdl-match-progress i:nth-of-type(4) { left: 100%; }

.tdl-match-professional {
	display: grid;
	gap: 14px;
	margin-top: 16px;
}

.tdl-stadium-photo {
	background: rgba(255,255,255,.08);
	border: 1px solid var(--tdl-border);
	border-radius: 18px;
	margin: 0;
	overflow: hidden;
}

.tdl-stadium-photo img {
	aspect-ratio: 16 / 8;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.tdl-stadium-photo figcaption {
	background: linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.24));
	color: var(--tdl-text);
	font-size: 12px;
	font-weight: 900;
	margin-top: -38px;
	padding: 12px 14px;
	position: relative;
	text-transform: uppercase;
}

.tdl-match-facts {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.tdl-match-facts div {
	background: rgba(255,255,255,.08);
	border: 1px solid var(--tdl-border);
	border-radius: 14px;
	padding: 10px 12px;
}

.tdl-match-facts span {
	color: var(--tdl-muted);
	display: block;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.tdl-match-facts strong {
	color: var(--tdl-text);
	display: block;
	font-size: 14px;
	margin-top: 3px;
}

.tdl-live-editorial,
.tdl-final-report,
.tdl-timeline {
	background: color-mix(in srgb, var(--tdl-surface) 94%, transparent);
	border-color: var(--tdl-border);
	box-shadow: 0 22px 70px rgba(0,0,0,.22);
	color: var(--tdl-text);
}

.tdl-timeline-head {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	margin-bottom: 14px;
}

.tdl-timeline-head h2 {
	margin-bottom: 0;
}

.tdl-jump-latest {
	display: none;
}

.tdl-phase-separator {
	background: linear-gradient(90deg, var(--tdl-primary), transparent);
	border-radius: 999px;
	color: #fff;
	font-size: 12px;
	font-weight: 1000;
	letter-spacing: .08em;
	padding: 8px 12px;
	text-transform: uppercase;
}

.tdl-event-card {
	background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
	border-color: var(--tdl-border);
	box-shadow: 0 14px 42px rgba(0,0,0,.20);
	color: var(--tdl-text);
	opacity: 0;
	transform: translateY(12px);
	animation: tdlCardIn .35s ease forwards;
}

.tdl-event-icon {
	background: var(--tdl-surface-2);
	color: var(--tdl-primary-2);
	font-size: clamp(28px, 3vw, 52px);
	height: clamp(48px, 7vw, 76px);
	width: clamp(48px, 7vw, 76px);
}

.tdl-svg-icon,
.tdl-event-icon-img {
	display: block;
	height: .95em;
	width: .95em;
}

.tdl-event-goal {
	border-left-color: var(--tdl-success);
}

.tdl-event-goal .tdl-event-icon,
.tdl-event-penalty .tdl-event-icon {
	color: var(--tdl-success);
}

.tdl-event-yellow_card {
	border-left-color: var(--tdl-warning);
}

.tdl-event-yellow_card .tdl-event-icon {
	color: var(--tdl-warning);
}

.tdl-event-foul {
	border-left-color: #fb923c;
}

.tdl-event-foul .tdl-event-icon {
	color: #fb923c;
}

.tdl-event-red_card,
.tdl-event-full_time {
	border-left-color: var(--tdl-danger);
}

.tdl-event-red_card .tdl-event-icon,
.tdl-event-full_time .tdl-event-icon,
.tdl-event-missed_penalty .tdl-event-icon {
	color: var(--tdl-danger);
}

.tdl-event-substitution .tdl-event-icon {
	color: #60a5fa;
}

.tdl-event-var .tdl-event-icon,
.tdl-event-photo .tdl-event-icon {
	color: #38bdf8;
}

.tdl-event-injury .tdl-event-icon {
	color: #fb7185;
}

.tdl-event-header strong,
.tdl-event-player,
.tdl-event-score {
	color: var(--tdl-text);
}

.tdl-event-header span,
.tdl-event-description {
	color: var(--tdl-muted);
}

.tdl-event-minute {
	background: var(--tdl-primary);
}

@keyframes tdlCardIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes tdlFlagWave {
	0%, 100% {
		transform: skewY(-4deg) rotate(-1deg);
	}
	50% {
		transform: skewY(5deg) rotate(2deg);
	}
}

@keyframes tdlLivePulse {
	0%, 100% {
		box-shadow: 0 0 0 0 color-mix(in srgb, var(--tdl-primary) 35%, transparent);
	}
	50% {
		box-shadow: 0 0 0 7px color-mix(in srgb, var(--tdl-primary) 0%, transparent);
	}
}

@keyframes tdlHeroRise {
	from {
		opacity: .55;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (min-width: 760px) {
	.tdl-archive-controls {
		align-items: center;
		grid-template-columns: 1fr minmax(260px, 360px);
	}

	.tdl-hub-score-grid {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	}

	.tdl-hub-team:last-child {
		direction: rtl;
		text-align: right;
	}

	.tdl-hub-team:last-child strong {
		direction: ltr;
	}

	.tdl-jump-latest {
		display: inline-flex;
	}

	.tdl-match-professional {
		align-items: stretch;
		grid-template-columns: minmax(220px, .75fr) minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.tdl-hub-card,
	.tdl-event-card,
	.tdl-match-flags span,
	.tdl-scoreboard-teams,
	.tdl-status-badge,
	.tdl-progress-fill,
	.tdl-hub-card:hover .tdl-hub-card-link {
		animation: none;
		transition: none;
		transform: none;
	}
}

/* TDL 0.2.6: stronger frontend filter persistence visual state and professional event colors */
.tdl-event-filters button {
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.tdl-event-filters button:hover,
.tdl-event-filters button.is-active {
	box-shadow: 0 10px 30px color-mix(in srgb, var(--tdl-primary) 22%, transparent);
	transform: translateY(-1px);
}

.tdl-event-own_goal,
.tdl-event-penalty {
	border-left-color: var(--tdl-success);
}

.tdl-event-own_goal .tdl-event-icon,
.tdl-event-penalty .tdl-event-icon {
	color: var(--tdl-success);
}

.tdl-event-second_yellow {
	border-left-color: var(--tdl-warning);
}

.tdl-event-second_yellow .tdl-event-icon {
	color: var(--tdl-warning);
}

.tdl-event-free_kick,
.tdl-event-corner,
.tdl-event-offside,
.tdl-event-foul {
	border-left-color: #fb923c;
}

.tdl-event-free_kick .tdl-event-icon,
.tdl-event-corner .tdl-event-icon,
.tdl-event-offside .tdl-event-icon,
.tdl-event-foul .tdl-event-icon {
	color: #fb923c;
}

.tdl-event-shot,
.tdl-event-shot_on_target,
.tdl-event-save,
.tdl-event-substitution {
	border-left-color: #60a5fa;
}

.tdl-event-shot .tdl-event-icon,
.tdl-event-shot_on_target .tdl-event-icon,
.tdl-event-save .tdl-event-icon,
.tdl-event-substitution .tdl-event-icon {
	color: #60a5fa;
}

.tdl-match-flags span:last-child {
	animation-name: tdlFlagWaveReverse;
}

.tdl-stadium-photo img {
	transition: transform 4s ease;
}

.tdl-premium-hero:hover .tdl-stadium-photo img {
	transform: scale(1.035);
}

.tdl-match-facts div {
	position: relative;
	overflow: hidden;
}

.tdl-match-facts div::after {
	background: linear-gradient(110deg, transparent, rgba(255,255,255,.10), transparent);
	content: "";
	inset: 0;
	position: absolute;
	transform: translateX(-110%);
	transition: transform .7s ease;
}

.tdl-match-facts div:hover::after {
	transform: translateX(110%);
}

@keyframes tdlFlagWaveReverse {
	0%, 100% {
		transform: scaleX(-1) skewY(-4deg) rotate(-1deg);
	}
	50% {
		transform: scaleX(-1) skewY(5deg) rotate(2deg);
	}
}


/* TDL 0.2.7: stronger filter hiding, refined stadium thumb, balanced flags and 4 selectable skins */
.tdl-event-card[hidden],
.tdl-phase-separator[hidden] {
	display: none !important;
}

.tdl-match-flags span {
	height: clamp(20px, 3.2vw, 32px);
	width: clamp(28px, 5vw, 46px);
	top: clamp(18px, 3vw, 28px);
	opacity: .72;
}

.tdl-match-flags span::before {
	height: calc(100% + 16px);
	left: -4px;
	top: -4px;
	width: 3px;
}

.tdl-match-professional {
	align-items: center;
	justify-items: center;
}

.tdl-stadium-photo {
	align-items: center;
	background: rgba(255,255,255,.05);
	border-radius: 18px;
	display: grid;
	gap: 8px;
	justify-items: center;
	padding: 10px;
	width: min(100%, 124px);
}

.tdl-stadium-photo img {
	aspect-ratio: 1 / 1;
	border-radius: 16px;
	height: auto;
	max-width: 88px;
	object-fit: cover;
	width: 100%;
}

.tdl-stadium-photo figcaption {
	background: none;
	font-size: 11px;
	margin-top: 0;
	padding: 0;
	position: static;
	text-align: center;
}

@media (min-width: 760px) {
	.tdl-match-professional {
		grid-template-columns: auto minmax(0, 1fr);
		justify-items: stretch;
	}

	.tdl-stadium-photo {
		justify-self: center;
	}
}

.tdl-skin-premium .tdl-premium-hero {
	border-radius: 0 0 26px 26px;
}

.tdl-skin-midnight {
	--tdl-bg: #060913;
	--tdl-surface: #0f1728;
	--tdl-surface-2: #172033;
	--tdl-text: #eef2ff;
	--tdl-muted: #b7c1d9;
	--tdl-border: rgba(126, 153, 210, 0.16);
}

.tdl-skin-midnight .tdl-premium-hero,
.tdl-skin-midnight .tdl-live-editorial,
.tdl-skin-midnight .tdl-final-report,
.tdl-skin-midnight .tdl-timeline,
.tdl-skin-midnight .tdl-hub-card-link {
	box-shadow: 0 24px 80px rgba(1, 6, 24, .52);
}

.tdl-skin-midnight .tdl-event-card {
	background: linear-gradient(135deg, rgba(15,23,42,.92), rgba(11,18,32,.78));
}

.tdl-skin-glass {
	--tdl-bg: #081118;
	--tdl-surface: rgba(11, 18, 28, .64);
	--tdl-surface-2: rgba(22, 32, 48, .62);
	--tdl-text: #f6fbff;
	--tdl-muted: #bfd1de;
	--tdl-border: rgba(255,255,255,.14);
}

.tdl-skin-glass .tdl-premium-hero,
.tdl-skin-glass .tdl-live-editorial,
.tdl-skin-glass .tdl-final-report,
.tdl-skin-glass .tdl-timeline,
.tdl-skin-glass .tdl-hub-card-link {
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
	box-shadow: 0 24px 80px rgba(0,0,0,.28);
}

.tdl-skin-glass .tdl-hub-card-bg::after,
.tdl-skin-glass .tdl-hero-bg::after {
	background: linear-gradient(180deg, rgba(6,12,20,.58), rgba(6,12,20,.82));
}

.tdl-skin-light {
	--tdl-bg: #edf3f8;
	--tdl-surface: #ffffff;
	--tdl-surface-2: #e6eef6;
	--tdl-text: #0f172a;
	--tdl-muted: #5b6b82;
	--tdl-border: rgba(15, 23, 42, 0.08);
}

.tdl-skin-light.tdl-template {
	background: linear-gradient(180deg, #f8fbff, #ecf2f7 72%);
}

.tdl-skin-light .tdl-premium-hero,
.tdl-skin-light .tdl-live-editorial,
.tdl-skin-light .tdl-final-report,
.tdl-skin-light .tdl-timeline,
.tdl-skin-light .tdl-hub-card-link,
.tdl-skin-light .tdl-archive-search input,
.tdl-skin-light .tdl-filter-tabs button,
.tdl-skin-light .tdl-event-filters button,
.tdl-skin-light .tdl-jump-latest {
	box-shadow: 0 16px 50px rgba(15, 23, 42, .08);
}

.tdl-skin-light .tdl-hero-bg::after,
.tdl-skin-light .tdl-hub-card-bg::after {
	background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(238,244,251,.94));
}

.tdl-skin-light .tdl-scoreboard-kicker,
.tdl-skin-light .tdl-match-meta,
.tdl-skin-light .tdl-event-header span,
.tdl-skin-light .tdl-event-description,
.tdl-skin-light .tdl-hub-meta,
.tdl-skin-light .tdl-archive-hero p {
	color: var(--tdl-muted);
}

.tdl-skin-light .tdl-match-flags span {
	opacity: .6;
}

.tdl-skin-light .tdl-status-badge,
.tdl-skin-light .tdl-meta-pill,
.tdl-skin-light .tdl-minute-pill,
.tdl-skin-light .tdl-final-pill,
.tdl-skin-light .tdl-hub-card-top time {
	background: rgba(15,23,42,.06);
	color: var(--tdl-text);
}


/* TDL 0.2.8: richer premium frontend timeline */
.tdl-timeline {
	position: relative;
}

.tdl-timeline-head {
	align-items: end;
	border-bottom: 1px solid color-mix(in srgb, var(--tdl-border) 90%, transparent);
	margin-bottom: 18px;
	padding-bottom: 14px;
}

.tdl-event-filters {
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	background: color-mix(in srgb, var(--tdl-surface) 82%, transparent);
	border: 1px solid var(--tdl-border);
	border-radius: 18px;
	margin-bottom: 18px;
	padding: 10px;
	position: sticky;
	top: 82px;
	z-index: 4;
}

.tdl-event-filters button,
.tdl-jump-latest {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.tdl-timeline-list {
	gap: 16px;
}

.tdl-event-card {
	border-left-width: 6px;
	gap: 16px;
	padding: 16px;
	position: relative;
	overflow: hidden;
}

.tdl-event-card::after {
	background: linear-gradient(90deg, color-mix(in srgb, var(--tdl-primary) 16%, transparent), transparent 54%);
	content: "";
	inset: 0;
	opacity: .55;
	pointer-events: none;
	position: absolute;
}

.tdl-event-card > * {
	position: relative;
	z-index: 1;
}

.tdl-event-card:hover {
	box-shadow: 0 22px 56px rgba(0,0,0,.28);
	transform: translateY(-2px);
}

.tdl-event-icon {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.22);
	position: relative;
}

.tdl-event-icon::after {
	background: radial-gradient(circle at top, rgba(255,255,255,.18), transparent 62%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.tdl-event-minute {
	box-shadow: 0 10px 24px color-mix(in srgb, var(--tdl-primary) 22%, transparent);
	font-size: 12px;
	letter-spacing: .02em;
	padding: 6px 10px;
}

.tdl-event-header {
	gap: 10px;
	margin-bottom: 4px;
}

.tdl-event-header strong {
	font-size: clamp(17px, 2.1vw, 20px);
}

.tdl-event-player,
.tdl-event-score {
	font-size: 15px;
}

.tdl-event-description p {
	line-height: 1.6;
}

.tdl-event-photo {
	margin-top: 10px;
}

.tdl-event-photo img {
	border-radius: 16px;
	box-shadow: 0 16px 34px rgba(0,0,0,.18);
}

.tdl-phase-separator {
	box-shadow: 0 14px 30px color-mix(in srgb, var(--tdl-primary) 16%, transparent);
	padding: 9px 14px;
}

@media (max-width: 759px) {
	.tdl-event-filters {
		top: 70px;
	}

	.tdl-event-card {
		grid-template-columns: 52px minmax(0, 1fr);
	}
}

/* TDL 0.2.9: featured image as single scoreboard background, refined responsive frontend and stadium weather panel */
.tdl-scoreboard.has-featured-bg .tdl-hero-bg {
	opacity: .70;
}

.tdl-scoreboard.has-featured-bg .tdl-hero-bg::after {
	background:
		linear-gradient(180deg, rgba(3,7,18,.58), rgba(3,7,18,.88)),
		linear-gradient(90deg, rgba(3,7,18,.78), rgba(3,7,18,.22), rgba(3,7,18,.78));
}

.tdl-live-featured {
	display: none !important;
}

.tdl-premium-hero {
	isolation: isolate;
	margin-bottom: 22px;
	padding: clamp(16px, 3vw, 26px);
}

.tdl-scoreboard-kicker {
	justify-content: center;
	margin-bottom: 10px;
}

.tdl-scoreboard-teams {
	align-items: center;
	gap: clamp(10px, 2.5vw, 28px);
	margin: clamp(10px, 2.5vw, 18px) auto;
	max-width: 920px;
}

.tdl-team {
	gap: 10px;
	justify-content: center;
}

.tdl-team img,
.tdl-crest-placeholder {
	border: 2px solid rgba(255,255,255,.18);
	box-shadow: 0 14px 36px rgba(0,0,0,.28);
}

.tdl-score-center {
	min-width: min(36vw, 210px);
}

.tdl-score {
	background: rgba(0,0,0,.24);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 22px;
	box-shadow: 0 18px 48px rgba(0,0,0,.28);
	padding: clamp(10px, 2vw, 16px) clamp(14px, 3vw, 24px);
}

.tdl-match-meta {
	background: rgba(255,255,255,.07);
	border: 1px solid var(--tdl-border);
	border-radius: 999px;
	margin: 12px auto 0;
	max-width: 860px;
	padding: 8px 12px;
}

.tdl-match-professional {
	align-items: center;
	background: rgba(255,255,255,.06);
	border: 1px solid var(--tdl-border);
	border-radius: 24px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
	grid-template-columns: 1fr;
	justify-items: center;
	margin: 16px auto 0;
	max-width: 860px;
	padding: 12px;
	width: 100%;
}

.tdl-stadium-photo {
	align-items: center;
	background:
		linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05));
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 999px 999px 20px 20px;
	clip-path: polygon(12% 36%, 20% 16%, 36% 6%, 64% 6%, 80% 16%, 88% 36%, 88% 86%, 12% 86%);
	display: grid;
	gap: 6px;
	justify-items: center;
	margin: 0;
	min-height: 124px;
	overflow: hidden;
	padding: 12px 12px 16px;
	width: min(100%, 176px);
}

.tdl-stadium-photo img {
	aspect-ratio: 16 / 10;
	border: 2px solid rgba(255,255,255,.22);
	border-radius: 999px 999px 18px 18px;
	box-shadow: 0 14px 34px rgba(0,0,0,.28);
	height: auto;
	max-width: 132px;
	object-fit: cover;
	width: 100%;
}

.tdl-stadium-photo figcaption {
	background: rgba(0,0,0,.22);
	border-radius: 999px;
	color: var(--tdl-text);
	font-size: 10px;
	font-weight: 1000;
	letter-spacing: .04em;
	line-height: 1.2;
	margin: 0;
	max-width: 134px;
	padding: 4px 8px;
	position: static;
	text-align: center;
	text-transform: uppercase;
}

.tdl-match-facts {
	align-items: stretch;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	width: 100%;
}

.tdl-match-facts div {
	background: rgba(255,255,255,.07);
	min-height: 64px;
}

.tdl-match-facts span {
	letter-spacing: .04em;
}

.tdl-match-facts strong {
	line-height: 1.32;
}

@media (min-width: 760px) {
	.tdl-match-professional {
		grid-template-columns: auto minmax(0, 1fr);
		padding: 14px;
	}

	.tdl-stadium-photo {
		justify-self: center;
	}
}

@media (max-width: 759px) {
	.tdl-premium-hero {
		border-radius: 0 0 22px 22px;
		padding-inline: 12px;
	}

	.tdl-scoreboard-teams {
		grid-template-columns: minmax(0, 1fr);
	}

	.tdl-team,
	.tdl-team-away {
		flex-direction: column;
		text-align: center;
	}

	.tdl-score-center {
		order: -1;
		min-width: 0;
		width: 100%;
	}

	.tdl-score {
		justify-content: center;
		margin-inline: auto;
		width: fit-content;
	}

	.tdl-match-meta {
		border-radius: 18px;
		justify-content: center;
	}

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

	.tdl-stadium-photo {
		width: min(100%, 168px);
	}
}


/* TDL 0.3.0: no flags, unified match info, single visible clock and stadium-shaped venue photo */
.tdl-match-flags {
	display: none !important;
}

.tdl-scoreboard-kicker,
.tdl-match-meta {
	display: none !important;
}

.tdl-match-info-bar {
	align-items: center;
	background: rgba(10, 15, 24, .62);
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 999px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin: 0 auto 14px;
	max-width: 940px;
	padding: 8px 10px;
	position: relative;
	z-index: 2;
}

.tdl-match-info-bar > span,
.tdl-match-info-bar > time {
	align-items: center;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 999px;
	color: var(--tdl-text);
	display: inline-flex;
	font-size: clamp(11px, 1.7vw, 13px);
	font-weight: 900;
	letter-spacing: .03em;
	min-height: 32px;
	padding: 6px 10px;
	text-transform: uppercase;
}

.tdl-match-info-bar .tdl-status-badge {
	background: var(--tdl-primary);
	box-shadow: 0 12px 28px color-mix(in srgb, var(--tdl-primary) 28%, transparent);
	color: #fff;
}

.tdl-match-info-bar .tdl-stoppage-pill {
	background: color-mix(in srgb, var(--tdl-primary) 72%, #111827);
	color: #fff;
}

.tdl-scoreboard-teams {
	margin-top: 8px;
}

.tdl-score-center .tdl-progress-ring,
.tdl-score-center .tdl-clock-core {
	margin-inline: auto;
}

.tdl-live-clock {
	white-space: nowrap;
}

.tdl-match-professional {
	align-items: center;
	background: rgba(255,255,255,.045);
	border: 1px solid var(--tdl-border);
	border-radius: 22px;
	display: grid;
	gap: 14px;
	justify-items: center;
	margin: 16px auto 0;
	max-width: 940px;
	padding: 14px;
	width: 100%;
}

.tdl-stadium-photo {
	align-items: center;
	aspect-ratio: 16 / 10;
	background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
	border: 1px solid var(--tdl-border);
	border-radius: 50% 50% 36% 36% / 38% 38% 56% 56%;
	display: grid;
	justify-items: center;
	margin: 0 auto;
	max-width: 180px;
	overflow: hidden;
	padding: 6px;
	position: relative;
	width: min(52vw, 180px);
}

.tdl-stadium-photo::before {
	background: linear-gradient(180deg, rgba(255,255,255,.20), transparent 54%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.tdl-stadium-photo img {
	aspect-ratio: 16 / 10;
	border-radius: inherit;
	height: 100%;
	max-width: none;
	object-fit: cover;
	width: 100%;
}

.tdl-stadium-photo figcaption {
	background: linear-gradient(180deg, transparent, rgba(0,0,0,.58));
	bottom: 0;
	color: #fff;
	font-size: 10px;
	font-weight: 900;
	left: 0;
	letter-spacing: .05em;
	line-height: 1.2;
	margin: 0;
	padding: 18px 10px 9px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	z-index: 3;
}

.tdl-match-facts {
	align-items: stretch;
	width: 100%;
}

.tdl-match-facts div {
	min-height: 62px;
}

.tdl-skin-light .tdl-match-info-bar {
	background: rgba(255,255,255,.74);
	border-color: rgba(15,23,42,.08);
}

.tdl-skin-light .tdl-match-info-bar > span,
.tdl-skin-light .tdl-match-info-bar > time {
	background: rgba(15,23,42,.06);
	border-color: rgba(15,23,42,.07);
	color: var(--tdl-text);
}

@media (min-width: 760px) {
	.tdl-match-professional {
		grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
		justify-items: center;
	}

	.tdl-match-facts {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
}

@media (max-width: 759px) {
	.tdl-match-info-bar {
		border-radius: 22px;
		justify-content: center;
	}

	.tdl-scoreboard {
		padding: 14px 12px;
	}

	.tdl-team img,
	.tdl-crest-placeholder {
		height: 52px;
		width: 52px;
	}

	.tdl-score {
		font-size: clamp(32px, 10vw, 46px);
	}

	.tdl-progress-ring {
		height: 74px;
		width: 74px;
	}
}

.tdl-clock-core {
	align-items: center;
	background: var(--tdl-primary);
	border-radius: 999px;
	box-shadow: 0 12px 30px color-mix(in srgb, var(--tdl-primary) 24%, transparent);
	color: #fff;
	display: inline-flex;
	font-size: clamp(15px, 2.4vw, 20px);
	font-weight: 1000;
	justify-content: center;
	min-height: 42px;
	padding: 8px 16px;
}


/* TDL 0.3.1: final report overflow control, stadium dedupe polish and 10 visual skins */
.tdl-template,
.tdl-live-match,
.tdl-live-main,
.tdl-live-editorial,
.tdl-final-report,
.tdl-final-summary,
.tdl-timeline,
.tdl-event-card,
.tdl-match-facts,
.tdl-match-facts div,
.tdl-scoreboard {
	box-sizing: border-box;
	max-width: 100%;
}

.tdl-live-editorial,
.tdl-final-report,
.tdl-final-report h2,
.tdl-final-summary,
.tdl-final-summary p,
.tdl-event-description,
.tdl-event-description p {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.tdl-final-report,
.tdl-live-editorial {
	overflow: hidden;
}

.tdl-final-report h2 {
	font-size: clamp(22px, 3.6vw, 36px);
	line-height: 1.12;
	max-width: 100%;
}

.tdl-final-summary p {
	max-width: 100%;
}

.tdl-match-info-bar,
.tdl-match-info-bar > span,
.tdl-match-info-bar > time {
	max-width: 100%;
}

.tdl-match-info-bar > span,
.tdl-match-info-bar > time {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.tdl-match-professional {
	gap: 16px;
}

.tdl-stadium-photo figcaption {
	display: none !important;
}

.tdl-stadium-photo {
	min-height: 112px;
}

/* Skin variable presets */
.tdl-skin-premium {
	--tdl-bg: #0b0f16;
	--tdl-surface: #151b26;
	--tdl-surface-2: #222a38;
	--tdl-primary: #ef3038;
	--tdl-primary-2: #ff626b;
	--tdl-text: #f7f9fc;
	--tdl-muted: #b8c0ce;
	--tdl-border: rgba(255,255,255,.12);
}

.tdl-skin-broadcast {
	--tdl-bg: #061426;
	--tdl-surface: #0b2140;
	--tdl-surface-2: #12345f;
	--tdl-primary: #1d9bf0;
	--tdl-primary-2: #8bd3ff;
	--tdl-text: #f2f8ff;
	--tdl-muted: #b6cce4;
	--tdl-border: rgba(139,211,255,.18);
}

.tdl-skin-glass {
	--tdl-bg: #081118;
	--tdl-surface: rgba(11,18,28,.64);
	--tdl-surface-2: rgba(30,45,66,.62);
	--tdl-primary: #66e3ff;
	--tdl-primary-2: #d9fbff;
	--tdl-text: #f6fbff;
	--tdl-muted: #bfd1de;
	--tdl-border: rgba(255,255,255,.16);
}

.tdl-skin-light {
	--tdl-bg: #eef4fb;
	--tdl-surface: #ffffff;
	--tdl-surface-2: #e3edf8;
	--tdl-primary: #2563eb;
	--tdl-primary-2: #60a5fa;
	--tdl-text: #0f172a;
	--tdl-muted: #53657d;
	--tdl-border: rgba(15,23,42,.10);
}

.tdl-skin-midnight {
	--tdl-bg: #050814;
	--tdl-surface: #0d1324;
	--tdl-surface-2: #171f35;
	--tdl-primary: #7c3aed;
	--tdl-primary-2: #c084fc;
	--tdl-text: #f4f1ff;
	--tdl-muted: #c8bddf;
	--tdl-border: rgba(196,132,252,.16);
}

.tdl-skin-emerald {
	--tdl-bg: #04140d;
	--tdl-surface: #082318;
	--tdl-surface-2: #0f3929;
	--tdl-primary: #22c55e;
	--tdl-primary-2: #86efac;
	--tdl-text: #effff5;
	--tdl-muted: #a7d8ba;
	--tdl-border: rgba(134,239,172,.18);
}

.tdl-skin-royal {
	--tdl-bg: #070d22;
	--tdl-surface: #101b3f;
	--tdl-surface-2: #172554;
	--tdl-primary: #f5c542;
	--tdl-primary-2: #ffe08a;
	--tdl-text: #fffaf0;
	--tdl-muted: #d8cda9;
	--tdl-border: rgba(245,197,66,.22);
}

.tdl-skin-sunset {
	--tdl-bg: #18070a;
	--tdl-surface: #2b1016;
	--tdl-surface-2: #4a1824;
	--tdl-primary: #fb923c;
	--tdl-primary-2: #f43f5e;
	--tdl-text: #fff7ed;
	--tdl-muted: #f3c6b4;
	--tdl-border: rgba(251,146,60,.20);
}

.tdl-skin-newspaper {
	--tdl-bg: #f4f1ea;
	--tdl-surface: #fffdf7;
	--tdl-surface-2: #e7e0d2;
	--tdl-primary: #111827;
	--tdl-primary-2: #6b7280;
	--tdl-text: #111827;
	--tdl-muted: #4b5563;
	--tdl-border: rgba(17,24,39,.16);
}

.tdl-skin-minimal {
	--tdl-bg: #f8fafc;
	--tdl-surface: #ffffff;
	--tdl-surface-2: #f1f5f9;
	--tdl-primary: #0f172a;
	--tdl-primary-2: #64748b;
	--tdl-text: #0f172a;
	--tdl-muted: #64748b;
	--tdl-border: rgba(15,23,42,.08);
}

/* Distinct skin treatments */
.tdl-skin-broadcast .tdl-premium-hero,
.tdl-skin-broadcast .tdl-timeline,
.tdl-skin-broadcast .tdl-live-editorial,
.tdl-skin-broadcast .tdl-final-report {
	border-radius: 10px;
	box-shadow: 0 20px 70px rgba(0, 69, 137, .28);
}
.tdl-skin-broadcast .tdl-score { border-radius: 8px; }
.tdl-skin-broadcast .tdl-match-info-bar { justify-content: flex-start; }

.tdl-skin-glass .tdl-premium-hero,
.tdl-skin-glass .tdl-timeline,
.tdl-skin-glass .tdl-live-editorial,
.tdl-skin-glass .tdl-final-report,
.tdl-skin-glass .tdl-event-card {
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.04));
}

.tdl-skin-light .tdl-template,
.tdl-skin-light.tdl-template,
.tdl-skin-light {
	color: var(--tdl-text);
}
.tdl-skin-light .tdl-premium-hero,
.tdl-skin-light .tdl-timeline,
.tdl-skin-light .tdl-live-editorial,
.tdl-skin-light .tdl-final-report,
.tdl-skin-minimal .tdl-premium-hero,
.tdl-skin-minimal .tdl-timeline,
.tdl-skin-minimal .tdl-live-editorial,
.tdl-skin-minimal .tdl-final-report,
.tdl-skin-newspaper .tdl-premium-hero,
.tdl-skin-newspaper .tdl-timeline,
.tdl-skin-newspaper .tdl-live-editorial,
.tdl-skin-newspaper .tdl-final-report {
	box-shadow: 0 14px 40px rgba(15,23,42,.08);
}
.tdl-skin-light .tdl-hero-bg::after,
.tdl-skin-newspaper .tdl-hero-bg::after,
.tdl-skin-minimal .tdl-hero-bg::after {
	background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.90));
}

.tdl-skin-midnight .tdl-premium-hero { border-radius: 28px; }
.tdl-skin-midnight .tdl-score { box-shadow: 0 0 0 1px rgba(192,132,252,.18), 0 20px 60px rgba(124,58,237,.18); }

.tdl-skin-emerald .tdl-match-progress,
.tdl-skin-emerald .tdl-progress-fill { border-radius: 0; }
.tdl-skin-emerald .tdl-stadium-photo { border-radius: 999px 999px 26px 26px; }

.tdl-skin-royal .tdl-score i,
.tdl-skin-royal .tdl-scoreboard a { color: #f5c542; }
.tdl-skin-royal .tdl-premium-hero { border: 1px solid rgba(245,197,66,.28); }

.tdl-skin-sunset .tdl-premium-hero,
.tdl-skin-sunset .tdl-event-card {
	background-image: linear-gradient(135deg, rgba(251,146,60,.14), rgba(244,63,94,.09));
}

.tdl-skin-newspaper .tdl-premium-hero,
.tdl-skin-newspaper .tdl-timeline,
.tdl-skin-newspaper .tdl-live-editorial,
.tdl-skin-newspaper .tdl-final-report {
	border-radius: 4px;
	font-family: Georgia, "Times New Roman", serif;
}
.tdl-skin-newspaper .tdl-score,
.tdl-skin-newspaper .tdl-match-info-bar > span,
.tdl-skin-newspaper .tdl-match-info-bar > time,
.tdl-skin-newspaper .tdl-event-filters button {
	border-radius: 3px;
}

.tdl-skin-minimal .tdl-premium-hero,
.tdl-skin-minimal .tdl-event-card,
.tdl-skin-minimal .tdl-timeline,
.tdl-skin-minimal .tdl-live-editorial,
.tdl-skin-minimal .tdl-final-report {
	border-radius: 18px;
	box-shadow: none;
}
.tdl-skin-minimal .tdl-hero-bg { display: none; }
.tdl-skin-minimal .tdl-match-progress { height: 6px; }

@media (max-width: 759px) {
	.tdl-final-report,
	.tdl-live-editorial {
		padding: 16px;
	}
	.tdl-final-report h2 {
		font-size: 22px;
	}
}


/* TDL 0.3.2: horizontal tablet/mobile score layout, default stadium icon and professional data columns */
.tdl-stadium-photo.is-default-stadium {
	color: var(--tdl-primary-2);
	min-height: 116px;
}

.tdl-stadium-default-icon {
	align-items: center;
	background:
		radial-gradient(circle at 50% 18%, rgba(255,255,255,.20), transparent 42%),
		linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
	border: 1px solid rgba(255,255,255,.14);
	border-radius: inherit;
	display: inline-flex;
	height: 100%;
	justify-content: center;
	min-height: 96px;
	width: 100%;
}

.tdl-stadium-default-icon svg {
	display: block;
	height: 62%;
	max-height: 72px;
	max-width: 112px;
	width: 72%;
}

.tdl-professional-cols-1 {
	grid-template-columns: 1fr !important;
}

.tdl-professional-cols-1 .tdl-stadium-photo {
	justify-self: center;
}

.tdl-professional-cols-1 .tdl-match-facts {
	grid-template-columns: 1fr !important;
}

.tdl-professional-cols-2 .tdl-match-facts {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.tdl-professional-cols-3 .tdl-match-facts {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (min-width: 760px) {
	.tdl-professional-cols-2,
	.tdl-professional-cols-3 {
		grid-template-columns: minmax(138px, 190px) minmax(0, 1fr) !important;
	}
}

@media (max-width: 1024px) {
	.tdl-scoreboard-teams {
		display: grid !important;
		grid-template-columns: minmax(58px, 1fr) auto minmax(58px, 1fr) !important;
		align-items: center !important;
		gap: clamp(8px, 2.2vw, 18px) !important;
		max-width: 760px;
	}

	.tdl-team-home {
		grid-column: 1;
		grid-row: 1;
	}

	.tdl-score-center {
		grid-column: 2;
		grid-row: 1;
		min-width: 0 !important;
		order: initial !important;
		width: auto !important;
	}

	.tdl-team-away {
		grid-column: 3;
		grid-row: 1;
	}

	.tdl-team,
	.tdl-team-away {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 0;
		text-align: center !important;
	}

	.tdl-team img,
	.tdl-crest-placeholder {
		height: clamp(44px, 8vw, 64px) !important;
		width: clamp(44px, 8vw, 64px) !important;
	}

	.tdl-team strong {
		font-size: clamp(11px, 2vw, 14px) !important;
		line-height: 1.1;
		max-width: 100%;
	}

	.tdl-score {
		font-size: clamp(36px, 8vw, 54px) !important;
		padding: clamp(8px, 1.8vw, 13px) clamp(12px, 2.5vw, 20px) !important;
		width: auto !important;
	}

	.tdl-progress-ring {
		height: clamp(66px, 10vw, 86px) !important;
		width: clamp(66px, 10vw, 86px) !important;
	}
}

@media (max-width: 680px) {
	.tdl-scoreboard-teams {
		grid-template-columns: minmax(52px, 1fr) auto minmax(52px, 1fr) !important;
		gap: 7px !important;
	}

	.tdl-team strong {
		font-size: 11px !important;
	}

	.tdl-score {
		border-radius: 16px;
		font-size: clamp(32px, 10vw, 44px) !important;
	}

	.tdl-progress-ring {
		height: 62px !important;
		width: 62px !important;
	}

	.tdl-progress-ring span {
		font-size: 13px !important;
	}

	.tdl-professional-cols-2 .tdl-match-facts,
	.tdl-professional-cols-3 .tdl-match-facts {
		grid-template-columns: 1fr !important;
	}
}

/* TDL 0.3.3: timeline column layouts and priority effects */
.tdl-timeline-list {
	align-items: stretch;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.tdl-timeline-list > .tdl-phase-separator,
.tdl-timeline-list > .tdl-empty-timeline {
	grid-column: 1 / -1;
}

.tdl-timeline-layout-auto .tdl-timeline-list {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
}

.tdl-timeline-layout-one .tdl-timeline-list {
	grid-template-columns: minmax(0, 1fr);
}

.tdl-timeline-layout-two .tdl-timeline-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tdl-timeline-layout-three .tdl-timeline-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tdl-timeline-layout-four .tdl-timeline-list {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tdl-timeline-layout-priority .tdl-timeline-list {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.tdl-timeline-layout-priority .tdl-event-priority-critical {
	grid-column: span 2;
}

.tdl-timeline-layout-magazine .tdl-timeline-list {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.tdl-timeline-layout-magazine .tdl-event-card {
	grid-column: span 4;
}

.tdl-timeline-layout-magazine .tdl-event-priority-critical {
	grid-column: span 12;
}

.tdl-timeline-layout-magazine .tdl-event-priority-high {
	grid-column: span 6;
}

.tdl-timeline-layout-compact .tdl-timeline-list {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
	gap: 10px;
}

.tdl-timeline-layout-compact .tdl-event-card {
	grid-template-columns: 46px minmax(0, 1fr);
	padding: 12px;
}

.tdl-timeline-layout-wide .tdl-timeline-list {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
}

.tdl-timeline-layout-dense .tdl-timeline-list {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 205px), 1fr));
	gap: 9px;
}

.tdl-timeline-layout-dense .tdl-event-card {
	grid-template-columns: 40px minmax(0, 1fr);
	padding: 10px;
}

.tdl-timeline-layout-dense .tdl-event-description,
.tdl-timeline-layout-dense .tdl-event-photo,
.tdl-timeline-layout-dense .tdl-event-score {
	font-size: 13px;
}

.tdl-event-priority-critical {
	box-shadow: 0 22px 64px color-mix(in srgb, var(--tdl-primary) 22%, rgba(0,0,0,.26)), 0 0 0 1px color-mix(in srgb, var(--tdl-primary) 34%, var(--tdl-border));
	isolation: isolate;
}

.tdl-event-priority-critical::before {
	background: linear-gradient(135deg, var(--tdl-primary), var(--tdl-primary-2));
	border-radius: 999px;
	color: #fff;
	content: "Prioridad";
	font-size: 10px;
	font-weight: 1000;
	letter-spacing: .08em;
	padding: 5px 8px;
	position: absolute;
	right: 12px;
	top: 12px;
	text-transform: uppercase;
	z-index: 2;
}

.tdl-event-priority-critical .tdl-event-icon {
	animation: tdlPriorityPulse 1.8s ease-in-out infinite;
}

.tdl-event-priority-high {
	box-shadow: 0 16px 44px rgba(0,0,0,.22), 0 0 0 1px color-mix(in srgb, var(--tdl-warning) 22%, var(--tdl-border));
}

.tdl-event-priority-high .tdl-event-icon {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 5px color-mix(in srgb, currentColor 13%, transparent);
}

.tdl-event-priority-normal {
	opacity: .96;
}

@keyframes tdlPriorityPulse {
	0%, 100% {
		box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 0 color-mix(in srgb, currentColor 30%, transparent);
	}
	50% {
		box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 10px color-mix(in srgb, currentColor 0%, transparent);
	}
}

@media (max-width: 1040px) {
	.tdl-timeline-layout-four .tdl-timeline-list,
	.tdl-timeline-layout-three .tdl-timeline-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tdl-timeline-layout-magazine .tdl-event-card,
	.tdl-timeline-layout-magazine .tdl-event-priority-high,
	.tdl-timeline-layout-priority .tdl-event-priority-critical {
		grid-column: span 1;
	}

	.tdl-timeline-layout-magazine .tdl-timeline-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.tdl-timeline-layout-auto .tdl-timeline-list,
	.tdl-timeline-layout-two .tdl-timeline-list,
	.tdl-timeline-layout-three .tdl-timeline-list,
	.tdl-timeline-layout-four .tdl-timeline-list,
	.tdl-timeline-layout-priority .tdl-timeline-list,
	.tdl-timeline-layout-magazine .tdl-timeline-list,
	.tdl-timeline-layout-compact .tdl-timeline-list,
	.tdl-timeline-layout-wide .tdl-timeline-list,
	.tdl-timeline-layout-dense .tdl-timeline-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.tdl-timeline-layout-magazine .tdl-event-card,
	.tdl-timeline-layout-magazine .tdl-event-priority-critical,
	.tdl-timeline-layout-magazine .tdl-event-priority-high,
	.tdl-timeline-layout-priority .tdl-event-priority-critical {
		grid-column: span 1;
	}

	.tdl-event-priority-critical::before {
		position: static;
		width: max-content;
	}
}


/* TDL 0.3.4: adaptive photo cards for Wide Cards and long text safety */
.tdl-event-card,
.tdl-event-content,
.tdl-event-header,
.tdl-event-player,
.tdl-event-score,
.tdl-event-substitution,
.tdl-event-description,
.tdl-event-description p {
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: normal;
}

.tdl-event-photo {
	margin: 12px 0 0;
}

.tdl-event-photo img {
	aspect-ratio: 16 / 9;
	height: auto;
	max-height: 420px;
	object-fit: cover;
	width: 100%;
}

.tdl-timeline-layout-wide .tdl-event-has-photo {
	grid-column: span 2;
}

.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-content {
	align-items: start;
	display: grid;
	gap: 10px 18px;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 45%);
}

.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-content > :not(.tdl-event-photo) {
	grid-column: 1;
}

.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-photo {
	align-self: stretch;
	grid-column: 2;
	grid-row: 1 / span 8;
	margin: 0;
}

.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-photo img {
	aspect-ratio: 4 / 3;
	border-radius: 18px;
	height: 100%;
	max-height: 360px;
	min-height: 170px;
	object-fit: cover;
}

.tdl-timeline-layout-wide .tdl-event-priority-critical.tdl-event-has-photo {
	grid-column: span 2;
}

.tdl-timeline-layout-magazine .tdl-event-has-photo.tdl-event-priority-critical,
.tdl-timeline-layout-priority .tdl-event-has-photo.tdl-event-priority-critical {
	grid-column: 1 / -1;
}

.tdl-timeline-layout-magazine .tdl-event-has-photo.tdl-event-priority-high {
	grid-column: span 8;
}

@media (min-width: 1180px) {
	.tdl-timeline-layout-wide .tdl-timeline-list {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
	}
}

@media (max-width: 980px) {
	.tdl-timeline-layout-wide .tdl-event-has-photo {
		grid-column: 1 / -1;
	}

	.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-content {
		grid-template-columns: minmax(0, 1fr);
	}

	.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-content > :not(.tdl-event-photo),
	.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-photo {
		grid-column: 1;
		grid-row: auto;
	}

	.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-photo img {
		aspect-ratio: 16 / 9;
		height: auto;
		max-height: 360px;
		min-height: 0;
	}
}

@media (max-width: 720px) {
	.tdl-event-photo img,
	.tdl-timeline-layout-wide .tdl-event-has-photo .tdl-event-photo img {
		border-radius: 14px;
		max-height: 280px;
	}

	.tdl-timeline-layout-wide .tdl-event-has-photo {
		grid-column: 1 / -1;
	}
}

/* TDL 0.3.5: tablet/iPad uniform navigation and smart use of horizontal space */
@media (min-width: 700px) and (max-width: 1180px) {
	.tdl-live-match {
		max-width: min(100% - 20px, 1120px);
		padding-left: 10px;
		padding-right: 10px;
	}

	.tdl-premium-hero {
		padding-left: clamp(14px, 2.2vw, 24px);
		padding-right: clamp(14px, 2.2vw, 24px);
	}

	.tdl-match-info-bar {
		border-radius: 24px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
		justify-content: stretch;
		max-width: none;
		width: 100%;
	}

	.tdl-match-info-bar > span,
	.tdl-match-info-bar > time {
		justify-content: center;
		min-width: 0;
		text-align: center;
		width: 100%;
	}

	.tdl-event-filters,
	.tdl-filter-tabs {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
		width: 100%;
	}

	.tdl-event-filters button,
	.tdl-filter-tabs button,
	.tdl-jump-latest {
		justify-content: center;
		text-align: center;
		width: 100%;
	}

	.tdl-match-professional,
	.tdl-professional-cols-1,
	.tdl-professional-cols-2,
	.tdl-professional-cols-3 {
		align-items: stretch;
		grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) !important;
		justify-items: stretch;
		max-width: none;
		width: 100%;
	}

	.tdl-match-professional:not(:has(.tdl-stadium-photo)),
	.tdl-professional-cols-1:not(:has(.tdl-stadium-photo)),
	.tdl-professional-cols-2:not(:has(.tdl-stadium-photo)),
	.tdl-professional-cols-3:not(:has(.tdl-stadium-photo)) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.tdl-stadium-photo {
		align-self: stretch;
		height: 100%;
		max-width: 180px;
		min-height: 128px;
		width: 100%;
	}

	.tdl-match-facts,
	.tdl-professional-cols-1 .tdl-match-facts,
	.tdl-professional-cols-2 .tdl-match-facts,
	.tdl-professional-cols-3 .tdl-match-facts {
		align-content: stretch;
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)) !important;
		width: 100%;
	}

	.tdl-match-facts div {
		display: grid;
		min-height: 76px;
		align-content: center;
	}

	.tdl-timeline-head {
		align-items: center;
	}

	.tdl-timeline-layout-auto .tdl-timeline-list,
	.tdl-timeline-layout-wide .tdl-timeline-list {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	}
}

@media (min-width: 900px) and (max-width: 1180px) {
	.tdl-match-facts,
	.tdl-professional-cols-1 .tdl-match-facts,
	.tdl-professional-cols-2 .tdl-match-facts,
	.tdl-professional-cols-3 .tdl-match-facts {
		grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
	}

	.tdl-event-filters,
	.tdl-filter-tabs {
		grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	}
}

/* Fallback for browsers without :has(): preserve tablet balance even if stadium photo is not detected */
@supports not selector(:has(*)) {
	@media (min-width: 700px) and (max-width: 1180px) {
		.tdl-match-professional,
		.tdl-professional-cols-1,
		.tdl-professional-cols-2,
		.tdl-professional-cols-3 {
			grid-template-columns: minmax(0, 1fr) !important;
		}

		.tdl-match-professional .tdl-stadium-photo + .tdl-match-facts {
			grid-column: auto;
		}
	}
}

@media (max-width: 699px) {
	.tdl-match-info-bar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		border-radius: 20px;
		width: 100%;
	}

	.tdl-match-info-bar > span,
	.tdl-match-info-bar > time {
		justify-content: center;
		text-align: center;
		width: 100%;
	}

	.tdl-match-info-bar .tdl-status-badge {
		grid-column: 1 / -1;
	}

	.tdl-event-filters {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tdl-event-filters button {
		justify-content: center;
		width: 100%;
	}
}


/* TDL 0.3.6: frontend-first responsive engine, futuristic time progress and full-screen column use */
.tdl-template,
.tdl-live-match,
.tdl-live-body,
.tdl-live-main,
.tdl-live-scoreboard-wrap,
.tdl-live-timeline-wrap {
	box-sizing: border-box;
	max-width: none;
	min-width: 0;
}

.tdl-live-match {
	container-type: inline-size;
	max-width: min(100% - clamp(16px, 2vw, 44px), 1540px);
	width: 100%;
}

.tdl-live-main > * {
	min-width: 0;
}

.tdl-live-editorial,
.tdl-final-report,
.tdl-timeline,
.tdl-share {
	box-sizing: border-box;
	width: 100%;
}

.tdl-live-editorial,
.tdl-final-report {
	overflow: hidden;
	overflow-wrap: anywhere;
	word-break: normal;
}

@media (min-width: 1180px) {
	.tdl-live-editorial {
		column-gap: clamp(24px, 3vw, 48px);
		column-width: 34rem;
	}
}

.tdl-final-report {
	display: grid;
	gap: clamp(12px, 1.6vw, 22px);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr));
}

.tdl-final-report h2,
.tdl-final-report .tdl-final-score,
.tdl-final-report .tdl-final-summary,
.tdl-final-report .tdl-final-video,
.tdl-final-report .tdl-related-matches {
	min-width: 0;
}

.tdl-final-report h2,
.tdl-final-report .tdl-final-score {
	grid-column: 1 / -1;
}

.tdl-match-info-bar {
	display: grid !important;
	gap: clamp(8px, 1vw, 12px);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 138px), 1fr)) !important;
	justify-content: stretch;
	max-width: none;
	width: 100%;
}

.tdl-match-info-bar > span,
.tdl-match-info-bar > time {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-width: 0;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.tdl-scoreboard-teams {
	align-items: center;
	grid-template-columns: minmax(96px, 1fr) minmax(160px, auto) minmax(96px, 1fr) !important;
	width: 100%;
}

.tdl-team,
.tdl-score-center {
	min-width: 0;
}

.tdl-team strong {
	display: block;
	max-width: 100%;
	overflow-wrap: anywhere;
}

/* Frontend data block: always use available space, not the backend-only layout. */
.tdl-match-professional,
.tdl-professional-cols-1,
.tdl-professional-cols-2,
.tdl-professional-cols-3 {
	align-items: stretch;
	display: grid !important;
	gap: clamp(12px, 1.4vw, 20px);
	grid-template-columns: minmax(126px, 220px) minmax(0, 1fr) !important;
	justify-items: stretch;
	margin-inline: auto;
	max-width: none !important;
	width: 100%;
}

.tdl-stadium-photo {
	align-self: stretch;
	box-sizing: border-box;
	height: 100%;
	justify-self: stretch;
	max-width: none !important;
	min-height: 116px;
	width: 100% !important;
}

.tdl-stadium-photo img,
.tdl-stadium-default-icon {
	height: 100%;
	min-height: 96px;
	width: 100%;
}

.tdl-match-facts,
.tdl-professional-cols-1 .tdl-match-facts,
.tdl-professional-cols-2 .tdl-match-facts,
.tdl-professional-cols-3 .tdl-match-facts {
	align-content: stretch;
	display: grid !important;
	gap: clamp(10px, 1.2vw, 16px);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)) !important;
	min-width: 0;
	width: 100%;
}

.tdl-match-facts div {
	align-content: center;
	box-sizing: border-box;
	display: grid;
	min-height: clamp(72px, 7vw, 96px);
	min-width: 0;
	overflow: hidden;
}

.tdl-match-facts span,
.tdl-match-facts strong {
	min-width: 0;
	overflow-wrap: anywhere;
}

/* Futuristic Vista-like active progress stream. */
.tdl-match-progress {
	background:
		linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
		rgba(255,255,255,.08);
	border: 1px solid color-mix(in srgb, var(--tdl-primary) 28%, rgba(255,255,255,.14));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 0 0 1px rgba(255,255,255,.035),
		0 16px 38px color-mix(in srgb, var(--tdl-primary) 18%, transparent);
	height: clamp(13px, 1.15vw, 18px);
	overflow: hidden;
	position: relative;
}

.tdl-match-progress::before {
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
	content: "";
	inset: 0;
	opacity: .75;
	position: absolute;
	transform: translateX(-100%);
	animation: tdlProgressGlassSweep 3.8s ease-in-out infinite;
}

.tdl-progress-fill {
	background:
		linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.04) 48%, rgba(0,0,0,.12) 51%, rgba(255,255,255,.12)),
		linear-gradient(90deg, color-mix(in srgb, var(--tdl-primary) 86%, #ff6b6b), var(--tdl-primary-2), color-mix(in srgb, var(--tdl-primary) 80%, #ff2d55));
	box-shadow:
		0 0 22px color-mix(in srgb, var(--tdl-primary) 55%, transparent),
		0 0 42px color-mix(in srgb, var(--tdl-primary-2) 24%, transparent);
	overflow: hidden;
	position: relative;
	transition: width .9s cubic-bezier(.22, 1, .36, 1);
}

.tdl-progress-fill::before {
	background:
		repeating-linear-gradient(115deg,
			rgba(255,255,255,.00) 0 10px,
			rgba(255,255,255,.32) 10px 18px,
			rgba(255,255,255,.00) 18px 30px);
	background-size: 64px 64px;
	content: "";
	inset: 0;
	mix-blend-mode: screen;
	opacity: .72;
	position: absolute;
	animation: tdlVistaProgressFlow .9s linear infinite;
}

.tdl-progress-fill::after {
	background:
		radial-gradient(circle at center, rgba(255,255,255,.95), rgba(255,255,255,.45) 22%, transparent 62%);
	content: "";
	height: 230%;
	right: -10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	filter: blur(.2px);
	animation: tdlProgressEdgePulse 1.35s ease-in-out infinite;
}

.tdl-match-progress i {
	background: rgba(255,255,255,.34);
	box-shadow: 0 0 12px rgba(255,255,255,.20);
}

@keyframes tdlVistaProgressFlow {
	from { background-position: 0 0; }
	to { background-position: 64px 0; }
}

@keyframes tdlProgressGlassSweep {
	0%, 30% { transform: translateX(-110%); }
	70%, 100% { transform: translateX(110%); }
}

@keyframes tdlProgressEdgePulse {
	0%, 100% { opacity: .62; transform: translateY(-50%) scaleX(.72); }
	50% { opacity: 1; transform: translateY(-50%) scaleX(1.2); }
}

/* Timeline frontend columns: creative automatic layout that respects chronology. */
.tdl-timeline-list {
	align-items: stretch;
	display: grid !important;
	grid-auto-flow: row;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.tdl-timeline-layout-auto .tdl-timeline-list,
.tdl-timeline-layout-priority .tdl-timeline-list {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
}

.tdl-timeline-layout-wide .tdl-timeline-list {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr)) !important;
}

.tdl-timeline-layout-dense .tdl-timeline-list {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
}

.tdl-event-card {
	min-width: 0;
	overflow: hidden;
}

.tdl-event-content,
.tdl-event-header,
.tdl-event-description,
.tdl-event-description p {
	min-width: 0;
	overflow-wrap: anywhere;
}

@media (min-width: 1280px) {
	.tdl-timeline-layout-priority .tdl-event-priority-critical,
	.tdl-timeline-layout-magazine .tdl-event-priority-critical,
	.tdl-timeline-layout-wide .tdl-event-priority-critical.tdl-event-has-photo {
		grid-column: span 2;
	}

	.tdl-timeline-layout-four .tdl-timeline-list {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.tdl-timeline-layout-three .tdl-timeline-list {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 860px) and (max-width: 1279px) {
	.tdl-live-match {
		max-width: min(100% - 18px, 1180px);
	}

	.tdl-match-professional,
	.tdl-professional-cols-1,
	.tdl-professional-cols-2,
	.tdl-professional-cols-3 {
		grid-template-columns: minmax(120px, 190px) minmax(0, 1fr) !important;
	}

	.tdl-match-facts,
	.tdl-professional-cols-1 .tdl-match-facts,
	.tdl-professional-cols-2 .tdl-match-facts,
	.tdl-professional-cols-3 .tdl-match-facts {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
	}

	.tdl-timeline-layout-auto .tdl-timeline-list,
	.tdl-timeline-layout-two .tdl-timeline-list,
	.tdl-timeline-layout-three .tdl-timeline-list,
	.tdl-timeline-layout-four .tdl-timeline-list,
	.tdl-timeline-layout-priority .tdl-timeline-list,
	.tdl-timeline-layout-magazine .tdl-timeline-list,
	.tdl-timeline-layout-wide .tdl-timeline-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.tdl-timeline-layout-dense .tdl-timeline-list,
	.tdl-timeline-layout-compact .tdl-timeline-list {
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
	}
}

@media (min-width: 640px) and (max-width: 859px) {
	.tdl-live-match {
		max-width: min(100% - 14px, 820px);
		padding-left: 7px;
		padding-right: 7px;
	}

	.tdl-match-info-bar {
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
	}

	.tdl-scoreboard-teams {
		grid-template-columns: minmax(86px, 1fr) minmax(138px, auto) minmax(86px, 1fr) !important;
	}

	.tdl-team img,
	.tdl-crest-placeholder {
		height: clamp(48px, 8vw, 62px);
		width: clamp(48px, 8vw, 62px);
	}

	.tdl-match-professional,
	.tdl-professional-cols-1,
	.tdl-professional-cols-2,
	.tdl-professional-cols-3 {
		grid-template-columns: minmax(106px, 150px) minmax(0, 1fr) !important;
	}

	.tdl-match-facts,
	.tdl-professional-cols-1 .tdl-match-facts,
	.tdl-professional-cols-2 .tdl-match-facts,
	.tdl-professional-cols-3 .tdl-match-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.tdl-event-filters,
	.tdl-filter-tabs {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
		width: 100%;
	}

	.tdl-timeline-layout-auto .tdl-timeline-list,
	.tdl-timeline-layout-wide .tdl-timeline-list,
	.tdl-timeline-layout-priority .tdl-timeline-list,
	.tdl-timeline-layout-magazine .tdl-timeline-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 639px) {
	.tdl-live-match {
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.tdl-match-info-bar,
	.tdl-event-filters,
	.tdl-filter-tabs {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.tdl-match-info-bar .tdl-status-badge {
		grid-column: 1 / -1;
	}

	.tdl-scoreboard-teams {
		grid-template-columns: minmax(64px, 1fr) minmax(118px, auto) minmax(64px, 1fr) !important;
		gap: 6px;
	}

	.tdl-team img,
	.tdl-crest-placeholder {
		height: 48px;
		width: 48px;
	}

	.tdl-team strong {
		font-size: 12px;
	}

	.tdl-score {
		font-size: clamp(38px, 13vw, 56px);
	}

	.tdl-match-professional,
	.tdl-professional-cols-1,
	.tdl-professional-cols-2,
	.tdl-professional-cols-3 {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.tdl-stadium-photo {
		min-height: 92px;
	}

	.tdl-match-facts,
	.tdl-professional-cols-1 .tdl-match-facts,
	.tdl-professional-cols-2 .tdl-match-facts,
	.tdl-professional-cols-3 .tdl-match-facts,
	.tdl-timeline-list,
	.tdl-timeline-layout-auto .tdl-timeline-list,
	.tdl-timeline-layout-one .tdl-timeline-list,
	.tdl-timeline-layout-two .tdl-timeline-list,
	.tdl-timeline-layout-three .tdl-timeline-list,
	.tdl-timeline-layout-four .tdl-timeline-list,
	.tdl-timeline-layout-priority .tdl-timeline-list,
	.tdl-timeline-layout-magazine .tdl-timeline-list,
	.tdl-timeline-layout-wide .tdl-timeline-list,
	.tdl-timeline-layout-dense .tdl-timeline-list,
	.tdl-timeline-layout-compact .tdl-timeline-list {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tdl-match-progress::before,
	.tdl-progress-fill::before,
	.tdl-progress-fill::after {
		animation: none !important;
	}
}

/* TDL 0.3.7: event photo lightbox with persistent open state during live refresh */
.tdl-photo-open {
	appearance: none;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: zoom-in;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: inherit;
	width: 100%;
}

.tdl-photo-open img {
	display: block;
	width: 100%;
}

.tdl-photo-open span {
	background: rgba(0,0,0,.62);
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 999px;
	bottom: 12px;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .05em;
	padding: 7px 11px;
	position: absolute;
	right: 12px;
	text-transform: uppercase;
	transition: transform .18s ease, opacity .18s ease;
}

.tdl-photo-open:hover span,
.tdl-photo-open:focus-visible span {
	transform: translateY(-2px);
}

.tdl-photo-lightbox[hidden] {
	display: none !important;
}

.tdl-lightbox-open {
	overflow: hidden;
}

.tdl-photo-lightbox {
	align-items: center;
	display: grid;
	inset: 0;
	justify-items: center;
	padding: max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
	position: fixed;
	z-index: 999999;
}

.tdl-photo-lightbox__backdrop {
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	background:
		radial-gradient(circle at 20% 0%, rgba(239,68,68,.18), transparent 32rem),
		rgba(2,6,14,.86);
	inset: 0;
	position: absolute;
}

.tdl-photo-lightbox__panel {
	background: rgba(10,15,24,.74);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 22px;
	box-shadow: 0 28px 120px rgba(0,0,0,.58);
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	max-height: min(94vh, 980px);
	max-width: min(96vw, 1440px);
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}

.tdl-photo-lightbox__toolbar {
	align-items: center;
	background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
	border-bottom: 1px solid rgba(255,255,255,.10);
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	padding: 10px;
}

.tdl-photo-lightbox__toolbar a,
.tdl-photo-lightbox__toolbar button {
	align-items: center;
	background: rgba(255,255,255,.10);
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	font-weight: 900;
	min-height: 38px;
	padding: 0 14px;
	text-decoration: none;
}

.tdl-photo-lightbox__close {
	font-size: 24px !important;
	justify-content: center;
	line-height: 1;
	padding: 0 !important;
	width: 42px;
}

.tdl-photo-lightbox__stage {
	align-items: center;
	display: flex;
	justify-content: center;
	max-height: calc(94vh - 60px);
	overflow: auto;
	overscroll-behavior: contain;
	padding: 12px;
	touch-action: pinch-zoom pan-x pan-y;
}

.tdl-photo-lightbox__stage img {
	border-radius: 14px;
	box-shadow: 0 18px 70px rgba(0,0,0,.42);
	display: block;
	height: auto;
	max-height: calc(94vh - 92px);
	max-width: 100%;
	object-fit: contain;
	transition: max-width .2s ease, transform .2s ease;
	width: auto;
}

.tdl-photo-lightbox.is-zoomed .tdl-photo-lightbox__stage {
	align-items: flex-start;
	justify-content: flex-start;
}

.tdl-photo-lightbox.is-zoomed .tdl-photo-lightbox__stage img {
	max-height: none;
	max-width: none;
	width: min(180vw, 1800px);
}

@media (max-width: 720px) {
	.tdl-photo-lightbox {
		padding: 8px;
	}

	.tdl-photo-lightbox__panel {
		border-radius: 16px;
		max-height: 96vh;
	}

	.tdl-photo-lightbox__toolbar {
		gap: 6px;
		padding: 8px;
	}

	.tdl-photo-lightbox__toolbar a,
	.tdl-photo-lightbox__toolbar button {
		font-size: 12px;
		min-height: 36px;
		padding: 0 10px;
	}

	.tdl-photo-lightbox.is-zoomed .tdl-photo-lightbox__stage img {
		width: 220vw;
	}
}

/* TDL 0.3.8: true yellow cards and improved draggable lightbox zoom */
.tdl-event-yellow_card,
.tdl-event-second_yellow {
	border-left-color: #ffd400 !important;
}

.tdl-event-yellow_card .tdl-event-icon,
.tdl-event-second_yellow .tdl-event-icon {
	color: #ffd400 !important;
	filter: drop-shadow(0 0 1px rgba(0,0,0,.45));
}

.tdl-event-yellow_card .tdl-event-minute,
.tdl-event-second_yellow .tdl-event-minute {
	background: #ffd400 !important;
	color: #1b1500 !important;
}

.tdl-photo-lightbox__stage {
	cursor: zoom-in;
	position: relative;
	user-select: none;
}

.tdl-photo-lightbox.is-zoomed .tdl-photo-lightbox__stage {
	align-items: center;
	cursor: grab;
	justify-content: center;
	overflow: hidden;
	touch-action: none;
}

.tdl-photo-lightbox.is-dragging .tdl-photo-lightbox__stage {
	cursor: grabbing;
}

.tdl-photo-lightbox__stage img {
	max-height: calc(94vh - 92px);
	max-width: 100%;
	transform-origin: center center;
	transition: transform .18s ease;
	will-change: transform;
}

.tdl-photo-lightbox.is-dragging .tdl-photo-lightbox__stage img {
	transition: none;
}

.tdl-photo-lightbox.is-zoomed .tdl-photo-lightbox__stage img {
	max-height: calc(94vh - 92px);
	max-width: 100%;
	width: auto;
}

.tdl-photo-lightbox.is-zoomed-1 .tdl-photo-lightbox__stage img,
.tdl-photo-lightbox.is-zoomed-2 .tdl-photo-lightbox__stage img {
	max-height: calc(94vh - 92px);
	max-width: min(100%, 1280px);
}

@media (max-width: 720px) {
	.tdl-photo-lightbox.is-zoomed .tdl-photo-lightbox__stage {
		overflow: hidden;
	}
	.tdl-photo-lightbox.is-zoomed .tdl-photo-lightbox__stage img {
		max-width: 100%;
		width: auto;
	}
}


/* TDL 0.3.9: mobile compact sticky header for reading the live timeline */
.tdl-mobile-sticky-summary {
	display: none;
}

@media (max-width: 780px) {
	.tdl-live-match {
		padding-left: 6px;
		padding-right: 6px;
	}

	.tdl-mobile-sticky-summary {
		align-items: center;
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		background:
			linear-gradient(135deg, color-mix(in srgb, var(--tdl-surface) 88%, transparent), color-mix(in srgb, var(--tdl-bg) 90%, transparent));
		border: 1px solid var(--tdl-border);
		border-radius: 0 0 18px 18px;
		box-shadow: 0 16px 44px rgba(0, 0, 0, .28);
		color: var(--tdl-text);
		display: grid;
		gap: 8px;
		grid-template-columns: 40px minmax(78px, auto) 40px minmax(70px, 1fr);
		min-height: 54px;
		padding: 7px 10px;
		position: sticky;
		top: 0;
		z-index: 999;
	}

	.tdl-mobile-team {
		align-items: center;
		background: #fff;
		border-radius: 50%;
		color: #111827;
		display: inline-flex;
		font-size: 14px;
		font-weight: 1000;
		height: 34px;
		justify-content: center;
		width: 34px;
	}

	.tdl-mobile-score {
		align-items: center;
		background: rgba(255,255,255,.07);
		border: 1px solid var(--tdl-border);
		border-radius: 14px;
		display: inline-flex;
		font-size: 22px;
		font-weight: 1000;
		justify-content: center;
		letter-spacing: -.03em;
		min-height: 38px;
		padding: 0 12px;
		white-space: nowrap;
	}

	.tdl-mobile-clock {
		background: linear-gradient(135deg, var(--tdl-primary), var(--tdl-primary-2));
		border-radius: 999px;
		color: #fff;
		font-size: 13px;
		font-weight: 1000;
		justify-self: end;
		max-width: 100%;
		overflow: hidden;
		padding: 8px 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tdl-live-scoreboard-wrap {
		position: relative !important;
		top: auto !important;
		z-index: 1 !important;
	}

	.tdl-premium-hero,
	.tdl-scoreboard {
		position: relative !important;
		top: auto !important;
	}

	.tdl-scoreboard {
		margin-top: 10px;
	}

	.tdl-scoreboard-teams {
		grid-template-columns: minmax(78px, 1fr) minmax(120px, auto) minmax(78px, 1fr);
		gap: 8px;
	}

	.tdl-team img,
	.tdl-crest-placeholder {
		height: 54px;
		width: 54px;
	}

	.tdl-team strong {
		font-size: 13px;
	}

	.tdl-progress-ring,
	.tdl-clock-core {
		height: 68px;
		width: 68px;
	}

	.tdl-progress-ring span,
	.tdl-clock-core span {
		font-size: 12px;
		max-width: 62px;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tdl-score {
		font-size: clamp(42px, 11vw, 58px);
	}

	.tdl-match-info-bar,
	.tdl-match-facts {
		grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
	}

	.tdl-event-filters {
		position: sticky;
		top: 58px;
		z-index: 10;
	}
}

@media (max-width: 420px) {
	.tdl-mobile-sticky-summary {
		grid-template-columns: 34px auto 34px minmax(58px, 1fr);
		gap: 6px;
		padding-inline: 8px;
	}

	.tdl-mobile-team {
		height: 30px;
		width: 30px;
	}

	.tdl-mobile-score {
		font-size: 19px;
		padding-inline: 9px;
	}

	.tdl-mobile-clock {
		font-size: 12px;
		padding: 7px 8px;
	}
}


/* TDL 0.4.3: dynamic final summary layout */
.tdl-final-report {
	container-type: inline-size;
}

.tdl-final-report .tdl-final-summary {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	text-wrap: pretty;
}

.tdl-final-report .tdl-final-summary,
.tdl-final-report .tdl-final-summary p {
	hyphens: auto;
	line-height: 1.72;
	overflow-wrap: anywhere;
	word-break: normal;
}

.tdl-final-report .tdl-final-summary p {
	margin: 0 0 1em;
}

.tdl-final-report .tdl-final-summary p:last-child {
	margin-bottom: 0;
}

.tdl-final-summary-layout-one {
	grid-template-columns: minmax(0, 1fr) !important;
}

.tdl-final-summary-layout-one .tdl-final-summary {
	max-width: min(100%, 82ch);
}

.tdl-final-summary-layout-auto .tdl-final-summary,
.tdl-final-summary-layout-two .tdl-final-summary,
.tdl-final-summary-layout-three .tdl-final-summary {
	column-fill: balance;
	column-gap: clamp(24px, 3.2vw, 54px);
	column-rule: 1px solid color-mix(in srgb, var(--tdl-border) 74%, transparent);
	grid-column: 1 / -1;
}

.tdl-final-summary-layout-auto .tdl-final-summary {
	columns: 1;
}

.tdl-final-summary-layout-two .tdl-final-summary {
	columns: 2 22rem;
}

.tdl-final-summary-layout-three .tdl-final-summary {
	columns: 3 18rem;
}

.tdl-final-summary-layout-feature {
	grid-template-columns: minmax(0, .82fr) minmax(280px, 1.18fr) !important;
	align-items: start;
}

.tdl-final-summary-layout-feature h2,
.tdl-final-summary-layout-feature .tdl-final-score {
	grid-column: 1;
}

.tdl-final-summary-layout-feature .tdl-final-summary {
	grid-column: 2;
	max-width: min(100%, 92ch);
}

@container (min-width: 780px) {
	.tdl-final-summary-layout-auto .tdl-final-summary {
		columns: 2 22rem;
	}
}

@container (min-width: 1120px) {
	.tdl-final-summary-layout-auto .tdl-final-summary {
		columns: 3 18rem;
	}
}

@media (max-width: 760px) {
	.tdl-final-summary-layout-auto .tdl-final-summary,
	.tdl-final-summary-layout-two .tdl-final-summary,
	.tdl-final-summary-layout-three .tdl-final-summary,
	.tdl-final-summary-layout-feature .tdl-final-summary {
		columns: 1 !important;
		column-rule: 0;
		grid-column: 1 / -1;
		max-width: 100%;
	}

	.tdl-final-summary-layout-feature {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.tdl-final-summary-layout-feature h2,
	.tdl-final-summary-layout-feature .tdl-final-score {
		grid-column: 1 / -1;
	}
}


/* TDL 0.5.4: standard 90-minute progress, separate stoppage time and mobile duplicate control */
.tdl-clock-stoppage {
	background: linear-gradient(135deg, var(--tdl-primary), var(--tdl-primary-2));
	border: 1px solid color-mix(in srgb, var(--tdl-primary-2) 50%, white);
	border-radius: 999px;
	box-shadow: 0 12px 26px color-mix(in srgb, var(--tdl-primary) 22%, transparent);
	color: #fff;
	font-size: 13px;
	font-weight: 1000;
	letter-spacing: .03em;
	line-height: 1;
	margin-top: -4px;
	padding: 7px 10px;
}

.tdl-progress-standard i:nth-of-type(1) { left: 50%; }
.tdl-progress-standard i:nth-of-type(2) { left: 100%; }
.tdl-progress-standard i:nth-of-type(3),
.tdl-progress-standard i:nth-of-type(4) { display: none; }
.tdl-progress-extended i:nth-of-type(1) { left: 37.5%; }
.tdl-progress-extended i:nth-of-type(2) { left: 75%; }
.tdl-progress-extended i:nth-of-type(3) { left: 87.5%; }
.tdl-progress-extended i:nth-of-type(4) { left: 100%; }

.tdl-brand-social {
	align-items: center;
	background: linear-gradient(135deg, var(--tdl-primary), var(--tdl-primary-2)) !important;
	box-shadow: 0 16px 36px color-mix(in srgb, var(--tdl-primary) 22%, transparent);
	display: inline-flex;
	gap: 8px;
}

.tdl-brand-social span {
	align-items: center;
	background: rgba(255,255,255,.16);
	border-radius: 50%;
	display: inline-flex;
	font-size: 13px;
	height: 22px;
	justify-content: center;
	line-height: 1;
	width: 22px;
}

@media (max-width: 780px) {
	.tdl-mobile-sticky-summary {
		display: none !important;
	}
	.tdl-live-match.tdl-mobile-summary-active .tdl-mobile-sticky-summary {
		display: grid !important;
	}
	.tdl-live-match.tdl-scoreboard-in-view .tdl-mobile-sticky-summary {
		display: none !important;
	}
}


/* TDL 0.5.4: live timing + mobile summary safeguards */
.tdl-mobile-sticky-summary {
	transition: opacity .22s ease, transform .22s ease;
}
.tdl-live-match.tdl-scoreboard-in-view .tdl-mobile-sticky-summary {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-6px);
}
.tdl-live-match.tdl-mobile-summary-active .tdl-mobile-sticky-summary {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
.tdl-clock-stoppage {
	align-self: center;
}
.tdl-match-progress.tdl-progress-standard i:nth-of-type(3),
.tdl-match-progress.tdl-progress-standard i:nth-of-type(4) {
	display: none;
}
.tdl-match-progress.tdl-progress-extended i {
	display: block;
}


/* TDL 0.5.4: stable timeline filters and filter-empty state */
.tdl-event-filters {
	pointer-events: auto;
	position: relative;
	z-index: 12;
}
.tdl-event-filters button {
	pointer-events: auto;
	user-select: none;
}
.tdl-filter-empty {
	background: color-mix(in srgb, var(--tdl-surface-2) 82%, transparent);
	border: 1px dashed var(--tdl-border);
	border-radius: 18px;
	box-sizing: border-box;
	color: var(--tdl-muted);
	font-weight: 800;
	grid-column: 1 / -1;
	margin: 0;
	padding: 18px;
	text-align: center;
}
.tdl-filter-empty[hidden] {
	display: none !important;
}


/* TDL 0.5.4: aggregate score and rounded stadium icon */
.tdl-aggregate-score {
	align-items: center;
	background: color-mix(in srgb, var(--tdl-surface-2) 82%, transparent);
	border: 1px solid var(--tdl-border);
	border-radius: 14px;
	display: inline-flex;
	gap: 8px;
	justify-content: center;
	margin-top: 8px;
	padding: 7px 12px;
}
.tdl-aggregate-score span {
	color: var(--tdl-muted);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.tdl-aggregate-score strong {
	color: var(--tdl-text);
	font-size: 15px;
	font-weight: 1000;
}
.tdl-stadium-photo,
.tdl-stadium-photo img,
.tdl-stadium-default-icon {
	border-radius: 20px !important;
}
.tdl-stadium-photo.is-default-stadium {
	border-radius: 20px !important;
}
.tdl-mobile-aggregate {
	background: rgba(255,255,255,.08);
	border: 1px solid var(--tdl-border);
	border-radius: 999px;
	color: var(--tdl-muted);
	font-size: 11px;
	font-weight: 900;
	grid-column: 1 / -1;
	justify-self: center;
	letter-spacing: .04em;
	padding: 4px 8px;
	text-transform: uppercase;
}
.tdl-mobile-aggregate[hidden] {
	display: none !important;
}
@media (max-width: 780px) {
	.tdl-aggregate-score {
		margin-top: 6px;
		padding: 6px 10px;
	}
	.tdl-aggregate-score strong {
		font-size: 13px;
	}
}


/* TDL 0.5.4: throw-in event + stadium rounded-square reinforcement */
.tdl-event-throw_in {
	border-left-color: #06b6d4;
}
.tdl-event-throw_in .tdl-event-icon {
	color: #06b6d4;
}
.tdl-stadium-photo,
.tdl-stadium-photo img,
.tdl-stadium-default-icon {
	border-radius: 18px !important;
}


/* TDL 0.5.4: mobile/home archive card containment */
.tdl-template,
.tdl-live-match,
.tdl-archive-template,
.tdl-archive-list,
.tdl-hub-card,
.tdl-hub-card-link,
.tdl-hub-card-inner,
.tdl-hub-score-grid,
.tdl-hub-team,
.tdl-hub-score,
.tdl-hub-meta,
.tdl-hub-matchline {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

.tdl-template,
.tdl-live-match,
.tdl-archive-template {
	overflow-x: clip;
}

.tdl-hub-card-link,
.tdl-hub-card-inner {
	width: 100%;
}

.tdl-hub-team strong,
.tdl-hub-meta span,
.tdl-hub-matchline span,
.tdl-hub-card-top span,
.tdl-hub-card-top time,
.tdl-card-cta {
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: normal;
}

.tdl-hub-team img,
.tdl-hub-team > span {
	flex: 0 0 auto;
}

@media (max-width: 900px) {
	.tdl-archive-hero,
	.tdl-archive-controls,
	.tdl-archive-list,
	.tdl-pagination,
	.tdl-empty-hub {
		width: min(100% - 20px, 1040px);
	}

	.tdl-hub-card,
	.tdl-hub-card-link {
		border-radius: 22px;
	}

	.tdl-hub-card.is-featured .tdl-hub-card-link,
	.tdl-hub-card-link {
		min-height: 0;
	}

	.tdl-hub-card-inner {
		gap: 14px;
		padding: clamp(16px, 4vw, 22px);
	}

	.tdl-hub-card-top,
	.tdl-hub-matchline,
	.tdl-hub-meta {
		gap: 7px;
	}

	.tdl-hub-score-grid {
		align-items: stretch;
		grid-template-columns: minmax(0, 1fr) !important;
		justify-items: stretch;
	}

	.tdl-hub-team,
	.tdl-hub-team:last-child {
		direction: ltr !important;
		grid-template-columns: 48px minmax(0, 1fr);
		justify-items: start;
		text-align: left !important;
	}

	.tdl-hub-team:last-child strong {
		direction: ltr !important;
	}

	.tdl-hub-team img,
	.tdl-hub-team > span {
		border-radius: 14px;
		height: 48px;
		width: 48px;
	}

	.tdl-hub-team strong {
		font-size: clamp(17px, 5vw, 24px);
		line-height: 1.08;
	}

	.tdl-hub-score {
		border-radius: 20px;
		font-size: clamp(34px, 12vw, 54px);
		justify-self: center;
		max-width: min(100%, 240px);
		padding: 12px 16px;
		width: 100%;
	}

	.tdl-card-cta {
		align-self: stretch;
		min-height: 48px;
		text-align: center;
		width: 100%;
	}
}

@media (max-width: 520px) {
	.tdl-archive-hero,
	.tdl-archive-controls,
	.tdl-archive-list,
	.tdl-pagination,
	.tdl-empty-hub {
		width: min(100% - 16px, 1040px);
	}

	.tdl-hub-card,
	.tdl-hub-card-link {
		border-radius: 20px;
	}

	.tdl-hub-card-inner {
		padding: 15px;
	}

	.tdl-status-badge,
	.tdl-meta-pill,
	.tdl-minute-pill,
	.tdl-final-pill,
	.tdl-hub-card-top time {
		font-size: 11px;
		padding: 6px 8px;
	}

	.tdl-hub-team {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.tdl-hub-team img,
	.tdl-hub-team > span {
		border-radius: 12px;
		height: 42px;
		width: 42px;
	}

	.tdl-hub-team strong {
		font-size: clamp(16px, 6vw, 21px);
	}

	.tdl-hub-score {
		font-size: clamp(30px, 14vw, 46px);
		max-width: 190px;
		padding: 10px 12px;
	}

	.tdl-hub-meta {
		font-size: 13px;
	}
}

@media (max-width: 380px) {
	.tdl-hub-card-inner {
		padding: 12px;
	}

	.tdl-hub-score {
		max-width: 170px;
	}

	.tdl-card-cta {
		font-size: 13px;
		padding-inline: 12px;
	}
}


/* TDL 0.5.4: definitive mobile/home containment for live match cards */
html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

.tdl-template,
.tdl-archive-template,
.tdl-archive-list,
.tdl-hub-card,
.tdl-hub-card * {
	box-sizing: border-box;
}

.tdl-hub-card {
	container-type: inline-size;
	inline-size: 100%;
	max-inline-size: 100%;
	min-inline-size: 0;
	overflow: hidden;
}

.tdl-hub-card-link,
.tdl-hub-card-inner,
.tdl-hub-card-bg,
.tdl-hub-score-grid,
.tdl-hub-team,
.tdl-hub-score,
.tdl-hub-meta,
.tdl-hub-matchline,
.tdl-hub-card-top,
.tdl-card-cta {
	max-inline-size: 100%;
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

.tdl-hub-card-link {
	inline-size: 100%;
	overflow: hidden;
}

.tdl-hub-card-inner {
	overflow: hidden;
}

.tdl-hub-score-grid {
	inline-size: 100%;
}

.tdl-hub-team strong,
.tdl-hub-meta span,
.tdl-hub-matchline span,
.tdl-hub-card-top span,
.tdl-hub-card-top time {
	display: inline-block;
	max-inline-size: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.tdl-card-cta {
	white-space: normal;
}

@media (max-width: 1180px) {
	.tdl-archive-list {
		grid-template-columns: minmax(0, 1fr) !important;
		inline-size: min(100%, calc(100vw - 20px));
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}

	.tdl-hub-score-grid {
		align-items: stretch !important;
		grid-template-columns: minmax(0, 1fr) !important;
		justify-items: stretch !important;
	}

	.tdl-hub-team,
	.tdl-hub-team:last-child {
		direction: ltr !important;
		grid-template-columns: 44px minmax(0, 1fr) !important;
		inline-size: 100%;
		justify-items: start !important;
		text-align: left !important;
	}

	.tdl-hub-team:last-child strong {
		direction: ltr !important;
	}

	.tdl-hub-score {
		font-size: clamp(30px, 12vw, 48px) !important;
		inline-size: min(100%, 240px) !important;
		justify-self: center !important;
		padding: 10px 14px !important;
	}

	.tdl-card-cta {
		align-self: stretch !important;
		inline-size: 100% !important;
		justify-content: center !important;
		text-align: center !important;
	}
}

@container (max-width: 760px) {
	.tdl-hub-card-inner {
		gap: 14px !important;
		padding: clamp(14px, 4vw, 18px) !important;
	}

	.tdl-hub-card-top,
	.tdl-hub-matchline,
	.tdl-hub-meta {
		align-items: flex-start !important;
		flex-direction: column !important;
	}

	.tdl-hub-score-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	.tdl-hub-team,
	.tdl-hub-team:last-child {
		direction: ltr !important;
		grid-template-columns: 42px minmax(0, 1fr) !important;
		text-align: left !important;
	}

	.tdl-hub-team img,
	.tdl-hub-team > span {
		border-radius: 12px !important;
		height: 42px !important;
		width: 42px !important;
	}

	.tdl-hub-team strong {
		font-size: clamp(16px, 5.6vw, 21px) !important;
		line-height: 1.1 !important;
	}

	.tdl-hub-score {
		border-radius: 18px !important;
		font-size: clamp(30px, 12vw, 46px) !important;
		inline-size: min(100%, 220px) !important;
		justify-self: center !important;
	}

	.tdl-hub-meta {
		font-size: 13px !important;
	}
}

@media (max-width: 430px) {
	.tdl-archive-hero,
	.tdl-archive-controls,
	.tdl-archive-list,
	.tdl-pagination,
	.tdl-empty-hub {
		inline-size: min(100%, calc(100vw - 18px)) !important;
		max-inline-size: calc(100vw - 18px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.tdl-hub-card-link {
		border-radius: 18px !important;
	}

	.tdl-hub-card-inner {
		padding: 14px !important;
	}

	.tdl-hub-team {
		grid-template-columns: 40px minmax(0, 1fr) !important;
	}

	.tdl-hub-team img,
	.tdl-hub-team > span {
		height: 40px !important;
		width: 40px !important;
	}

	.tdl-hub-score {
		font-size: clamp(28px, 12vw, 42px) !important;
		inline-size: min(100%, 190px) !important;
	}
}


/* TDL 0.5.4: definitive mobile containment for theme/home live cards */
.td-live-home,
.td-live-home *,
.td-live-home__cards,
.td-live-card,
.td-live-card *,
.td-live-card__link,
.td-live-card__body,
.td-live-card__matchup,
.td-live-card__footer {
	box-sizing: border-box;
}

.td-live-home,
.td-live-home__cards,
.td-live-card,
.td-live-card__link,
.td-live-card__body {
	max-width: 100%;
	min-width: 0;
}

.td-live-home,
.td-live-home__cards {
	overflow-x: clip;
	width: 100%;
}

.td-live-home__cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(16px, 3vw, 26px);
}

.td-live-card {
	contain: layout paint;
	overflow: hidden;
	width: 100%;
}

.td-live-card__link {
	display: grid;
	overflow: hidden;
	text-decoration: none;
	width: 100%;
}

.td-live-card__media,
.td-live-card__media img {
	max-width: 100%;
	overflow: hidden;
}

.td-live-card__media img {
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.td-live-card__body,
.td-live-card__topline,
.td-live-card__matchup,
.td-live-card__details,
.td-live-card__footer,
.td-live-team,
.td-live-score {
	min-width: 0;
	max-width: 100%;
}

.td-live-team strong,
.td-live-card__details span,
.td-live-card__footer h3,
.td-live-status,
.td-live-cta {
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: normal;
}

@media (max-width: 700px) {
	html,
	body {
		overflow-x: hidden;
	}

	.td-live-home {
		padding-left: max(14px, env(safe-area-inset-left));
		padding-right: max(14px, env(safe-area-inset-right));
	}

	.td-live-home__cards {
		grid-template-columns: minmax(0, 1fr) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.td-live-card {
		border-radius: 24px;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.td-live-card__link {
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
	}

	.td-live-card__media {
		aspect-ratio: 16 / 9;
		border-radius: 18px 18px 0 0;
		width: 100% !important;
	}

	.td-live-card__media img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	.td-live-card__body {
		padding: 18px 14px 0 !important;
		width: 100% !important;
	}

	.td-live-card__topline {
		display: flex !important;
		justify-content: flex-end;
		gap: 8px;
		width: 100%;
	}

	.td-live-status {
		font-size: 12px !important;
		line-height: 1.1;
		padding: 9px 14px !important;
		white-space: normal !important;
	}

	.td-live-card__matchup {
		align-items: center !important;
		display: grid !important;
		gap: 12px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		justify-items: stretch !important;
		padding-top: 14px;
		width: 100% !important;
	}

	.td-live-team,
	.td-live-team--away {
		align-items: center !important;
		display: grid !important;
		gap: 10px !important;
		grid-template-columns: 46px minmax(0, 1fr) !important;
		justify-items: start !important;
		text-align: left !important;
		width: 100% !important;
	}

	.td-live-team img,
	.td-live-crest-fallback {
		border-radius: 14px !important;
		height: 46px !important;
		width: 46px !important;
	}

	.td-live-team strong {
		display: block;
		font-size: clamp(16px, 4.8vw, 22px) !important;
		line-height: 1.15;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

	.td-live-score {
		align-items: center !important;
		border-radius: 20px !important;
		display: inline-flex !important;
		font-size: clamp(30px, 10vw, 46px) !important;
		gap: .18em;
		justify-content: center !important;
		justify-self: stretch !important;
		line-height: 1;
		margin: 2px 0 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 12px 16px !important;
		width: 100% !important;
	}

	.td-live-card__details {
		display: grid !important;
		gap: 10px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		margin-top: 14px;
		width: 100%;
	}

	.td-live-clock {
		justify-self: start;
		max-width: 100%;
	}

	.td-live-card__details span:not(.td-live-clock) {
		display: block;
		font-size: clamp(14px, 4.5vw, 18px) !important;
		line-height: 1.25;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

	.td-live-card__footer {
		display: grid !important;
		gap: 14px;
		grid-template-columns: minmax(0, 1fr) !important;
		margin-top: 18px;
		padding-top: 16px;
		width: 100% !important;
	}

	.td-live-card__footer h3 {
		display: -webkit-box;
		font-size: clamp(16px, 4.8vw, 22px) !important;
		line-height: 1.22 !important;
		margin: 0 !important;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		white-space: normal !important;
		width: 100%;
	}

	.td-live-cta {
		align-items: center !important;
		display: flex !important;
		justify-content: center !important;
		margin-left: 0 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 14px 16px !important;
		text-align: center !important;
		white-space: normal !important;
		width: 100% !important;
	}
}

@media (max-width: 380px) {
	.td-live-card__body {
		padding-inline: 12px !important;
	}

	.td-live-team,
	.td-live-team--away {
		grid-template-columns: 40px minmax(0, 1fr) !important;
	}

	.td-live-team img,
	.td-live-crest-fallback {
		height: 40px !important;
		width: 40px !important;
	}

	.td-live-score {
		font-size: clamp(28px, 9.4vw, 38px) !important;
		padding: 11px 12px !important;
	}
}


/* TDL 0.5.4: optimized mobile matchup row - team | score | team */
@media (max-width: 700px) {
	.td-live-card__matchup {
		align-items: center !important;
		display: grid !important;
		gap: clamp(6px, 1.8vw, 10px) !important;
		grid-template-columns: minmax(0, 1fr) minmax(82px, 112px) minmax(0, 1fr) !important;
		justify-items: stretch !important;
		padding-top: 14px !important;
		width: 100% !important;
	}

	.td-live-team,
	.td-live-team--away {
		align-items: center !important;
		display: grid !important;
		gap: 6px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		justify-items: center !important;
		text-align: center !important;
		width: 100% !important;
	}

	.td-live-team img,
	.td-live-crest-fallback {
		border-radius: 12px !important;
		height: clamp(30px, 8.5vw, 38px) !important;
		margin: 0 auto !important;
		width: clamp(30px, 8.5vw, 38px) !important;
	}

	.td-live-team strong {
		display: -webkit-box !important;
		font-size: clamp(13px, 3.8vw, 18px) !important;
		font-weight: 900 !important;
		line-height: 1.1 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
		text-align: center !important;
		text-overflow: ellipsis !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
		white-space: normal !important;
		width: 100% !important;
	}

	.td-live-score {
		align-items: center !important;
		align-self: center !important;
		border-radius: 18px !important;
		display: inline-flex !important;
		font-size: clamp(26px, 8.2vw, 40px) !important;
		font-weight: 1000 !important;
		gap: .16em !important;
		justify-content: center !important;
		justify-self: center !important;
		line-height: 1 !important;
		margin: 0 !important;
		max-width: 112px !important;
		min-height: 58px !important;
		min-width: 82px !important;
		padding: 10px 8px !important;
		white-space: nowrap !important;
		width: 100% !important;
	}

	.td-live-score span,
	.td-live-score i {
		line-height: 1 !important;
	}
}

@media (max-width: 390px) {
	.td-live-card__body {
		padding-inline: 12px !important;
	}

	.td-live-card__matchup {
		gap: 5px !important;
		grid-template-columns: minmax(0, 1fr) minmax(72px, 90px) minmax(0, 1fr) !important;
	}

	.td-live-team img,
	.td-live-crest-fallback {
		height: 28px !important;
		width: 28px !important;
	}

	.td-live-team strong {
		font-size: clamp(12px, 3.55vw, 15px) !important;
	}

	.td-live-score {
		border-radius: 15px !important;
		font-size: clamp(23px, 7.5vw, 32px) !important;
		max-width: 90px !important;
		min-height: 50px !important;
		min-width: 72px !important;
		padding: 9px 6px !important;
	}
}

@media (max-width: 340px) {
	.td-live-card__matchup {
		grid-template-columns: minmax(0, 1fr) minmax(66px, 78px) minmax(0, 1fr) !important;
	}

	.td-live-team img,
	.td-live-crest-fallback {
		height: 24px !important;
		width: 24px !important;
	}

	.td-live-team strong {
		font-size: 11px !important;
	}

	.td-live-score {
		font-size: 24px !important;
		max-width: 78px !important;
		min-height: 46px !important;
		min-width: 66px !important;
	}
}


/* TDL 0.5.4: centered time + stadium line in home live cards */
.td-live-card__details {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.td-live-card__details .td-live-clock,
.td-live-card__details span {
	max-width: 100%;
	min-width: 0;
	text-align: center;
}

.td-live-card__details span:not(.td-live-clock) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 700px) {
	.td-live-card__details {
		align-items: center !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
		justify-content: center !important;
		margin-inline: auto !important;
		margin-top: 14px !important;
		max-width: 100% !important;
		text-align: center !important;
		width: 100% !important;
	}

	.td-live-card__details .td-live-clock {
		flex: 0 0 auto !important;
		justify-self: auto !important;
		max-width: 72px !important;
		min-width: 0 !important;
		text-align: center !important;
		white-space: nowrap !important;
	}

	.td-live-card__details span:not(.td-live-clock) {
		display: block !important;
		flex: 0 1 auto !important;
		font-size: clamp(14px, 4.1vw, 18px) !important;
		line-height: 1.2 !important;
		max-width: calc(100% - 84px) !important;
		min-width: 0 !important;
		overflow: hidden !important;
		text-align: center !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		width: auto !important;
	}
}

@media (max-width: 360px) {
	.td-live-card__details {
		flex-wrap: wrap !important;
	}
	.td-live-card__details .td-live-clock,
	.td-live-card__details span:not(.td-live-clock) {
		max-width: 100% !important;
	}
}