html,body{margin:0}.hud-bottom,.hud-top{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.hud-bottom{bottom:24px}.hud-top{top:24px}.health-bar,.target-health-bar{background:#00000080;border-radius:6px;width:200px;height:12px;overflow:hidden}.health-fill,.target-health-fill{background:#e84444;border-radius:6px;width:100%;height:100%;transition:width .1s}.health-text,.target-health-text{color:#fff;text-shadow:0 1px 2px #000;font:11px/1 monospace}.target-text{color:#fc4;text-shadow:0 1px 2px #000;font:11px/1 monospace}.cooldown-bar{background:#00000080;border-radius:3px;width:200px;height:6px;overflow:hidden}.cooldown-fill{background:#fc4;border-radius:3px;width:100%;height:100%}.hidden{display:none}