/* Correctifs mobile (chargé après mobile.css) */
@media (max-width: 1100px) {
  .game-layout > *, .rw-grid > *, .team-grid > *, .profile-grid > * { min-width: 0; max-width: 100%; }
}
@media (max-width: 760px) {
  /* backdrop-filter crée un contexte qui piège les éléments fixed : on le retire pour que la barre d'onglets reste collée en bas */
  #header { backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(10, 8, 7, .98); }
  #nav, .pills, .gtabs, .admin-tabs, .banner-tabs, .sym-chips, .ladder, .pass-tiers { scrollbar-width: none; -ms-overflow-style: none; }
  #nav::-webkit-scrollbar, .pills::-webkit-scrollbar, .gtabs::-webkit-scrollbar, .admin-tabs::-webkit-scrollbar, .banner-tabs::-webkit-scrollbar, .sym-chips::-webkit-scrollbar, .ladder::-webkit-scrollbar { display: none; }
  .stage, .panel, .trade-stage, .craft-stage, .craft-row, .sym-chips, .tr-head, .digits { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .trade-cv, .craft-cv, .pusher-cv, .claw-cv, .crash-cv, .plinko-cv, .wheel-cv { width: 100% !important; height: auto !important; }
  .craft-row { width: 100%; }
  .tr-head h2 { white-space: normal; }
  /* sur téléphone : le jeu d'abord, les commandes (mise, lancer, mode auto) juste dessous */
  .game-layout { display: flex !important; flex-direction: column; }
  .game-layout > .stage { order: -1; }
}