/* Home circuit games: hard override to avoid stale cached CSS */
body .home-games-track {
  gap: 0.45rem !important;
  align-items: stretch !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
}

body .home-games-ribbon {
  padding-inline: 0.35rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body .home-game-card {
  width: clamp(88px, 8.2vw, 116px) !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  scroll-snap-align: start !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .home-game-thumb {
  aspect-ratio: 3 / 4 !important;
  min-height: 0 !important;
  height: auto !important;
  border: 1px solid rgba(124, 58, 237, 0.22) !important;
  border-radius: 0 !important;
  background: rgba(22, 16, 40, 0.9) !important;
  box-shadow: 0 10px 24px rgba(24, 11, 46, 0.42) !important;
  overflow: hidden !important;
}

body .home-game-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

body .home-teams-ribbon {
  padding-inline: 0.35rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body .home-teams-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.35rem !important;
  min-width: max-content !important;
  align-items: stretch !important;
}

body .home-team-slide {
  width: auto !important;
  flex: 0 0 auto !important;
}

body .home-team-card {
  width: clamp(102px, 11vw, 138px) !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  padding: 0.22rem !important;
  border: 1px solid rgba(124, 58, 237, 0.22) !important;
  background: rgba(22, 16, 40, 0.84) !important;
  box-shadow: 0 10px 24px rgba(24, 11, 46, 0.35) !important;
}

body .home-team-card .featured-teams__logo {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
  border: 1px solid rgba(124, 58, 237, 0.2) !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  body .home-games-ribbon {
    padding-inline: 0.5rem !important;
  }

  body .home-games-track {
    gap: 0.45rem !important;
    flex-wrap: nowrap !important;
  }

  body .home-game-card {
    width: min(24vw, 106px) !important;
  }

  body .home-game-thumb {
    border-radius: 0 !important;
  }

  body .home-teams-ribbon {
    padding-inline: 0.5rem !important;
  }

  body .home-teams-track {
    gap: 0.28rem !important;
  }

  body .home-team-card {
    width: min(29vw, 116px) !important;
    padding: 0.18rem !important;
  }
}