/* Correctifs communs pour téléphone (chargé en dernier par chaque page). */
@media (max-width: 768px) {
  /* La page ne doit jamais glisser de côté (pop-ups, fenêtres trop larges). */
  html, body { overflow-x: hidden; max-width: 100%; }
  /* Les fenêtres ne dépassent jamais de l'écran. */
  .win-window, .game-popup, .popup, .s-dialogue { max-width: calc(100vw - 8px); box-sizing: border-box; }
  #content-area { min-width: 0; max-width: 100vw; box-sizing: border-box; padding-left: 4px !important; padding-right: 4px !important; align-items: flex-start !important; }
  /* Boutons de barre de titre assez grands pour le doigt. */
  .win-btn, .win-btns > span, .fk-x, .fk-mm, .tbtn { min-width: 28px; min-height: 24px; box-sizing: border-box;
    display: inline-flex; align-items: center; justify-content: center; }
}
