/* ---------- Minimap ---------- */
  #minimap{
    position:absolute; top:12px; right:12px;
    width:160px; height:160px;
    background:rgba(13,11,16,.9);
    border:1px solid var(--panel-edge);
    border-radius:8px;
    image-rendering:pixelated;
    cursor:pointer;
  }
  #minimap.hidden{display:none}
  /* Critère de HAUTEUR ajouté (2026-09-03, passe ergonomie mobile) : un
     téléphone en PAYSAGE fait ~844 px de large — il échappait donc à ce
     `max-width:760px` et gardait la minimap de 160 px du bureau, qui passait
     alors sous les badges empilés à droite (chevauchement mesuré : 36×36). */
  @media (max-width:760px), (max-height:480px){
    #minimap{width:110px; height:110px}
  }

  /* ---------- Barre des consommables / bonus (sous la minimap, à droite) ---------- */
  #consumableBar{
    position:absolute; top:184px; right:12px;
    width:160px; max-height:calc(100vh - 300px);
    display:flex; flex-wrap:wrap; align-content:flex-start;
    gap:8px; justify-content:flex-end;
    overflow-y:auto; overflow-x:hidden;
    padding:8px;
    background:rgba(20,16,24,.88);
    border:1px solid var(--panel-edge);
    border-radius:10px;
    user-select:none;
    scrollbar-width:thin;
    scrollbar-color:#5c4a78 #1a1520;
  }
  #consumableBar:empty{ display:none; padding:0; border:none; background:none; }
  #consumableBar::-webkit-scrollbar{ width:8px; }
  #consumableBar::-webkit-scrollbar-track{ background:#1a1520; border-radius:4px; }
  #consumableBar::-webkit-scrollbar-thumb{ background:#5c4a78; border-radius:4px; }
  #consumableBar::-webkit-scrollbar-thumb:hover{ background:#7a63a0; }
  @media (max-width:760px), (max-height:480px){
    #consumableBar{ top:134px; width:110px; max-height:calc(100vh - 230px); }
  }

  /* ---------- Bouton dédié « sac à la demande » (mobile uniquement) ----------
     Caché par défaut sur desktop (la barre de consommables reste toujours
     visible, comportement historique) — affiché et positionné par
     13-mobile.css. Même style que #logBadge/#hintToggle (voir 05-journal.css). */
  /* #mapBadge (🗺️ minimap) et #statsBadge (📊 stats + bonus/malus) suivent
     EXACTEMENT la même règle : cachés sur desktop, affichés/positionnés par
     13-mobile.css, pilotés par js/41 (patron commun MOBILE_PANELS). */
  /* #collapseAllBadge (✳ « tout replier », mobile) suit la même règle : caché
     sur desktop, affiché et positionné par 13-mobile.css. */
  #bagBadge, #mapBadge, #statsBadge, #collapseAllBadge{
    display:none; position:absolute; z-index:13;
    width:36px; height:36px; padding:0; border-radius:50%;
    background:rgba(20,16,24,.85); border:1px solid var(--panel-edge);
    color:var(--ink); font-size:1.1rem; cursor:pointer;
    align-items:center; justify-content:center;
    box-shadow:0 2px 8px rgba(0,0,0,.45);
  }
  #bagBadge.open, #mapBadge.open, #statsBadge.open{ background:var(--accent-dim,#5c4a78); border-color:var(--accent,#e0a83c) }
  /* Retour visuel bref au tap : le bouton n'a pas d'état « ouvert » à montrer,
     il agit et rend la main — un flash suffit à dire que le tap a été pris. */
  #collapseAllBadge.flash{ background:var(--accent,#e0a83c); color:#141018; border-color:var(--accent,#e0a83c) }