/* Bloat-specific HUD overrides.
 *
 * Shared 3D-trainer styles (door prompt, gear-panel tabs, spellbook/prayer
 * grids, stall overlay, F-key inputs, slot styling) are in
 * shared/css/3d-trainer.css. Only bloat-specific HUD overrides live here.
 */

.val.walking { color: #44aaff; }
.val.down    { color: #44ff44; }

/* Bloat HP bar in the HUD */
#hp-bar-track, #player-hp-bar-track {
  position: relative;
  height: 10px;
  background: #200000;
  border: 1px solid #444;
  border-radius: 3px;
  margin: 6px 0 4px;
  overflow: hidden;
}
#hud-hp-bar {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #ff4444 0%, #ff8800 60%, #ffaa00 100%);
  transition: width 0.2s ease;
}
/* Player HP bar — green-to-orange-to-red gradient that shifts as HP drops. */
#player-hp-bar-track { background: #002200; }
#hud-player-hp-bar {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #44ff44 0%, #44ff44 60%, #ffaa00 80%, #ff4444 100%);
  transition: width 0.2s ease;
}