/* Live is a whole-card state, not a tiny dot. No animation is needed to convey it. */
body .tpc-hub-current-card {
  --hub-current-surface: linear-gradient(135deg, #d7f6e3, #effbf4);
  --hub-current-border: #199b59;
  --hub-current-ink: #123b2a;
  --hub-current-muted: #285b42;
  --hub-current-panel: #f5fff8;
  --hub-current-row: #dbf5e5;
  background: var(--hub-current-surface) !important;
  border: 2px solid var(--hub-current-border) !important;
  color: var(--hub-current-ink) !important;
  box-shadow: 0 12px 28px #075e3412;
  min-width: 0;
}
body .tpc-hub-current-card:is(.tpc-hub-match-paused, .tpc-hub-match-delayed) {
  --hub-current-surface: linear-gradient(135deg, #ffedbc, #fff8e6);
  --hub-current-border: #b47b12;
  --hub-current-ink: #513608;
  --hub-current-muted: #70501a;
  --hub-current-panel: #fff9eb;
  --hub-current-row: #fff0c9;
}
body.tpc-site-dark-mode .tpc-hub-current-card {
  --hub-current-surface: linear-gradient(135deg, #0b3c2a, #092b21);
  --hub-current-border: #38ba79;
  --hub-current-ink: #f1fff6;
  --hub-current-muted: #c1efd3;
  --hub-current-panel: #103b2a;
  --hub-current-row: #184b34;
}
body.tpc-site-dark-mode .tpc-hub-current-card:is(.tpc-hub-match-paused, .tpc-hub-match-delayed) {
  --hub-current-surface: linear-gradient(135deg, #483410, #30250f);
  --hub-current-border: #d6a341;
  --hub-current-ink: #fff6df;
  --hub-current-muted: #f2d99d;
  --hub-current-panel: #3c2d11;
  --hub-current-row: #55401a;
}
body .tpc-hub-current-card :is(.tpc-hub-group-top h4, .tpc-hub-ko-teams b, .tpc-final-teams b, .tpc-final-teams > strong, .tpc-hub-mini-row, .tpc-hub-mini-row strong, .tpc-hub-current-score b, .tpc-hub-match-clock) {
  color: var(--hub-current-ink) !important;
}
body .tpc-hub-current-card :is(.tpc-hub-group-top > div > span, .tpc-hub-group-top > div > small, .tpc-hub-mini-head, .tpc-hub-current-open, .tpc-hub-interruption-reason, .tpc-hub-label),
body .tpc-hub-current-card.tpc-hub-knockout-card > span,
body .tpc-hub-current-card.tpc-hub-knockout-card > small,
body .tpc-hub-current-card.tpc-hub-score-card > p {
  color: var(--hub-current-muted) !important;
}
#homeInteractiveHub .tpc-hub-current-card .tpc-hub-label { color: var(--hub-current-muted) !important; }
body .tpc-hub-current-card .tpc-hub-mini-table {
  background: var(--hub-current-panel) !important;
  border-color: var(--hub-current-border);
}
body .tpc-hub-current-card .tpc-hub-mini-head,
body .tpc-hub-current-card .tpc-hub-mini-row[data-playing="true"],
body .tpc-hub-current-card .tpc-hub-mini-row:hover {
  background: var(--hub-current-row) !important;
}
body .tpc-hub-current-card .tpc-hub-mini-row { border-color: color-mix(in srgb, var(--hub-current-border) 25%, transparent); }
body .tpc-hub-current-card .tpc-hub-match-status {
  color: #fff !important;
  background: #087443 !important;
  border: 1px solid #087443 !important;
  border-radius: 999px;
  display: inline-flex;
  padding: .28rem .6rem;
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1.35;
  text-transform: uppercase;
  white-space: nowrap;
  animation: none !important;
}
body .tpc-hub-current-card:is(.tpc-hub-match-paused, .tpc-hub-match-delayed) .tpc-hub-match-status {
  background: #755013 !important;
  border-color: #755013 !important;
}
body .tpc-hub-current-card .tpc-hub-match-status.is-live::before { width: .35rem; height: .35rem; animation: none !important; }
.tpc-hub-current-matches { display: grid; gap: .65rem; min-width: 0; }
body .tpc-hub-current-match {
  border-radius: 1rem;
  padding: .7rem;
  box-shadow: none;
}
.tpc-hub-current-link { display: grid; gap: .6rem; color: inherit; text-decoration: none; min-width: 0; }
.tpc-hub-current-link:focus-visible { outline: 3px solid var(--cup-yellow, #f1c30b); outline-offset: 5px; border-radius: .35rem; }
.tpc-hub-current-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .4rem; }
.tpc-hub-match-clock { font-variant-numeric: tabular-nums; font-weight: 900; white-space: nowrap; font-size: .8rem; }
.tpc-hub-current-score { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .6rem; }
.tpc-hub-current-score > b { min-width: 0; overflow-wrap: anywhere; font-size: .8rem; line-height: 1.35; font-weight: 900; }
.tpc-hub-current-score > b:last-child { text-align: right; }
.tpc-hub-current-score > strong { background: var(--cup-blue, #001e8e); color: #fff; border-radius: .6rem; padding: .4rem .55rem; font-size: 1.08rem; font-weight: 900; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tpc-hub-current-open { font-size: .65rem; font-weight: 800; }
.tpc-hub-interruption-reason { margin: .6rem 0 0; font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
body .tpc-hub-current-match .tpc-match-interruption { margin-top: .6rem; }
@media (max-width: 380px) {
  body .tpc-hub-current-match { padding: .6rem; }
  .tpc-hub-current-score { gap: .4rem; }
  .tpc-hub-current-score > b { font-size: .73rem; }
}