/* Spielbericht: visuelles Spielfeld (vertikal wie Newsmagazin Elf des Tages) + Bank */

.match-pitch-visual {
	position: relative;
	margin-bottom: 1.25em;
}

/* Zwei separate Aufstellungsfelder (Heim oben, Gast unten) */
#contentArea .match-pitch-visual--stacked .match-pitch-teamblock {
	margin-bottom: 0.9em;
}

#contentArea .match-pitch-teamblock__title {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: baseline;
	column-gap: 10px;
	margin: 0 0 0.35em;
	padding: 0 10px;
	color: #ffdfaa !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

#contentArea .match-pitch-teamblock__name {
	font-weight: 800;
	font-size: 12px;
	padding-left: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.25;
}

#contentArea .match-pitch-teamblock__formation {
	font-weight: 700;
	font-size: 11px;
	text-transform: none;
	letter-spacing: 0.02em;
	color: rgba(255, 223, 180, 0.95) !important;
}

/* Im dunklen #contentArea: eigene Lesefarben erzwingen */
#contentArea .match-pitch-visual {
	color: #f2e3cc;
}

.match-pitch-empty-overlay {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: max-content;
	max-width: min(92%, 420px);
	text-align: center;
	padding: 14px 18px;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.45;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
	z-index: 6;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.match-pitch-empty-overlay__title {
	margin: 0 0 8px;
	font-weight: 600;
}

.match-pitch-empty-overlay__hint {
	margin: 6px 0 0;
	font-size: 12px;
	opacity: 0.92;
}

.match-pitch-legacy-empty {
	margin: 0.5em 0 0;
	padding: 8px 10px;
	background: rgba(0, 0, 0, 0.35);
	border-radius: 4px;
	color: #f2e3cc !important;
	border: 1px solid rgba(255, 215, 160, 0.2);
}

/* Horizontales Spielfeld: Gäste links, Heim rechts (FotMob-Ästhetik) */
/* position:relative ist zwingend: sonst beziehen sich absolute Spieler-Marker auf einen Vorfahren
   außerhalb des Rasens und überdecken die ganze Seite. */
.match-pitch-field--horizontal {
	position: relative;
	z-index: 0;
	width: 100%;
	max-width: min(100%, 960px);
	margin: 0 auto 0.75em;
	aspect-ratio: 2 / 1;
	min-height: 240px;
	max-height: min(52vh, 440px);
	/* Rasen wie Referenzbild: klare vertikale Streifen */
	background:
		repeating-linear-gradient(
			90deg,
			#3aa63a 0,
			#3aa63a 60px,
			#349b34 60px,
			#349b34 120px
		);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 8px;
	border: 2px solid rgba(255, 255, 255, 0.55);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14), 0 4px 18px rgba(0, 0, 0, 0.28);
	overflow: hidden;
}

/* Wenn echtes Referenzbild geladen wird, reduzieren wir die zusätzliche Textur */
.match-pitch-field--image .match-pitch-grass {
	opacity: 0.06;
}

/* Bei echtem Referenzbild keine doppelten Linien/Boxen rendern */
.match-pitch-field--image .match-pitch-line--vertical,
.match-pitch-field--image .match-pitch-circle,
.match-pitch-field--image .match-pitch-box {
	display: none;
}

.match-pitch-grass {
	position: absolute;
	inset: 0;
	opacity: 0.14;
	/* leichte Textur oben drüber */
	background:
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.05) 0,
			rgba(255, 255, 255, 0.05) 2px,
			transparent 2px,
			transparent 10px
		);
	pointer-events: none;
}

.match-pitch-line--vertical {
	position: absolute;
	left: 50%;
	top: 4%;
	bottom: 4%;
	width: 1px;
	margin-left: -0.5px;
	background: rgba(255, 255, 255, 0.85);
	pointer-events: none;
}

.match-pitch-field--horizontal .match-pitch-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16%;
	height: 0;
	padding-bottom: 16%;
	margin-left: -8%;
	margin-top: -8%;
	border: 1px solid rgba(255, 255, 255, 0.82);
	border-radius: 50%;
	box-sizing: content-box;
	pointer-events: none;
}

/* Strafraum: ~16,5 m von 105 m ≈ 16 % Länge; Höhe ~40,3 m von 68 m ≈ 59 % Breite */
.match-pitch-box--left,
.match-pitch-box--right {
	position: absolute;
	top: 50%;
	width: 17.5%;
	height: 60%;
	margin-top: -30%;
	border: 1px solid rgba(255, 255, 255, 0.82);
	border-radius: 2px;
	pointer-events: none;
	box-sizing: border-box;
}

.match-pitch-box--left {
	left: 0;
	border-left: none;
}

.match-pitch-box--right {
	right: 0;
	border-right: none;
}

/* Torraum (5,5 m): ~5,2 % Länge; Höhe ~26 % Breite */
.match-pitch-box--left-small,
.match-pitch-box--right-small {
	position: absolute;
	top: 50%;
	/* etwas breiter, damit der Keeper (x≈3.2%) sichtbar darin steht wie im Referenzbild */
	width: 6.2%;
	height: 28%;
	margin-top: -14%;
	border: 1px solid rgba(255, 255, 255, 0.78);
	border-radius: 2px;
	pointer-events: none;
	box-sizing: border-box;
}

.match-pitch-box--left-small {
	left: 0;
	border-left: none;
}

.match-pitch-box--right-small {
	right: 0;
	border-right: none;
}

/* Kompakte Spieler-Marker: Kreis + Badge, kein großer Kasten */
.match-pitch-node--compact {
	position: absolute;
	z-index: 3;
	width: auto;
	max-width: 78px;
	min-width: 0;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	pointer-events: none;
}

.match-pitch-node--compact .match-pitch-node__inner {
	position: relative;
	pointer-events: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: transparent;
	border: none;
	padding: 0;
	box-shadow: none;
}

.match-pitch-node--compact.match-pitch-node--home .match-pitch-node__photo {
	box-shadow: 0 0 0 2px rgba(92, 163, 230, 0.95), 0 2px 8px rgba(0, 0, 0, 0.35);
}

.match-pitch-node--compact.match-pitch-node--guest .match-pitch-node__photo {
	box-shadow: 0 0 0 2px rgba(232, 93, 76, 0.95), 0 2px 8px rgba(0, 0, 0, 0.35);
}

.match-pitch-node__grade-badge {
	position: absolute;
	top: -2px;
	right: -4px;
	z-index: 4;
	min-width: 1.6em;
	padding: 1px 4px;
	border-radius: 4px;
	font-weight: 800;
	font-size: 10px;
	line-height: 1.25;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.match-pitch-node__motm-badge {
	position: absolute;
	top: -4px;
	left: -5px;
	z-index: 6;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.match-pitch-node__motm-badge img {
	width: 12px;
	height: 12px;
	object-fit: contain;
}

.match-pitch-node__grade-badge--high {
	background: #d4edda;
	color: #155724;
}

.match-pitch-node__grade-badge--mid {
	background: #fff3cd;
	color: #856404;
}

.match-pitch-node__grade-badge--low {
	background: #f8d7da;
	color: #721c24;
}

.match-pitch-node__grade-badge--na {
	background: rgba(40, 40, 40, 0.88);
	color: #e8dcc8;
}

.match-pitch-node--compact .match-pitch-node__photo {
	width: 44px;
	height: 44px;
	margin: 0;
	border-radius: 50%;
	background-size: cover;
	background-position: center top;
	border: 2px solid rgba(255, 255, 255, 0.85);
	flex-shrink: 0;
}

.match-pitch-node__photo--empty {
	background: linear-gradient(145deg, rgba(60, 60, 60, 0.9), rgba(30, 30, 30, 0.95));
}

.match-pitch-node__nametag {
	display: block;
	margin-top: 3px;
	max-width: 76px;
	font-weight: 700;
	font-size: 9px;
	line-height: 1.15;
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85), 0 0 6px rgba(0, 0, 0, 0.45);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-pitch-node__icons-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2px 3px;
	margin-top: 2px;
	max-width: 80px;
	line-height: 1;
}

.match-pitch-node__icons-inline img {
	vertical-align: middle;
}

.match-pitch-node__inj {
	font-size: 11px;
	color: #ffb4b4 !important;
}

.match-pitch-assists {
	font-size: 9px;
	color: #ffe6a8;
	font-weight: 700;
}

.match-pitch-sub {
	position: absolute;
	font-size: 8px;
	font-weight: 800;
	padding: 0 3px;
	border-radius: 2px;
	z-index: 5;
	line-height: 1.3;
}

.match-pitch-sub--in {
	left: -2px;
	top: 10px;
	background: #d4edda;
	color: #155724;
}

.match-pitch-sub--out {
	left: -2px;
	top: 10px;
	background: #f8d7da;
	color: #721c24;
}

.match-pitch-node--compact .match-pitch-node__stats {
	padding: 0 4px !important;
	line-height: 1.1;
	margin: 0;
	font-size: 10px;
	opacity: 0.92;
}

.match-pitch-bench-row {
	margin-bottom: 0.65em;
}

#contentArea .match-pitch-visual .match-pitch-bench-label {
	display: block;
	font-weight: 700;
	margin-bottom: 0.4em;
	color: #ffdfaa !important;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

#contentArea .match-pitch-visual .match-pitch-bench-formation {
	display: block;
	margin-top: 0.35em;
	font-weight: 600;
	font-size: 11px;
	text-transform: none;
	letter-spacing: 0.02em;
	color: rgba(255, 223, 180, 0.95) !important;
	text-shadow: none;
}

#contentArea .match-pitch-formation-line {
	margin: 0.2em 0 0.55em;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 215, 175, 0.96) !important;
}

#contentArea .match-pitch-visual .match-pitch-bench-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	align-items: stretch;
	padding: 10px 10px;
	background: rgba(18, 7, 7, 0.88) !important;
	border: 1px solid rgba(255, 170, 90, 0.28) !important;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

#contentArea .match-pitch-visual .match-pitch-bench-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	padding: 6px 9px;
	background: rgba(0, 0, 0, 0.28) !important;
	border: 1px solid rgba(255, 215, 160, 0.22) !important;
	border-radius: 4px;
}

#contentArea .match-pitch-visual a.match-pitch-bench-name {
	font-weight: 600;
	color: #ffd9a8 !important;
	text-decoration: none;
}

#contentArea .match-pitch-visual a.match-pitch-bench-name:hover,
#contentArea .match-pitch-visual a.match-pitch-bench-name:focus {
	color: #fff !important;
	text-decoration: underline;
}

.match-pitch-bench-motm {
	width: 14px;
	height: 14px;
	object-fit: contain;
	flex-shrink: 0;
}

.match-pitch-stats-dumps {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.match-pitch-modal-body dl {
	margin-bottom: 0;
}

#contentArea .match-pitch-visual .match-pitch-legacy-wrap {
	margin-top: 1em;
	border: 1px solid rgba(255, 215, 160, 0.26) !important;
	border-radius: 4px;
	padding: 0.5em 0.75em;
	background: rgba(0, 0, 0, 0.28) !important;
	color: #f2e3cc !important;
}

#contentArea .match-pitch-visual .match-pitch-legacy-summary {
	cursor: pointer;
	font-weight: 700;
	outline: none;
	color: #ffd9a1 !important;
}

#contentArea .match-pitch-visual .match-pitch-legacy-summary:hover {
	color: #fff !important;
}

#contentArea .match-pitch-visual .match-pitch-legacy-inner {
	margin-top: 0.75em;
	color: #f2e3cc !important;
}

@media (max-width: 480px) {
	.match-pitch-field--horizontal {
		min-height: 200px;
		max-height: 42vh;
	}

	.match-pitch-node--compact {
		max-width: 64px;
	}

	.match-pitch-node--compact .match-pitch-node__photo {
		width: 36px;
		height: 36px;
	}

	.match-pitch-node__nametag {
		font-size: 8px;
		max-width: 62px;
	}
}

/* Bank: Lupe-Button (nicht kompakter Pitch) */
#contentArea .match-pitch-visual .match-pitch-node__stats {
	flex-shrink: 0;
}

/* —— Match-Center: ein Spielfeld + Team-Tabs (Portrait) —— */

.match-pitch-center {
	margin-bottom: 1.25em;
	color: #f2e3cc;
}

.match-pitch-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px 16px;
	margin-bottom: 12px;
	padding: 0 4px;
}

.match-pitch-team-switch {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.match-pitch-team-tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 8px;
	border: 1px solid rgba(255, 170, 90, 0.35);
	background: rgba(0, 0, 0, 0.35);
	color: #ffd9a8 !important;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.match-pitch-team-tab:hover,
.match-pitch-team-tab:focus {
	background: rgba(40, 20, 20, 0.85);
	color: #fff !important;
	outline: none;
}

.match-pitch-team-tab.is-active {
	background: rgba(122, 15, 15, 0.92);
	border-color: rgba(255, 190, 120, 0.55);
	color: #fff0dc !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.match-pitch-team-tab__crest {
	width: 22px;
	height: 22px;
	object-fit: contain;
	flex-shrink: 0;
}

.match-pitch-team-tab__name {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-pitch-formation-badges {
	flex: 1 1 160px;
	text-align: right;
}

.match-pitch-formation-badge {
	margin: 0;
}

.match-pitch-formation-badge__label {
	font-size: 15px;
	font-weight: 800;
	color: #ffdfaa !important;
	letter-spacing: 0.03em;
}

.match-pitch-panel[hidden] {
	display: none !important;
}

.match-pitch-field--portrait {
	position: relative;
	z-index: 0;
	width: 100%;
	max-width: min(100%, 640px);
	margin: 0 auto 14px;
	aspect-ratio: 620 / 780;
	min-height: 420px;
	max-height: min(78vh, 820px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
	border: 2px solid rgba(255, 255, 255, 0.45);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.35);
	overflow: hidden;
}

/* Spielerkarte auf dem Rasen */
.match-pitch-field--portrait .match-pitch-card {
	position: absolute;
	z-index: 3;
	transform: translate(-50%, -50%);
	pointer-events: none;
	max-width: 92px;
}

.match-pitch-field--portrait .match-pitch-card__inner {
	pointer-events: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 4px 5px 5px;
	border-radius: 8px;
	background: rgba(12, 10, 14, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.22);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
	min-width: 70px;
}

.match-pitch-card--home .match-pitch-card__inner,
.match-pitch-node--home.match-pitch-card .match-pitch-card__inner {
	border-color: rgba(92, 163, 230, 0.45);
}

.match-pitch-card--guest .match-pitch-card__inner,
.match-pitch-node--guest.match-pitch-card .match-pitch-card__inner {
	border-color: rgba(232, 93, 76, 0.45);
}

.match-pitch-card__photo-wrap {
	position: relative;
	margin-bottom: 3px;
}

.match-pitch-field--portrait .match-pitch-card__photo {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-size: cover;
	background-position: center top;
	border: 2px solid rgba(255, 255, 255, 0.88);
}

.match-pitch-card__photo--empty {
	background: linear-gradient(145deg, #444, #222);
}

.match-pitch-card__grade {
	position: absolute;
	top: -4px;
	right: -6px;
	min-width: 1.75em;
	padding: 2px 5px;
	border-radius: 5px;
	font-weight: 800;
	font-size: 11px;
	line-height: 1.2;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.match-pitch-card__grade--high {
	background: #2e7d32;
	color: #fff;
}

.match-pitch-card__grade--mid {
	background: #f9a825;
	color: #1a1a1a;
}

.match-pitch-card__grade--low {
	background: #c62828;
	color: #fff;
}

.match-pitch-card__grade--na {
	background: rgba(50, 50, 50, 0.9);
	color: #ccc;
}

.match-pitch-card__motm {
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: 5;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.match-pitch-card__motm img {
	width: 13px;
	height: 13px;
	object-fit: contain;
}

.match-pitch-card__name {
	display: block;
	max-width: 76px;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.2;
	color: #fff !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-pitch-card__events {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 3px 4px;
	margin-top: 2px;
	max-width: 78px;
}

.match-pitch-card__min {
	font-size: 9px;
	color: #bbb;
	font-weight: 600;
}

.match-pitch-card__ev {
	font-size: 10px;
	line-height: 1.2;
}

.match-pitch-card__sub {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 9px;
	line-height: 1.15;
}

.match-pitch-card__sub--in {
	color: #81c784;
	font-weight: 800;
}

.match-pitch-card__sub--out {
	color: #ef9a9a;
	font-weight: 800;
}

.match-pitch-card__zoom {
	padding: 0 4px !important;
	margin: 0;
	font-size: 11px;
	line-height: 1;
	background: transparent;
	border: none;
	color: #ffd9a8 !important;
	cursor: pointer;
	opacity: 0.9;
}

.match-pitch-card__zoom:hover {
	opacity: 1;
	color: #fff !important;
}

/* Ersatzbank horizontal */
.match-pitch-bench-section {
	margin-top: 4px;
	padding: 0 4px;
}

.match-pitch-bench-section__title {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #ffdfaa !important;
}

.match-pitch-bench-scroll {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	overflow: visible;
	padding: 10px 12px;
	background: rgba(18, 7, 7, 0.88);
	border: 1px solid rgba(255, 170, 90, 0.28);
	border-radius: 8px;
}

.match-pitch-bench-card {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	width: 100%;
	padding: 8px 10px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 215, 160, 0.22);
}

.match-pitch-bench-card--sub-in {
	border-color: rgba(129, 199, 132, 0.55);
	box-shadow: 0 0 0 1px rgba(129, 199, 132, 0.25);
}

.match-pitch-bench-card__photo {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center top;
	border: 2px solid rgba(255, 255, 255, 0.75);
	flex-shrink: 0;
}

.match-pitch-bench-card__photo--empty {
	background: linear-gradient(145deg, #444, #222);
}

.match-pitch-bench-card__body {
	flex: 1;
	min-width: 0;
}

.match-pitch-bench-card__name {
	display: block;
	font-weight: 700;
	font-size: 11px;
	color: #ffd9a8 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.match-pitch-bench-card__pos {
	display: block;
	font-size: 9px;
	color: #aaa;
}

.match-pitch-bench-card__meta {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 2px;
	font-size: 10px;
}

.match-pitch-bench-card__grade--high {
	color: #81c784;
	font-weight: 800;
}

.match-pitch-bench-card__grade--mid {
	color: #ffd54f;
	font-weight: 800;
}

.match-pitch-bench-card__grade--low {
	color: #ef9a9a;
	font-weight: 800;
}

.match-pitch-bench-card__sub {
	display: inline-block;
	max-width: 100%;
	white-space: normal;
	word-break: break-word;
	font-size: 9px;
	line-height: 1.2;
}

.match-pitch-bench-card__sub--in {
	color: #81c784;
	font-weight: 800;
}

.match-pitch-bench-card__zoom {
	flex-shrink: 0;
	padding: 0 4px !important;
	border: none;
	background: transparent;
	color: #ffd9a8 !important;
	cursor: pointer;
}

.match-pitch-subs-section {
	margin-top: 12px;
	padding: 0 4px 8px;
}

.match-pitch-subs-section__title {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #ffdfaa !important;
}

.match-pitch-subs-scroll {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.match-pitch-sub-event {
	padding: 10px 12px;
	background: rgba(18, 7, 7, 0.88);
	border: 1px solid rgba(255, 170, 90, 0.28);
	border-radius: 8px;
}

.match-pitch-sub-event__head {
	display: grid;
	grid-template-columns: 52px 1fr 1fr;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #c9a87a;
}

.match-pitch-sub-event__min {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(255, 223, 170, 0.15);
	color: #ffdfaa;
	font-size: 12px;
}

.match-pitch-sub-event__label--out {
	color: #ef9a9a;
}

.match-pitch-sub-event__label--in {
	color: #81c784;
	text-align: right;
}

.match-pitch-sub-event__cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 8px;
}

.match-pitch-sub-event__arrow {
	font-size: 16px;
	font-weight: 800;
	color: #ffdfaa;
	opacity: 0.85;
}

.match-pitch-sub-card {
	position: relative;
	padding-left: 28px;
}

.match-pitch-sub-card--out {
	border-color: rgba(239, 154, 154, 0.45);
	box-shadow: 0 0 0 1px rgba(239, 154, 154, 0.2);
}

.match-pitch-sub-card--in {
	border-color: rgba(129, 199, 132, 0.55);
	box-shadow: 0 0 0 1px rgba(129, 199, 132, 0.25);
}

.match-pitch-sub-card__role {
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 800;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.45);
}

.match-pitch-sub-card--out .match-pitch-sub-card__role {
	color: #ef9a9a;
}

.match-pitch-sub-card--in .match-pitch-sub-card__role {
	color: #81c784;
}

.match-pitch-sub-card__photo-wrap {
	position: relative;
}

.match-pitch-sub-card__grade {
	position: absolute;
	top: -4px;
	right: -4px;
	min-width: 26px;
	padding: 1px 4px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	background: rgba(0, 0, 0, 0.75);
	border: 1px solid rgba(255, 223, 170, 0.35);
}

.match-pitch-sub-card__grade--high {
	color: #81c784;
}

.match-pitch-sub-card__grade--mid {
	color: #ffd54f;
}

.match-pitch-sub-card__grade--low {
	color: #ef9a9a;
}

.match-pitch-sub-card__grade--na {
	color: #c9a87a;
}

@media (max-width: 600px) {
	.match-pitch-field--portrait {
		min-height: 320px;
		max-height: 58vh;
	}

	.match-pitch-field--portrait .match-pitch-card {
		max-width: 78px;
	}

	.match-pitch-field--portrait .match-pitch-card__photo {
		width: 36px;
		height: 36px;
	}

	.match-pitch-field--portrait .match-pitch-card__inner {
		min-width: 58px;
		padding: 3px 4px 4px;
	}

	.match-pitch-card__name {
		max-width: 64px;
		font-size: 9px;
	}

	.match-pitch-card__events {
		max-width: 66px;
		gap: 2px 3px;
	}

	.match-pitch-team-tab__name {
		max-width: 120px;
		font-size: 12px;
	}
}

/* FTG Matchcenter 2026: direkte Aufstellungsgegenüberstellung */
#players {
	--lineup-bg: #071425;
	--lineup-card: #0b2037;
	--lineup-card-2: #0e2946;
	--lineup-border: rgba(218, 178, 82, 0.42);
	--lineup-gold: #e5bd58;
	--lineup-blue: #4d8fe8;
	--lineup-text: #f5f8fc;
	--lineup-muted: #9cafc5;
}

#players .match-pitch-center {
	margin: 0;
	padding: 12px;
	border: 1px solid rgba(77, 143, 232, 0.24);
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(7, 20, 37, 0.98), rgba(5, 15, 29, 0.98));
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
	color: var(--lineup-text);
}

#players .match-pitch-mobile-switch { display: none; }

#players .match-pitch-panels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

#players .match-pitch-panel,
#players .match-pitch-panel[hidden] {
	display: block !important;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--lineup-border);
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(12, 34, 58, 0.96), rgba(7, 20, 37, 0.98));
	box-shadow: inset 0 1px rgba(255,255,255,.035), 0 8px 26px rgba(0,0,0,.22);
}

#players .match-pitch-team-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 64px;
	padding: 10px 14px;
	border-bottom: 1px solid var(--lineup-border);
	background: linear-gradient(90deg, rgba(15, 43, 73, .98), rgba(8, 25, 44, .98));
}

#players .match-pitch-team-header__club {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 10px;
}

#players .match-pitch-team-header__club img {
	width: 44px;
	height: 44px;
	object-fit: contain;
	filter: drop-shadow(0 3px 7px rgba(0,0,0,.35));
}

#players .match-pitch-team-header h3 {
	margin: 0;
	overflow: hidden;
	color: var(--lineup-text) !important;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#players .match-pitch-team-header p {
	margin: 0;
	flex-shrink: 0;
	color: var(--lineup-muted) !important;
	font-size: 12px;
}

#players .match-pitch-team-header p strong { color: var(--lineup-gold); font-size: 14px; }

#players .match-pitch-stage {
	display: grid;
	grid-template-columns: minmax(0, 2.25fr) minmax(150px, .95fr);
	gap: 8px;
	padding: 8px;
	background: #061526;
}

#players .match-pitch-stage__field,
#players .match-pitch-stage__bench { min-width: 0; }

#players .match-pitch-field--portrait {
	width: 100%;
	min-height: 430px;
	max-height: none;
	margin: 0;
	aspect-ratio: 4 / 5;
	border: 1px solid rgba(229, 189, 88, .68);
	border-radius: 8px;
	background-color: #17652d;
	box-shadow: inset 0 0 40px rgba(0,0,0,.3), 0 5px 18px rgba(0,0,0,.25);
}

#players .match-pitch-field--portrait .match-pitch-card {
	width: 72px;
	max-width: 72px;
}

#players .match-pitch-field--portrait .match-pitch-card__inner {
	min-width: 0;
	width: 68px;
	padding: 4px 3px 5px;
	border: 1px solid rgba(77, 143, 232, .52);
	border-radius: 7px;
	background: linear-gradient(180deg, rgba(13, 37, 62, .97), rgba(5, 18, 32, .98));
	box-shadow: 0 5px 13px rgba(0,0,0,.48);
}

#players .match-pitch-field--portrait .match-pitch-card__photo {
	width: 36px;
	height: 36px;
	border: 1px solid rgba(255,255,255,.72);
}

#players .match-pitch-card__name {
	max-width: 62px;
	font-size: 9px;
	color: var(--lineup-text) !important;
}

#players .match-pitch-card__grade {
	top: -5px;
	right: -9px;
	border: 1px solid rgba(255,255,255,.48);
	color: #06101d;
}

#players .match-pitch-card__grade--excellent { background: #49d46f; }
#players .match-pitch-card__grade--good { background: #9de36e; }
#players .match-pitch-card__grade--average { background: #efc94c; }
#players .match-pitch-card__grade--poor { background: #ef8b42; }
#players .match-pitch-card__grade--bad { background: #ef5158; color: #fff; }
#players .match-pitch-card__grade--na { background: #516274; color: #fff; }

#players .match-pitch-card__events { gap: 1px 3px; margin-top: 1px; }
#players .match-pitch-card__min { display: none; }
#players .match-pitch-card__zoom,
#players .match-pitch-bench-card__zoom { color: var(--lineup-muted) !important; }
#players .match-pitch-card__zoom:hover,
#players .match-pitch-bench-card__zoom:hover { color: var(--lineup-gold) !important; }

#players .match-pitch-bench-section {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(77, 143, 232, .22);
	border-radius: 8px;
	background: rgba(7, 25, 43, .98);
	overflow: hidden;
}

#players .match-pitch-bench-section__title {
	margin: 0;
	padding: 9px 10px;
	border-bottom: 1px solid rgba(229,189,88,.25);
	color: var(--lineup-gold) !important;
	font-size: 10px;
}

#players .match-pitch-bench-scroll {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 4px 7px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

#players .match-pitch-bench-card {
	gap: 6px;
	min-height: 38px;
	padding: 5px 1px;
	border: 0;
	border-bottom: 1px solid rgba(151,174,199,.13);
	border-radius: 0;
	background: transparent;
}

#players .match-pitch-bench-card:last-child { border-bottom: 0; }
#players .match-pitch-bench-card__photo { width: 30px; height: 30px; border-width: 1px; }
#players .match-pitch-bench-card__name { color: var(--lineup-text) !important; font-size: 9px; }
#players .match-pitch-bench-card__pos { color: var(--lineup-muted); font-size: 8px; }
#players .match-pitch-bench-card__meta { margin: 0; }
#players .match-pitch-bench-card__grade { font-size: 9px; font-weight: 800; }
#players .match-pitch-bench-card--sub-in { background:linear-gradient(90deg,rgba(35,102,178,.22),transparent); }
#players .match-pitch-bench-card__sub { display:block; margin-top:2px; color:#73d790; font-size:8px; font-weight:800; line-height:1.15; }
#players .match-pitch-bench-card__sub small { display:block; overflow:hidden; max-width:110px; color:var(--lineup-muted); font-size:7px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
#players .match-pitch-bench-card__grade--excellent { color: #49d46f; }
#players .match-pitch-bench-card__grade--good { color: #9de36e; }
#players .match-pitch-bench-card__grade--average { color: #efc94c; }
#players .match-pitch-bench-card__grade--poor { color: #ef8b42; }
#players .match-pitch-bench-card__grade--bad { color: #ef5158; }
#players .match-pitch-bench-empty { margin:0; padding:18px 8px; color:var(--lineup-muted)!important; text-align:center; font-size:9px; }

#players .match-pitch-summary-grid {
	display: grid;
	grid-template-columns: .9fr 1fr 1fr 1.2fr;
	gap: 7px;
	padding: 0 8px 8px;
	background: #061526;
}

#players .match-pitch-summary-card {
	min-width: 0;
	min-height: 104px;
	border: 1px solid rgba(77,143,232,.28);
	border-radius: 7px;
	background: linear-gradient(160deg, rgba(14,41,70,.97), rgba(7,24,42,.98));
	overflow: hidden;
}

#players .match-pitch-summary-card h4 {
	margin: 0;
	padding: 8px 9px;
	border-bottom: 1px solid rgba(229,189,88,.24);
	color: var(--lineup-gold) !important;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .035em;
	text-transform: uppercase;
}

#players .match-pitch-summary-card dl {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 5px;
	margin: 0;
	padding: 10px;
	font-size: 9px;
}
#players .match-pitch-summary-card dt { color: var(--lineup-muted); font-weight: 500; }
#players .match-pitch-summary-card dd { margin: 0; color: var(--lineup-text); font-weight: 800; }

#players .match-pitch-summary-player { display: flex; align-items: center; gap: 7px; padding: 10px 8px; }
#players .match-pitch-summary-player__photo { width: 38px; height: 38px; flex: 0 0 38px; border: 2px solid rgba(229,189,88,.6); border-radius: 50%; background-position: center top; background-size: cover; }
#players .match-pitch-summary-player__photo--empty { background: #31445a; }
#players .match-pitch-summary-player__text { min-width: 0; }
#players .match-pitch-summary-player__text strong { display:block; overflow:hidden; color:var(--lineup-text); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
#players .match-pitch-summary-player__grade { display:block; margin-top:3px; font-size:20px; line-height:1; }
#players .match-pitch-summary-player__grade--best { color:#49d46f; }
#players .match-pitch-summary-player__grade--worst { color:#ef5158; }

#players .match-pitch-summary-card--subs ul { margin: 0; padding: 7px 8px; list-style: none; }
#players .match-pitch-summary-card--subs li { display:grid; grid-template-columns:30px 1fr; gap:5px; padding:3px 0; border-bottom:1px solid rgba(151,174,199,.1); color:var(--lineup-text); font-size:8px; line-height:1.25; }
#players .match-pitch-summary-card--subs time { color:var(--lineup-gold); font-weight:800; }
#players .match-pitch-summary-card--subs b { color:var(--lineup-blue); }
#players .match-pitch-summary-empty { margin: 0; padding: 18px 8px; color: var(--lineup-muted) !important; text-align:center; font-size:9px; }

#players .match-pitch-legacy-wrap {
	margin-top: 12px;
	padding: 0;
	border: 1px solid rgba(77,143,232,.3) !important;
	border-radius: 10px;
	background: #081a2e !important;
	color: var(--lineup-text) !important;
}
#players .match-pitch-legacy-summary { padding: 13px 15px; color: var(--lineup-gold) !important; text-transform: uppercase; }
#players .match-pitch-legacy-inner { padding: 0 14px 14px; color: var(--lineup-text) !important; }
#players .match-pitch-legacy-inner h4,
#players .match-pitch-legacy-inner h5 { color:var(--lineup-text) !important; }
#players .match-pitch-legacy-inner .table { border:1px solid rgba(77,143,232,.24); background:#091c31; color:var(--lineup-text); }
#players .match-pitch-legacy-inner .table th { border-color:rgba(229,189,88,.25); background:#102d4d; color:var(--lineup-gold); }
#players .match-pitch-legacy-inner .table td { border-color:rgba(151,174,199,.13); background:#0a1e34; color:var(--lineup-text); }
#players .match-pitch-legacy-inner .table-striped tbody > tr:nth-child(odd) > td { background:#0d2540; }
#players .match-pitch-legacy-inner .table a { color:#bcd7fb; }

/* Aufstellungs-Detailansicht: kompakte Datenansicht im selben Matchcenter-Stil. */
#players .match-pitch-detail-wrap {
	margin-top:12px;
	border:1px solid rgba(77,143,232,.34);
	border-radius:11px;
	background:linear-gradient(155deg,#07182a,#061220);
	color:var(--lineup-text);
	overflow:hidden;
}
#players .match-pitch-detail-summary {
	padding:13px 16px;
	border-bottom:1px solid rgba(229,189,88,.28);
	color:var(--lineup-gold)!important;
	font-size:13px;
	font-weight:800;
	letter-spacing:.025em;
	text-transform:uppercase;
	cursor:pointer;
}
#players .match-pitch-detail-summary::marker { color:var(--lineup-gold); }
#players .match-pitch-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px; }
#players .match-pitch-detail-team { min-width:0; border:1px solid rgba(77,143,232,.35); border-radius:9px; background:#071a2e; overflow:hidden; }
#players .match-pitch-detail-team__header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border-bottom:1px solid rgba(229,189,88,.32); background:linear-gradient(110deg,#0e3152,#091d33); }
#players .match-pitch-detail-team__identity { display:flex; align-items:center; min-width:0; gap:10px; }
#players .match-pitch-detail-team__identity img { width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 3px 6px rgba(0,0,0,.4)); }
#players .match-pitch-detail-team__identity h3 { margin:0; overflow:hidden; color:var(--lineup-text)!important; font-size:18px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
#players .match-pitch-detail-team__identity p { margin:5px 0 0; color:var(--lineup-muted)!important; font-size:11px; }
#players .match-pitch-detail-team__identity p strong { color:var(--lineup-gold); }
#players .match-pitch-detail-team__metrics { display:flex; flex-shrink:0; }
#players .match-pitch-detail-team__metrics span { min-width:58px; padding:0 9px; border-left:1px solid rgba(156,175,197,.24); color:var(--lineup-muted); font-size:8px; text-align:center; }
#players .match-pitch-detail-team__metrics b { display:block; margin-top:3px; color:var(--lineup-text); font-size:15px; line-height:1; }
#players .match-pitch-detail-section { padding:8px 10px 0; }
#players .match-pitch-detail-section--bench { margin-top:9px; border-top:1px solid rgba(229,189,88,.23); padding-top:8px; }
#players .match-pitch-detail-section h4 { margin:0 0 6px; color:var(--lineup-gold)!important; font-size:11px; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
#players .match-pitch-detail-columns,
#players .match-pitch-detail-row { display:grid; grid-template-columns:24px 32px minmax(116px,1.55fr) minmax(90px,1.05fr) 46px 47px 19px; align-items:center; column-gap:4px; }
#players .match-pitch-detail-columns { min-height:23px; padding:0 6px; border-top:1px solid rgba(229,189,88,.32); border-bottom:1px solid rgba(77,143,232,.3); background:#0c2945; color:var(--lineup-gold); font-size:8px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
#players .match-pitch-detail-columns span:last-child { grid-column:6 / 8; }
#players .match-pitch-detail-row { min-height:34px; padding:2px 6px; border-bottom:1px solid rgba(151,174,199,.12); background:rgba(4,14,26,.28); color:var(--lineup-text); font-size:10px; }
#players .match-pitch-detail-row:nth-child(even) { background:rgba(20,46,75,.25); }
#players .match-pitch-detail-row--bench { color:#d4ddea; }
#players .match-pitch-detail-row--bench:not(.match-pitch-detail-row--sub-in) { opacity:.72; }
#players .match-pitch-detail-row--sub-in { background:linear-gradient(90deg,rgba(40,111,188,.25),rgba(12,43,73,.18)); }
#players .match-pitch-detail-row__number, #players .match-pitch-detail-row__position { color:var(--lineup-muted); font-size:9px; }
#players .match-pitch-detail-row__player { display:flex; align-items:center; min-width:0; gap:6px; }
#players .match-pitch-detail-row__photo { width:26px; height:26px; flex:0 0 26px; border:1px solid rgba(229,189,88,.54); border-radius:50%; background-position:center top; background-size:cover; }
#players .match-pitch-detail-row__photo--empty { background:#31445a; }
#players .match-pitch-detail-row__player a { overflow:hidden; color:var(--lineup-text)!important; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
#players .match-pitch-detail-row__player a:hover { color:var(--lineup-gold)!important; }
#players .match-pitch-detail-row__events { overflow:hidden; color:#f5d66a; font-size:10px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
#players .match-pitch-detail-event--out { color:#ff8388; font-weight:800; }
#players .match-pitch-detail-event--in { color:#73d790; font-weight:800; }
#players .match-pitch-detail-event--in small { color:var(--lineup-muted); font-size:8px; font-weight:500; }
#players .match-pitch-detail-row__minutes { color:#cfdae8; font-size:9px; text-align:center; }
#players .match-pitch-detail-row__minutes small { color:var(--lineup-muted); font-size:8px; }
#players .match-pitch-detail-row__grade { justify-self:center; min-width:34px; padding:3px 4px; border-radius:5px; color:#06101d; font-size:10px; font-weight:900; line-height:1; text-align:center; }
#players .match-pitch-detail-row__grade i { margin-left:3px; color:inherit; font-size:9px; font-style:normal; }
#players .match-pitch-detail-row__grade--excellent { background:#49d46f; } #players .match-pitch-detail-row__grade--good { background:#9de36e; } #players .match-pitch-detail-row__grade--average { background:#efc94c; } #players .match-pitch-detail-row__grade--poor { background:#ef8b42; } #players .match-pitch-detail-row__grade--bad { background:#ef5158; color:#fff; } #players .match-pitch-detail-row__grade--na { background:#31465c; color:#b6c3d1; }
#players .match-pitch-detail-row__zoom { padding:0; border:0; background:transparent; color:var(--lineup-muted)!important; font-size:11px; }
#players .match-pitch-detail-row__zoom:hover { color:var(--lineup-gold)!important; }
#players .match-pitch-detail-team__status { display:flex; flex-wrap:wrap; gap:5px 12px; margin-top:9px; padding:9px 11px; border-top:1px solid rgba(229,189,88,.24); background:#061426; color:#bdccdc; font-size:9px; }
#players .match-pitch-detail-empty { margin:0; padding:14px; color:var(--lineup-muted)!important; text-align:center; }

#matchPitchPlayerModal .modal-content,
#matchPitchPlayerModal { color:#eef4fb; }
#matchPitchPlayerModal .modal-header,
#matchPitchPlayerModal .modal-body,
#matchPitchPlayerModal .modal-footer { border-color:rgba(229,189,88,.25); background:#0a1e34; color:#eef4fb; }
#matchPitchPlayerModal .modal-header h3 { color:#eef4fb; }
.match-pitch-modal-player { display:flex; align-items:center; gap:12px; margin-bottom:14px; padding:10px; border:1px solid rgba(77,143,232,.3); border-radius:8px; background:#102d4d; }
.match-pitch-modal-player__photo { width:56px; height:56px; flex:0 0 56px; border:2px solid rgba(229,189,88,.65); border-radius:50%; background-position:center top; background-size:cover; }
.match-pitch-modal-player > div { flex:1; min-width:0; }
.match-pitch-modal-player strong,
.match-pitch-modal-player span { display:block; }
.match-pitch-modal-player span { color:#9cafc5; }
.match-pitch-modal-player > b { color:#e5bd58; font-size:24px; }
.match-pitch-modal-profile { margin:14px 0 0; text-align:right; }
.match-pitch-modal-profile a { color:#e5bd58; font-weight:800; text-transform:uppercase; }

@media (max-width: 1180px) {
	#players .match-pitch-stage { grid-template-columns: minmax(0, 1fr); }
	#players .match-pitch-bench-scroll { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
	#players .match-pitch-bench-card:nth-last-child(2) { border-bottom: 0; }
	#players .match-pitch-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	#players .match-pitch-detail-grid { grid-template-columns:1fr; }
}

@media (max-width: 767px) {
	#players .match-pitch-center { padding: 8px; }
	#players .match-pitch-mobile-switch { display: block; margin-bottom: 8px; }
	#players .match-pitch-team-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
	#players .match-pitch-team-tab { justify-content:center; min-width:0; border-color:rgba(77,143,232,.35); background:#0b2037; color:var(--lineup-text)!important; }
	#players .match-pitch-team-tab.is-active { border-color:var(--lineup-gold); background:#12365c; box-shadow:inset 0 -2px var(--lineup-gold); }
	#players .match-pitch-team-tab__name { max-width:120px; }
	#players .match-pitch-panels { display:block; }
	#players .match-pitch-panel,
	#players .match-pitch-panel[hidden] { display:none !important; }
	#players .match-pitch-panel.is-active { display:block !important; }
	#players .match-pitch-team-header h3 { font-size:15px; }
	#players .match-pitch-team-header__club img { width:36px; height:36px; }
	#players .match-pitch-stage { grid-template-columns:minmax(0,1fr); }
	#players .match-pitch-field--portrait { min-height:390px; }
	#players .match-pitch-bench-scroll { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 480px) {
	#players .match-pitch-team-header { align-items:flex-start; flex-direction:column; }
	#players .match-pitch-field--portrait { min-height:330px; }
	#players .match-pitch-field--portrait .match-pitch-card { width:60px; max-width:60px; }
	#players .match-pitch-field--portrait .match-pitch-card__inner { width:56px; }
	#players .match-pitch-field--portrait .match-pitch-card__photo { width:30px; height:30px; }
	#players .match-pitch-card__name { max-width:52px; font-size:8px; }
	#players .match-pitch-summary-grid { grid-template-columns:1fr; }
	#players .match-pitch-detail-grid { padding:8px; }
	#players .match-pitch-detail-team__header { align-items:flex-start; flex-direction:column; }
	#players .match-pitch-detail-team__metrics { width:100%; }
	#players .match-pitch-detail-team__metrics span { flex:1; }
	#players .match-pitch-detail-columns,
	#players .match-pitch-detail-row { grid-template-columns:20px 26px minmax(90px,1fr) minmax(55px,.7fr) 36px 37px 16px; column-gap:2px; }
	#players .match-pitch-detail-row__photo { width:22px; height:22px; flex-basis:22px; }
	#players .match-pitch-detail-row__events { font-size:8px; }
	#players .match-pitch-detail-event--in small { display:none; }
}