/* Kindle Fire HD 8 UX — tablet reading space without collapsing into the phone UI. */
@media (min-width: 720px) and (max-width: 1023px) {
  .game-header, main { width: min(940px, calc(100% - 32px)); }
  .hero { grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr); gap: 26px; min-height: 238px; padding: 29px 31px; border-radius: 30px; }
  .hero-text { margin-top: 13px; font-size: 1rem; }
  .word-machine { gap: 9px; padding: 30px 14px; }
  .machine-word { padding: 13px 9px; font-size: 1.05rem; }
  .mode-tabs { width: min(760px, calc(100% - 20px)); }
  .mode-tab { gap: 7px; padding: 7px 8px; }
  .mode-tab small { font-size: .61rem; }
  #learnView { grid-template-columns: minmax(0, 1.08fr) minmax(250px, .92fr); gap: 16px; }
  .invent-layout { grid-template-columns: minmax(0, 1.08fr) minmax(250px, .92fr); gap: 16px; }
  .lesson-card, .challenge-card, .translator-card, .rule-builder, .test-bench { padding: 24px; border-radius: 24px; }
  .rule-card { min-height: 238px; padding: 20px 14px 15px; }
  .chapter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chapter-card { padding: 17px; }
  .campaign-intro { grid-template-columns: minmax(0, 1fr) 170px; padding: 24px; }
}