/* V191 — one symmetric match grid and reliable club marks on every surface. */
#result #matchName{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(38px,4.5vw,58px) minmax(0,1fr)!important;
  align-items:start!important;
  justify-items:stretch!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  min-height:0!important;
  margin-inline:auto!important;
  padding-inline:clamp(4px,3.2vw,42px)!important;
  gap:clamp(8px,1.7vw,24px)!important;
}
#result #matchName .team-home{
  grid-column:1!important;
  grid-row:1!important;
}
#result #matchName .match-vs{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:stretch!important;
  width:100%!important;
  margin:67px 0 0!important;
  transform:none!important;
  text-align:center!important;
}
#result #matchName .team-away{
  grid-column:3!important;
  grid-row:1!important;
}
#result #matchName .team-unit,
#result #matchName .team-home,
#result #matchName .team-away{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:128px minmax(82px,auto)!important;
  grid-template-areas:none!important;
  align-items:start!important;
  align-content:start!important;
  justify-items:center!important;
  justify-content:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  text-align:center!important;
}
#result #matchName .team-logo-stack,
#result #matchName .team-home .team-logo-stack,
#result #matchName .team-away .team-logo-stack{
  grid-area:auto!important;
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:112px!important;
  grid-template-rows:18px 110px!important;
  place-items:center!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:128px!important;
  margin:0 auto!important;
  padding:0!important;
  order:0!important;
  flex:none!important;
}
#result #matchName .team-rank-note,
#result #matchName .team-rank-note:empty{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  min-height:18px!important;
  margin:0!important;
  text-align:center!important;
}
#result #matchName .team-crest,
#result #matchName .team-home .team-crest,
#result #matchName .team-away .team-crest{
  grid-column:1!important;
  grid-row:2!important;
  display:grid!important;
  place-items:center!important;
  width:110px!important;
  min-width:110px!important;
  max-width:110px!important;
  height:110px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  order:0!important;
}
#result #matchName .team-crest img{
  position:static!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  margin:auto!important;
  padding:3px!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  box-sizing:border-box!important;
}
#result #matchName .team-copy,
#result #matchName .team-home .team-copy,
#result #matchName .team-away .team-copy{
  grid-area:auto!important;
  grid-column:1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(48px,auto) 34px!important;
  place-items:start center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  gap:7px!important;
  text-align:center!important;
  order:0!important;
}
#result #matchName .team-name,
#result #matchName .team-home .team-name,
#result #matchName .team-away .team-name{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  place-items:start center!important;
  width:100%!important;
  max-width:390px!important;
  min-height:48px!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
  font-size:clamp(23px,2.35vw,34px)!important;
  line-height:1.12!important;
  text-wrap:balance;
  order:0!important;
}
#result #matchName .club-favorite-toggle{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:center!important;
  margin:0!important;
  order:0!important;
}

/* Logo boxes keep their geometry even while an image is decoded or replaced by the server fallback. */
:is(.weekend-teams,.fixture-visual-team,.result-fixture-teams,.saved-team,.favorite-club-chip,.club-option,.standings-team,.loading-team) img[src*="/api/team-logo"]{
  display:block!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  margin-inline:auto;
  flex:0 0 auto;
}
.weekend-competition-logo img[src*="europa-league-logo"],
.saved-competition img[src*="europa-league-logo"],
#competitionLogo[src*="europa-league-logo"]{
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:700px){
  #result #matchName{
    grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;
    padding-inline:2px!important;
    gap:7px!important;
  }
  #result #matchName .team-unit,
  #result #matchName .team-home,
  #result #matchName .team-away{
    grid-template-rows:90px minmax(72px,auto)!important;
  }
  #result #matchName .team-logo-stack,
  #result #matchName .team-home .team-logo-stack,
  #result #matchName .team-away .team-logo-stack{
    grid-template-columns:76px!important;
    grid-template-rows:14px 76px!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:90px!important;
  }
  #result #matchName .team-crest,
  #result #matchName .team-home .team-crest,
  #result #matchName .team-away .team-crest{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:76px!important;
  }
  #result #matchName .team-copy,
  #result #matchName .team-home .team-copy,
  #result #matchName .team-away .team-copy{
    grid-template-rows:minmax(42px,auto) 31px!important;
    gap:5px!important;
  }
  #result #matchName .team-name,
  #result #matchName .team-home .team-name,
  #result #matchName .team-away .team-name{
    min-height:42px!important;
    font-size:clamp(14px,4.2vw,20px)!important;
    line-height:1.16!important;
  }
  #result #matchName .match-vs{
    margin-top:46px!important;
    font-size:16px!important;
  }
}