/* ── HUD Bar ── */
.hud {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  width: 100%;
  margin-top: 12px;
}

.hud-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.hud-label {
  font-size: 10px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.hud-value {
  font-size: 1.05rem;
  font-weight: 700;
  font-family: var(--mono);
}

/* Timer bar */
.timer-container { flex:1; min-width:100px; }
.timer-bar {
  width:100%; height:12px; background:var(--bg);
  border-radius:6px; overflow:hidden; border:1px solid var(--border);
}
.timer-fill {
  height:100%; background:var(--blue);
  border-radius:6px; transition: width 0.08s linear;
}
.timer-fill.warning  { background:var(--gold); }
.timer-fill.critical { background:var(--red); animation: timer-blink 0.35s ease-in-out infinite; }
@keyframes timer-blink {
  0%,100% { opacity:1; }
  50% { opacity:0.35; }
}