/* Reflow at ANY width: pills wrap to a new row instead of overflowing (no horizontal scroll) */
html, body { overflow-x: hidden; }
nav { flex-wrap: wrap; }
nav > div, .nav-links { flex-wrap: wrap; }

/* Shared mobile fixes for legacy pages: nav overflow + horizontal scroll guard */
@media (max-width: 680px) {
  html, body { overflow-x: hidden; }
  nav { height: auto !important; padding: .6rem .8rem !important; flex-wrap: wrap; gap: .4rem; }
  nav .logo img { height: 58px !important; }
  nav > div { flex-wrap: wrap !important; justify-content: center !important; gap: .4rem !important; }
  nav a[href] { font-size: .8rem !important; padding: .3rem .7rem !important; }
  /* .game-tabs / .game-tab used to be squeezed here. /game has a one-line switcher now,
     which needs no shrinking at any width — see assets/css/game-bar.css. */
}