/* Live-Liga-Tabelle (Senior) */
.ltl-wrap {
	--ltl-gold: #d4af37;
	--ltl-text: #f2dfcc;
	--ltl-muted: rgba(242, 223, 204, 0.68);
	--ltl-meister: #1e7a3c;
	--ltl-cl: #2f6faa;
	--ltl-el: #d4a017;
	--ltl-down: #b52a2a;
	margin-top: 4px;
}

.ltl-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
	gap: 14px 18px;
	padding: 14px 16px;
	margin-bottom: 12px;
	border: 1px solid rgba(255, 215, 160, 0.28);
	border-radius: 10px;
	background: linear-gradient(145deg, rgba(48, 14, 14, 0.95), rgba(16, 6, 6, 0.92));
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

@media (max-width: 860px) {
	.ltl-hero { grid-template-columns: 1fr; }
}

.ltl-hero__title {
	margin: 0 0 6px;
	font-size: 20px;
	color: #ffe9c4;
}

.ltl-hero__meta span {
	margin-right: 12px;
	color: var(--ltl-muted);
	font-size: 12px;
}

.ltl-live {
	margin: 8px 0 0;
	color: #ffb4b4;
	font-size: 12px;
	font-weight: 700;
}

.ltl-live__dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	border-radius: 50%;
	background: #ff4444;
	animation: ltl-pulse 1.2s ease-in-out infinite;
}

@keyframes ltl-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.45; transform: scale(0.85); }
}

.ltl-hero__stats {
	display: grid;
	gap: 8px;
}

.ltl-kpi {
	padding: 8px 10px;
	border-radius: 8px;
	border: 1px solid rgba(255, 215, 160, 0.16);
	background: rgba(0, 0, 0, 0.22);
}

.ltl-kpi b {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffd47e;
	margin-bottom: 3px;
}

.ltl-kpi span {
	font-size: 12px;
	color: var(--ltl-text);
}

.ltl-table-scroll {
	max-height: 72vh;
	overflow: auto;
	border: 1px solid rgba(255, 215, 160, 0.2);
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.18);
}

.ltl-table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0 8px;
}

.ltl-thead th {
	position: sticky;
	top: 0;
	z-index: 3;
	padding: 12px 10px;
	font-size: 11px;
	text-transform: uppercase;
	color: #ffdfaa;
	background: linear-gradient(180deg, rgba(90, 18, 18, 0.98), rgba(50, 10, 10, 0.98));
	border-bottom: 1px solid rgba(255, 215, 160, 0.25);
}

.ltl-th-team { min-width: 240px; text-align: left; }
.ltl-th-rank { width: 64px; }
.ltl-th-form { width: 72px; }

.ltl-row td {
	padding: 12px 10px;
	vertical-align: middle;
	background: rgba(12, 6, 6, 0.72);
	border-top: 1px solid rgba(255, 215, 160, 0.08);
	border-bottom: 1px solid rgba(255, 215, 160, 0.08);
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ltl-row td:first-child {
	border-left: 1px solid rgba(255, 215, 160, 0.08);
	border-radius: 8px 0 0 8px;
	box-shadow: inset 4px 0 0 var(--ltl-accent, transparent);
}

.ltl-row td:last-child {
	border-right: 1px solid rgba(255, 215, 160, 0.08);
	border-radius: 0 8px 8px 0;
}

.ltl-row:hover td {
	background: rgba(28, 10, 10, 0.92);
	box-shadow: inset 4px 0 0 var(--ltl-accent, transparent), 0 0 0 1px rgba(212, 175, 55, 0.35), 0 6px 18px rgba(0, 0, 0, 0.35);
	transform: translateY(-1px);
}

.ltl-row--meister td { background: linear-gradient(90deg, rgba(30, 122, 60, 0.18), rgba(12, 6, 6, 0.72)); }
.ltl-row--cl td { background: linear-gradient(90deg, rgba(47, 111, 170, 0.16), rgba(12, 6, 6, 0.72)); }
.ltl-row--el td { background: linear-gradient(90deg, rgba(212, 160, 23, 0.16), rgba(12, 6, 6, 0.72)); }
.ltl-row--down td { background: linear-gradient(90deg, rgba(181, 42, 42, 0.2), rgba(12, 6, 6, 0.72)); }

.ltl-row--live .ltl-pts { box-shadow: 0 0 12px rgba(255, 212, 126, 0.45); }

.ltl-td-rank {
	width: 64px;
	white-space: nowrap;
}

.ltl-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.1);
	font-weight: 800;
	color: #fff;
}

.ltl-zone-tag {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 5px;
	border-radius: 4px;
	font-size: 9px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.02em;
	vertical-align: middle;
	color: #fff;
}

.ltl-zone-tag--meister { background: var(--ltl-meister); }
.ltl-zone-tag--cl { background: var(--ltl-cl); }
.ltl-zone-tag--el { background: var(--ltl-el); color: #1a1200; }
.ltl-zone-tag--down { background: var(--ltl-down); }

.ltl-team {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 240px;
}

.ltl-team__logo {
	position: relative;
	flex-shrink: 0;
}

.ltl-team__logo > img:first-child {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.ltl-team__mgr {
	position: absolute;
	right: -4px;
	bottom: -4px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid rgba(255, 215, 160, 0.4);
	object-fit: cover;
}

.ltl-team__name {
	display: block;
	font-size: 15px;
	font-weight: 800;
	color: #ffe9c4;
	text-decoration: none;
	line-height: 1.25;
}

.ltl-team__name:hover { color: #fff; text-decoration: underline; }

.ltl-team__mgrname {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	color: var(--ltl-muted);
	text-decoration: none;
}

.ltl-team__mgrname:hover { color: #ffdfaa; }

.ltl-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 6px;
}

.ltl-badge {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 999px;
	font-size: 10px;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 215, 160, 0.18);
	color: #f0dfc7;
}

.ltl-badge--gold { border-color: rgba(212, 175, 55, 0.45); color: #ffe9a8; }
.ltl-badge--fire { border-color: rgba(255, 120, 60, 0.4); color: #ffd0b0; }

.ltl-formdots { display: flex; gap: 4px; flex-wrap: wrap; }
.ltl-dot {
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 10px;
	font-weight: 800;
	border-radius: 3px;
	color: #fff;
}
.ltl-dot.is-w { background: #268a43; }
.ltl-dot.is-d { background: #8b6f1d; }
.ltl-dot.is-l { background: #a12b2b; }

.ltl-td-goals { white-space: nowrap; color: #f0dfc7; }
.ltl-td-diff.is-pos { color: #9de3a7; font-weight: 700; }
.ltl-td-diff.is-neg { color: #f2a1a1; font-weight: 700; }

.ltl-pts {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(212, 175, 55, 0.35), rgba(120, 90, 20, 0.25));
	border: 1px solid rgba(212, 175, 55, 0.45);
	font-weight: 800;
	color: #ffe9a8;
}

.ltl-pts--pulse { animation: ltl-pts-pulse 1.4s ease-in-out infinite; }
@keyframes ltl-pts-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.06); }
}

.ltl-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	margin-top: 12px;
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid rgba(255, 215, 160, 0.18);
	background: rgba(0, 0, 0, 0.2);
}

.ltl-legend__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--ltl-text);
}

.ltl-legend__swatch {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	border-radius: 3px;
}

.ltl-legend__text strong {
	color: #ffe9c4;
	font-weight: 700;
}

.ltl-legend__range {
	color: var(--ltl-muted);
	font-size: 11px;
}

.lc-list a { color: #ffdfaa; text-decoration: none; }
.lc-list a:hover { text-decoration: underline; color: #fff; }
.lc-topstat-name a { color: #f2e3cb; text-decoration: none; }
.lc-topstat-name a:hover { color: #ffd47e; text-decoration: underline; }
