/* iPhone 14 Pro UX (393 × 852 CSS px) — compact, safe-area-aware, and thumb friendly. */
@media (max-width: 480px) {
  body { padding-bottom: env(safe-area-inset-bottom); }
  .game-header { min-height: 54px; }
  .lab-badge { gap: 6px; padding: 6px 9px; }
  .lab-badge span { width: 21px; height: 21px; }
  .score-pill { padding: 7px 10px; }
  .hero { gap: 19px; padding: 23px 16px 36px; border-radius: 20px; }
  .hero::before { right: -104px; bottom: -148px; width: 255px; height: 255px; }
  .hero .eyebrow { font-size: .67rem; }
  h1 { font-size: clamp(2.72rem, 15vw, 3.72rem); }
  .hero-text { max-width: 345px; font-size: .86rem; line-height: 1.46; }
  .word-machine { max-width: 360px; padding: 16px 8px; }
  .machine-spark { top: 6px; right: 11px; font-size: 1.15rem; }
  .mode-tabs { position: sticky; top: 6px; z-index: 12; margin-bottom: 16px; box-shadow: 0 9px 22px rgb(70 47 89 / 16%); }
  .mode-tab { min-height: 50px; }
  .mode-tab strong { font-size: .72rem; }
  .campaign-intro { gap: 15px; padding: 19px 17px; border-radius: 20px; }
  .campaign-stats { grid-template-columns: auto 1fr auto 1fr; gap: 2px 7px; padding: 11px; }
  .campaign-stats strong { font-size: 1.08rem; }
  .campaign-stats span { font-size: .66rem; }
  .chapter-card { padding: 17px; border-radius: 18px; }
  .mission-card { padding: 19px 16px; border-radius: 20px; }
  .mission-card h3 { font-size: 1.35rem; }
  .primary-button, .soft-button { min-height: 48px; }
  textarea { min-height: 118px; }
  .toast { right: 11px; bottom: calc(11px + env(safe-area-inset-bottom)); }
}