/* Champions Football Manager – Matchcenter & Liveticker */

.mc-page {
	--mc-red: #7a0f0f;
	--mc-red-dark: #4a0808;
	--mc-gold: #c9a227;
	--mc-gold-glow: rgba(201, 162, 39, 0.45);
	--mc-bg: rgba(0, 0, 0, 0.35);
	--mc-border: rgba(122, 15, 15, 0.55);
	--mc-text: #f0e6d2;
	--mc-muted: #b8a898;
}

/* Tactical analysis dashboard */
.mc-ta-dashboard {
	--ta-bg: #071321;
	--ta-panel: #091827;
	--ta-line: #20364a;
	--ta-muted: #8ea2b4;
	--ta-home: #2e79df;
	--ta-guest: #ed4b45;
	--ta-good: #78c947;
	--ta-warn: #e5ae2d;
	display: grid;
	gap: 10px;
	padding: 10px 0 20px;
	color: #dbe5ed;
}

.mc-ta-primary {
	display: grid;
	grid-template-columns: minmax(520px, 1fr) minmax(520px, 1fr);
	align-items: start;
	gap: 10px;
}

.mc-ta-mainstack {
	display: grid;
	align-content: start;
	gap: 10px;
	min-width: 0;
}

.mc-ta-panel {
	min-width: 0;
	border: 1px solid var(--ta-line);
	border-radius: 6px;
	background: var(--ta-panel);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

.mc-ta-panel h2,
.mc-ta-panel h3,
.mc-ta-panel p { letter-spacing: 0; }

.mc-ta-panel__head {
	padding: 13px 15px 11px;
	border-bottom: 1px solid var(--ta-line);
}

.mc-ta-panel__head h2,
.mc-ta-view-head h2,
.mc-ta-performance > header h2,
.mc-ta-matchups > h2,
.mc-ta-info > h2,
.mc-ta-timeline > header h2,
.mc-ta-interventions > header h2 {
	margin: 0;
	color: #f4f7fa;
	font-size: 15px;
	font-weight: 850;
	text-transform: uppercase;
}

.mc-ta-panel__head p {
	margin: 3px 0 0;
	color: var(--ta-muted);
	font-size: 11px;
}

.mc-ta-kicker {
	padding: 9px 15px 6px;
	color: #b4c1cc;
	font-size: 10px;
	text-transform: uppercase;
}

.mc-ta-factors { padding: 0 9px; }

.mc-ta-factor {
	display: grid;
	grid-template-columns: 28px 42px minmax(180px, 1fr) auto minmax(105px, .34fr);
	align-items: center;
	gap: 9px;
	min-height: 74px;
	padding: 7px 8px;
	border: 1px solid var(--ta-line);
	border-radius: 5px;
	background: #0a1928;
}

.mc-ta-factor + .mc-ta-factor { margin-top: 7px; }

.mc-ta-factor__number {
	display: grid;
	width: 25px;
	height: 25px;
	place-items: center;
	border: 1px solid #607082;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
}

.mc-ta-factor__signal {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 50%;
	background: #2d65aa;
}

.mc-ta-factor__signal span {
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, .16);
}

.mc-ta-factor.mc-state--success .mc-ta-factor__signal { background: #559e37; }
.mc-ta-factor.mc-state--balanced .mc-ta-factor__signal { background: #b98618; }
.mc-ta-factor.mc-state--problem .mc-ta-factor__signal,
.mc-ta-factor.mc-state--critical .mc-ta-factor__signal { background: #bb403c; }

.mc-ta-factor__copy h3 {
	margin: 0 0 3px;
	color: #72a9ef;
	font-size: 13px;
	font-weight: 700;
}

.mc-ta-factor.mc-state--success .mc-ta-factor__copy h3 { color: #81d557; }
.mc-ta-factor.mc-state--balanced .mc-ta-factor__copy h3 { color: #e6ba43; }
.mc-ta-factor.mc-state--problem .mc-ta-factor__copy h3,
.mc-ta-factor.mc-state--critical .mc-ta-factor__copy h3 { color: #ff746d; }

.mc-ta-factor__copy p {
	margin: 0;
	color: #c4d0da;
	font-size: 10px;
	line-height: 1.38;
}

.mc-ta-badge {
	align-self: start;
	padding: 4px 7px;
	border: 1px solid #315b90;
	border-radius: 3px;
	color: #7fb3f3;
	font-size: 8px;
	font-weight: 800;
	text-transform: uppercase;
}

.mc-state--success .mc-ta-badge { border-color: #477a2c; color: #89d15b; }
.mc-state--balanced .mc-ta-badge { border-color: #745f21; color: #e3b93e; }
.mc-state--problem .mc-ta-badge,
.mc-state--critical .mc-ta-badge { border-color: #813a37; color: #ff7770; }

.mc-ta-factor__stats {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	min-width: 0;
}

.mc-ta-factor__stats > div {
	min-width: 43px;
	padding: 0 5px;
	border-left: 1px solid #26394c;
	text-align: center;
}

.mc-ta-factor__stats strong,
.mc-ta-factor__stats span { display: block; }
.mc-ta-factor__stats strong { color: #f6f8fa; font-size: 17px; }
.mc-ta-factor__stats span { color: #a3b2bf; font-size: 8px; line-height: 1.2; }

.mc-ta-result {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 112px;
	align-items: center;
	gap: 10px;
	margin: 8px 9px 9px;
	padding: 10px 13px;
	border: 1px solid #735b18;
	border-radius: 4px;
	background: #111c24;
}

.mc-ta-result__icon { color: #e8b72e; font-size: 25px; text-align: center; }
.mc-ta-result > div > span { color: #e7bd45; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.mc-ta-result h3 { margin: 2px 0; color: #fff; font-size: 13px; }
.mc-ta-result p { margin: 0; color: #c6d2dc; font-size: 10px; line-height: 1.4; }

.mc-ta-result__grade {
	padding-left: 10px;
	border-left: 1px solid #4c482d;
	text-align: center;
}

.mc-ta-result__grade small,
.mc-ta-result__grade strong,
.mc-ta-result__grade span { display: block; }
.mc-ta-result__grade small { color: #d5bb65; font-size: 8px; line-height: 1.25; }
.mc-ta-result__grade strong { display: grid; width: 48px; height: 48px; margin: 3px auto; place-items: center; border: 2px solid #d5ad35; border-radius: 50%; color: #fff; font-size: 18px; }
.mc-ta-result__grade span { color: #8fa1b0; font-size: 8px; }

.mc-ta-side { display: grid; gap: 10px; min-width: 0; }

.mc-ta-view-head {
	display: grid;
	grid-template-columns: auto minmax(300px, 1fr);
	align-items: center;
	gap: 18px;
	padding: 9px 14px;
}

.mc-ta-view-tabs { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #263b50; border-radius: 4px; overflow: hidden; }
.mc-ta-view-tabs button { min-height: 30px; padding: 5px 10px; border: 0; border-right: 1px solid #263b50; background: #0b1723; color: #b6c1cb; font: inherit; font-size: 10px; font-weight: 800; text-transform: uppercase; cursor: pointer; }
.mc-ta-view-tabs button:last-child { border-right: 0; }
.mc-ta-view-tabs button.is-active { background: #164887; color: #fff; }

.mc-ta-view-panel { padding: 0 12px 9px; }
.mc-ta-view-panel[hidden] { display: none !important; }
.mc-ta-view-panel[data-analysis-panel="rooms"] { padding-right: 30px; padding-left: 30px; }

.mc-ta-pitch {
	position: relative;
	min-height: 245px;
	border: 1px solid #617f6a;
	background-color: #1d4835;
	background-image: linear-gradient(90deg, transparent 49.7%, rgba(219,235,219,.42) 50%, transparent 50.3%), linear-gradient(0deg, transparent 49.7%, rgba(219,235,219,.18) 50%, transparent 50.3%);
	overflow: visible;
}

.mc-ta-pitch::before {
	content: "";
	position: absolute;
	inset: 11% 0;
	border-top: 1px solid rgba(228, 239, 228, .45);
	border-bottom: 1px solid rgba(228, 239, 228, .45);
	pointer-events: none;
}

.mc-ta-pitch::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 66px;
	height: 66px;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(228, 239, 228, .55);
	border-radius: 50%;
	pointer-events: none;
}

.mc-ta-room-grid { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); }
.mc-ta-room { display: grid; place-content: center; border-right: 1px solid rgba(222,235,222,.34); border-bottom: 1px solid rgba(222,235,222,.34); text-align: center; }
.mc-ta-room span { color: #e8edf1; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.mc-ta-room strong { color: #fff; font-size: 20px; }
.mc-ta-room--home { background: rgba(31, 104, 196, .48); }
.mc-ta-room--guest { background: rgba(197, 53, 43, .5); }
.mc-ta-room--equal { background: rgba(180, 135, 27, .26); }

.mc-ta-team-edge { position: absolute; top: 50%; z-index: 3; color: #fff; font-size: 9px; font-weight: 800; text-transform: uppercase; writing-mode: vertical-rl; }
.mc-ta-team-edge--home { left: -30px; transform: translateY(-50%) rotate(180deg); color: #4c91ed; }
.mc-ta-team-edge--guest { right: -30px; transform: translateY(-50%); color: #f15e57; }

.mc-ta-legend { display: flex; justify-content: space-around; gap: 8px; padding: 7px 0 0; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.mc-ta-legend .is-home, .mc-ta-team-key .is-home { color: #4a8fe9; }
.mc-ta-legend .is-equal { color: #e2ae29; }
.mc-ta-legend .is-guest, .mc-ta-team-key .is-guest { color: #f15c54; }

.mc-ta-pitch--pressing { display: grid; grid-template-columns: repeat(3, 1fr); }
.mc-ta-press-third { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 7px; padding: 14px; border-right: 1px solid rgba(222,235,222,.35); background: rgba(5, 24, 19, .3); }
.mc-ta-press-third:last-child { border-right: 0; }
.mc-ta-press-third > span { grid-column: 1/-1; color: #d7e2da; font-size: 9px; text-align: center; text-transform: uppercase; }
.mc-ta-press-third strong { color: #fff; font-size: 27px; text-align: center; }
.mc-ta-press-third i { grid-column: 1/-1; grid-row: 3; color: #a5b7aa; font-size: 8px; font-style: normal; text-align: center; }
.mc-ta-press-summary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 8px; }
.mc-ta-press-summary > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.mc-ta-press-summary strong { grid-column: 1/-1; color: #fff; }
.mc-ta-press-summary span { padding: 5px; border-left: 2px solid #376ea8; color: #aebdca; font-size: 9px; }

.mc-ta-route-board { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; min-height: 245px; padding: 8px; border: 1px solid #24415c; background: #071522; }
.mc-ta-route-board section + section { border-left: 1px solid #263c50; padding-left: 14px; }
.mc-ta-route-board h3 { margin: 2px 0 10px; color: #fff; font-size: 11px; }
.mc-ta-route { display: grid; grid-template-columns: 68px 62px 1fr 62px 58px 42px; align-items: center; gap: 5px; min-height: 58px; border-top: 1px solid #22374b; color: #aab9c6; font-size: 8px; }
.mc-ta-route strong { color: #e8eef3; }
.mc-ta-route i { position: relative; height: 2px; background: #326da8; }
.mc-ta-route i::after { content: ""; position: absolute; right: -1px; top: -3px; border-width: 4px 0 4px 6px; border-style: solid; border-color: transparent transparent transparent #326da8; }
.mc-ta-route b { color: #e1b541; font-weight: 700; }
.mc-ta-route em { color: #7fd058; font-style: normal; font-weight: 700; }

.mc-ta-performance { padding: 0 13px 11px; }
.mc-ta-performance > header { display: flex; align-items: center; gap: 7px; padding: 10px 0 5px; }
.mc-ta-performance > header h2 small { color: #8ea1b2; font-size: 9px; font-weight: 500; }
.mc-ta-performance > header > span { display: grid; width: 15px; height: 15px; place-items: center; border: 1px solid #607083; border-radius: 50%; color: #9eafbd; font-size: 9px; }
.mc-ta-performance__body { display: grid; grid-template-columns: minmax(225px, .8fr) minmax(300px, 1.2fr); gap: 18px; align-items: center; }

.mc-ta-radar { position: relative; min-height: 225px; }
.mc-ta-radar svg { position: absolute; inset: 17px 28px; width: calc(100% - 56px); height: calc(100% - 34px); overflow: visible; }
.mc-ta-radar line, .mc-ta-radar__grid { fill: none; stroke: #607386; stroke-width: .7; }
.mc-ta-radar__grid--inner { stroke: #34485c; }
.mc-ta-radar__team { stroke-width: 2; }
.mc-ta-radar__team--home { fill: rgba(42, 116, 217, .25); stroke: var(--ta-home); }
.mc-ta-radar__team--guest { fill: rgba(235, 71, 64, .23); stroke: var(--ta-guest); }
.mc-ta-radar > span { position: absolute; color: #b9c5cf; font-size: 8px; white-space: nowrap; }
.mc-ta-radar .at-n { top: 1px; left: 50%; transform: translateX(-50%); }
.mc-ta-radar .at-ne { top: 27px; right: 2px; }
.mc-ta-radar .at-e { top: 50%; right: 0; }
.mc-ta-radar .at-se { right: 0; bottom: 27px; }
.mc-ta-radar .at-s { bottom: 0; left: 50%; transform: translateX(-50%); }
.mc-ta-radar .at-sw { bottom: 27px; left: 0; }
.mc-ta-radar .at-w { top: 50%; left: 0; }
.mc-ta-radar .at-nw { top: 27px; left: 0; }

.mc-ta-team-key { display: flex; justify-content: flex-end; gap: 18px; margin-bottom: 6px; font-size: 8px; }
.mc-ta-team-key span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 4px; background: currentColor; }
.mc-ta-bar-row { display: grid; grid-template-columns: 100px 24px minmax(40px,1fr) minmax(40px,1fr) 24px; align-items: center; gap: 5px; min-height: 25px; color: #a9b7c3; font-size: 9px; }
.mc-ta-bar-row > strong { color: #dfe7ed; font-size: 10px; text-align: center; }
.mc-ta-bar-row > i { height: 5px; background: #263847; overflow: hidden; }
.mc-ta-bar-row > i > b { display: block; height: 100%; }
.mc-ta-bar-row > i > b.is-home { margin-left: auto; background: var(--ta-home); }
.mc-ta-bar-row > i > b.is-guest { background: var(--ta-guest); }

.mc-ta-matchups, .mc-ta-info { padding: 11px 14px; }
.mc-ta-matchups article { display: grid; grid-template-columns: 8px 1fr; gap: 8px; padding: 7px 0; border-top: 1px solid #22364a; }
.mc-ta-matchups article > span { width: 6px; height: 6px; margin-top: 5px; border-radius: 50%; background: #e0ad2c; }
.mc-ta-matchups article.mc-state--success > span { background: #68c74e; }
.mc-ta-matchups strong { color: #edf2f6; font-size: 10px; }
.mc-ta-matchups p { margin: 2px 0 0; color: #a6b5c2; font-size: 9px; line-height: 1.35; }
.mc-ta-info dl { margin-bottom: 0; }

.mc-ta-timeline, .mc-ta-interventions { padding: 11px 13px 12px; }
.mc-ta-timeline__rail { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto; align-items: center; margin-top: 9px; color: #e8edf2; font-size: 9px; }
.mc-ta-timeline__rail i { height: 2px; background: #426f9f; }
.mc-ta-timeline__phases { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-top: 5px; }
.mc-ta-timeline__phases article { min-height: 126px; padding: 9px; border: 1px solid #263e54; border-top: 2px solid #60778e; border-radius: 4px; background: #091725; }
.mc-ta-timeline__phases article.mc-state--success { border-top-color: #e94e48; }
.mc-ta-timeline__phases time { color: #aebdca; font-size: 9px; }
.mc-ta-timeline__phases h3 { margin: 3px 0 7px; color: #fff; font-size: 10px; text-transform: uppercase; }
.mc-ta-timeline__phases p { margin: 2px 0; color: #b7c4cf; font-size: 9px; }
.mc-ta-timeline__phases footer { display: flex; justify-content: space-between; gap: 7px; margin-top: 9px; padding-top: 6px; border-top: 1px solid #24384a; color: #7896b1; font-size: 8px; }

.mc-ta-interventions__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 8px; }
.mc-ta-interventions article { padding: 10px; border: 1px solid #3d4130; border-left: 3px solid #dda92b; border-radius: 4px; background: #0a1824; }
.mc-ta-interventions article.mc-state--success { border-color: #315f36; border-left-color: #6fc24a; }
.mc-ta-interventions article.mc-state--problem { border-color: #673736; border-left-color: #e65049; }
.mc-ta-interventions article > header { display: grid; grid-template-columns: 1fr auto; }
.mc-ta-interventions time { color: #ef665d; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.mc-ta-interventions h3 { grid-column: 1; margin: 2px 0; color: #fff; font-size: 11px; }
.mc-ta-interventions header > span { grid-column: 2; grid-row: 1 / span 2; align-self: center; padding: 3px 6px; border: 1px solid currentColor; color: #e0b137; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.mc-ta-interventions .mc-state--success header > span { color: #75c957; }
.mc-ta-interventions .mc-state--problem header > span { color: #ee645c; }
.mc-ta-before-after { display: grid; grid-template-columns: 1fr 20px 1fr; align-items: center; gap: 6px; margin: 6px 0; }
.mc-ta-before-after > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.mc-ta-before-after b { grid-column: 1/-1; color: #9fb0bd; font-size: 8px; text-transform: uppercase; }
.mc-ta-before-after span { color: #d8e1e8; font-size: 8px; }
.mc-ta-before-after > i { color: #8298aa; font-style: normal; text-align: center; }
.mc-ta-interventions article > p { margin: 5px 0 0; color: #9eafbc; font-size: 9px; line-height: 1.4; }

.mc-ta-deep { padding: 0; overflow: hidden; }
.mc-ta-deep > summary { padding: 13px 15px; color: #eef3f7; font-size: 11px; font-weight: 800; text-transform: uppercase; cursor: pointer; }
.mc-ta-deep__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 0 15px 15px; border-top: 1px solid #24384a; }
.mc-ta-deep__grid > section { padding-top: 12px; }
.mc-ta-deep__grid > section + section { padding-left: 20px; border-left: 1px solid #24384a; }
.mc-ta-deep__grid header > span { color: #e4b536; font-size: 9px; font-weight: 800; }
.mc-ta-deep__grid h3 { margin: 2px 0; color: #fff; font-size: 13px; }
.mc-ta-deep__grid header p { margin: 0 0 8px; color: #9fb0be; font-size: 9px; }
.mc-ta-deep__grid article { display: grid; grid-template-columns: 8px 1fr; gap: 7px; padding: 7px 0; border-top: 1px solid #223649; }
.mc-ta-deep__grid article strong { color: #dbe5ed; font-size: 9px; }
.mc-ta-deep__grid article p { margin: 2px 0 0; color: #95a8b7; font-size: 9px; line-height: 1.4; }

@media (max-width: 1240px) {
	.mc-ta-primary { grid-template-columns: 1fr; }
	.mc-ta-side { grid-template-columns: 1fr 1fr; }
	.mc-ta-gameview, .mc-ta-performance { grid-column: 1 / -1; }
}

@media (max-width: 800px) {
	.mc-ta-factor { grid-template-columns: 26px 34px 1fr auto; }
	.mc-ta-factor__stats { grid-column: 3 / -1; justify-content: flex-start; }
	.mc-ta-result { grid-template-columns: 34px 1fr; }
	.mc-ta-result__grade { grid-column: 1/-1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 7px 0 0; border-top: 1px solid #4c482d; border-left: 0; }
	.mc-ta-result__grade strong { margin: 0; }
	.mc-ta-side, .mc-ta-performance__body, .mc-ta-deep__grid, .mc-ta-interventions__grid { grid-template-columns: 1fr; }
	.mc-ta-gameview, .mc-ta-performance { grid-column: auto; }
	.mc-ta-timeline__phases { grid-template-columns: 1fr 1fr; }
	.mc-ta-route-board { grid-template-columns: 1fr; }
	.mc-ta-route-board section + section { padding-top: 8px; padding-left: 0; border-top: 1px solid #263c50; border-left: 0; }
	.mc-ta-deep__grid > section + section { padding-left: 0; border-top: 1px solid #24384a; border-left: 0; }
}

@media (max-width: 520px) {
	.mc-ta-view-head { grid-template-columns: 1fr; gap: 7px; }
	.mc-ta-factor { grid-template-columns: 25px minmax(0, 1fr); align-items: start; }
	.mc-ta-factor__signal { display: none; }
	.mc-ta-factor__number { grid-column: 1; grid-row: 1; }
	.mc-ta-factor__copy { grid-column: 2; grid-row: 1; }
	.mc-ta-badge { grid-column: 2; grid-row: 2; justify-self: start; }
	.mc-ta-factor__stats { grid-column: 2; grid-row: 3; width: 100%; justify-content: flex-start; }
	.mc-ta-timeline__phases, .mc-ta-press-summary { grid-template-columns: 1fr; }
	.mc-ta-route { grid-template-columns: 60px 52px 1fr 52px; }
	.mc-ta-route b, .mc-ta-route em { display: none; }
}

.mc-hero {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--mc-border);
	background: linear-gradient(180deg, rgba(74, 8, 8, 0.95) 0%, rgba(12, 8, 8, 0.98) 100%);
	margin-bottom: 14px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

.mc-hero .ws-scoreboard {
	border: none;
	box-shadow: none;
	margin: 0;
}

.mc-hero__live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 10px;
	border-radius: 999px;
	background: #b91c1c;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: 0 0 12px rgba(185, 28, 28, 0.6);
}

.mc-hero__live-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4ade80;
	animation: mc-pulse 1.4s ease-in-out infinite;
}

@keyframes mc-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.5; transform: scale(0.85); }
}

.mc-quickstats {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 8px;
	padding: 10px 14px 6px;
	border-top: 1px solid var(--mc-border);
}

.mc-quickstat {
	text-align: center;
	padding: 6px 4px;
}

.mc-quickstat__label {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--mc-muted);
	margin-bottom: 4px;
}

.mc-quickstat__value {
	font-size: 14px;
	font-weight: 700;
	color: var(--mc-text);
}

.mc-momentum {
	padding: 8px 14px 12px;
}

.mc-momentum__label {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--mc-muted);
	margin-bottom: 6px;
}

.mc-momentum__bar {
	display: flex;
	gap: 2px;
	height: 28px;
	align-items: flex-end;
}

.mc-momentum__seg {
	flex: 1;
	display: flex;
	gap: 1px;
	align-items: flex-end;
	min-width: 3px;
	min-height: 4px;
}

.mc-momentum__seg--home,
.mc-momentum__seg--guest {
	flex: 1;
	display: block;
	border-radius: 2px 2px 0 0;
	transition: height 0.2s ease;
	min-height: 2px;
}

.mc-momentum__seg--home {
	background: linear-gradient(180deg, var(--ws-home1, #0e4aa8) 0%, rgba(14, 74, 168, 0.5) 100%);
}

.mc-momentum__seg--guest {
	background: linear-gradient(180deg, var(--ws-guest1, #ff6600) 0%, rgba(255, 102, 0, 0.5) 100%);
}

/* Tabs */
.mc-tabs {
	border-bottom: 1px solid rgba(185, 28, 28, 0.35);
	margin: 14px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	padding: 0;
}

.mc-tabs > li {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
}

.mc-tabs > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 11px 10px;
	border: 1px solid rgba(122, 15, 15, 0.55);
	border-radius: 6px 6px 0 0;
	background: rgba(0, 0, 0, 0.45);
	color: rgba(255, 255, 255, 0.65);
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-align: center;
}

.mc-tabs > li > a:hover {
	color: #fff;
	background: rgba(122, 15, 15, 0.35);
	border-color: rgba(185, 28, 28, 0.5);
	text-decoration: none;
}

.mc-tabs > li.active > a {
	color: #fff;
	background: linear-gradient(180deg, rgba(122, 15, 15, 0.95) 0%, rgba(60, 8, 8, 0.9) 100%);
	border-color: rgba(185, 28, 28, 0.65);
	border-top: 3px solid #ef4444;
	box-shadow: 0 -2px 12px rgba(185, 28, 28, 0.25);
}

.mc-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 12px 0;
	padding: 10px 12px;
	background: var(--mc-bg);
	border: 1px solid var(--mc-border);
	border-radius: 8px;
}

.mc-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mc-filter {
	padding: 5px 12px;
	border-radius: 999px;
	border: 1px solid var(--mc-border);
	background: transparent;
	color: var(--mc-muted);
	font-size: 12px;
	cursor: pointer;
}

.mc-filter.is-active,
.mc-filter:hover {
	border-color: var(--mc-gold);
	color: var(--mc-text);
	background: rgba(201, 162, 39, 0.12);
}

.mc-live-controls {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 12px;
	color: var(--mc-muted);
}

.mc-live-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

/* Layout */
.mc-live-layout {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.mc-live-main {
	flex: 1;
	min-width: 0;
}

.mc-live-side {
	flex: 0 0 280px;
	max-width: 280px;
}

/* Timeline */
.mc-timeline {
	position: relative;
	padding-left: 52px;
}

.mc-timeline::before {
	content: '';
	position: absolute;
	left: 23px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(180deg, var(--mc-red) 0%, rgba(122, 15, 15, 0.2) 100%);
}

.mc-tl-item {
	position: relative;
	margin-bottom: 14px;
}

.mc-tl-item.is-hidden {
	display: none;
}

.mc-tl-minute {
	position: absolute;
	left: -52px;
	width: 44px;
	text-align: right;
	font-size: 12px;
	font-weight: 800;
	color: var(--mc-muted);
	padding-top: 12px;
}

.mc-tl-icon {
	position: absolute;
	left: -33px;
	top: 10px;
	width: 22px;
	height: 22px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mc-tl-icon img,
.mc-tl-icon i {
	width: 20px;
	height: 20px;
	font-size: 18px;
}

.mc-tl-card {
	border-radius: 10px;
	padding: 12px 14px;
	background: var(--mc-bg);
	border: 1px solid var(--mc-border);
	border-left-width: 4px;
	color: var(--mc-text);
}

.mc-tl-card--home {
	border-left-color: var(--ws-home1, #0e4aa8);
}

.mc-tl-card--guest {
	border-left-color: var(--ws-guest1, #ff6600);
}

.mc-tl-card--goal {
	border-color: var(--mc-gold);
	box-shadow: 0 0 20px var(--mc-gold-glow);
	background: linear-gradient(135deg, rgba(201, 162, 39, 0.18) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.mc-tl-card--card {
	background: linear-gradient(135deg, rgba(234, 179, 8, 0.12) 0%, rgba(0, 0, 0, 0.35) 100%);
}

.mc-tl-card--sub {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.18) 0%, rgba(0, 0, 0, 0.42) 100%);
	border-color: rgba(59, 130, 246, 0.45);
	box-shadow: 0 0 14px rgba(59, 130, 246, 0.12);
}

.mc-tl-card--sub.mc-tl-card--home {
	border-left-color: var(--ws-home1, #0e4aa8);
	border-color: rgba(59, 130, 246, 0.35);
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.22) 0%, rgba(14, 74, 168, 0.12) 40%, rgba(0, 0, 0, 0.42) 100%);
	box-shadow: 0 0 18px rgba(59, 130, 246, 0.18), inset 3px 0 0 var(--ws-home1, #0e4aa8);
}

.mc-tl-card--sub.mc-tl-card--guest {
	border-left-color: var(--ws-guest1, #ff6600);
	border-color: rgba(59, 130, 246, 0.35);
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.22) 0%, rgba(255, 102, 0, 0.1) 40%, rgba(0, 0, 0, 0.42) 100%);
	box-shadow: 0 0 18px rgba(59, 130, 246, 0.18), inset 3px 0 0 var(--ws-guest1, #ff6600);
}

.mc-tl-card--sub .mc-tl-type {
	color: #60a5fa;
}

.mc-tl-card--chance {
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(0, 0, 0, 0.35) 100%);
}

.mc-tl-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}

.mc-tl-head img.mc-tl-player {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.mc-tl-head img.mc-tl-club {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.mc-tl-type {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--mc-gold);
}

.mc-tl-score {
	font-size: 18px;
	font-weight: 800;
	color: var(--mc-gold);
	margin-left: auto;
}

.mc-tl-msg {
	font-size: 13px;
	line-height: 1.45;
	color: var(--mc-text);
}

.mc-tl-msg--goal {
	font-weight: 700;
}

.mc-tl-assist {
	font-size: 12px;
	color: var(--mc-muted);
	margin-top: 4px;
}

.mc-tl-sub {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	margin-top: 4px;
}

.mc-tl-sub-out,
.mc-tl-sub-in {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 5px 8px;
	border-radius: 6px;
	font-weight: 600;
}

.mc-tl-sub-out {
	color: #fecaca;
	background: rgba(239, 68, 68, 0.15);
	border: 1px solid rgba(239, 68, 68, 0.35);
}

.mc-tl-sub-in {
	color: #bbf7d0;
	background: rgba(34, 197, 94, 0.15);
	border: 1px solid rgba(34, 197, 94, 0.35);
}

.mc-chapter {
	text-align: center;
	margin: 20px 0;
	padding: 8px 0;
	color: var(--mc-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.mc-chapter::before,
.mc-chapter::after {
	content: '—';
	margin: 0 10px;
	opacity: 0.5;
}

/* Sidebar widgets */
.mc-widget {
	border: 1px solid var(--mc-border);
	border-radius: 10px;
	background: var(--mc-bg);
	margin-bottom: 12px;
	overflow: hidden;
}

.mc-widget__title {
	padding: 10px 12px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--mc-gold);
	border-bottom: 1px solid var(--mc-border);
	background: rgba(122, 15, 15, 0.25);
}

.mc-widget__body {
	padding: 10px 12px;
}

.mc-hl-row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	font-size: 13px;
}

.mc-hl-row:last-child { border-bottom: none; }

.mc-hl-row--goal {
	border-left: 3px solid var(--mc-gold);
	padding-left: 8px;
	margin-left: -2px;
}

.mc-hl-row--card-yellow {
	border-left: 3px solid #eab308;
	padding-left: 8px;
	margin-left: -2px;
}

.mc-hl-row--card-red {
	border-left: 3px solid #ef4444;
	padding-left: 8px;
	margin-left: -2px;
}

.mc-hl-min {
	font-weight: 800;
	color: var(--mc-muted);
	min-width: 28px;
	flex-shrink: 0;
	padding-top: 2px;
}

.mc-hl-body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.mc-hl-main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.mc-hl-icon {
	flex-shrink: 0;
}

.mc-hl-score {
	font-weight: 800;
	color: var(--mc-gold);
	margin-left: auto;
}

.mc-hl-assist {
	display: block;
	font-size: 11px;
	color: var(--mc-muted);
	padding-left: 22px;
}

.mc-stat-row {
	margin-bottom: 10px;
}

.mc-stat-row__label {
	font-size: 11px;
	color: var(--mc-muted);
	margin-bottom: 4px;
}

.mc-stat-dual {
	height: 8px;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	background: rgba(255, 255, 255, 0.08);
}

.mc-stat-dual__home {
	background: var(--ws-home1, #0e4aa8);
}

.mc-stat-dual__guest {
	background: var(--ws-guest1, #ff6600);
}

.mc-stat-values {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	font-weight: 700;
	margin-top: 3px;
}

#matchReportRefresh.mc-refresh-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

/* Overview tab – Mockup: Torjäger oben links, Spiele unten links, Tabelle rechts */
.mc-overview {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
	grid-template-areas:
		"scorers table"
		"matches table";
	gap: 14px;
	align-items: start;
	margin-top: 0;
}

.mc-overview--no-table {
	grid-template-columns: 1fr;
	grid-template-areas:
		"scorers"
		"matches";
}

.mc-overview--no-matches.mc-overview--no-table {
	grid-template-areas: "scorers";
}

.mc-overview--no-matches:not(.mc-overview--no-table) {
	grid-template-areas:
		"scorers table";
}

.mc-ov-scorers {
	grid-area: scorers;
}

.mc-ov-matches {
	grid-area: matches;
}

.mc-ov-table {
	grid-area: table;
	align-self: stretch;
}

#overview.tab-pane {
	padding-top: 8px;
}

.mc-ov-card {
	border: 1px solid var(--mc-border);
	border-radius: 10px;
	background: var(--mc-bg);
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
}

.mc-ov-card__head {
	padding: 12px 14px;
	border-bottom: 1px solid var(--mc-border);
	background: rgba(122, 15, 15, 0.22);
}

.mc-ov-card__head--split {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
}

.mc-ov-card__title {
	margin: 0;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--mc-gold);
	display: flex;
	align-items: center;
	gap: 8px;
}

.mc-ov-card__sub {
	margin: 4px 0 0;
	font-size: 11px;
	color: var(--mc-muted);
}

.mc-ov-card__body {
	padding: 10px 12px;
}

.mc-ov-card__body--flush {
	padding: 0;
}

.mc-ov-card__foot {
	padding: 10px 12px;
	border-top: 1px solid var(--mc-border);
	text-align: center;
}

.mc-ov-live-pill {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	background: #b91c1c;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	box-shadow: 0 0 10px rgba(185, 28, 28, 0.45);
}

.mc-ov-live-pill--sm {
	font-size: 9px;
	padding: 1px 6px;
}

.mc-ov-scorers {
	border-color: rgba(185, 28, 28, 0.45);
}

.mc-ov-card__head--scorers {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
}

.mc-ov-card__head--scorers::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 52px;
	background: radial-gradient(ellipse 90% 120% at 50% -30%, rgba(185, 28, 28, 0.4), transparent 72%);
	pointer-events: none;
}

.mc-ov-card__head--scorers .mc-ov-card__title {
	position: relative;
	z-index: 1;
}

.mc-ov-card__sub--inline {
	margin: 0;
	position: relative;
	z-index: 1;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.55);
	white-space: nowrap;
}

.mc-ov-card__body--scorers {
	padding: 0;
}

.mc-ov-scorers-list {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.mc-ov-scorers-list .mc-ov-goal-row {
	width: 100%;
	box-sizing: border-box;
}

.mc-ov-goal-row {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	background: rgba(0, 0, 0, 0.12);
	transition: background 0.15s ease;
}

.mc-ov-goal-row:last-child {
	border-bottom: none;
}

.mc-ov-goal-row:hover {
	background: rgba(122, 15, 15, 0.18);
}

.mc-ov-goal-row--latest {
	background: linear-gradient(90deg, rgba(122, 15, 15, 0.28), rgba(0, 0, 0, 0.1));
}

.mc-ov-goal-time {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 44px;
	padding: 7px 6px;
	border-radius: 8px;
	background: rgba(90, 10, 10, 0.85);
	border: 1px solid rgba(185, 28, 28, 0.35);
}

.mc-ov-min-badge {
	font-size: 12px;
	font-weight: 800;
	color: #fff;
	line-height: 1;
}

.mc-ov-goal-ball {
	font-size: 15px;
	line-height: 1;
	opacity: 0.95;
}

.mc-ov-goal-main {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.mc-ov-goal-photo-wrap {
	position: relative;
	flex-shrink: 0;
}

.mc-ov-goal-latest {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 11px;
	color: var(--mc-gold);
	text-shadow: 0 0 8px rgba(201, 162, 39, 0.8);
	line-height: 1;
	z-index: 2;
}

.mc-ov-goal-photo {
	width: 44px;
	height: 52px;
	border-radius: 6px;
	object-fit: cover;
	object-position: top center;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(0, 0, 0, 0.35);
	display: block;
}

.mc-ov-goal-photo--ph {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.mc-ov-goal-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.mc-ov-goal-name {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
}

.mc-ov-goal-assist {
	font-size: 11px;
	color: rgba(201, 162, 39, 0.92);
	line-height: 1.25;
}

.mc-ov-goal-club {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.2;
}

.mc-ov-goal-result {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.mc-ov-scorers .mc-ov-club-logo {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.mc-ov-goal-scoreline {
	font-weight: 800;
	font-size: 16px;
	color: #fff;
	white-space: nowrap;
	min-width: 2.5em;
	text-align: center;
}

.mc-ov-card__foot--scorers {
	padding: 12px 14px 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.mc-ov-btn-show-all {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px 16px;
	border-radius: 8px;
	border: 1px solid rgba(201, 162, 39, 0.45);
	background: rgba(0, 0, 0, 0.35);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mc-ov-btn-show-all:hover {
	background: rgba(201, 162, 39, 0.12);
	border-color: var(--mc-gold);
	color: var(--mc-gold);
	text-decoration: none;
}

.mc-ov-btn-show-all__chev {
	font-size: 18px;
	color: var(--mc-gold);
	line-height: 1;
}

.mc-ov-motm .mc-ov-card__body {
	padding: 14px 16px;
}

.mc-ov-motm-row {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 12px;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(201, 162, 39, 0.14), rgba(0, 0, 0, 0.35));
	border: 1px solid rgba(201, 162, 39, 0.35);
}

.mc-ov-motm-badge img {
	width: 36px;
	height: 36px;
	object-fit: contain;
}

.mc-ov-motm-photo {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--mc-gold);
	flex-shrink: 0;
}

.mc-ov-motm-photo--ph {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(201, 162, 39, 0.15);
	font-size: 22px;
	color: var(--mc-gold);
}

.mc-ov-motm-label {
	font-size: 11px;
	color: var(--mc-muted);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.mc-ov-motm-name {
	font-size: 16px;
	font-weight: 800;
	color: #fff;
	text-decoration: none;
}

.mc-ov-motm-name:hover {
	color: var(--mc-gold);
	text-decoration: none;
}

.mc-motm-side {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mc-motm-side__icon {
	width: 28px;
	height: 28px;
	object-fit: contain;
	flex-shrink: 0;
}

.mc-motm-side__photo {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--mc-gold);
	flex-shrink: 0;
}

.mc-motm-side__photo--ph {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(201, 162, 39, 0.12);
	color: var(--mc-gold);
	font-size: 18px;
}

.mc-motm-side__label {
	font-size: 10px;
	color: var(--mc-muted);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.mc-motm-side__name {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}

.mc-motm-side__name:hover {
	color: var(--mc-gold);
	text-decoration: none;
}

.mc-widget--motm .mc-widget__body {
	padding-top: 4px;
}

.mc-ov-comp-filter__label {
	display: block;
	font-size: 10px;
	color: var(--mc-muted);
	margin-bottom: 3px;
}

.mc-ov-comp-filter__select {
	max-width: 200px;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid var(--mc-border);
	color: var(--mc-text);
	border-radius: 6px;
	font-size: 12px;
	padding: 4px 8px;
}

.mc-ov-matches-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 360px;
	overflow-y: auto;
	padding-right: 4px;
}

.mc-ov-match-row {
	display: grid;
	grid-template-columns: 64px 1fr auto;
	gap: 10px;
	align-items: center;
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	background: rgba(0, 0, 0, 0.22);
	color: inherit;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.mc-ov-match-row:hover {
	border-color: var(--mc-gold);
	background: rgba(201, 162, 39, 0.06);
	color: inherit;
	text-decoration: none;
}

.mc-ov-match-row--current {
	border-color: var(--mc-gold);
	box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.25);
}

.mc-ov-match-row--live {
	border-left: 3px solid #b91c1c;
}

.mc-ov-match-row__side {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.mc-ov-match-minute {
	font-size: 12px;
	font-weight: 800;
	color: var(--mc-text);
}

.mc-ov-match-finished {
	font-size: 10px;
	color: var(--mc-muted);
	line-height: 1.2;
}

.mc-ov-match-row__teams {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	flex-wrap: wrap;
}

.mc-ov-match-team {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	min-width: 0;
	flex: 1;
}

.mc-ov-match-team img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	flex-shrink: 0;
}

.mc-ov-match-team--home {
	justify-content: flex-end;
	text-align: right;
}

.mc-ov-match-team--away {
	justify-content: flex-start;
}

.mc-ov-match-score {
	flex: 0 0 auto;
	font-weight: 800;
	font-size: 15px;
	color: var(--mc-gold);
	padding: 4px 10px;
	border-radius: 6px;
	background: rgba(122, 15, 15, 0.45);
	border: 1px solid var(--mc-border);
}

.mc-ov-match-row__comp {
	font-size: 11px;
	color: var(--mc-muted);
	text-align: right;
	max-width: 100px;
	line-height: 1.3;
}

.mc-ov-btn {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
}

.mc-ov-btn--ghost {
	border: 1px solid var(--mc-gold);
	color: var(--mc-gold);
	background: transparent;
}

.mc-ov-btn--ghost:hover {
	background: rgba(201, 162, 39, 0.12);
	color: #fff;
	text-decoration: none;
}

.mc-ov-link {
	font-size: 12px;
	font-weight: 700;
	color: var(--mc-gold);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.mc-ov-link:hover {
	color: #fff;
}

.mc-ov-empty {
	margin: 0;
	padding: 8px 0;
}

.mc-ov-table-wrap {
	overflow-x: auto;
}

.mc-ov-table-grid {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}

.mc-ov-table-grid th {
	padding: 8px 6px;
	text-align: left;
	color: var(--mc-muted);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0.05em;
	border-bottom: 1px solid var(--mc-border);
}

.mc-ov-table-grid td {
	padding: 7px 6px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	color: var(--mc-text);
}

.mc-ov-table-row:hover td {
	background: rgba(255, 255, 255, 0.04);
}

.mc-ov-table-th-mov,
.mc-ov-table-mov {
	width: 22px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	text-align: center;
}

.mc-ov-mov {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
}

.mc-ov-mov--up { color: #69df8c; }
.mc-ov-mov--same { color: #9ca3af; }
.mc-ov-mov--down { color: #ef8888; }

.mc-ov-table-rank {
	position: relative;
	padding-left: 12px !important;
	font-weight: 800;
}

.mc-ov-zone-bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
}

.mc-ov-table-row--promo .mc-ov-zone-bar { background: #22c55e; }
.mc-ov-table-row--europa .mc-ov-zone-bar { background: #f97316; }
.mc-ov-table-row--quali .mc-ov-zone-bar { background: #3b82f6; }
.mc-ov-table-row--releg .mc-ov-zone-bar { background: #ef4444; }

.mc-ov-table-row--highlight-home td {
	background: rgba(200, 160, 70, 0.1);
}

.mc-ov-table-row--highlight-guest td {
	background: rgba(130, 170, 220, 0.1);
}

.mc-ov-table-team {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.mc-ov-table-team img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	flex-shrink: 0;
}

@media (max-width: 979px) {
	.mc-overview,
	.mc-overview--no-table,
	.mc-overview--no-matches:not(.mc-overview--no-table) {
		grid-template-columns: 1fr;
		grid-template-areas:
			"scorers"
			"table"
			"matches";
	}
	.mc-overview--no-table {
		grid-template-areas:
			"scorers"
			"matches";
	}
	.mc-overview--no-matches.mc-overview--no-table {
		grid-template-areas: "scorers";
	}
	.mc-ov-table {
		align-self: auto;
	}
	.mc-live-layout {
		flex-direction: column;
	}
	.mc-live-side {
		flex: 1 1 auto;
		max-width: none;
		width: 100%;
	}
	.mc-quickstats {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767px) {
	.mc-quickstats {
		grid-template-columns: repeat(2, 1fr);
	}
	.mc-timeline {
		padding-left: 44px;
	}
	.mc-tl-minute {
		left: -44px;
		width: 36px;
		font-size: 11px;
	}
}

/* Match-Center 2.0: overview cards, live table, match facts. */
.mc-page {
	--mc-panel: rgba(7, 17, 34, .82);
	--mc-panel-2: rgba(10, 21, 42, .72);
	--mc-line: rgba(74, 119, 199, .28);
	--mc-blue: #2563eb;
	--mc-orange: #f59e0b;
}

.mc-overview {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
	grid-template-areas:
		"scorers table"
		"matches facts";
	gap: 12px;
	align-items: start;
}

.mc-overview--no-table {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
	grid-template-areas:
		"scorers facts"
		"matches facts";
}

.mc-overview--no-matches:not(.mc-overview--no-table) {
	grid-template-areas:
		"scorers table"
		"facts table";
}

.mc-overview--no-matches.mc-overview--no-table {
	grid-template-areas:
		"scorers facts";
}

.mc-ov-facts {
	grid-area: facts;
}

.mc-ov-card {
	border-color: var(--mc-line);
	background:
		linear-gradient(180deg, rgba(15, 31, 59, .86), rgba(6, 14, 29, .92)),
		var(--mc-panel);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

.mc-ov-card__head {
	background: linear-gradient(90deg, rgba(37, 99, 235, .26), rgba(122, 15, 15, .22));
	border-bottom-color: rgba(74, 119, 199, .24);
}

.mc-ov-card__title {
	color: #f6c84c;
	font-size: 13px;
	letter-spacing: .08em;
}

.mc-ov-card__sub {
	color: rgba(219, 229, 246, .68);
}

.mc-ov-scorers {
	border-color: rgba(245, 158, 11, .32);
}

.mc-ov-goal-row {
	position: relative;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	margin: 10px 12px;
	border: 1px solid rgba(100, 135, 210, .14);
	border-left: 4px solid var(--ws-guest1, #ef4444);
	border-radius: 8px;
	background: rgba(8, 17, 34, .78);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.mc-ov-goal-row--home {
	border-left-color: var(--ws-home1, #2563eb);
}

.mc-ov-goal-row--guest {
	border-left-color: var(--ws-guest1, #ef4444);
}

.mc-ov-goal-row:last-child {
	border-bottom: 1px solid rgba(100, 135, 210, .14);
}

.mc-ov-goal-row--latest {
	background: linear-gradient(90deg, rgba(245, 158, 11, .16), rgba(8, 17, 34, .84));
}

.mc-ov-goal-time {
	background: linear-gradient(180deg, rgba(127, 29, 29, .94), rgba(92, 18, 18, .94));
	border-color: rgba(239, 68, 68, .44);
	border-radius: 7px;
}

.mc-ov-goal-photo {
	width: 46px;
	height: 52px;
	border-color: rgba(246, 200, 76, .26);
}

.mc-ov-goal-name {
	font-size: 15px;
}

.mc-ov-goal-kind {
	font-size: 13px;
}

.mc-ov-goal-club {
	color: rgba(219, 229, 246, .72);
	font-size: 12px;
}

.mc-ov-goal-assist {
	color: #f6c84c;
}

.mc-ov-goal-scoreline {
	font-size: 18px;
	min-width: 2.7em;
	color: #fff;
}

.mc-ov-table-wrap {
	padding: 8px;
	overflow: visible;
}

.mc-ov-table-grid,
.mc-ov-table-grid thead,
.mc-ov-table-grid tbody {
	display: block;
	width: 100%;
}

.mc-ov-table-grid thead tr {
	display: grid;
	grid-template-columns: 42px 24px minmax(0, 1fr) 42px 48px 54px;
	padding: 0 8px 4px;
}

.mc-ov-table-grid tbody {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.mc-ov-table-grid tr.mc-ov-table-row {
	display: grid;
	grid-template-columns: 42px 24px minmax(0, 1fr) 42px 48px 54px;
	align-items: center;
	border: 1px solid rgba(100, 135, 210, .12);
	border-radius: 7px;
	background: rgba(8, 17, 34, .72);
	overflow: hidden;
}

.mc-ov-table-grid th,
.mc-ov-table-grid td {
	border-bottom: 0;
}

.mc-ov-table-row--highlight-home,
.mc-ov-table-row--highlight-guest {
	box-shadow: inset 0 0 0 1px rgba(251, 191, 36, .25);
}

.mc-ov-table-row--highlight-home td,
.mc-ov-table-row--highlight-guest td {
	background: rgba(251, 191, 36, .13);
}

.mc-ov-zone-bar {
	width: 4px;
	border-radius: 0 4px 4px 0;
}

.mc-ov-mov--up::after { content: " +1"; }
.mc-ov-mov--down::after { content: " -1"; }

.mc-ov-matches-list {
	max-height: 420px;
	gap: 10px;
}

.mc-ov-match-row {
	grid-template-columns: 48px minmax(0, 1fr) minmax(86px, auto);
	grid-template-areas:
		"state teams comp"
		"meta meta meta";
	border-color: rgba(100, 135, 210, .14);
	background: linear-gradient(90deg, rgba(37, 99, 235, .08), rgba(239, 68, 68, .08)), rgba(8, 17, 34, .78);
	border-radius: 8px;
}

.mc-ov-match-row__side { grid-area: state; }
.mc-ov-match-row__teams { grid-area: teams; }
.mc-ov-match-row__comp { grid-area: comp; }

.mc-ov-match-row__meta {
	grid-area: meta;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 2px;
	color: rgba(219, 229, 246, .72);
	font-size: 11px;
	font-weight: 700;
}

.mc-ov-match-row__meta span {
	padding: 3px 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
}

.mc-ov-match-row--current::before {
	content: "TOPSPIEL";
	position: absolute;
	right: 10px;
	top: -9px;
	padding: 2px 7px;
	border-radius: 999px;
	background: #f59e0b;
	color: #071225;
	font-size: 9px;
	font-weight: 950;
	letter-spacing: .06em;
}

.mc-ov-match-row {
	position: relative;
}

.mc-ov-match-score {
	background: rgba(127, 29, 29, .72);
	border-color: rgba(239, 68, 68, .34);
	color: #f6c84c;
	font-size: 16px;
}

.mc-ov-facts-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.mc-ov-fact {
	padding: 12px;
	border: 1px solid rgba(100, 135, 210, .14);
	border-radius: 8px;
	background: rgba(8, 17, 34, .72);
}

.mc-ov-fact--control,
.mc-ov-fact--motm {
	grid-column: 1 / -1;
}

.mc-ov-fact__label {
	display: block;
	color: rgba(219, 229, 246, .66);
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-bottom: 6px;
}

.mc-ov-fact__value {
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 1.1;
}

.mc-ov-fact__player {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 900;
	text-decoration: none;
}

.mc-ov-fact__player:hover {
	color: #f6c84c;
	text-decoration: none;
}

.mc-ov-fact-bar {
	height: 8px;
	margin-top: 9px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(239, 68, 68, .7), rgba(239, 68, 68, .25));
	overflow: hidden;
}

.mc-ov-fact-bar span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--ws-home1, #2563eb), #60a5fa);
	border-radius: inherit;
}

@media (max-width: 979px) {
	.mc-overview,
	.mc-overview--no-table,
	.mc-overview--no-matches:not(.mc-overview--no-table),
	.mc-overview--no-matches.mc-overview--no-table {
		grid-template-columns: 1fr;
		grid-template-areas:
			"scorers"
			"table"
			"matches"
			"facts";
	}
	.mc-overview--no-table {
		grid-template-areas:
			"scorers"
			"matches"
			"facts";
	}
	.mc-overview--no-matches.mc-overview--no-table {
		grid-template-areas:
			"scorers"
			"facts";
	}
}

@media (max-width: 640px) {
	.mc-ov-goal-row,
	.mc-ov-match-row {
		grid-template-columns: 1fr;
		grid-template-areas: none;
	}
	.mc-ov-goal-row {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.mc-ov-goal-result {
		justify-content: flex-end;
	}
	.mc-ov-match-row__side,
	.mc-ov-match-row__teams,
	.mc-ov-match-row__comp,
	.mc-ov-match-row__meta {
		grid-area: auto;
	}
	.mc-ov-table-grid thead {
		display: none;
	}
	.mc-ov-table-grid tr.mc-ov-table-row {
		grid-template-columns: 36px 22px minmax(0, 1fr) 44px;
	}
	.mc-ov-table-grid tr.mc-ov-table-row td:nth-child(4),
	.mc-ov-table-grid tr.mc-ov-table-row td:nth-child(5) {
		display: none;
	}
}

/* Match-Center 2.0 final layer - Football To Glory */
.mc-page {
	--mc-red: #1E4FFF;
	--mc-red-dark: #071426;
	--mc-gold: #F3C969;
	--mc-gold-glow: rgba(243, 201, 105, .34);
	--mc-bg: rgba(7, 20, 38, .72);
	--mc-border: rgba(77, 227, 255, .24);
	--mc-text: #FFFFFF;
	--mc-muted: #B8C7E0;
	--mc-panel: rgba(8, 21, 40, .84);
	--mc-panel-2: rgba(13, 31, 58, .72);
	--mc-line: rgba(77, 227, 255, .18);
	--mc-blue: #1E4FFF;
	--mc-blue-deep: #1639C7;
	--mc-cyan: #4DE3FF;
	--mc-orange: #F3C969;
	width: min(100%, 1500px);
	max-width: none;
}

.mc-hero {
	position: relative;
	overflow: hidden;
	padding: 0;
	border: 1px solid rgba(77, 227, 255, .22);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(7, 20, 38, .72), rgba(7, 20, 38, .94)),
		radial-gradient(circle at 18% 26%, color-mix(in srgb, var(--ws-home1, #1E4FFF) 42%, transparent), transparent 42%),
		radial-gradient(circle at 84% 28%, color-mix(in srgb, var(--ws-guest1, #EF4444) 42%, transparent), transparent 44%),
		linear-gradient(135deg, #071426, #0B1F38 58%, #102C4D);
	box-shadow: 0 18px 48px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06);
}

.mc-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(30, 79, 255, .18), transparent 42%, rgba(239, 68, 68, .16)),
		linear-gradient(180deg, rgba(255, 255, 255, .06), transparent 38%);
}

.mc-hero-meta,
.mc-hero-score,
.mc-hero-spotlight,
.mc-quickstats,
.mc-momentum {
	position: relative;
	z-index: 1;
}

.mc-hero-meta {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	padding: 12px 22px;
	border-bottom: 1px solid rgba(77, 227, 255, .16);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 800;
}

.mc-hero-meta__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, .9);
}

.mc-hero-meta__item--comp {
	color: #F3C969;
}

.mc-hero-meta__logo {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.mc-hero-score {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) minmax(210px, auto) minmax(220px, 1fr);
	align-items: center;
	gap: 22px;
	min-height: 180px;
	padding: 24px 36px 22px;
}

.mc-hero-team {
	display: flex;
	align-items: center;
	gap: 20px;
	min-width: 0;
}

.mc-hero-team--guest {
	justify-content: flex-end;
	text-align: right;
}

.mc-hero-team__logo {
	width: clamp(74px, 7vw, 114px);
	height: clamp(74px, 7vw, 114px);
	object-fit: contain;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .38));
}

.mc-hero-team__text {
	min-width: 0;
}

.mc-hero-team__text strong {
	display: block;
	color: #FFFFFF;
	font-size: clamp(24px, 2.2vw, 36px);
	font-weight: 950;
	line-height: 1.05;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .38);
}

.mc-hero-team__text span {
	display: block;
	margin-top: 8px;
	color: rgba(255, 255, 255, .82);
	font-size: 13px;
	font-weight: 800;
}

.mc-hero-result {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	min-width: 190px;
}

.mc-hero-result__score {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	color: #FFFFFF;
	font-size: clamp(56px, 6vw, 86px);
	font-weight: 950;
	line-height: .9;
	letter-spacing: .02em;
	text-shadow: 0 10px 28px rgba(0, 0, 0, .48);
}

.mc-hero-result__score em {
	color: rgba(255, 255, 255, .72);
	font-style: normal;
	font-weight: 900;
}

.mc-hero-result__status,
.mc-hero__live {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 8px;
	background: rgba(5, 12, 24, .82);
	border: 1px solid rgba(77, 227, 255, .18);
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mc-hero__live {
	color: #FFFFFF;
	background: rgba(6, 10, 20, .88);
	border-color: rgba(255, 90, 90, .28);
}

.mc-hero__live-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #FF2F2F;
	box-shadow: 0 0 0 4px rgba(255, 47, 47, .16), 0 0 16px rgba(255, 47, 47, .64);
}

.mc-hero-result__time {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 950;
}

.mc-hero-spotlight {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	padding: 14px 28px;
	border-top: 1px solid rgba(77, 227, 255, .12);
	background: rgba(5, 14, 28, .58);
}

.mc-hero-spotlight__player {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.mc-hero-spotlight__player img {
	width: 62px;
	height: 62px;
	border-radius: 6px;
	object-fit: cover;
}

.mc-hero-spotlight__player span,
.mc-hero-spotlight__rating span {
	display: block;
	color: #F3C969;
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.mc-hero-spotlight__player strong,
.mc-hero-spotlight__rating strong {
	display: block;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 950;
}

.mc-hero-spotlight__rating {
	text-align: right;
}

.mc-quickstats {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(77, 227, 255, .14);
	background: rgba(5, 14, 28, .52);
}

.mc-quickstat {
	padding: 18px 16px;
	border: 0;
	border-right: 1px solid rgba(77, 227, 255, .12);
	border-radius: 0;
	background: transparent;
	text-align: center;
}

.mc-quickstat:last-child {
	border-right: 0;
}

.mc-quickstat__label {
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .04em;
	opacity: .86;
}

.mc-quickstat__value {
	display: block;
	margin-top: 8px;
	color: #4DE3FF;
	font-size: 22px;
	font-weight: 950;
}

.mc-momentum {
	padding: 16px 22px 18px;
	border-top: 1px solid rgba(77, 227, 255, .12);
	background: rgba(5, 14, 28, .38);
}

.mc-momentum__label {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.mc-momentum__bar {
	height: 62px;
	margin-top: 10px;
	padding: 9px 10px;
	border: 1px solid rgba(77, 227, 255, .16);
	border-radius: 8px;
	background: rgba(7, 20, 38, .74);
	display: flex;
	align-items: center;
	gap: 3px;
}

.mc-momentum__seg {
	flex: 1 1 0;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1px;
}

.mc-momentum__seg span {
	width: 45%;
	min-height: 4px;
	align-self: flex-end;
	border-radius: 4px 4px 0 0;
}

.mc-momentum__seg--home {
	background: linear-gradient(180deg, #4DE3FF, #1E4FFF);
}

.mc-momentum__seg--guest {
	background: linear-gradient(180deg, #FF5A5A, #C4162E);
}

.mc-tabs,
.mc-tabs .nav-tabs {
	border-color: rgba(77, 227, 255, .16);
}

.mc-tabs a,
.mc-tabs .nav-tabs > li > a {
	background: rgba(13, 27, 46, .66);
	border-color: rgba(77, 227, 255, .18);
	color: #FFFFFF;
}

.mc-tabs .active a,
.mc-tabs .nav-tabs > .active > a,
.mc-tabs a.active {
	background: linear-gradient(135deg, #1E4FFF, #1639C7);
	border-color: rgba(77, 227, 255, .28);
	color: #FFFFFF;
}

.mc-overview {
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
	gap: 12px;
}

.mc-ov-card {
	border: 1px solid rgba(77, 227, 255, .18);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(13, 27, 46, .86), rgba(7, 20, 38, .9)),
		radial-gradient(circle at top left, rgba(30, 79, 255, .14), transparent 42%);
	box-shadow: 0 16px 34px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.mc-ov-card__head {
	padding: 15px 18px;
	border-bottom: 1px solid rgba(77, 227, 255, .14);
	background: linear-gradient(90deg, rgba(30, 79, 255, .34), rgba(22, 57, 199, .18), rgba(13, 27, 46, .24));
}

.mc-ov-card__title {
	color: #F3C969;
	font-size: 16px;
	font-weight: 950;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mc-ov-card__sub {
	color: rgba(184, 199, 224, .82);
}

.mc-ov-card__body {
	background: transparent;
}

.mc-ov-card__foot {
	border-top: 1px solid rgba(77, 227, 255, .12);
	background: rgba(5, 14, 28, .45);
}

.mc-ov-btn,
.mc-ov-link {
	color: #F3C969;
	font-weight: 950;
}

.mc-ov-live-pill {
	background: rgba(255, 47, 47, .16);
	border: 1px solid rgba(255, 47, 47, .32);
	color: #FFFFFF;
}

.mc-ov-goal-row {
	border-color: rgba(77, 227, 255, .14);
	background: linear-gradient(90deg, rgba(30, 79, 255, .10), rgba(13, 27, 46, .78));
}

.mc-ov-goal-row--home {
	border-left: 4px solid var(--ws-home1, #1E4FFF);
}

.mc-ov-goal-row--guest {
	border-left: 4px solid var(--ws-guest1, #FF5A5A);
}

.mc-ov-min-badge,
.mc-ov-goal-type {
	background: linear-gradient(135deg, rgba(30, 79, 255, .94), rgba(22, 57, 199, .92));
	color: #FFFFFF;
}

.mc-ov-goal-name,
.mc-ov-table-team span,
.mc-ov-match-team span {
	color: #FFFFFF;
}

.mc-ov-goal-scoreline,
.mc-ov-match-score {
	color: #FFFFFF;
	background: rgba(13, 27, 46, .9);
	border-color: rgba(77, 227, 255, .18);
}

.mc-ov-table-grid thead tr {
	color: rgba(184, 199, 224, .82);
}

.mc-ov-table-grid tr.mc-ov-table-row {
	background: rgba(8, 21, 40, .74);
	border-color: rgba(77, 227, 255, .14);
}

.mc-ov-table-row--highlight-home td,
.mc-ov-table-row--highlight-guest td {
	background: linear-gradient(90deg, rgba(243, 201, 105, .18), rgba(30, 79, 255, .08));
}

.mc-ov-mov--up {
	color: #43D17A;
}

.mc-ov-mov--down {
	color: #FF5A5A;
}

.mc-ov-match-row {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--ws-home1, #1E4FFF) 16%, transparent), color-mix(in srgb, var(--ws-guest1, #FF5A5A) 16%, transparent)),
		rgba(8, 21, 40, .82);
	border-color: rgba(77, 227, 255, .14);
}

.mc-ov-match-row--current::before {
	background: #F3C969;
	color: #071426;
}

.mc-ov-match-row__meta span {
	background: rgba(77, 227, 255, .08);
	color: rgba(255, 255, 255, .82);
}

.mc-ov-fact {
	background: rgba(8, 21, 40, .72);
	border-color: rgba(77, 227, 255, .14);
}

.mc-ov-fact__value,
.mc-ov-fact__player {
	color: #FFFFFF;
}

.mc-ov-fact-bar {
	background: rgba(30, 79, 255, .22);
}

.mc-ov-fact-bar span {
	background: linear-gradient(90deg, #4DE3FF, #1E4FFF);
}

@media (min-width: 1320px) {
	.mc-page {
		width: min(100%, 1420px);
	}
}

@media (max-width: 980px) {
	.mc-hero-score {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.mc-hero-team,
	.mc-hero-team--guest {
		justify-content: center;
		text-align: center;
	}

	.mc-hero-team--guest {
		flex-direction: row-reverse;
	}

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

	.mc-overview {
		grid-template-columns: 1fr;
		grid-template-areas:
			"scorers"
			"table"
			"matches"
			"facts";
	}
}

@media (max-width: 640px) {
	.mc-hero-meta {
		gap: 10px;
		padding: 10px 14px;
	}

	.mc-hero-score {
		padding: 18px 16px;
	}

	.mc-hero-team__logo {
		width: 68px;
		height: 68px;
	}

	.mc-hero-team__text strong {
		font-size: 22px;
	}

	.mc-hero-result__score {
		font-size: 54px;
	}

	.mc-quickstats {
		grid-template-columns: 1fr;
	}

	.mc-quickstat {
		border-right: 0;
		border-bottom: 1px solid rgba(77, 227, 255, .12);
	}

	.mc-hero-spotlight {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.mc-hero-spotlight__rating {
		text-align: left;
	}
}

/* Match-Center 2.1: full-width page, compact hero context, KPI cards and 2-up live matches. */
.mc-layout-row {
	width: calc(100vw - 32px);
	max-width: none;
	margin-left: calc(50% - 50vw + 16px);
	margin-right: 0;
}

.mc-layout-row #contentArea.span12 {
	width: 100%;
	margin-left: 0;
}

.mc-fullwidth-box {
	padding-left: 18px;
	padding-right: 18px;
}

.mc-page {
	width: 100%;
	max-width: none;
}

.mc-page .tab-content {
	overflow: visible;
}

.mc-formline {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
}

.mc-formline--guest {
	justify-content: flex-end;
}

.mc-formline__dot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	color: #071426;
	font-size: 11px;
	font-weight: 950;
	line-height: 1;
	box-shadow: 0 5px 14px rgba(0, 0, 0, .24);
}

.mc-formline__dot--s {
	background: #43D17A;
}

.mc-formline__dot--u {
	background: #F3C969;
}

.mc-formline__dot--n {
	background: #FF5A5A;
	color: #fff;
}

.mc-quickstats {
	gap: 10px;
	padding: 12px;
	background: rgba(5, 14, 28, .56);
}

.mc-quickstat {
	min-width: 0;
	padding: 16px 12px;
	border: 1px solid rgba(77, 227, 255, .14);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(13, 27, 46, .88), rgba(7, 20, 38, .86));
}

.mc-quickstat:last-child {
	border-right: 1px solid rgba(77, 227, 255, .14);
}

.mc-quickstat__value {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 10px;
	flex-wrap: nowrap;
	white-space: nowrap;
	line-height: 1;
}

.mc-quickstat__value b {
	display: inline-block;
	min-width: 2.2ch;
	font: inherit;
	text-align: center;
}

.mc-quickstat__value em {
	color: rgba(255, 255, 255, .58);
	font-style: normal;
	font-weight: 950;
}

.mc-quickstat__home {
	color: #4DE3FF;
}

.mc-quickstat__guest {
	color: #FF5A5A;
}

.mc-momentum__bar {
	position: relative;
	height: 64px;
	align-items: center;
	padding: 12px 10px 20px;
}

.mc-momentum__bar::before {
	content: "0'";
	position: absolute;
	left: 10px;
	bottom: 3px;
	color: rgba(255, 255, 255, .72);
	font-size: 11px;
	font-weight: 800;
}

.mc-momentum__bar::after {
	content: "90'";
	position: absolute;
	right: 10px;
	bottom: 3px;
	color: rgba(255, 255, 255, .72);
	font-size: 11px;
	font-weight: 800;
}

.mc-momentum__seg {
	height: 30px;
	align-items: stretch;
	gap: 0;
}

.mc-momentum__seg span {
	width: 50%;
	align-self: stretch;
	min-height: 0;
	border-radius: 0;
}

.mc-momentum__seg--home {
	background: linear-gradient(180deg, rgba(77, 227, 255, .94), rgba(30, 79, 255, .88));
}

.mc-momentum__seg--guest {
	background: linear-gradient(180deg, rgba(255, 90, 90, .94), rgba(196, 22, 46, .9));
}

.mc-overview {
	grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
}

.mc-ov-matches-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	max-height: none;
	overflow: visible;
	padding-right: 0;
}

.mc-ov-match-row {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	grid-template-areas:
		"state teams"
		"state comp"
		"meta meta";
	min-height: 86px;
	padding: 12px;
}

.mc-ov-match-row--current::before {
	top: 8px;
	right: 8px;
	content: "TOPSPIEL";
}

.mc-ov-match-row__teams {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	width: 100%;
	gap: 10px;
	flex-wrap: nowrap;
}

.mc-ov-match-team {
	min-width: 0;
	font-size: 13px;
	font-weight: 850;
	line-height: 1.25;
}

.mc-ov-match-team span {
	overflow-wrap: anywhere;
}

.mc-ov-match-team img {
	width: 22px;
	height: 22px;
}

.mc-ov-match-score {
	min-width: 64px;
	padding: 6px 10px;
	text-align: center;
	font-size: 17px;
	line-height: 1;
}

.mc-ov-match-row__comp {
	justify-self: center;
	max-width: 100%;
	text-align: center;
	color: rgba(184, 199, 224, .74);
	font-size: 11px;
	line-height: 1.25;
}

.mc-ov-match-row__meta {
	justify-content: center;
}

.mc-ov-goal-result {
	min-width: 126px;
	justify-content: flex-end;
}

.mc-ov-scorers .mc-ov-club-logo {
	width: 30px;
	height: 30px;
}

.mc-ov-goal-scoreline {
	min-width: 3.1em;
}

@media (max-width: 1200px) {
	.mc-ov-matches-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 980px) {
	.mc-formline,
	.mc-formline--guest {
		justify-content: center;
	}
}

@media (max-width: 640px) {
	.mc-fullwidth-box {
		padding-left: 10px;
		padding-right: 10px;
	}

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

	.mc-quickstat {
		border-bottom: 1px solid rgba(77, 227, 255, .14);
	}

	.mc-ov-match-row {
		grid-template-columns: 1fr;
		grid-template-areas:
			"state"
			"teams"
			"comp"
			"meta";
	}

	.mc-ov-match-row__side {
		align-items: center;
	}

	.mc-ov-match-row__teams {
		grid-template-columns: minmax(0, 1fr);
	}

	.mc-ov-match-team,
	.mc-ov-match-team--home,
	.mc-ov-match-team--away {
		justify-content: center;
		text-align: center;
	}
}

/* Match-Center 2.2: concept polish for form, momentum rail and live match grid. */
.mc-hero-team__text .mc-formline {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 7px;
	margin-top: 12px;
}

.mc-hero-team__text .mc-formline--guest {
	justify-content: flex-end;
}

.mc-hero-team__text .mc-formline__dot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin: 0;
	border-radius: 999px;
	color: #06101f;
	font-size: 11px;
	font-weight: 950;
	line-height: 1;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .18), 0 6px 14px rgba(0, 0, 0, .28);
}

.mc-hero-team__text .mc-formline__dot--s {
	background: linear-gradient(180deg, #4ade80, #15803d);
}

.mc-hero-team__text .mc-formline__dot--u {
	background: linear-gradient(180deg, #fde047, #ca8a04);
}

.mc-hero-team__text .mc-formline__dot--n {
	background: linear-gradient(180deg, #ff6b6b, #b91c1c);
	color: #fff;
}

.mc-momentum__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.mc-momentum__legend {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
	color: rgba(255, 255, 255, .72);
	font-size: 11px;
	font-weight: 800;
}

.mc-momentum__legend span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}

.mc-event-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .08);
}

.mc-event-dot--goal { background: #f8fafc; }
.mc-event-dot--yellow { background: #facc15; }
.mc-event-dot--red { background: #ef4444; }
.mc-event-dot--sub { background: #22c55e; }

.mc-momentum__bar {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0;
	height: 70px;
	padding: 18px 12px 24px;
	overflow: visible;
}

.mc-momentum__seg {
	flex: 1 1 0;
	height: 18px;
	min-width: 4px;
	display: block;
}

.mc-momentum__seg span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.mc-momentum__seg:first-of-type span {
	border-radius: 999px 0 0 999px;
}

.mc-momentum__seg:last-of-type span {
	border-radius: 0 999px 999px 0;
}

.mc-momentum__seg--home span {
	background: linear-gradient(180deg, rgba(77, 227, 255, .96), rgba(30, 79, 255, .9));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24);
}

.mc-momentum__seg--guest span {
	background: linear-gradient(180deg, rgba(255, 90, 90, .96), rgba(196, 22, 46, .92));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
}

.mc-momentum__seg--neutral span {
	background: rgba(255, 255, 255, .14);
}

.mc-momentum-event {
	position: absolute;
	top: 9px;
	transform: translateX(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 3px;
	border-radius: 999px;
	background: rgba(5, 14, 28, .94);
	border: 1px solid rgba(255, 255, 255, .18);
	font-size: 12px;
	line-height: 1;
	z-index: 3;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .32);
}

.mc-momentum-event--guest {
	top: 35px;
}

.mc-momentum-event--goal {
	border-color: rgba(248, 250, 252, .72);
}

.mc-momentum-event--yellow {
	border-color: rgba(250, 204, 21, .8);
}

.mc-momentum-event--red {
	border-color: rgba(239, 68, 68, .86);
}

.mc-momentum-event--sub {
	border-color: rgba(34, 197, 94, .86);
}

.mc-ov-matches-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mc-ov-match-row--current::before {
	content: none;
}

.mc-ov-topmatch-pill {
	border-color: rgba(243, 201, 105, .5) !important;
	background: rgba(243, 201, 105, .12) !important;
	color: #F3C969 !important;
	text-transform: uppercase;
	letter-spacing: .05em;
}

@media (max-width: 820px) {
	.mc-ov-matches-list {
		grid-template-columns: 1fr;
	}

	.mc-momentum__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.mc-momentum__legend {
		justify-content: flex-start;
	}
}

/* Match-Center 2.3: live match cards reduced to logo-score-logo. */
.mc-ov-matches .mc-ov-card__body {
	padding: 14px;
}

.mc-ov-matches-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.mc-ov-match-row {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 82px;
	padding: 14px 16px;
	border-radius: 8px;
}

.mc-ov-match-row__teams {
	display: grid;
	grid-template-columns: 56px minmax(74px, auto) 56px;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: auto;
}

.mc-ov-match-team,
.mc-ov-match-team--home,
.mc-ov-match-team--away {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.mc-ov-match-team img {
	width: 38px;
	height: 38px;
	object-fit: contain;
}

.mc-ov-match-score {
	min-width: 74px;
	padding: 9px 14px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: 950;
	line-height: 1;
	text-align: center;
}

.mc-ov-match-row__side,
.mc-ov-match-row__comp,
.mc-ov-match-row__meta {
	display: none;
}

@media (max-width: 820px) {
	.mc-ov-matches-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.mc-ov-matches-list {
		grid-template-columns: 1fr;
	}
}

/* Der Standard-Spielbericht bleibt sichtbar und wird nicht als Akkordeon eingeklappt. */
.mc-page #reportarea,
.mc-page #reportarea.collapse,
.mc-page #reportarea.collapsed {
	display: block !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	visibility: visible !important;
}

.mc-page [data-target="#reportarea"],
.mc-page [href="#reportarea"][data-toggle="collapse"] {
	display: none !important;
}

.mc-page #reportarea details {
	display: block !important;
}

.mc-page #reportarea details > summary {
	display: none !important;
}

/* Match-Hub 3.0: Standard-Liveticker, Analyse und Statistik aus einer Ereignisbasis. */
.mc-page--hub {
	width: 100%;
	max-width: none;
}

.mc-page--hub .mc-hero {
	margin-bottom: 12px;
}

.mc-page--hub .mc-hero-meta {
	min-height: 32px;
	padding: 6px 14px;
	gap: 14px;
}

.mc-page--hub .mc-hero-score {
	grid-template-columns: minmax(0, 1fr) minmax(190px, 240px) minmax(0, 1fr);
	gap: 0;
	min-height: 94px;
	padding: 0;
	background: rgba(2, 13, 26, .94);
}

.mc-page--hub .mc-hero-team {
	min-height: 94px;
	padding: 12px 18px;
	gap: 12px;
}

.mc-page--hub .mc-hero-team--home {
	background: linear-gradient(90deg, color-mix(in srgb, var(--ws-home1) 56%, #071528), rgba(4, 18, 34, .9));
}

.mc-page--hub .mc-hero-team--guest {
	background: linear-gradient(270deg, color-mix(in srgb, var(--ws-guest1) 56%, #071528), rgba(4, 18, 34, .9));
}

.mc-page--hub .mc-hero-team__logo {
	width: 58px;
	height: 58px;
}

.mc-page--hub .mc-hero-team__text strong {
	font-size: clamp(17px, 1.5vw, 23px);
}

.mc-page--hub .mc-hero-team__text span {
	margin-top: 4px;
	font-size: 11px;
}

.mc-page--hub .mc-hero-team__text span a {
	color: #f3c969;
	font-weight: 800;
}

.mc-page--hub .mc-hero-result {
	align-self: stretch;
	justify-content: center;
	gap: 3px;
	min-width: 0;
	background: rgba(3, 14, 28, .98);
}

.mc-page--hub .mc-hero-result__score {
	display: grid;
	grid-template-columns: 70px 24px 70px;
	gap: 0;
	width: 100%;
	font-size: 42px;
	line-height: 1;
	text-shadow: none;
}

.mc-page--hub .mc-hero-result__score span,
.mc-page--hub .mc-hero-result__score em {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 62px;
}

.mc-page--hub .mc-hero-result__score span:first-child {
	background: linear-gradient(145deg, var(--ws-home1), color-mix(in srgb, var(--ws-home1) 65%, #071528));
}

.mc-page--hub .mc-hero-result__score span:last-child {
	background: linear-gradient(145deg, color-mix(in srgb, var(--ws-guest1) 70%, #071528), var(--ws-guest1));
}

.mc-page--hub .mc-hero-result__score em {
	color: rgba(255, 255, 255, .62);
	background: #071426;
}

.mc-page--hub .mc-hero-result__status,
.mc-page--hub .mc-hero__live {
	padding: 2px 7px;
	font-size: 9px;
}

.mc-page--hub .mc-quickstats,
.mc-page--hub .mc-hero > .mc-momentum {
	display: none;
}

.mc-page--hub .mc-tabs {
	display: flex;
	justify-content: center;
	gap: 0;
	margin: 0 0 10px;
	padding: 0 10px;
	border: 1px solid rgba(87, 130, 177, .23);
	border-radius: 7px 7px 0 0;
	background: rgba(2, 13, 27, .92);
	overflow-x: auto;
}

.mc-page--hub .mc-tabs > li {
	float: none;
	flex: 0 0 auto;
}

.mc-page--hub .mc-tabs > li > a {
	margin: 0;
	padding: 14px 24px 12px;
	border: 0 !important;
	border-bottom: 3px solid transparent !important;
	border-radius: 0;
	background: transparent !important;
	color: #c9d3df;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.mc-page--hub .mc-tabs > li.active > a,
.mc-page--hub .mc-tabs > li > a:hover {
	border-bottom-color: #e5b62e !important;
	color: #f5c842;
}

.mc-page--hub .mc-toolbar {
	margin: 0 0 8px;
	border: 1px solid rgba(87, 130, 177, .24);
	border-radius: 7px;
	background: rgba(4, 20, 38, .96);
}

.mc-page--hub .mc-filter {
	padding: 8px 15px;
	border-radius: 5px;
	font-size: 11px;
	text-transform: uppercase;
}

.mc-hub-grid {
	display: grid;
	grid-template-columns: minmax(235px, .82fr) minmax(510px, 2.05fr) minmax(285px, .95fr);
	gap: 10px;
	align-items: start;
}

.mc-hub-column {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.mc-hub-feed {
	min-width: 0;
	border: 1px solid rgba(87, 130, 177, .23);
	border-radius: 6px;
	background: rgba(2, 15, 29, .87);
	overflow: hidden;
}

.mc-hub-panel {
	padding: 13px;
	border: 1px solid rgba(87, 130, 177, .28);
	border-radius: 6px;
	background: linear-gradient(145deg, rgba(4, 22, 42, .97), rgba(2, 14, 29, .97));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
	color: #dce6f0;
}

.mc-hub-panel h3 {
	margin: 0 0 12px;
	color: #edf4fb;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mc-hub-recent {
	margin-top: 12px;
}

.mc-hub-recent__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.mc-hub-recent__head h3 {
	margin-bottom: 0;
}

.mc-hub-recent__head span,
.mc-hub-recent__minute {
	color: #f4d45d;
	font-weight: 900;
}

.mc-hub-recent__list {
	display: grid;
	gap: 7px;
}

.mc-hub-recent__item {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 10px;
	padding: 9px 10px;
	border: 1px solid rgba(87, 130, 177, .18);
	border-radius: 5px;
	background: rgba(0, 8, 18, .32);
}

.mc-hub-recent__body strong {
	display: block;
	margin-bottom: 2px;
	color: #f6f0dc;
	font-size: 12px;
}

.mc-hub-recent__body p {
	margin: 0;
	color: #c8d2dd;
	font-size: 12px;
	line-height: 1.35;
}

.mc-hub-stat-head {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 10px;
	font-size: 10px;
}

.mc-hub-stat-head strong:last-child {
	text-align: right;
}

.mc-hub-stat {
	margin-bottom: 9px;
}

.mc-hub-stat:last-child {
	margin-bottom: 0;
}

.mc-hub-stat__numbers {
	display: grid;
	grid-template-columns: 48px 1fr 48px;
	align-items: center;
	gap: 4px;
	margin-bottom: 4px;
	font-size: 11px;
}

.mc-hub-stat__numbers b {
	color: #fff;
	font-size: 12px;
}

.mc-hub-stat__numbers b:last-child {
	text-align: right;
}

.mc-hub-stat__numbers span {
	color: #c6d2df;
	text-align: center;
}

.mc-hub-dualbar {
	display: grid;
	grid-template-columns: var(--mc-home-share) calc(100% - var(--mc-home-share));
	gap: 2px;
	height: 4px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	overflow: hidden;
}

.mc-hub-dualbar i:first-child {
	background: linear-gradient(90deg, var(--ws-home1), #e64134);
}

.mc-hub-dualbar i:last-child {
	background: linear-gradient(90deg, #d5a814, var(--ws-guest1));
}

.mc-zone-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	aspect-ratio: 1.58;
	border: 1px solid rgba(226, 239, 216, .55);
	border-radius: 4px;
	background:
		linear-gradient(90deg, transparent 49.5%, rgba(255, 255, 255, .6) 50%, transparent 50.5%),
		linear-gradient(rgba(26, 92, 36, .75), rgba(17, 62, 29, .83));
	overflow: hidden;
}

.mc-zone-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-right: 1px solid rgba(255, 255, 255, .32);
	border-bottom: 1px solid rgba(255, 255, 255, .32);
	background: linear-gradient(90deg,
		var(--ws-home1) 0 var(--mc-zone-home),
		var(--ws-guest1) var(--mc-zone-home) 100%);
	background-blend-mode: multiply;
}

.mc-zone-cell:nth-child(3n) {
	border-right: 0;
}

.mc-zone-cell:nth-child(n+7) {
	border-bottom: 0;
}

.mc-zone-cell strong {
	color: #fff;
	font-size: 15px;
	text-shadow: 0 1px 3px #000;
}

.mc-zone-cell small {
	color: rgba(255, 255, 255, .72);
	font-size: 9px;
}

.mc-hub-legend {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	margin-top: 8px;
	font-size: 9px;
	color: #aebdcc;
}

.mc-hub-legend span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.mc-hub-legend i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.mc-hub-legend__home {
	background: var(--ws-home1);
}

.mc-hub-legend__guest {
	background: var(--ws-guest1);
}

.mc-hub-momentum {
	display: flex;
	align-items: flex-end;
	gap: 2px;
	height: 78px;
	padding: 9px 4px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .16);
	background: linear-gradient(180deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, 0));
}

.mc-hub-momentum i {
	flex: 1;
	height: var(--mc-momentum-height);
	min-height: 10px;
	max-height: 55px;
	border-radius: 2px 2px 0 0;
}

.mc-hub-momentum .is-home {
	background: var(--ws-home1);
}

.mc-hub-momentum .is-guest {
	background: var(--ws-guest1);
}

.mc-hub-momentum .is-even {
	background: rgba(255, 255, 255, .18);
}

.mc-hub-note {
	margin: 9px 0 0;
	color: #aebdcc;
	font-size: 10px;
	line-height: 1.45;
}

.mc-page--hub .mc-timeline {
	margin: 0;
	padding: 0;
}

.mc-page--hub .mc-tl-item {
	position: relative;
	display: grid;
	grid-template-columns: 48px 32px minmax(0, 1fr);
	gap: 5px;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0 8px;
	border-bottom: 1px solid rgba(82, 117, 154, .18);
	background: rgba(5, 22, 40, .72);
	transition: background .18s, box-shadow .18s;
}

.mc-page--hub .mc-tl-item.is-hidden,
.mc-page--hub .mc-filter-empty.is-hidden {
	display: none !important;
}

.mc-page--hub .mc-tl-item:nth-child(even) {
	background: rgba(7, 27, 47, .82);
}

.mc-page--hub .mc-tl-item.is-focused {
	background: rgba(225, 177, 44, .16);
	box-shadow: inset 4px 0 0 #e5b62e;
}

.mc-page--hub .mc-tl-item[data-chapter="1"] {
	display: block;
	padding: 0;
}

.mc-page--hub .mc-tl-item[data-chapter="1"] .mc-chapter {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 10px 16px;
	white-space: nowrap;
	overflow-wrap: normal;
	word-break: keep-all;
}

.mc-page--hub .mc-tl-item--motm {
	display: block;
	padding: 0;
}

.mc-page--hub .mc-tl-motm {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	box-sizing: border-box;
	width: 100%;
	min-height: 74px;
	padding: 10px 16px;
	background: rgba(13, 31, 52, .94);
}

.mc-page--hub .mc-tl-motm__photo {
	width: 52px;
	height: 52px;
	border: 1px solid rgba(231, 184, 54, .55);
	border-radius: 7px;
	object-fit: cover;
}

.mc-page--hub .mc-tl-motm__body span,
.mc-page--hub .mc-tl-motm__body a,
.mc-page--hub .mc-tl-motm__grade span,
.mc-page--hub .mc-tl-motm__grade strong {
	display: block;
}

.mc-page--hub .mc-tl-motm__body span,
.mc-page--hub .mc-tl-motm__grade span {
	color: #e3b62c;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mc-page--hub .mc-tl-motm__body a {
	margin-top: 2px;
	color: #fff;
	font-size: 17px;
	font-weight: 900;
}

.mc-page--hub .mc-tl-motm__grade {
	min-width: 48px;
	padding-right: 2px;
	text-align: right;
}

.mc-page--hub .mc-tl-motm__grade strong {
	color: #fff;
	font-size: 18px;
}

.mc-page--hub .mc-tl-minute {
	position: static;
	left: auto;
	top: auto;
	width: auto;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 8px;
	border-right: 1px solid rgba(105, 139, 176, .24);
	color: #cbd8e4;
	font-size: 12px;
	font-weight: 900;
}

.mc-page--hub .mc-tl-icon {
	position: static;
	left: auto;
	top: auto;
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mc-page--hub .mc-tl-icon__fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 23px;
	min-height: 23px;
	font-size: 17px;
	line-height: 1;
}

.mc-page--hub .mc-tl-card {
	margin: 0;
	padding: 10px 8px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.mc-page--hub .mc-tl-card::before {
	content: none;
}

.mc-page--hub .mc-tl-head {
	margin-bottom: 3px;
}

.mc-page--hub .mc-tl-head > img,
.mc-page--hub .mc-tl-player,
.mc-page--hub .mc-tl-club {
	width: 24px;
	height: 24px;
}

.mc-page--hub .mc-tl-head strong {
	font-size: 12px;
}

.mc-page--hub .mc-tl-team-name {
	display: block;
	color: #f2f6fb;
	font-size: 12px;
	font-weight: 900;
}

.mc-page--hub .mc-tl-player-name {
	display: block;
	margin-top: 2px;
	color: #aebdcb;
	font-size: 10px;
	font-weight: 700;
}

.mc-page--hub .mc-tl-score--logos {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
}

.mc-page--hub .mc-tl-score--logos img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.mc-page--hub .mc-tl-score--logos b {
	color: #f4d45d;
	font-size: 19px;
	font-weight: 950;
}

.mc-page--hub .mc-tl-type {
	color: #e3b62c;
	font-size: 10px;
	font-weight: 950;
}

.mc-page--hub .mc-tl-type small {
	color: #70869b;
	font-size: 9px;
	font-weight: 600;
}

.mc-page--hub .mc-tl-msg {
	font-size: 11px;
	line-height: 1.45;
	color: #d8e1e9;
}

.mc-page--hub .mc-tl-item--home,
.mc-page--hub .mc-tl-card--home {
	border-left-color: var(--ws-home1);
}

.mc-page--hub .mc-tl-item--goal .mc-tl-type,
.mc-page--hub .mc-tl-item--chance .mc-tl-type {
	color: #ff544b;
}

.mc-page--hub .mc-tl-item--duel .mc-tl-type,
.mc-page--hub .mc-tl-item--attack .mc-tl-type {
	color: #f1c332;
}

.mc-tactic-head {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 10px;
}

.mc-tactic-head > div:last-child {
	text-align: right;
}

.mc-tactic-head strong,
.mc-tactic-head span {
	display: block;
}

.mc-tactic-head strong {
	font-size: 10px;
	color: #fff;
}

.mc-tactic-head span {
	margin-top: 2px;
	color: #e3b62c;
	font-size: 9px;
}

.mc-tactic-head small {
	display: block;
	margin-top: 1px;
	color: #9eafbf;
	font-size: 8px;
}

.mc-tactic-pitches {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px;
	margin-bottom: 12px;
}

.mc-tactic-pitch-card {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.mc-lineup-status {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 25px;
	padding: 4px 7px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 4px;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.mc-lineup-status::before {
	content: "";
	width: 6px;
	height: 6px;
	margin-right: 5px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 8px currentColor;
}

.mc-lineup-status.is-ready {
	color: #5ee39b;
	background: rgba(27, 135, 83, .12);
}

.mc-lineup-status.is-missing {
	color: #ff8a7d;
	background: rgba(194, 55, 43, .13);
}

.mc-lineup-meta {
	display: grid;
	gap: 4px;
}

.mc-lineup-meta small {
	color: #9eafbf;
	font-size: 8px;
	line-height: 1.3;
	text-align: center;
}

.mc-mini-pitch {
	position: relative;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 3px;
	background:
		radial-gradient(circle at 50% 50%, transparent 0 15%, rgba(255, 255, 255, .32) 15.5% 16%, transparent 16.5%),
		linear-gradient(90deg, transparent 49.5%, rgba(255, 255, 255, .3) 50%, transparent 50.5%),
		linear-gradient(0deg, transparent 49.5%, rgba(255, 255, 255, .28) 50%, transparent 50.5%),
		#1e612b;
}

.mc-mini-pitch::before,
.mc-mini-pitch::after {
	content: "";
	position: absolute;
	left: 24%;
	width: 52%;
	height: 16%;
	border: 1px solid rgba(255, 255, 255, .3);
}

.mc-mini-pitch::before {
	top: -1px;
	border-top: 0;
}

.mc-mini-pitch::after {
	bottom: -1px;
	border-bottom: 0;
}

.mc-mini-pitch i {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: var(--mc-player-x, 50%);
	top: var(--mc-player-y, 50%);
	width: 15px;
	height: 15px;
	margin: 0;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(255, 255, 255, .82);
	border-radius: 50%;
	background: var(--ws-home1);
	color: #fff;
	font-size: 7px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	z-index: 2;
}

.mc-mini-pitch i span { pointer-events: none; }

.mc-player-event-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	min-width: 9px;
	height: 9px;
	padding: 0 1px;
	border: 1px solid rgba(255, 255, 255, .92);
	border-radius: 50%;
	font-size: 6px;
	font-style: normal;
	line-height: 1;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .55);
}

.mc-player-event-badge--goal {
	left: -6px;
	top: -6px;
	background: #102118;
}

.mc-player-event-badge--assist {
	right: -6px;
	bottom: -6px;
	background: #1674c8;
	color: #fff;
}

.mc-tactic-compare.is-updating .mc-mini-pitch i {
	transition: left .45s ease, top .45s ease, transform .45s ease;
}

.mc-tactic-compare {
	transition: opacity .18s ease, transform .18s ease;
}

.mc-tactic-compare.is-transitioning {
	opacity: .35;
	transform: translateY(2px);
}

.mc-unified-statistics {
	padding: 18px 20px 24px;
	background: rgba(5, 14, 28, .74);
	border: 1px solid rgba(119, 152, 196, .2);
	border-radius: 6px;
}

.mc-unified-statistics .ms-section {
	margin: 18px 0 8px;
	padding: 10px 14px;
	background: linear-gradient(90deg, rgba(24, 72, 145, .96), rgba(12, 38, 82, .9));
	border: 1px solid rgba(111, 168, 255, .34);
	border-left: 4px solid #4d98ff;
	border-radius: 4px;
	color: #f2d36b;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
}

.mc-unified-statistics .ms-section:first-of-type {
	margin-top: 0;
}

.mc-unified-statistics .ms-row {
	display: grid;
	grid-template-columns: minmax(54px, .35fr) minmax(260px, 3fr) minmax(54px, .35fr);
	align-items: center;
	gap: 16px;
	min-height: 62px;
	border-bottom: 1px solid rgba(119, 152, 196, .14);
}

.mc-unified-statistics .ms-row:last-child {
	border-bottom: 0;
}

.mc-unified-statistics .ms-left-value,
.mc-unified-statistics .ms-right-value {
	color: #f4f7fc;
	font-size: 18px;
	font-weight: 800;
}

.mc-unified-statistics .ms-right-value {
	text-align: right;
}

.mc-unified-statistics .ms-vs {
	margin-bottom: 8px;
	color: #aebbd0;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.mc-unified-statistics .ms-dual {
	display: flex;
	height: 8px;
	overflow: hidden;
	background: rgba(255, 255, 255, .08);
	border-radius: 2px;
}

.mc-unified-statistics .ms-fill-home {
	background: #d9323c;
}

.mc-unified-statistics .ms-fill-guest {
	background: #f1ca42;
}

@media (max-width: 720px) {
	.mc-unified-statistics {
		padding: 14px 12px 18px;
	}

	.mc-unified-statistics .ms-row {
		grid-template-columns: 44px minmax(150px, 1fr) 44px;
		gap: 8px;
		min-height: 56px;
	}

	.mc-unified-statistics .ms-left-value,
	.mc-unified-statistics .ms-right-value {
		font-size: 15px;
	}
}

.mc-mini-pitch i.has-yellow::after {
	content: "";
	position: absolute;
	right: -3px;
	top: -3px;
	width: 4px;
	height: 6px;
	border-radius: 1px;
	background: #ffd52b;
	box-shadow: 0 0 4px rgba(255, 213, 43, .7);
}

.mc-mini-pitch i.is-goalkeeper {
	width: 17px;
	height: 17px;
	border: 2px solid #d9f3ff;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, .34);
}

.mc-mini-pitch--guest i {
	background: var(--ws-guest1);
}

.mc-filter-empty {
	margin: 0;
	padding: 24px 16px;
	color: #9eafbf;
	text-align: center;
}

.mc-tactic-row {
	display: grid;
	grid-template-columns: 90px 1fr 13px;
	align-items: center;
	gap: 7px;
	margin-top: 7px;
	font-size: 9px;
}

.mc-tactic-row > span {
	color: #b9c6d3;
}

.mc-tactic-row__bars {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3px;
	align-items: center;
}

.mc-tactic-row__bars i {
	display: block;
	height: 4px;
	border-radius: 999px;
}

.mc-tactic-row__bars i:first-child {
	justify-self: end;
	background: var(--ws-home1);
}

.mc-tactic-row__bars i:last-child {
	background: var(--ws-guest1);
}

.mc-tactic-trend {
	color: #7990a5;
	text-align: center;
}

.mc-tactic-trend--home {
	color: var(--ws-home1);
}

.mc-tactic-trend--guest {
	color: var(--ws-guest1);
}

.mc-attack-zone__pitch {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	aspect-ratio: 2.1;
	border: 1px solid rgba(255, 255, 255, .35);
	background:
		radial-gradient(circle at center, transparent 0 21px, rgba(255, 255, 255, .28) 22px 23px, transparent 24px),
		#1c5b2c;
}

.mc-attack-zone__pitch span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-right: 1px solid rgba(255, 255, 255, .22);
	background: linear-gradient(180deg, rgba(6, 25, 40, .18), var(--ws-home1));
	opacity: calc(.55 + (var(--mc-zone-power) / 240));
}

.mc-attack-zone__pitch span:last-child {
	border-right: 0;
}

.mc-attack-zone__pitch b {
	color: #fff;
	font-size: 14px;
}

.mc-attack-zone__pitch small {
	color: rgba(255, 255, 255, .68);
	font-size: 9px;
}

.mc-match-info dl {
	display: grid;
	grid-template-columns: 88px 1fr;
	gap: 6px 9px;
	margin: 0;
	font-size: 10px;
}

.mc-match-info dt {
	color: #8799aa;
	font-weight: 500;
}

.mc-match-info dd {
	margin: 0;
	color: #eef4fa;
	text-align: right;
}

.mc-recent-strip {
	display: grid;
	grid-template-columns: 125px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	padding: 9px 12px;
	border: 1px solid rgba(87, 130, 177, .28);
	border-radius: 6px;
	background: rgba(3, 17, 32, .96);
}

.mc-recent-strip h3 {
	margin: 0;
	color: #eef4fa;
	font-size: 11px;
	text-transform: uppercase;
}

.mc-recent-strip__items {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(145px, 1fr);
	overflow-x: auto;
}

.mc-recent-event {
	display: grid;
	grid-template-columns: 38px 1fr;
	align-items: center;
	gap: 7px;
	padding: 6px 10px;
	border-left: 1px solid rgba(87, 130, 177, .25);
	color: #dce6ef;
}

.mc-recent-event:hover {
	background: rgba(255, 255, 255, .04);
	color: #fff;
	text-decoration: none;
}

.mc-recent-event time {
	padding: 4px;
	border: 1px solid rgba(87, 130, 177, .35);
	border-radius: 3px;
	color: #aebdcc;
	font-size: 9px;
	text-align: center;
}

.mc-recent-event strong,
.mc-recent-event span {
	display: block;
	font-size: 9px;
}

.mc-recent-event span {
	color: #8195a8;
}

.mc-analysis-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.9fr) minmax(300px, .8fr);
	gap: 14px;
}

.mc-analysis-main {
	min-width: 0;
	border: 1px solid #1d426d;
	background: rgba(4, 16, 31, .94);
}

.mc-analysis-head {
	padding: 22px 24px;
	border-bottom: 1px solid #17385d;
	background: linear-gradient(105deg, rgba(15, 60, 116, .38), rgba(4, 16, 31, 0) 68%);
}

.mc-analysis-head > span,
.mc-result-assessment > span,
.mc-factor span,
.mc-chain header span,
.mc-interventions article span {
	color: #e7bd45;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.mc-analysis-head h2 {
	margin: 4px 0 6px;
	color: #fff;
	font-size: 24px;
}

.mc-analysis-head p,
.mc-analysis-section__head p {
	margin: 0;
	color: #91a7bd;
}

.mc-analysis-section {
	padding: 22px 24px;
	border-bottom: 1px solid #17324f;
}

.mc-analysis-section__head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 15px;
}

.mc-analysis-section h3,
.mc-result-assessment h3 {
	margin: 0;
	color: #fff;
	font-size: 16px;
}

.mc-factor-list,
.mc-chain-list,
.mc-interventions {
	display: grid;
	gap: 8px;
}

.mc-factor {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(72, 107, 144, .24);
}

.mc-factor:last-child { border-bottom: 0; }

.mc-factor__index {
	display: grid;
	width: 30px;
	height: 30px;
	place-items: center;
	border: 1px solid #345c88;
	border-radius: 50%;
	color: #fff;
	font-weight: 800;
}

.mc-factor h4,
.mc-plan h4,
.mc-implementation h4,
.mc-chain h4,
.mc-tactical-timeline h4,
.mc-interventions h4 {
	margin: 2px 0 4px;
	color: #fff;
	font-size: 13px;
}

.mc-factor p,
.mc-chain p,
.mc-tactical-timeline p,
.mc-interventions p {
	margin: 0;
	color: #c8d5e1;
	line-height: 1.45;
}

.mc-factor small,
.mc-tactical-timeline small,
.mc-duel-table small {
	display: block;
	margin-top: 5px;
	color: #7894ae;
}

.mc-result-assessment {
	margin: 0 24px;
	padding: 16px 18px;
	border-left: 3px solid #e5b62e;
	background: rgba(229, 182, 46, .07);
}

.mc-result-assessment p {
	margin: 6px 0 0;
	color: #cbd8e4;
	line-height: 1.5;
}

.mc-plan-grid,
.mc-implementation-grid,
.mc-opponent-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.mc-plan + .mc-plan,
.mc-implementation + .mc-implementation {
	border-left: 1px solid #24425f;
	padding-left: 18px;
}

.mc-plan header > span {
	color: #e7bd45;
	font-size: 11px;
	font-weight: 800;
}

.mc-plan header p {
	min-height: 42px;
	margin: 5px 0 12px;
	color: #9eb2c4;
	line-height: 1.4;
}

.mc-plan dl { margin: 0; }

.mc-plan dl > div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 6px 0;
	border-top: 1px solid rgba(52, 86, 121, .32);
}

.mc-plan dt { color: #7890a7; }
.mc-plan dd { margin: 0; color: #e8eef4; font-weight: 700; text-align: right; }

.mc-implementation > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}

.mc-status {
	padding: 4px 7px;
	border: 1px solid currentColor;
	border-radius: 3px;
	font-size: 9px;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
}

.mc-evaluation {
	border-top: 1px solid rgba(52, 86, 121, .32);
}

.mc-evaluation summary {
	display: grid;
	grid-template-columns: 8px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	padding: 9px 0;
	cursor: pointer;
	list-style: none;
}

.mc-evaluation summary::-webkit-details-marker { display: none; }
.mc-evaluation summary strong { color: #dce7f0; font-size: 11px; }
.mc-evaluation summary em { color: #8fa5b9; font-size: 9px; font-style: normal; text-transform: uppercase; }
.mc-evaluation p { margin: 0 0 8px 16px; color: #aebfce; line-height: 1.45; }

.mc-evidence {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0 0 10px 16px;
}

.mc-evidence span {
	padding: 3px 6px;
	border: 1px solid #23496e;
	border-radius: 3px;
	color: #89a8c5;
	font-size: 9px;
}

.mc-live-guidance article {
	padding: 12px;
	border: 1px solid #765f25;
	border-radius: 5px;
	background: rgba(222, 178, 55, .06);
}

.mc-live-guidance article + article { margin-top: 8px; }
.mc-live-guidance article > span { color: #e7bd45; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.mc-live-guidance article h4 { margin: 3px 0; color: #fff; }
.mc-live-guidance article p { margin: 0; color: #c5d3df; }
.mc-live-guidance article small { display: block; margin-top: 7px; color: #e2bc58; }

.mc-opponent-grid > article + article {
	padding-left: 18px;
	border-left: 1px solid #24425f;
}

.mc-opponent-grid header span { color: #7596b5; font-size: 9px; text-transform: uppercase; }
.mc-opponent-grid header h4 { margin: 2px 0 8px; color: #fff; }

.mc-opponent-row {
	display: grid;
	grid-template-columns: 8px minmax(0, 1fr);
	gap: 8px;
	padding: 8px 0;
	border-top: 1px solid rgba(52, 86, 121, .32);
}

.mc-opponent-row .mc-state-dot { margin-top: 4px; }
.mc-opponent-row strong { color: #dbe6ef; }
.mc-opponent-row p { margin: 3px 0 0; color: #91a7bb; line-height: 1.4; }

.mc-state-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #7892aa;
}

.mc-state--success .mc-state-dot,
.mc-state--success.mc-status { color: #64d394; background-color: rgba(43, 164, 102, .08); }
.mc-state--success .mc-state-dot { background: #4fd18a; }
.mc-state--balanced .mc-state-dot,
.mc-state--balanced.mc-status { color: #e5bd50; background-color: rgba(229, 189, 80, .08); }
.mc-state--balanced .mc-state-dot { background: #e5bd50; }
.mc-state--problem .mc-state-dot,
.mc-state--problem.mc-status,
.mc-state--critical .mc-state-dot,
.mc-state--critical.mc-status { color: #ff806f; background-color: rgba(255, 88, 70, .08); }
.mc-state--problem .mc-state-dot,
.mc-state--critical .mc-state-dot { background: #ff6858; }

.mc-chain {
	padding: 13px;
	border: 1px solid #244a72;
	border-radius: 5px;
	background: rgba(8, 31, 57, .55);
}

.mc-chain > div {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin-top: 10px;
}

.mc-chain__step { position: relative; }
.mc-chain__step:not(:last-child)::after { content: "›"; position: absolute; top: 8px; right: -13px; color: #3c78b4; font-size: 20px; }
.mc-chain__step strong { color: #7da8d2; font-size: 9px; text-transform: uppercase; }

.mc-duel-table > div {
	display: grid;
	grid-template-columns: 130px minmax(150px, .7fr) minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 9px 0;
	border-top: 1px solid rgba(52, 86, 121, .32);
}

.mc-duel-table strong { color: #e7edf3; }
.mc-duel-winner { color: #e5bd50; font-weight: 800; }
.mc-duel-winner--equal { color: #91a7bb; }

.mc-tactical-timeline article,
.mc-interventions article {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 14px;
	padding: 10px 0;
	border-top: 1px solid rgba(52, 86, 121, .32);
}

.mc-tactical-timeline time,
.mc-interventions time { color: #e5bd50; font-size: 10px; font-weight: 800; }

.mc-analysis-side {
	display: grid;
	align-content: start;
	gap: 10px;
}

.mc-highlights-page {
	max-width: 720px;
	margin: 0 auto;
}

@media (max-width: 1380px) {
	.mc-hub-grid {
		grid-template-columns: minmax(220px, .75fr) minmax(460px, 1.8fr);
	}

	.mc-hub-column--right {
		grid-column: 1 / -1;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mc-page--hub .mc-tabs > li > a {
		padding-right: 17px;
		padding-left: 17px;
	}
}

@media (max-width: 980px) {
	.mc-hub-grid,
	.mc-analysis-layout {
		grid-template-columns: 1fr;
	}

	.mc-hub-column--left,
	.mc-hub-column--right {
		grid-column: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mc-hub-feed {
		grid-row: 1;
	}

	.mc-analysis-side {
		grid-row: 1;
	}
}

@media (max-width: 680px) {
	.mc-analysis-head,
	.mc-analysis-section {
		padding-right: 14px;
		padding-left: 14px;
	}

	.mc-result-assessment {
		margin-right: 14px;
		margin-left: 14px;
	}

	.mc-analysis-section__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.mc-plan-grid,
	.mc-implementation-grid,
	.mc-opponent-grid,
	.mc-chain > div {
		grid-template-columns: 1fr;
	}

	.mc-plan + .mc-plan,
	.mc-implementation + .mc-implementation {
		padding-top: 16px;
		padding-left: 0;
		border-top: 1px solid #24425f;
		border-left: 0;
	}

	.mc-opponent-grid > article + article {
		padding-top: 16px;
		padding-left: 0;
		border-top: 1px solid #24425f;
		border-left: 0;
	}

	.mc-chain__step:not(:last-child)::after {
		display: none;
	}

	.mc-duel-table > div {
		grid-template-columns: 1fr auto;
	}

	.mc-duel-table small {
		grid-column: 1 / -1;
	}

	.mc-tactical-timeline article,
	.mc-interventions article {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.mc-page--hub .mc-hero-score {
		grid-template-columns: 1fr 130px 1fr;
	}

	.mc-page--hub .mc-hero-team {
		min-height: 80px;
		padding: 9px;
	}

	.mc-page--hub .mc-hero-team__logo {
		width: 40px;
		height: 40px;
	}

	.mc-page--hub .mc-hero-team__text strong {
		font-size: 13px;
	}

	.mc-page--hub .mc-hero-result__score {
		grid-template-columns: 46px 18px 46px;
		font-size: 30px;
	}

	.mc-hub-column--left,
	.mc-hub-column--right {
		grid-template-columns: 1fr;
	}

	.mc-recent-strip {
		grid-template-columns: 1fr;
	}

	.mc-page--hub .mc-tl-item {
		grid-template-columns: 40px 24px minmax(0, 1fr);
		padding-right: 3px;
		padding-left: 3px;
	}

	.mc-page--hub .mc-tabs {
		justify-content: flex-start;
	}
}