/* responsive.css —— 375 / 768 / 1024 / 1440 */

@media (max-width: 767px) {
  html { font-size: 16px; }
  .story-page, .archive-page, .puzzle-page { padding-left: 1rem; padding-right: 1rem; }
  .topbar { padding: 0.5rem 0.7rem; }
  .topbar-title { font-size: 0.85rem; }
  .hud-nav { overflow-x: auto; justify-content: flex-start; }
  .hud-nav button { flex: 0 0 auto; }
  .title-village { letter-spacing: 0.2em; text-indent: 0.2em; }
  .save-slot { flex-direction: column; align-items: stretch; }
  .save-actions button { flex: 1; }
}

@media (min-width: 768px) {
  .hud-nav button { padding: 0.4rem 1rem; }
}

@media (min-width: 1024px) {
  html { font-size: 17.5px; }
  .story-page { padding-top: 2.5rem; }
  .title-menu { width: 18rem; }
}

@media (min-width: 1440px) {
  html { font-size: 18px; }
  .archive-page, .story-page, .puzzle-page { max-width: 54rem; }
}