/* ================= HUD épuré (ui/epure.js, branche ux) ================= */
/* ce qui quitte l'écran (consultable à la pause : panneau « Situation ») */
body.ep-on :is(#log, #top, #alarm, #hud-mission, #nuit-hud, #cbt-hud, #mt-hud, #ville-hud, #qtrack, #hud-vitals, #hb-desc) { display: none !important; }
body.ep-on #hotbar .hb-slot { display: none !important; }
/* étoiles de recherche : grosses, en haut à droite */
#ep-want { position: fixed; right: calc(var(--u) * 4); top: calc(var(--u) * 3); display: none; gap: var(--u); pointer-events: none; }
#ep-want.show { display: flex; }
#ep-want b { font: calc(var(--u) * 11)/1 'Silk', monospace; color: rgba(20, 16, 24, .55); -webkit-text-stroke: calc(var(--u) * .7) #fff3d6; text-shadow: var(--u) var(--u) 0 #141018; }
#ep-want b.on { color: #ffd60a; -webkit-text-stroke: calc(var(--u) * .7) #141018; }
#ep-want.hot b.on { color: #ffb020; }
#ep-want b.vu { color: #fff3d6; }
#ep-clock { position: fixed; right: calc(var(--u) * 5); top: calc(var(--u) * 16); font: calc(var(--u) * 3.6)/1 'Silk', monospace; color: rgba(255, 243, 214, .75); text-shadow: var(--u) var(--u) 0 #141018; pointer-events: none; }
body:not([data-scene="game"]) :is(#ep-want, #ep-clock, #ep-obj, #ep-sante, #ep-lieu) { display: none !important; }
body.ecran-on :is(#ep-want, #ep-clock, #ep-obj, #ep-sante, #ep-lieu) { display: none !important; }
/* un seul encart d'objectifs, compact */
#ep-obj { left: calc(var(--u) * 3); top: calc(var(--u) * 3); max-width: min(calc(var(--u) * 125), 44vw); padding: calc(var(--u) * 1.5) calc(var(--u) * 3); font-size: calc(var(--u) * 4.8); line-height: 1.25; pointer-events: none; }
#ep-obj.vide { display: none; }
#ep-obj .ep-main { color: var(--paper); }
#ep-obj .ep-fl { display: inline-block; width: 0; height: 0; margin-right: calc(var(--u) * 1.5); border-left: calc(var(--u) * 2) solid var(--sun); border-top: calc(var(--u) * 1.5) solid transparent; border-bottom: calc(var(--u) * 1.5) solid transparent; }
#ep-obj .ep-d { color: var(--sun); font-size: calc(var(--u) * 3.6); }
#ep-obj .ep-aide { color: var(--dim); font-size: calc(var(--u) * 3.6); }
#ep-obj .ep-m { color: #b8dcff; font-size: calc(var(--u) * 3.8); }
#ep-obj.pulse { animation: pulse .4s steps(3); }
/* santé seule, en bas à gauche */
#ep-sante { position: fixed; left: calc(var(--u) * 4); bottom: calc(var(--u) * 4); display: none; align-items: center; gap: calc(var(--u) * 2); pointer-events: none; }
#ep-sante.show { display: flex; }
#ep-sante .ep-hp { display: block; width: calc(var(--u) * 44); height: calc(var(--u) * 3.5); background: #141018; box-shadow: 0 0 0 var(--u) #141018, 0 calc(var(--u) * 2) 0 var(--u) rgba(0,0,0,.25); position: relative; }
#ep-sante .ep-hp u { position: absolute; left: 0; top: 0; bottom: 0; background: repeating-linear-gradient(90deg, #ff5a4e 0 calc(var(--u) * 3), #c8352c calc(var(--u) * 3) calc(var(--u) * 4)); box-shadow: inset 0 var(--u) 0 #ff9a90; transition: width .15s steps(4); }
#ep-sante.bas .ep-hp { animation: blink .6s steps(2) infinite; }
#ep-sante .ep-ic b { font: calc(var(--u) * 3.2)/1 'Silk', monospace; padding: calc(var(--u) * .6) var(--u); margin-right: var(--u); background: #141018; }
#ep-sante .ep-soif { color: #6ab8ff; } #ep-sante .ep-fat { color: #c9a0ff; } #ep-sante .ep-gaz { color: #d8d8c0; }
/* le lieu, brièvement */
#ep-lieu { position: fixed; left: 50%; top: 14%; transform: translateX(-50%); font: calc(var(--u) * 8)/1 'Silk', monospace; color: var(--paper); text-shadow: var(--u) var(--u) 0 #141018, calc(var(--u) * 2) calc(var(--u) * 2) 0 #d23a32; opacity: 0; pointer-events: none; white-space: nowrap; text-transform: uppercase; }
#ep-lieu.show { animation: ep-lieu 3.6s steps(12) forwards; }
@keyframes ep-lieu { 0% { opacity: 0; } 12% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
/* panneau « Situation » à la pause */
#sc-pause.sc-center.show { grid-auto-flow: column; gap: calc(var(--u) * 6); align-content: center; justify-content: center; }
#ep-situation { position: relative; width: calc(var(--u) * 95); max-height: 80vh; overflow: auto; font-size: calc(var(--u) * 4); }
#ep-situation h3 { margin: 0 0 calc(var(--u) * 2); }
#ep-situation .ep-r { display: flex; justify-content: space-between; gap: calc(var(--u) * 3); padding: calc(var(--u) * .3) 0; }
#ep-situation .ep-r span { color: var(--dim); }
#ep-situation .ep-bloc { margin-top: calc(var(--u) * 2); padding-top: calc(var(--u) * 2); box-shadow: 0 calc(var(--u) * -1) 0 var(--hi); font-size: calc(var(--u) * 3.6); }
#ep-situation .ep-bloc * { position: static !important; display: revert; }
#ep-situation .ep-bloc :is(.nh-row, .mt-r, .cb-row, .vv-n, .bar) { display: flex !important; gap: calc(var(--u) * 2); justify-content: space-between; }
#ep-situation .ep-bloc .nh-sep { height: var(--u); }
#ep-situation .ep-bloc kbd { display: none; }
/* ---------- B : objet en main + icône du sac (ui/sac.js) ; plus de barre d'objets ---------- */
body.ep-on #hotbar { display: none !important; }
#ep-main { position: fixed; left: 50%; bottom: calc(var(--u) * 3); transform: translateX(-50%); display: flex; gap: calc(var(--u) * 2); align-items: stretch; }
#ep-main .px { position: relative; padding: var(--u) calc(var(--u) * 2.5); display: flex; align-items: center; gap: calc(var(--u) * 2); cursor: pointer; }
#ep-hand canvas, #ep-bag canvas { image-rendering: pixelated; }
#ep-hand .nm { display: block; color: var(--sun); font: calc(var(--u) * 3.8)/1.1 'Silk', monospace; white-space: nowrap; }
#ep-hand .vb { display: block; font-size: calc(var(--u) * 3.6); color: var(--dim); white-space: nowrap; }
#ep-hand kbd, #ep-bag kbd { font-size: calc(var(--u) * 3.2); min-width: calc(var(--u) * 4.5); margin-right: var(--u); }
#ep-bag:hover, #ep-hand:hover { filter: brightness(1.25); }
body:not([data-scene="game"]) #ep-main, body.ecran-on #ep-main, body:has(#inv.show) #ep-main { display: none !important; }
/* ---------- C : l'encart des actions flotte près de la cible (ui/souris.js) ---------- */
body.ep-on #menu { left: var(--mx, 50%) !important; top: var(--my, 70%) !important; bottom: auto !important; transform: translate(-50%, -100%) !important; min-width: 0 !important;
  padding: calc(var(--u) * 1.2) calc(var(--u) * 2.5); font-size: calc(var(--u) * 4.2); max-width: min(calc(var(--u) * 120), 60vw); }
body.ep-on #menu .opt { padding: calc(var(--u) * .2) 0; }
body.ep-on #menu .opt kbd { font-size: calc(var(--u) * 3.4); }
body.ep-on #menu.survol { box-shadow: inset 0 0 0 var(--u) var(--sun); }
body.ep-on #menu::after { content: ''; position: absolute; left: 50%; bottom: calc(var(--u) * -2); margin-left: calc(var(--u) * -2); border-left: calc(var(--u) * 2) solid transparent; border-right: calc(var(--u) * 2) solid transparent; border-top: calc(var(--u) * 2) solid var(--bg); }
/* ---------- C bis (branche gp) : petit menu compact, ouvert seulement à la demande (E sur une cible à plusieurs actions, clic droit) ----------
   Au repos, rien : la pastille E est dessinée sur la surcouche (ui/souris.js). Ici, fond sombre translucide, pas de bordure
   jaune, police plus petite, placé à côté de la cible (--mx, --my = coin haut gauche). */
html body #menu.compact { left: var(--mx, 50%) !important; top: var(--my, 60%) !important; bottom: auto !important; transform: none !important; min-width: 0 !important;
  max-width: min(calc(var(--u) * 80), 46vw); padding: calc(var(--u) * .8) calc(var(--u) * 1.6); font-size: calc(var(--u) * 3.1 * var(--ts, 1));
  background: rgba(20, 16, 24, .78) !important; border: 0 !important; box-shadow: 0 0 0 1px rgba(255, 248, 230, .18) !important; border-image: none !important; }
html body #menu.compact::before, html body #menu.compact::after { display: none !important; }
html body #menu.compact .opt { padding: calc(var(--u) * .25) 0; white-space: nowrap; color: #e8dcc4; line-height: 1.25; }
html body #menu.compact .opt.sel { color: #ffe680; }
html body #menu.compact .opt.danger { color: #ffb4a8; }
html body #menu.compact .opt:hover { color: #fff; background: rgba(255, 255, 255, .08); }
html body #menu.compact .opt kbd { font-size: calc(var(--u) * 2.5); min-width: calc(var(--u) * 3.6); padding: 0 calc(var(--u) * .5); margin-right: calc(var(--u) * 1.2); opacity: .85; }
html body #menu.compact .opt kbd.opt-e { margin: 0 0 0 calc(var(--u) * 1.2); }
html body #menu.compact.survol { box-shadow: 0 0 0 1px rgba(255, 214, 10, .5) !important; }