/* jeux-mobile.css — confort mobile des mini-jeux (marges réduites + mode plein écran) */
@media (max-width: 700px) {
  html, body { overflow-x: hidden; }
  body { padding: 8px !important; }
  .wrap, .container, main { max-width: 100% !important; }
  .panel, .carte, .game-panel { padding: 10px !important; border-radius: 12px !important; }
  /* un canvas à largeur fixe ne doit jamais dépasser l'écran (sinon le navigateur rétrécit toute la page) */
  canvas { max-width: 100%; height: auto; }
}

.jm-btn {
  position: fixed; right: 10px; bottom: 10px; z-index: 10000;
  background: #f59e0b; color: #000; font: 800 0.9rem/1 system-ui, sans-serif;
  border: 0; border-radius: 999px; padding: 11px 16px; cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.55);
}
.jm-btn[hidden] { display: none; }
.jm-conseil {
  position: fixed; left: 50%; top: 10px; transform: translateX(-50%); z-index: 10000;
  background: rgba(0,0,0,.8); color: #fbbf24; font: 700 .85rem/1.2 system-ui, sans-serif;
  padding: 8px 14px; border-radius: 10px; pointer-events: none; text-align: center;
}

/* Mode plein écran : on garde les compteurs, on retire le décor autour */
body.jm-plein { padding: 0 !important; overflow: auto; align-items: center; justify-content: flex-start; }
body.jm-plein .nav-bar, body.jm-plein nav, body.jm-plein header,
body.jm-plein .footer-game, body.jm-plein footer, body.jm-plein .foot,
body.jm-plein #badge-mode, body.jm-plein .badge-hub { display: none !important; }
body.jm-plein .wrap, body.jm-plein .container, body.jm-plein main { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
body.jm-plein .panel, body.jm-plein .carte, body.jm-plein .game-panel {
  padding: 4px !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
body.jm-plein canvas { margin: 0 auto !important; }
body.jm-plein .canvas-container { margin: 2px auto !important; border-width: 0 !important; }