/* FokusSchalke V16 · Vereinsübergreifendes Matchcenter-Layout · 04.11.2026
   Eine einzige globale Regel, unabhängig von Club, Saison und Wettbewerb.
   Trikot/Wappen/Fotos bleiben unverändert. Keine blauen Zusatzflächen bei Wechsel, Bank, Trainer.
   Die echten Formationsreihen (4-5-1, 4-3-2-1, 5-3-2 etc.) bleiben erhalten. */

/* Card tone: explicitly neutral, never use a team-color block behind the portrait. */
#matchcenterRoot .mc-lineup-panel .mc-md-changes,
#matchcenterRoot .mc-lineup-panel .mc-bench,
#matchcenterRoot .mc-lineup-panel .mc-md-coach {
  background:#1b1d20!important;
  color:#f5f5f6!important;
  border-color:#33363c!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-person,
#matchcenterRoot .mc-lineup-panel .mc-bench-person,
#matchcenterRoot .mc-lineup-panel .mc-md-coach-person {
  background:#222428!important;
  border:1px solid #4b4f56!important;
  color:#fff!important;
  box-shadow:none!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo,
#matchcenterRoot .mc-lineup-panel .mc-bench-photo,
#matchcenterRoot .mc-lineup-panel .mc-md-coach-person > img,
#matchcenterRoot .mc-lineup-panel .mc-md-coach-placeholder,
#matchcenterRoot .mc-lineup-panel .mc-photo-viewport {
  background:#272a2e!important;
}
/* Neutralise the blue kit-number squares on all change/bench cards as requested. */
#matchcenterRoot .mc-lineup-panel .mc-md-shirt,
#matchcenterRoot .mc-lineup-panel .mc-bench-photo .mc-photo-number,
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo .mc-photo-number {
  background:#383b42!important;
  color:#fff!important;
  border-color:#55585f!important;
  text-shadow:none!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench-person:focus-visible,
#matchcenterRoot .mc-lineup-panel .mc-md-mini-person:focus-visible {
  outline:2px solid #cdd0d6!important;
  outline-offset:2px!important;
}
/* Matchday substitute cards are paired regardless of club. */
#matchcenterRoot .mc-lineup-panel .mc-md-change-list {
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-row {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-person {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  height:75px!important;
  min-height:75px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  gap:6px!important;
  padding:0!important;
  border-radius:9px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-change-in .mc-md-mini-person {flex-direction:row!important;text-align:left!important;}
#matchcenterRoot .mc-lineup-panel .mc-md-change-out .mc-md-mini-person {flex-direction:row-reverse!important;text-align:right!important;}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo {
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  flex:0 0 68px!important;
  min-width:68px!important;
  width:68px!important;
  max-width:68px!important;
  min-height:73px!important;
  height:73px!important;
  max-height:73px!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:7px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-name {
  min-width:0!important;
  flex:1 1 0!important;
  padding:3px 2px!important;
  gap:2px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-name > span {color:#babdc3!important;line-height:1.13!important;}
#matchcenterRoot .mc-lineup-panel .mc-md-mini-name > strong {color:#fff!important;line-height:1.08!important;overflow-wrap:anywhere!important;}
/* Bench: two columns for all teams, same portrait/card layout. */
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:9px!important;
  row-gap:9px!important;
  min-width:0!important;
  width:100%!important;
  align-items:stretch!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-person {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:76px!important;
  min-height:76px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  border-radius:9px!important;
  overflow:hidden!important;
  gap:6px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-person > .mc-bench-photo {
  position:relative!important;
  box-sizing:border-box!important;
  display:block!important;
  flex:0 0 70px!important;
  min-width:70px!important;
  width:70px!important;
  max-width:70px!important;
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  overflow:hidden!important;
  border-radius:7px 0 0 7px!important;
  margin:0!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-person > .mc-bench-details {
  box-sizing:border-box!important;
  display:flex!important;
  flex:1 1 0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:3px 4px 3px 0!important;
  background:transparent!important;
  gap:2px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-person .mc-md-firstname {
  color:#bfc1c6!important;
  font-size:clamp(10px,2.65vw,14px)!important;
  overflow-wrap:anywhere!important;
  line-height:1.1!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-person strong {
  color:#fff!important;
  font-size:clamp(12px,3.35vw,17px)!important;
  overflow-wrap:anywhere!important;
  line-height:1.08!important;
}
/* Coach card neutral, same visual tone irrespective of crest color. */
#matchcenterRoot .mc-lineup-panel .mc-md-coach-person {
  min-height:80px!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
#matchcenterRoot .mc-lineup-panel .mc-md-coach-person > img,
#matchcenterRoot .mc-lineup-panel .mc-md-coach-placeholder {
  width:76px!important;
  min-width:76px!important;
  height:82px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
/* Startelf: same row grid, fixed image scale from the number of players on ONE line.
   This depends on formation width, NEVER on team. */
#matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-around!important;
  padding:13px 9px!important;
  gap:6px!important;
  min-height:570px!important;
  height:auto!important;
}
#matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row {
  position:relative!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(var(--mc-count),minmax(0,1fr))!important;
  align-items:center!important;
  align-content:center!important;
  justify-items:center!important;
  justify-content:center!important;
  flex:1 1 0!important;
  min-height:0!important;
  width:100%!important;
  padding:0!important;
  gap:3px!important;
  --mc-v16-photo:70px;
}
#matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:5"] {--mc-v16-photo:52px;}
#matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:4"] {--mc-v16-photo:62px;}
#matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:3"] {--mc-v16-photo:67px;}
#matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:2"] {--mc-v16-photo:70px;}
#matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:1"] {--mc-v16-photo:70px;}
#matchcenterRoot .mc-lineup-panel .mc-pitch-row > .mc-player,
#matchcenterRoot .mc-lineup-panel .mc-pitch-position > .mc-player {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:center!important;
  justify-self:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  padding:0 1px!important;
  margin:0 auto!important;
  gap:0!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  row-gap:0!important;
}
#matchcenterRoot .mc-lineup-panel .mc-pitch-row .mc-player-head,
#matchcenterRoot .mc-lineup-panel .mc-pitch-position .mc-player-head {
  display:block!important;
  position:relative!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  width:var(--mc-v16-photo,70px)!important;
  height:var(--mc-v16-photo,70px)!important;
  max-width:96%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0 auto 4px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border-radius:8px!important;
}
#matchcenterRoot .mc-lineup-panel .mc-pitch-row .mc-player > strong,
#matchcenterRoot .mc-lineup-panel .mc-pitch-position .mc-player > strong {
  display:block!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(9px,2.65vw,12px)!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:normal!important;
  text-wrap:balance!important;
  overflow-wrap:anywhere!important;
}
#matchcenterRoot .mc-lineup-panel .mc-pitch-row .mc-player > small,
#matchcenterRoot .mc-lineup-panel .mc-pitch-position .mc-player > small {
  display:block!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:3px auto 0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#matchcenterRoot .mc-lineup-panel .mc-pitch-row .mc-player > .mc-contributions,
#matchcenterRoot .mc-lineup-panel .mc-pitch-position .mc-player > .mc-contributions {
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:3px auto 0!important;
  padding:0!important;
  gap:5px!important;
  white-space:nowrap!important;
}
/* Match photos: same fitting algorithm for every club, no artificial zoom.
   Internal blue/neon backdrop is part of the uploaded photo and is kept intact. */
#matchcenterRoot .mc-lineup-panel .mc-player-head .mc-photo-viewport,
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo .mc-photo-viewport,
#matchcenterRoot .mc-lineup-panel .mc-bench-photo .mc-photo-viewport {
  box-sizing:border-box!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#272a2e!important;
}
#matchcenterRoot .mc-lineup-panel .mc-photo-viewport > img,
#matchcenterRoot .mc-lineup-panel .mc-player-head .mc-photo-viewport > img,
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo .mc-photo-viewport > img,
#matchcenterRoot .mc-lineup-panel .mc-bench-photo .mc-photo-viewport > img,
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo img,
#matchcenterRoot .mc-lineup-panel .mc-bench-photo img {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#matchcenterRoot .mc-lineup-panel .mc-bench-photo .mc-player-placeholder,
#matchcenterRoot .mc-lineup-panel .mc-md-mini-photo .mc-player-placeholder {background:#32353b!important;color:#bec3cb!important;}
/* For coordinate lineups keep size & photos identical to schematic ones. */
#matchcenterRoot .mc-lineup-panel .mc-pitch.mc-pitch-coordinates {--mc-v16-photo:62px;}
#matchcenterRoot .mc-lineup-panel .mc-pitch-coordinates .mc-pitch-position .mc-player-head {
  width:var(--mc-v16-photo)!important;height:var(--mc-v16-photo)!important;
}
@media(max-width:650px) {
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) {min-height:570px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:5"] {--mc-v16-photo:49px;}
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:4"] {--mc-v16-photo:58px;}
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:3"] {--mc-v16-photo:64px;}
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:2"] {--mc-v16-photo:67px;}
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:1"] {--mc-v16-photo:67px;}
  #matchcenterRoot .mc-lineup-panel .mc-md-change-row {grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)!important;gap:5px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-md-mini-photo {flex-basis:56px!important;min-width:56px!important;width:56px!important;max-width:56px!important;height:67px!important;min-height:67px!important;max-height:67px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-md-mini-person {height:70px!important;min-height:70px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-person > .mc-bench-photo {flex-basis:58px!important;min-width:58px!important;width:58px!important;max-width:58px!important;height:71px!important;min-height:71px!important;max-height:71px!important;}
}
@media(max-width:375px) {
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:5"] {--mc-v16-photo:44px;}
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:4"] {--mc-v16-photo:55px;}
  #matchcenterRoot .mc-lineup-panel .mc-pitch:not(.mc-pitch-coordinates) > .mc-pitch-row[style*="--mc-count:3"] {--mc-v16-photo:60px;}
  #matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-person > .mc-bench-photo {flex-basis:51px!important;min-width:51px!important;width:51px!important;max-width:51px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-bench .mc-bench-list {gap:7px!important;}
  #matchcenterRoot .mc-lineup-panel .mc-md-mini-name > strong {font-size:12px!important;}
}
