/* ================= Branche ux : menu, barre d'actions, rappel des touches ================= */
/* menu principal : six entrées, une petite ligne Charger · Crédits, sous-menu « Bac à sable » */
#menu-list .mi-pied { display: flex; gap: calc(var(--u) * 2); margin-top: calc(var(--u) * 2); }
#menu-list .mi-pied .mi { width: auto; flex: 1; justify-content: center; font-size: calc(var(--u) * 3.8); padding-top: var(--u); padding-bottom: var(--u); }
#menu-list .mi-pied .mi::before { display: none; }
#menu-list .mi-pied .mi small { display: none; }
#menu-list .mi-head { font-size: calc(var(--u) * 4); color: var(--sun); margin: 0 0 calc(var(--u) * 2) calc(var(--u) * 1); }
#menu-list.sous [data-act="sableRetour"] { margin-top: calc(var(--u) * 2); }
/* barre d'actions : chiffres, et E sur l'action surlignée */
#menu .opt kbd { min-width: calc(var(--u) * 5); }
#menu .opt kbd.opt-e { margin: 0 0 0 calc(var(--u) * 2); background: var(--sun); box-shadow: 0 var(--u) 0 #8a6a00; }
/* les cases du sac ne portent plus de chiffre (les chiffres sont aux actions) */
.hb-slot::before { content: none !important; }
/* rappel discret des touches permanentes, au-dessus de la barre d'objets */
#hb-keys { position: static; font-size: calc(var(--u) * 3.6); padding: calc(var(--u) * .5) calc(var(--u) * 3); color: var(--paper); white-space: nowrap; }
#hb-keys kbd { font-size: calc(var(--u) * 3.2); min-width: calc(var(--u) * 4.5); margin-right: var(--u); }
#hb-keys .dim { opacity: .45; }
body:has(#menu.show) #hb-keys { display: none; }