/* Brand + accessibility fixes for ltb-arcade.pages.dev (audited Oct 23, 2026 at 375px and 1440px).
   Load LAST, after contrast.css. Selectors were read from the live page; confirm each still matches.
   Goal: brand-sheet colors only, WCAG AA contrast, readable sizes on phones. */

/* 1. "PLAY" in "PLAY the Road to 500K": pink on sky = 2.65:1 (fails). The color is inline,
      so !important is needed. Better long-term fix: remove the inline style in index.html. */
#road-title span[style]{color:#0F1B4D!important;text-shadow:3px 3px 0 #FF3EA5}

/* 2. "NEW HIGH SCORE!" eyebrow: orange text on white/sky = 3.98 / 3.26:1 (fails at this size). */
.hero-copy .eyebrow.eyebrow-orange.high-score-blink{color:#0F1B4D;text-shadow:2px 2px 0 #FFD400}

/* 3. Off-sheet grey-navy #3A4573 → Navy #0F1B4D (passes before and after; this is a brand fix). */
.section-lede,.sample-note,.status-line,.road-hint,.levelup-line,.game-help,.fine,figcaption.fine{color:#0F1B4D}
/* 4. Off-sheet #C9D3F2 on the navy footer → Sky #DBEAFE. */
.site-footer .fine{color:#DBEAFE}

/* 5. Minimum sizes on phones: Press Start 2P >= 12px (headline-style labels), Space Mono >= 14px,
      tap targets >= 44px. These were 7–13px. Check that nothing wraps badly after this change. */
@media (max-width:600px){
  .eyebrow,.campaign-dates span,.loading-head span,.logo span,a.logo,p.logo,.rs-flag span{font-size:12px!important}
  .btn,.btn-sm,#selected-game-play{font-size:12px!important;min-height:44px}
  .hero-lead,.hero-bridge,.founder-copy p,.legend li,.sample-note,.road-hint,.stat-label,.donation-caption,
  .gift-amounts legend,.custom-gift,.custom-gift span,.fine,.story-note,.scoreboard-status,.link-btn,#reset-demo,
  .preview-bar .wrap,#dream .wrap p{font-size:14px!important}
  .gift-amounts button span{font-size:14px!important} /* Space Mono label; legacy ID rules otherwise win. */
}