/* Stadiums are decorative images so the browser can defer cards outside view. */
.match-card.has-team-background .card-image.card-team-background {
  inset: auto;
  left: 50%;
  bottom: 0;
  width: auto;
  min-width: 100%;
  max-width: none;
  height: 145%;
  object-fit: cover;
  object-position: center bottom;
  filter: saturate(.94) brightness(.8);
  opacity: .78;
  transform: translateX(-50%);
}

.match-card.has-team-background .card-overlay {
  background:
    linear-gradient(180deg, rgba(4, 12, 30, .1), rgba(3, 10, 8, .42) 48%, rgba(3, 10, 8, .94) 91%),
    linear-gradient(90deg, rgba(2, 12, 10, .28), transparent 58%, rgba(2, 10, 8, .18));
}

.match-card:hover .card-image.card-team-background,
.match-card:focus-within .card-image.card-team-background,
.match-card.selected .card-image.card-team-background {
  transform: translateX(-50%) scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  .match-card.has-team-background .card-image.card-team-background {
    transition: none;
  }

  .match-card:hover .card-image.card-team-background,
  .match-card:focus-within .card-image.card-team-background,
  .match-card.selected .card-image.card-team-background {
    transform: translateX(-50%);
  }
}