/* La nuit du casseur (sim/nuit.js) : jauge « recherché·e », score de casse, sac ; mode « Nuit noire » (ui/nuitnoire.js) */
#nuit-hud { position: fixed; left: calc(var(--u) * 4); top: calc(var(--u) * 52); z-index: 3; pointer-events: none; min-width: calc(var(--u) * 70);
  background: rgba(20, 16, 24, .82); box-shadow: inset 0 0 0 var(--u) var(--ink), inset 0 0 0 calc(var(--u) * 2) var(--hi);
  padding: calc(var(--u) * 2) calc(var(--u) * 3); font: calc(var(--u) * 3.9)/1.3 'Pixelify', monospace; color: var(--paper); }
body:not([data-scene="game"]) #nuit-hud { display: none !important; }
#nuit-hud .nh-row { display: flex; align-items: center; gap: calc(var(--u) * 2); white-space: nowrap; }
#nuit-hud .nh-k { font-family: 'Silk', monospace; font-size: calc(var(--u) * 3.3); color: var(--sun); letter-spacing: .04em; min-width: calc(var(--u) * 18); }
#nuit-hud .nh-stars b { color: #4a3f63; font-size: calc(var(--u) * 5); line-height: 1; text-shadow: var(--u) var(--u) 0 var(--ink); }
#nuit-hud .nh-stars b.on { color: #ff6a5a; }
#nuit-hud .nh-stars b.on.seen { color: #fff3d6; }
#nuit-hud .nh-want.hot .nh-k { color: #ff6a5a; }
#nuit-hud .nh-seen { color: #ff9a8a; font-size: calc(var(--u) * 3.2); }
#nuit-hud .nh-v { color: var(--paper); }
#nuit-hud .nh-v.lourd { color: var(--orange); }
#nuit-hud .nh-combo { color: var(--orange); font-family: 'Silk', monospace; }
#nuit-hud .nh-bar { display: inline-block; width: calc(var(--u) * 14); height: calc(var(--u) * 2); background: #3a3248; box-shadow: 0 0 0 calc(var(--u) * .5) var(--ink); }
#nuit-hud .nh-bar u { display: block; height: 100%; background: var(--blue); text-decoration: none; }
#nuit-hud .nh-alarm { color: #ff6a5a; font-family: 'Silk', monospace; }
#nuit-hud .nh-ok { color: var(--green); font-family: 'Silk', monospace; font-size: calc(var(--u) * 3.3); }
#nuit-hud .nh-sep { height: var(--u); margin: var(--u) 0; background: var(--hi); }
#nuit-hud .nh-ct { color: var(--dim); font-size: calc(var(--u) * 3.4); }
#nuit-hud .nh-ct.done { color: var(--green); text-decoration: line-through; }
#nuit-hud .nh-clock { color: #9ad0ff; }
