.mpv-page {
	--mpv-bg: #020b18;
	--mpv-panel: #06172b;
	--mpv-panel-2: #081d35;
	--mpv-line: rgba(73, 145, 215, .32);
	--mpv-blue: #49a8ff;
	--mpv-gold: #e9b94f;
	--mpv-text: #f2f6fb;
	--mpv-muted: #9eb1c6;
	color: var(--mpv-text);
	margin: 0;
	width: 100%;
}

body.mpv-preview-active #contentArea {
	float: none;
	margin-left: 0;
	width: 100%;
}

body.mpv-preview-active .mc-layout-row {
	margin-left: calc(50% - 50vw + 16px);
	margin-right: 0;
	max-width: none;
	width: calc(100vw - 32px);
}

body.mpv-preview-active #contentArea > .box {
	padding-left: clamp(8px, 1.35vw, 26px);
	padding-right: clamp(8px, 1.35vw, 26px);
}

body.mpv-preview-active #contentArea > .box > .page-header,
body.mpv-preview-active #contentArea .breadcrumb,
body.mpv-preview-active #pagecontent > hr.mpv-obsolete,
body.mpv-preview-active #pagecontent > .alert-info.mpv-obsolete {
	display: none !important;
}

.mpv-titlebar {
	align-items: center;
	background: linear-gradient(90deg, #041223, #020a14);
	border: 1px solid rgba(73, 145, 215, .28);
	border-radius: 5px;
	display: flex;
	margin: 0 0 8px;
	min-height: 52px;
	padding: 8px 15px;
}
.mpv-titlebar h1 { color: #fff; font-size: 16px; line-height: 1.1; margin: 0 0 4px; text-transform: uppercase; }
.mpv-titlebar p { color: #a9b9ca; font-size: 9px; margin: 0; }
.mpv-titlebar p span { color: var(--mpv-gold, #e9b94f); margin: 0 5px; }

.mpv-page *,
.mpv-page *::before,
.mpv-page *::after { box-sizing: border-box; }

.mpv-card {
	background:
		linear-gradient(135deg, rgba(16, 52, 89, .42), transparent 42%),
		linear-gradient(180deg, rgba(7, 26, 48, .98), rgba(3, 15, 29, .98));
	border: 1px solid var(--mpv-line);
	border-radius: 8px;
	box-shadow: 0 14px 32px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .025);
	overflow: hidden;
}

.mpv-card > header {
	border-bottom: 1px solid rgba(73, 145, 215, .2);
	padding: 16px 18px 12px;
}

.mpv-card h3 {
	color: #fff;
	font-size: 17px;
	letter-spacing: .04em;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

.mpv-card header small,
.mpv-card small,
.mpv-empty { color: var(--mpv-muted); }

.mpv-match-card {
	background:
		linear-gradient(90deg, rgba(38, 93, 139, .2), transparent 35%, rgba(38, 93, 139, .2)),
		radial-gradient(circle at 50% 72%, rgba(43, 126, 203, .25), transparent 42%),
		linear-gradient(180deg, #061a32, #031022);
	margin-bottom: 12px;
	position: relative;
}

.mpv-match-card::before {
	background: repeating-linear-gradient(115deg, transparent 0 65px, rgba(75, 151, 226, .04) 66px 67px);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.mpv-match-card__competition {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 13px 16px 0;
	position: relative;
}

.mpv-match-card__competition strong {
	color: var(--mpv-gold);
	font-size: 15px;
	letter-spacing: .045em;
	text-transform: uppercase;
}

.mpv-match-card__competition span { color: #e9d39c; font-weight: 700; }

.mpv-match-card__teams {
	align-items: center;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(210px, .55fr) minmax(0, 1fr);
	min-height: 235px;
	padding: 10px 5%;
	position: relative;
}

.mpv-team { text-align: center; }

.mpv-team img,
.mpv-team__fallback {
	align-items: center;
	display: inline-flex;
	filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .38));
	height: 98px;
	justify-content: center;
	max-width: 120px;
	object-fit: contain;
	width: 120px;
}

.mpv-team__fallback {
	border: 1px solid var(--mpv-line);
	border-radius: 50%;
	color: var(--mpv-gold);
	font-size: 45px;
	font-weight: 800;
}

.mpv-team h2 {
	color: #fff;
	font-size: clamp(21px, 2vw, 31px);
	line-height: 1.1;
	margin: 8px 0 4px;
}

.mpv-team p { color: #d7e0eb; margin: 0 0 9px; }

.mpv-versus {
	align-items: center;
	display: flex;
	flex-direction: column;
	text-align: center;
}

.mpv-versus > strong {
	background: linear-gradient(#ffe097, #b37816);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: clamp(54px, 6vw, 82px);
	line-height: 1;
}

.mpv-versus > span:not(.mpv-versus__weather) {
	color: var(--mpv-muted);
	font-size: 11px;
	margin-top: 17px;
	text-transform: uppercase;
}

.mpv-versus > b { color: var(--mpv-gold); font-size: 14px; text-transform: uppercase; }
.mpv-versus__weather { color: #dce8f5; margin-top: 10px; }

.mpv-form-dots {
	display: flex;
	gap: 6px;
	justify-content: center;
	min-height: 24px;
}

.mpv-form-dot {
	align-items: center;
	border-radius: 3px;
	color: #fff;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	height: 23px;
	justify-content: center;
	width: 23px;
}

.mpv-form-dot--w { background: #248d4b; }
.mpv-form-dot--d { background: #b88721; }
.mpv-form-dot--l { background: #b72f3a; }

.mpv-countdown {
	align-items: baseline;
	background: rgba(1, 9, 19, .76);
	border-top: 1px solid var(--mpv-line);
	display: flex;
	gap: 22px;
	justify-content: center;
	min-height: 52px;
	padding: 12px;
	position: relative;
	text-transform: uppercase;
}

.mpv-countdown span { color: var(--mpv-gold); font-weight: 800; }
.mpv-countdown strong { color: #f4cc72; font-size: 22px; letter-spacing: .08em; }

.mpv-overview-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(340px, 1.08fr) minmax(310px, .92fr) minmax(270px, .78fr);
	margin-bottom: 12px;
}

.mpv-prediction,
.mpv-h2h,
.mpv-conditions { min-height: 360px; }

.mpv-probabilities {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 22px 12px 12px;
	text-align: center;
}

.mpv-probabilities div { min-width: 0; }
.mpv-probabilities span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mpv-probabilities strong { color: #fff; display: block; font-size: 31px; margin-top: 8px; }
.mpv-probabilities small { text-transform: uppercase; }

.mpv-probability-bar {
	display: flex;
	height: 12px;
	margin: 0 13px;
	overflow: hidden;
}

.mpv-probability-bar i:nth-child(1) { background: var(--mpv-home); }
.mpv-probability-bar i:nth-child(2) { background: #8793a1; }
.mpv-probability-bar i:nth-child(3) { background: var(--mpv-guest); }

.mpv-prediction h4 {
	background: rgba(14, 50, 83, .55);
	color: var(--mpv-gold);
	font-size: 14px;
	margin: 14px 13px;
	padding: 11px;
	text-align: center;
	text-transform: uppercase;
}

.mpv-reasons,
.mpv-split {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mpv-reasons { padding: 0 16px 12px; }
.mpv-reasons p { font-size: 12px; margin: 6px 0; }
.is-positive { color: #65d989 !important; }
.is-negative { color: #ff777f !important; }

.mpv-prediction footer {
	border-top: 1px solid rgba(73, 145, 215, .18);
	color: var(--mpv-muted);
	font-size: 11px;
	padding: 10px 16px;
}

.mpv-h2h-score {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 18px 12px 12px;
	text-align: center;
}

.mpv-h2h-score > div + div { border-left: 1px solid rgba(73, 145, 215, .18); }
.mpv-h2h-score strong { color: var(--mpv-blue); display: block; font-size: 30px; }
.mpv-h2h-score span { color: var(--mpv-muted); font-size: 10px; text-transform: uppercase; }

.mpv-h2h-goals { border-bottom: 1px solid var(--mpv-line); margin: 0; padding: 5px 15px 12px; text-align: center; }
.mpv-h2h-goals span { color: var(--mpv-gold); display: block; font-size: 10px; text-transform: uppercase; }
.mpv-h2h-goals strong { font-size: 25px; }

.mpv-recent-matches { padding: 12px 15px; }
.mpv-recent-matches h4 { color: var(--mpv-gold); font-size: 11px; margin: 0 0 7px; text-transform: uppercase; }
.mpv-recent-matches a {
	align-items: center;
	color: #dce7f3;
	display: grid;
	font-size: 11px;
	gap: 7px;
	grid-template-columns: 68px minmax(65px, 1fr) auto minmax(65px, 1fr);
	padding: 5px 0;
}
.mpv-recent-matches a:hover { color: #fff; text-decoration: none; }
.mpv-recent-matches a b:last-child { text-align: right; }
.mpv-recent-matches a strong { color: #fff; }
.mpv-recent-matches a span { color: var(--mpv-muted); }

.mpv-condition { display: grid; gap: 13px; grid-template-columns: 48px 1fr; padding: 17px 18px; }
.mpv-condition + .mpv-condition { border-top: 1px solid rgba(73, 145, 215, .18); }
.mpv-condition__icon { align-items: center; color: var(--mpv-blue); display: flex; font-size: 34px; justify-content: center; }
.mpv-condition small { display: block; text-transform: uppercase; }
.mpv-condition strong { color: #fff; display: block; font-size: 16px; margin: 2px 0 5px; }
.mpv-condition p { color: #c7d5e4; font-size: 12px; margin: 3px 0; }

.mpv-form-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 12px;
}

.mpv-form-card { min-height: 235px; position: relative; }
.mpv-form-card::after { background: var(--mpv-home); content: ""; height: 2px; left: 0; position: absolute; right: 0; top: 0; }
.mpv-form-card--guest::after { background: var(--mpv-guest); }
.mpv-form-dots--large { justify-content: flex-start; padding: 17px 18px 5px; }
.mpv-form-dots--large .mpv-form-dot { height: 28px; width: 28px; }

.mpv-kpis { display: grid; grid-template-columns: repeat(3, 1fr); padding: 12px 18px; }
.mpv-kpis > div + div { border-left: 1px solid var(--mpv-line); }
.mpv-kpis div { text-align: center; }
.mpv-kpis span { color: var(--mpv-muted); display: block; font-size: 10px; text-transform: uppercase; }
.mpv-kpis strong { font-size: 20px; }
.mpv-form-bars { align-items: flex-end; display: flex; gap: 8%; height: 50px; padding: 0 18px 13px; }
.mpv-form-bars i { background: var(--mpv-blue); border-radius: 2px 2px 0 0; flex: 1; max-width: 52px; opacity: .85; }
.mpv-form-bars__w { background: #35bd67 !important; }
.mpv-form-bars__d { background: #d49b2d !important; }
.mpv-form-bars__l { background: #d64953 !important; }

.mpv-tactics { margin-bottom: 12px; }
.mpv-tactics-grid { display: grid; grid-template-columns: minmax(210px, .85fr) minmax(300px, 1.3fr) minmax(210px, .85fr); }
.mpv-tactic-team, .mpv-tactic-insights { min-height: 205px; padding: 20px; }
.mpv-tactic-insights { background: rgba(3, 14, 27, .72); border-left: 1px solid var(--mpv-line); border-right: 1px solid var(--mpv-line); }
.mpv-tactic-team h4, .mpv-tactic-insights h4 { color: var(--mpv-gold); font-size: 12px; margin: 0 0 10px; text-transform: uppercase; }
.mpv-tactic-team > strong { color: #fff; display: block; font-size: 27px; margin-bottom: 12px; }
.mpv-tactic-team p, .mpv-tactic-insights p { color: #c8d6e4; font-size: 13px; margin: 7px 0; }
.mpv-tactic-team--guest { text-align: right; }

.mpv-duels { margin-bottom: 12px; }
.mpv-duel-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); padding: 16px; }
.mpv-duel { background: rgba(4, 18, 34, .8); border: 1px solid rgba(73, 145, 215, .2); padding: 14px; }
.mpv-duel h4 { color: var(--mpv-gold); font-size: 12px; margin: 0 0 12px; text-align: center; text-transform: uppercase; }
.mpv-duel__players { align-items: center; display: grid; gap: 10px; grid-template-columns: 1fr auto 1fr; }
.mpv-duel__players > div:last-child { text-align: right; }
.mpv-duel__players b, .mpv-duel__players span, .mpv-duel__players small { display: block; }
.mpv-duel__players > strong { color: var(--mpv-muted); font-size: 10px; text-transform: uppercase; }

.mpv-lower-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; margin-bottom: 12px; }
.mpv-lower-grid .mpv-split { padding: 16px; }
.mpv-lower-grid article + article { border-left: 1px solid var(--mpv-line); padding-left: 18px; }
.mpv-lower-grid h4 { color: var(--mpv-gold); font-size: 12px; margin: 0 0 12px; text-transform: uppercase; }
.mpv-player { display: grid; gap: 12px; grid-template-columns: 70px 1fr; }
.mpv-player img, .mpv-player > span { align-items: center; background: #0b2742; border-radius: 6px; display: flex; height: 78px; justify-content: center; object-fit: cover; width: 70px; }
.mpv-player strong, .mpv-player small { display: block; }
.mpv-player p { color: #c2d0df; font-size: 11px; margin: 8px 0 3px; }
.mpv-player b { color: var(--mpv-gold); }
.mpv-absences article > p { font-size: 12px; margin: 7px 0; }
.mpv-status-dot { color: #e34b55; }

.mpv-details .accordion-group {
	background: linear-gradient(180deg, #07192d, #041223);
	border: 1px solid var(--mpv-line);
	border-radius: 5px;
	margin-bottom: 7px;
}
.mpv-details .accordion-heading a { color: #e6edf5; font-weight: 700; padding: 13px 16px; text-decoration: none; text-transform: uppercase; }
.mpv-details .accordion-heading a span { color: var(--mpv-gold); float: right; }
.mpv-details .accordion-inner { border-top-color: var(--mpv-line); color: #cbd7e5; padding: 16px; }

@media (max-width: 1180px) {
	.mpv-overview-grid { grid-template-columns: 1fr 1fr; }
	.mpv-conditions { grid-column: 1 / -1; min-height: 0; }
	.mpv-conditions { display: grid; grid-template-columns: auto 1fr 1fr; }
	.mpv-conditions > header { grid-column: 1; }
	.mpv-condition + .mpv-condition { border-left: 1px solid var(--mpv-line); border-top: 0; }
}

@media (max-width: 820px) {
	.mpv-match-card__teams { grid-template-columns: 1fr 120px 1fr; padding-left: 12px; padding-right: 12px; }
	.mpv-versus > strong { font-size: 48px; }
	.mpv-team img, .mpv-team__fallback { height: 70px; width: 80px; }
	.mpv-overview-grid, .mpv-form-grid, .mpv-lower-grid, .mpv-duel-grid { grid-template-columns: 1fr; }
	.mpv-prediction, .mpv-h2h, .mpv-conditions { min-height: 0; }
	.mpv-tactics-grid { grid-template-columns: 1fr; }
	.mpv-tactic-insights { border: 1px solid var(--mpv-line); border-left: 0; border-right: 0; }
	.mpv-tactic-team--guest { text-align: left; }
	.mpv-lower-grid article + article { border-left: 0; border-top: 1px solid var(--mpv-line); padding-left: 0; padding-top: 16px; }
	.mpv-conditions { display: block; }
	.mpv-condition + .mpv-condition { border-left: 0; border-top: 1px solid var(--mpv-line); }
}

@media (max-width: 560px) {
	.mpv-match-card__teams { grid-template-columns: 1fr 80px 1fr; min-height: 205px; }
	.mpv-team h2 { font-size: 15px; }
	.mpv-team p { font-size: 11px; }
	.mpv-team img, .mpv-team__fallback { height: 54px; width: 58px; }
	.mpv-versus > strong { font-size: 34px; }
	.mpv-versus > span:not(.mpv-versus__weather), .mpv-versus > b, .mpv-versus__weather { font-size: 9px; }
	.mpv-countdown { align-items: center; flex-direction: column; gap: 2px; }
	.mpv-countdown strong { font-size: 16px; }
	.mpv-reasons, .mpv-split { grid-template-columns: 1fr; }
	.mpv-probabilities span { font-size: 10px; }
	.mpv-probabilities strong { font-size: 25px; }
	.mpv-recent-matches a { grid-template-columns: 55px 1fr auto; }
	.mpv-recent-matches a b:last-child { display: none; }
	.mpv-duel__players { grid-template-columns: 1fr; text-align: center; }
	.mpv-duel__players > div:last-child { text-align: center; }
}

/* 2026-08-01: Raster und Dichte exakt an das FTG-Mockup angeglichen. */
@media (min-width: 1101px) {
	.mpv-page {
		display: grid;
		gap: 12px;
		grid-template-columns: minmax(0, 2.08fr) minmax(340px, .92fr);
		align-items: stretch;
	}

	.mpv-match-card { grid-column: 1; grid-row: 1; margin: 0; }
	.mpv-overview-grid,
	.mpv-lower-grid { display: contents; }
	.mpv-prediction { grid-column: 1; grid-row: 2; }
	.mpv-h2h { grid-column: 2; grid-row: 1; }
	.mpv-conditions { grid-column: 1; grid-row: 5; }
	.mpv-form-grid { grid-column: 1; grid-row: 3; margin: 0; }
	.mpv-tactics { grid-column: 1; grid-row: 4; margin: 0; }
	.mpv-absences { grid-column: 2; grid-row: 2; }
	.mpv-top-players { grid-column: 2; grid-row: 3; }
	.mpv-details { grid-column: 2; grid-row: 4 / span 2; margin: 0; }
	.mpv-duels { grid-column: 1 / -1; grid-row: 6; margin: 0; }

	.mpv-h2h,
	.mpv-prediction,
	.mpv-conditions { min-height: 0; }
}

.mpv-card { border-radius: 5px; box-shadow: 0 8px 22px rgba(0, 0, 0, .24); }
.mpv-card > header { padding: 11px 14px 9px; }
.mpv-card h3 { font-size: 14px; }
.mpv-card header small { font-size: 9px; }

.mpv-match-card__competition { gap: 3px; padding: 8px 12px 0; }
.mpv-match-card__competition strong { font-size: 12px; }
.mpv-match-card__competition span { font-size: 10px; }
.mpv-match-card__teams {
	grid-template-columns: minmax(0, 1fr) minmax(150px, .5fr) minmax(0, 1fr);
	min-height: 192px;
	padding: 4px 4%;
}
.mpv-team img,
.mpv-team__fallback { height: 70px; max-width: 88px; width: 88px; }
.mpv-team h2 { font-size: clamp(17px, 1.38vw, 23px); margin: 5px 0 2px; }
.mpv-team p { font-size: 10px; margin-bottom: 6px; }
.mpv-versus > strong { font-size: clamp(42px, 4.3vw, 62px); }
.mpv-versus > span:not(.mpv-versus__weather) { font-size: 8px; margin-top: 8px; }
.mpv-versus > b { font-size: 10px; }
.mpv-versus__weather { font-size: 10px; margin-top: 6px; }
.mpv-form-dots { gap: 4px; min-height: 19px; }
.mpv-form-dot { font-size: 9px; height: 18px; width: 18px; }
.mpv-countdown { gap: 15px; min-height: 39px; padding: 8px; }
.mpv-countdown span { font-size: 10px; }
.mpv-countdown strong { font-size: 15px; }

.mpv-h2h-score { padding: 12px 7px 8px; }
.mpv-h2h-score > div { position: relative; }
.mpv-h2h-score img { height: 27px; left: 6px; object-fit: contain; position: absolute; top: 2px; width: 27px; }
.mpv-h2h-score strong { font-size: 23px; }
.mpv-h2h-score span { font-size: 8px; }
.mpv-h2h-goals { padding: 3px 10px 8px; }
.mpv-h2h-goals span { font-size: 8px; }
.mpv-h2h-goals strong { font-size: 20px; }
.mpv-recent-matches { padding: 8px 12px; }
.mpv-recent-matches h4 { font-size: 9px; margin-bottom: 3px; }
.mpv-recent-matches a { font-size: 9px; gap: 5px; grid-template-columns: 55px minmax(55px, 1fr) auto minmax(55px, 1fr); padding: 3px 0; }

.mpv-probabilities { padding: 13px 10px 7px; }
.mpv-probabilities span { font-size: 10px; }
.mpv-probabilities strong { font-size: 23px; margin-top: 3px; }
.mpv-probabilities small { font-size: 8px; }
.mpv-probability-bar { height: 8px; margin: 0 12px; }
.mpv-probability-bar i:nth-child(1) { background: #cf3945; }
.mpv-probability-bar i:nth-child(2) { background: #8793a1; }
.mpv-probability-bar i:nth-child(3) { background: #286cb8; }
.mpv-prediction h4 { font-size: 10px; margin: 8px 12px; padding: 7px; }
.mpv-reasons { gap: 12px; padding: 0 12px 7px; }
.mpv-reasons b { font-size: 9px; }
.mpv-reasons p { font-size: 9px; margin: 3px 0; }
.mpv-prediction footer { font-size: 8px; padding: 7px 12px; }

.mpv-form-grid { gap: 10px; }
.mpv-form-card { min-height: 164px; }
.mpv-form-dots--large { padding: 10px 13px 2px; }
.mpv-form-dots--large .mpv-form-dot { height: 20px; width: 20px; }
.mpv-kpis { padding: 8px 12px; }
.mpv-kpis span { font-size: 8px; }
.mpv-kpis strong { font-size: 15px; }
.mpv-form-bars { gap: 7%; height: 34px; padding: 0 13px 8px; }

.mpv-tactics-grid { grid-template-columns: minmax(145px, .82fr) minmax(240px, 1.36fr) minmax(145px, .82fr); }
.mpv-tactic-team,
.mpv-tactic-insights { min-height: 152px; padding: 13px; }
.mpv-tactic-team h4,
.mpv-tactic-insights h4 { font-size: 9px; margin-bottom: 6px; }
.mpv-tactic-team > strong { font-size: 18px; margin-bottom: 7px; }
.mpv-tactic-team > strong.is-private { color: var(--mpv-muted); font-size: 12px; font-weight: 600; }
.mpv-tactic-team p,
.mpv-tactic-insights p { font-size: 9px; line-height: 1.35; margin: 4px 0; }

.mpv-condition { gap: 9px; grid-template-columns: 36px 1fr; padding: 11px 13px; }
.mpv-conditions { display: grid; grid-template-columns: auto 1fr 1fr; }
.mpv-conditions > header { grid-column: 1; min-width: 165px; }
.mpv-condition + .mpv-condition { border-left: 1px solid rgba(73, 145, 215, .18); border-top: 0; }
.mpv-condition__icon { font-size: 23px; }
.mpv-condition small { font-size: 8px; }
.mpv-condition strong { font-size: 12px; margin: 1px 0 3px; }
.mpv-condition p { font-size: 9px; margin: 2px 0; }

.mpv-lower-grid .mpv-split { gap: 11px; padding: 11px; }
.mpv-lower-grid article + article { padding-left: 11px; }
.mpv-lower-grid h4 { font-size: 9px; margin-bottom: 7px; }
.mpv-player { gap: 8px; grid-template-columns: 47px 1fr; }
.mpv-player img,
.mpv-player > span { height: 54px; width: 47px; }
.mpv-player strong { font-size: 10px; }
.mpv-player small,
.mpv-player p,
.mpv-player b { font-size: 8px; }
.mpv-player p { margin: 4px 0 2px; }
.mpv-absences article > p { font-size: 9px; margin: 4px 0; }
.mpv-absences article > small { font-size: 8px; }
.mpv-absence-more { color: var(--mpv-gold); font-weight: 700; }

.mpv-details .accordion-group { background: linear-gradient(180deg, #081b31, #051426) !important; margin-bottom: 6px; }
.mpv-details .accordion-heading,
.mpv-details .accordion-toggle { background: transparent !important; }
.mpv-details .accordion-heading a { color: #dce7f2 !important; font-size: 9px; padding: 9px 11px; }
.mpv-details .accordion-inner { font-size: 9px; padding: 10px; }

.mpv-duel-grid { gap: 9px; padding: 11px; }
.mpv-duel { padding: 9px; }
.mpv-duel h4 { font-size: 9px; margin-bottom: 7px; }
.mpv-duel__players { font-size: 9px; }

@media (max-width: 1100px) {
	.mpv-page { display: block; }
	.mpv-page > *, .mpv-overview-grid > *, .mpv-lower-grid > * { margin-bottom: 10px; }
	.mpv-overview-grid, .mpv-lower-grid { display: grid; }
	.mpv-conditions { display: block; }
	.mpv-conditions > header { min-width: 0; }
	.mpv-condition + .mpv-condition { border-left: 0; border-top: 1px solid rgba(73, 145, 215, .18); }
}