.playersColumn {
	width: 568px;
	min-width: 568px;
	margin-left: 15px;
	flex-shrink: 0;
}
.pitchColumn {
	width: 738px;
	min-width: 738px;
	height: 1050px;
	margin-left: 15px;
	flex-shrink: 0;
}
.benchColumn {
	width: 212px;
	min-width: 212px;
	margin-left: 15px;
	flex-shrink: 0;
}

/* Verzerrung vermeiden: Aufstellungs-Zeile nicht umbrechen, horizontal scrollen wenn nötig */
.row-own:has(.pitchColumn) {
	flex-wrap: nowrap;
	overflow-x: auto;
	margin-left: 0;
	margin-right: 0;
}

/* Neues Layout (App): Eine Zeile – Aufstellung + Bank + Kaderliste nebeneinander, Spielfeld in Originalgröße (738px) */
body.icm-app .row-own:has(.pitchColumn),
body.icm-app .row-own-lineup {
	display: grid;
	grid-template-areas:
		"pitch bench players";
	grid-template-columns: 738px 212px 1fr;
	grid-template-rows: auto;
	gap: 15px;
	align-items: start;
	flex-wrap: nowrap;
	overflow-x: auto;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

body.icm-app .row-own:has(.pitchColumn) .pitchColumn,
body.icm-app .row-own-lineup .pitchColumn {
	grid-area: pitch;
	width: 100%;
	min-width: 0;
	margin: 0;
	min-height: 1050px;
}

/* Spielbericht: Tab „Aufstellungen“ – zwei Spielfelder nebeneinander (nicht gleiches grid-area) */
body.icm-app .row-own-matchreport-lineups {
	display: flex !important;
	flex-wrap: nowrap;
	grid-template-areas: unset !important;
	grid-template-columns: unset !important;
	gap: 24px;
	justify-content: center;
	overflow-x: auto;
	width: 100%;
	max-width: 100%;
}
body.icm-app .row-own-matchreport-lineups .pitchColumn {
	grid-area: unset !important;
	flex: 0 0 738px;
	width: 738px;
	min-width: 738px;
	margin: 0;
}

/* Spielfeld in Originalgröße (nicht mehr 1.2x) */
body.icm-app .pitchColumn .panel {
	width: 738px;
	transform: none;
	transform-origin: top left;
}

body.icm-app .row-own:has(.pitchColumn) .benchColumn,
body.icm-app .row-own-lineup .benchColumn {
	grid-area: bench;
	width: 100%;
	min-width: 0;
	margin: 0;
}

body.icm-app .row-own:has(.pitchColumn) .playersColumn,
body.icm-app .row-own-lineup .playersColumn {
	grid-area: players;
	width: 100%;
	min-width: 0;
	margin: 0;
	margin-top: 0;
}

/* Aufstellung & Bank: Überschrift und Inhalt bündig (gleiche Breite, kein Versatz) */
body.icm-app .pitchColumn .panel-heading,
body.icm-app .pitchColumn .table-responsive.card-body,
body.icm-app .benchColumn .panel-heading,
body.icm-app .benchColumn .table-responsive.card-body {
	padding-left: 0;
	padding-right: 0;
}

body.icm-app .pitchColumn .panel-title,
body.icm-app .benchColumn .panel-title {
	padding-left: 12px;
	padding-right: 12px;
}

/* Mobil (immer): Spielfeld proportional verkleinern – Klasse .row-own-lineup für Zuverlässigkeit (auch ohne :has()) */
@media (max-width: 991px) {
	.row-own-lineup,
	.row-own:has(.pitchColumn) {
		flex-wrap: wrap;
		overflow-x: hidden;
	}
	.row-own-lineup .pitchColumn,
	.row-own:has(.pitchColumn) .pitchColumn {
		position: relative;
		width: 100%;
		min-width: 0;
		min-height: 0;
		margin-left: 0;
		height: calc((50px + 1000px) * min(1, (100vw - 32px) / 738));
		overflow: hidden;
	}
	.row-own-lineup .pitchColumn .panel,
	.pitchColumn .panel {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -369px;
		width: 738px;
		min-width: 738px;
		/* --pitch-scale wird von lineup.js gesetzt, Fallback für schmale Viewports */
		transform: scale(var(--pitch-scale, 0.52));
		transform-origin: top center;
	}

	.row-own-lineup .benchColumn,
	.row-own-lineup .playersColumn,
	.row-own:has(.pitchColumn) .benchColumn,
	.row-own:has(.pitchColumn) .playersColumn {
		max-width: 100%;
		min-width: 0;
		margin-left: 0;
	}
	.row-own-lineup .benchColumn,
	.row-own:has(.pitchColumn) .benchColumn {
		margin-top: -16px; /* Bank näher an Aufstellung rücken */
	}

	/* icm-app: Grid-Layout, Skalierung erzwingen (überschreibt Desktop scale(1.2) und min-height) */
	body.icm-app .row-own-lineup,
	body.icm-app .row-own:has(.pitchColumn) {
		grid-template-areas:
			"pitch"
			"bench"
			"players";
		grid-template-columns: min(100%, 100vw);
		grid-template-rows: auto auto 1fr;
		gap: 24px 15px;
		width: 100%;
		max-width: 100vw;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	body.icm-app .row-own-lineup .pitchColumn,
	body.icm-app .row-own:has(.pitchColumn) .pitchColumn {
		justify-self: center;
		min-height: 0;
		height: calc((50px + 1000px) * min(1, (100vw - 32px) / 738));
	}

	body.icm-app .row-own-lineup .pitchColumn .panel,
	body.icm-app .pitchColumn .panel {
		transform: scale(var(--pitch-scale, 0.52));
		transform-origin: top center;
	}

	body.icm-app .row-own-lineup .benchColumn,
	body.icm-app .row-own:has(.pitchColumn) .benchColumn {
		justify-self: center;
		max-width: 212px;
		min-height: 820px; /* Platz für Bank-Bild (800px), damit Kaderliste nicht überlagert */
		margin-top: -16px; /* Bank näher an Aufstellung rücken */
	}

	body.icm-app .row-own-lineup .playersColumn,
	body.icm-app .row-own:has(.pitchColumn) .playersColumn {
		margin-top: 16px;
		max-width: 100%;
	}

	/* Spielbericht Aufstellungen: zwei Spielfelder beibehalten (Flex + horizontal scroll) */
	body.icm-app .row-own-matchreport-lineups {
		display: flex !important;
		grid-template-areas: unset !important;
		grid-template-columns: unset !important;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		justify-content: flex-start;
		gap: 16px;
	}
	body.icm-app .row-own-matchreport-lineups .pitchColumn {
		grid-area: unset !important;
		flex: 0 0 auto;
		width: 738px;
		min-width: 738px;
		height: calc((50px + 1000px) * min(1, (100vw - 48px) / 738));
		min-height: 0;
		overflow: hidden;
	}
	body.icm-app .row-own-matchreport-lineups .pitchColumn .panel {
		transform: scale(var(--pitch-scale, 0.52));
		transform-origin: top center;
	}
}

.mvp-playerinfo {
	background-color: white;
	width: 140px;
	border: 1px solid black;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}

.lineuplist-select {
	float: right; 
	padding: 0 .75rem; 
	width: 40%; 
	display: block; 
	font-size: 1rem; 
	line-height: 1.5; 
	color: #495057; 
	border: 1px solid #ced4da; 
	border-radius: .25rem; 
	margin-top: -3px;
}

.lineup-select {
	width: 140px;
	font-size: 11px;
}
.bench-select {
	font-size: 11px;
}
.lineup-select option, .bench-select option{
  	width: auto;   
}
.lineup-select-bold {
	font-weight: bold;
}
.lineup-select-italic {
	font-style: italic;
}
.lineup-img {
	position: absolute;
	top: -26px;
}
.lineup {
	position: absolute;
}
.lineup-0 {
	margin-left: 295px;
	margin-top: 875px;
}
.lineup-2 {
	margin-left: 585px;
	margin-top: 700px;
}
.lineup-3 {
	margin-left: 585px;
	margin-top: 765px;
}
.lineup-4 {
	margin-left: 440px;
	margin-top: 765px;
}
.lineup-5 {
	margin-left: 295px;
	margin-top: 765px;
}
.lineup-6 {
	margin-left: 150px;
	margin-top: 765px;
}
.lineup-7 {
	margin-left: 5px;
	margin-top: 765px;
}
.lineup-8 {
	margin-left: 5px;
	margin-top: 700px;
}
.lineup-9 {
	margin-left: 440px;
	margin-top: 550px;
}
.lineup-10 {
	margin-left: 295px;
	margin-top: 550px;
}
.lineup-11 {
	margin-left: 150px;
	margin-top: 550px;
}
.lineup-12 {
	margin-left: 585px;
	margin-top: 460px;
}
.lineup-13 {
	margin-left: 440px;
	margin-top: 460px;
}
.lineup-14 {
	margin-left: 295px;
	margin-top: 460px;
}
.lineup-15 {
	margin-left: 150px;
	margin-top: 460px;
}
.lineup-16 {
	margin-left: 5px;
	margin-top: 460px;
}
.lineup-17 {
	margin-left: 440px;
	margin-top: 370px;
}
.lineup-18 {
	margin-left: 295px;
	margin-top: 370px;
}
.lineup-19 {
	margin-left: 150px;
	margin-top: 370px;
}
.lineup-20 {
	margin-left: 440px;
	margin-top: 220px;
}
.lineup-21 {
	margin-left: 295px;
	margin-top: 220px;
}
.lineup-22 {
	margin-left: 150px;
	margin-top: 220px;
}
.lineup-23 {
	margin-left: 585px;
	margin-top: 155px;
}
.lineup-24 {
	margin-left: 440px;
	margin-top: 90px;
}
.lineup-25 {
	margin-left: 295px;
	margin-top: 90px;
}
.lineup-26 {
	margin-left: 150px;
	margin-top: 90px;
}
.lineup-27 {
	margin-left: 5px;
	margin-top: 155px;
}

.bench {
	position: absolute;
}
.bench-0 {
	margin-left: 30px;
	margin-top: 40px;
}
.bench-1 {
	margin-left: 30px;
	margin-top: 140px;
}
.bench-2 {
	margin-left: 30px;
	margin-top: 240px;
}
.bench-3 {
	margin-left: 30px;
	margin-top: 340px;
}
.bench-4 {
	margin-left: 30px;
	margin-top: 440px;
}
.bench-5 {
	margin-left: 30px;
	margin-top: 540px;
}
.bench-6 {
	margin-left: 30px;
	margin-top: 640px;
}
.bench-7 {
	margin-left: 30px;
	margin-top: 740px;
}
.bench-8 {
	margin-left: 30px;
	margin-top: 840px;
}
.bench-9 {
	margin-left: 30px;
	margin-top: 940px;
}
.bench-10 {
	margin-left: 30px;
	margin-top: 1040px;
}
.bench-11 {
	margin-left: 30px;
	margin-top: 1140px;
}