button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex="-1"]:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.sportsController { padding-bottom: 34px; }
.sportsController h1 { font-size: clamp(28px, 9vw, 44px); margin: .15em 0; }
.sportsController .phoneChoices button { min-height: 62px; text-align: left; }
.sportsController #locked { color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.personalResults { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 18px; border: 1px solid var(--line); background: var(--line); }
.personalResults div { padding: 13px 9px; background: #071019; }
.personalResults div:last-child { grid-column: 1 / -1; }
.personalResults span,
.personalResults b { display: block; }
.personalResults span { font-size: 7px; letter-spacing: .1em; color: var(--muted); }
.personalResults b { margin-top: 5px; font-size: 19px; color: var(--green); }

@media (max-height: 500px) and (orientation: landscape) {
  .sportsController { max-width: 900px; padding: 8px; }
  .sportsPhoneHeader { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; }
  .sportsPhoneHeader .eyebrow,
  .sportsPhoneHeader h1 { margin: 0; }
  .sportsPhoneHeader .sportsMiniTrack,
  .sportsPhoneHeader .stats { grid-column: 1 / -1; }
  .sportsController .card { padding: 12px; margin: 8px 0; }
  .sportsController #phoneQuestion { font-size: 18px; }
  .sportsController .phoneChoices { grid-template-columns: 1fr 1fr; gap: 6px; }
  .sportsController .phoneChoices button { min-height: 48px; }
  .personalResults { grid-template-columns: repeat(5, 1fr); }
  .personalResults div:last-child { grid-column: auto; }
  .soloSportsBody .soloShell { width: calc(100% - 12px); padding: 6px; }
  .soloSportsBody .soloTop { min-height: 36px; }
  .soloSportsBody .soloHud { grid-template-columns: repeat(5, 1fr); margin-top: 4px; }
  .soloSportsBody .soloHud > div { padding: 5px 8px; }
  .soloSportsBody .soloHud b { font-size: 14px; }
  .soloSportsBody .hudMain b { font-size: 18px; }
  .soloSportsBody .soloProgress { margin: 4px 0 7px; }
  .soloSportsBody .soloStage { min-height: 0; padding: 10px 14px; }
  .soloSportsBody .stadiumLights { display: none; }
  .soloSportsBody .questionBroadcastTag { margin-top: 0; }
  .soloSportsBody .questionBroadcastTag span { padding: 4px 7px; }
  .soloSportsBody .soloStage h2 { margin: 8px 0 10px; font-size: 20px; }
  .soloSportsBody .soloAnswers { grid-template-columns: 1fr 1fr; gap: 6px; }
  .soloSportsBody .soloAnswers button { min-height: 50px; padding: 8px 12px; }
  .soloSportsBody .soloFeedback { margin-top: 8px; padding-top: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}