/* FRBC V35 menu — menu d'accueil (#menu-modal) en MOBILE PAYSAGE uniquement.
 *
 * Périmètre strict : (orientation:landscape) and (max-height:520px) and (max-width:1100px).
 * PC (> 1100 px de large ou > 520 px de haut) et portrait : aucune règle ne s'applique.
 * But : lisibilité (texte >= 12 px), cibles tactiles >= 48 px, rien de recouvert.
 * Aucun élément n'est supprimé ni déplacé dans le DOM ; couleurs, logo, tuiles,
 * sponsors, Boutique, Messagerie, Championship Tour, liens et pied restent.
 * Le double id (#menu-modal#menu-modal) l'emporte sur les règles V34 ; la feuille
 * doit rester chargée après frbc-v34-multi-unified.css.
 */
@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){

 /* 1. Carte d’accueil : largeur stable, un seul défilement vertical, place pour le × à droite. */
 #menu-modal#menu-modal.frbc-home-screen>.menu-card{
  width:clamp(340px,58vw,520px)!important;max-width:calc(100vw - 72px)!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;touch-action:pan-y;
 }

 /* 2. Le × ne flotte plus au-dessus du contenu de la carte (il recouvrait le volume
  *    Musique en défilant) : il est fixé juste à droite de la carte, toujours visible,
  *    48 × 48. Même bouton, même style, même action. Écran d’accueil uniquement
  *    (.frbc-home-screen) : le menu en cours de partie garde sa carte centrée. */
 #menu-modal#menu-modal.frbc-home-screen .menu-card>#menu-close{
  position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;
  left:calc(min(clamp(340px,58vw,520px),100vw - 72px) + 8px)!important;right:auto!important;
  margin:0!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  z-index:5!important;
 }
 #menu-modal#menu-modal #welcome-title{margin-right:0!important}
 /* « Entrez.Le jeu » collé : le <br> masqué par V34 ne laissait aucune espace. On le rétablit. */
 #menu-modal#menu-modal #welcome-title br{display:inline!important}

 /* 3. Cibles tactiles >= 48 px de haut. */
 #menu-modal#menu-modal #menu-close{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
 #menu-modal#menu-modal .frbc-mode-picker .frbc-mode,
 #menu-modal#menu-modal #account-signin,#menu-modal#menu-modal #account-signup,
 #menu-modal#menu-modal #new-game,#menu-modal#menu-modal #resume-game,#menu-modal#menu-modal #exit-training,
 #menu-modal#menu-modal #frbc-tour-open,
 #menu-modal#menu-modal #shop-button,#menu-modal#menu-modal #frbc-home-messages,#menu-modal#menu-modal #training-button,
 #menu-modal#menu-modal .menu-donation-feature,
 #menu-modal#menu-modal .frbc-links a,
 #menu-modal#menu-modal .account-section button{
  min-height:48px!important;
 }
 #menu-modal#menu-modal .settings-row select,
 #menu-modal#menu-modal #ai-level,#menu-modal#menu-modal #match-length,#menu-modal#menu-modal #board-orientation{
  min-height:48px!important;font-size:13px!important;
 }
 #menu-modal#menu-modal .settings-row{min-height:48px!important;align-items:center!important}
 #menu-modal#menu-modal .audio-settings>label{min-height:48px!important;display:flex!important;align-items:center!important;gap:6px!important}
 #menu-modal#menu-modal .audio-settings input[type=range]{height:48px!important;min-height:48px!important;margin:0!important}
 #menu-modal#menu-modal .audio-settings input[type=checkbox],
 #menu-modal#menu-modal .frbc-clock-option input[type=checkbox]{width:20px!important;height:20px!important}

 /* Sponsors : même bandeau, liens à 48 px de haut. */
 #menu-modal#menu-modal .frbc-sponsors-logo,
 #menu-modal#menu-modal .frbc-sponsors-invite{height:48px!important;min-height:48px!important}

 /* Pied : règles, journal, CGU, signaler un bug = vraies cibles 48 px. */
 #menu-modal#menu-modal .menu-card>footer{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 8px!important}
 #menu-modal#menu-modal .menu-card>footer button,
 #menu-modal#menu-modal .menu-card>footer a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:48px!important;min-width:48px!important;padding:0 8px!important;
 }

 /* 4. Lisibilité : plus aucun texte sous 12 px. */
 #menu-modal#menu-modal .menu-card>.eyebrow,
 #menu-modal#menu-modal #account-signin,#menu-modal#menu-modal #account-signup,
 #menu-modal#menu-modal .frbc-mode span,
 #menu-modal#menu-modal .settings-row label,#menu-modal#menu-modal .settings-row small,
 #menu-modal#menu-modal #guide-availability,#menu-modal#menu-modal .frbc-clock-option span,
 #menu-modal#menu-modal .audio-settings label,
 #menu-modal#menu-modal #frbc-tour-open,#menu-modal#menu-modal #frbc-tour-open span,
 #menu-modal#menu-modal #shop-button span,#menu-modal#menu-modal #wallet-value,
 #menu-modal#menu-modal #frbc-home-messages span,#menu-modal#menu-modal #training-button span,
 #menu-modal#menu-modal .menu-donation-feature strong,#menu-modal#menu-modal .menu-donation-feature small,
 #menu-modal#menu-modal .frbc-links a,
 #menu-modal#menu-modal .frbc-sponsors-heading strong,#menu-modal#menu-modal .frbc-sponsors-invite,
 #menu-modal#menu-modal .frbc-sponsors-invite span,
 #menu-modal#menu-modal .account-section,#menu-modal#menu-modal .account-section *,
 #menu-modal#menu-modal .menu-card>footer button,#menu-modal#menu-modal .menu-card>footer a,
 #menu-modal#menu-modal .menu-card>footer span{
  font-size:12px!important;line-height:1.25!important;
 }
 #menu-modal#menu-modal #new-game{font-size:14px!important}
}