.dth-live-hub {
  text-align: center;
}

.dth-live-hub-heading {
  display: block;
}

.dth-live-hub-countdown {
  display: grid;
  justify-items: center;
  margin: 22px auto 30px;
  text-align: center;
}

.dth-live-hub-countdown strong {
  font-size: clamp(3rem, 7vw, 5.2rem);
}

.dth-live-hub-section {
  margin: 0;
}

.dth-live-hub-section > h3,
.dth-live-hub-scoreboard h3 {
  color: var(--acid-soft);
  font-size: clamp(1.7rem, 4vw, 2.5rem);
}

.dth-live-hub-teams {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.dth-live-hub-team {
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: 174px;
  text-align: center;
}

.dth-live-hub-team img,
.dth-live-hub-logo {
  width: 62px;
  height: 62px;
}

.dth-live-hub-team h4,
.dth-live-hub-team p {
  margin: 0;
}

.dth-live-hub-team h4 {
  font: 700 1.1rem/1 Oswald, Impact, sans-serif;
  text-transform: uppercase;
}

.dth-live-hub-team a,
.dth-live-hub-team .pill {
  grid-column: auto;
  justify-self: center;
}

.dth-live-hub-scoreboard {
  display: grid;
  grid-template-columns: minmax(170px, .45fr) 1fr;
  align-items: center;
  gap: 22px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(218, 255, 169, .2);
  text-align: left;
}

.dth-live-hub-scoreboard h3 {
  margin-bottom: 8px;
}

.dth-live-scoreboard-rows {
  display: grid;
  gap: 7px;
}

.dth-live-scoreboard-rows article {
  display: grid;
  grid-template-columns: 30px 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border: 1px solid rgba(218, 255, 169, .16);
  background: rgba(255, 255, 255, .025);
}

.dth-live-scoreboard-rows img,
.dth-live-scoreboard-rows .dth-live-hub-logo {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.dth-live-scoreboard-rows > article > span:first-child,
.dth-live-scoreboard-rows b {
  color: var(--acid);
  font-family: Oswald, Impact, sans-serif;
}

.dth-live-scoreboard-rows b {
  font-size: 1.25rem;
}

.dth-live-scoreboard-rows small {
  font-size: .58rem;
}

.dth-button-disabled {
  cursor: not-allowed;
  opacity: .55;
  pointer-events: none;
}

@media (max-width: 850px) {
  .dth-live-hub-teams {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dth-live-hub-scoreboard {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

@media (max-width: 500px) {
  .dth-live-hub-team {
    min-height: 160px;
  }

  .dth-live-scoreboard-rows article {
    grid-template-columns: 25px 28px minmax(0, 1fr) auto;
    gap: 7px;
    padding: 8px;
  }

  .dth-live-scoreboard-rows img,
  .dth-live-scoreboard-rows .dth-live-hub-logo {
    width: 28px;
    height: 28px;
  }
}