/* V74 — differentiate the leading and trailing teams on LIVE match scoreboards.
   This is display-only: no submitted score, winner, or bracket data is altered.
   During a live match the red team is only trailing, not yet eliminated. */

/* Use the same treatment on the homepage and the full live-scores page.
   Override the earlier !important default which makes both boxes look alike. */
html body.public-site .live-score-match.live .live-score-versus > .score-team b.score-leading {
  background: linear-gradient(145deg, #179f68, #08754d) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 2px solid #4bd69b !important;
  outline: 2px solid rgba(23, 159, 104, .16) !important;
}
html body.public-site .live-score-match.live .live-score-versus > .score-team b.score-trailing {
  background: linear-gradient(145deg, #e34e58, #b42333) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 2px solid #ff9298 !important;
  outline: 2px solid rgba(206, 44, 60, .16) !important;
  box-shadow: 0 3px 11px rgba(177, 34, 51, .20) !important;
  animation: none !important;
}
/* Stop the legacy green name on the right from suggesting both teams lead. */
html body.public-site .live-score-match.live .live-score-versus > .score-team.is-trailing .score-team-name,
html body.public-site.page-index .home-live-score-board .live-score-match.live .live-score-versus > .score-team.is-trailing .score-team-name {
  color: #b42333 !important;
  -webkit-text-fill-color: #b42333 !important;
}
html body.public-site .live-score-match.live .live-score-versus > .score-team.is-leading .score-team-name {
  color: #08754d !important;
  -webkit-text-fill-color: #08754d !important;
}
/* Ties are not wins or losses: use one consistent neutral/gold score style. */
html body.public-site .live-score-match.live .live-score-versus > .score-team b.score-tied {
  background: #fef3cf !important;
  color: #87540d !important;
  -webkit-text-fill-color: #87540d !important;
  border: 2px solid #d8a52b !important;
  outline: 2px solid rgba(216, 165, 43, .13) !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html body.public-site .live-score-match.live .live-score-versus > .score-team b.score-leading {
    animation: none !important;
  }
}