/**
 * WordPress data and accessibility adapters for the source Games layouts.
 */

.race-game-intro {
  margin-block: var(--space-3) 0;
}

.games-hub__intro > p:not(.games-hub__eyebrow) {
  max-inline-size: 710px;
  margin: var(--space-4) auto 0;
  color: var(--color-text-muted);
  font-size: clamp(1rem, 1.45vw, 1.25rem);
  font-weight: 700;
  line-height: var(--lh-body);
}

.game-choice__summary {
  display: block;
}

.race-game-intro {
  max-inline-size: 760px;
  margin-inline: auto;
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.7;
}

.race-stage canvas:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: -6px;
}

.race-game-layout--two-columns {
  grid-template-columns: minmax(250px, 0.75fr) minmax(0, 2fr);
}

.leaderboard-panel > .race-panel-title strong,
.precision-board-heading strong {
  color: #111;
  font-size: 1.06rem;
}

.leaderboard-panel > .race-panel-title small,
.precision-board-heading small {
  color: rgba(17, 17, 17, 0.64);
  font-size: 0.75rem;
}

.leaderboard-panel > .race-panel-title strong::after,
.leaderboard-panel > .race-panel-title small::after,
.precision-board-heading strong::after,
.precision-board-heading small::after {
  content: none;
}

.precision-steps strong {
  color: #fff;
}

.precision-steps span {
  color: rgba(255, 255, 255, 0.72);
}

.race-game [type="application/json"],
.precision-game [type="application/json"] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .precision-clock-button,
  .precision-clock-button.is-running {
    animation: none;
  }
}