/* Bloodstone ward: five injuries and ten arcane charges. */
.vitality-hud{position:absolute;left:max(16px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));width:310px;height:112px;background:linear-gradient(90deg,#100c13e8 20%,#100c13a8 76%,#100c1300);border-top:1px solid #b69b6f38;border-bottom:1px solid #b69b6f26;border-radius:44px 3px 3px 44px;filter:drop-shadow(0 3px 7px #0008)}
.vitality-hud .idol-meter{position:absolute;left:-8px;top:-8px;width:100px;height:100px;display:block;background:none;border:0;border-radius:0;box-shadow:none;z-index:2}
.vitality-hud .idol-meter:before,.vitality-hud .idol-meter:after{display:none}
.health-emblem{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 4px #000b);pointer-events:none}
.vitality-hud .idol-meter strong{position:absolute;top:auto;bottom:5px;left:50%;right:auto;transform:translateX(-50%);padding:2px 7px;border:1px solid #a78b5e99;border-radius:3px;background:linear-gradient(#292029,#100e14);box-shadow:0 2px 5px #000b;font:600 10px var(--font);letter-spacing:.5px;color:#e6d3ae;text-shadow:none}
.vitality-hud .arcane-meters{left:92px;right:14px;top:17px;width:auto;gap:9px}
.vitality-hud .arcane-meters span{font:600 8px var(--font);letter-spacing:1.7px;color:#d7c5b5;margin-bottom:6px}
.vitality-hud #life-meter{height:15px;display:flex;gap:3px;padding:3px;border:1px solid #927454;background:linear-gradient(#050407,#29121d);box-shadow:0 0 0 1px #08060a,inset 0 1px 4px #000;transform:none;clip-path:polygon(0 0,100% 0,96% 100%,0 100%);border-radius:2px}
.vitality-hud [data-health-segment]{position:relative;flex:1;height:100%;background:linear-gradient(#ff9d9470,#c93650 32%,#8e1734 72%,#e34c58);box-shadow:inset 0 1px #ffd3b866,0 0 7px #b4163d55;transition:opacity .18s,background .18s}
.vitality-hud [data-health-segment]:after{content:'';position:absolute;top:1px;left:2px;right:2px;height:1px;background:#fff0d24a}
.vitality-hud [data-health-segment].lost{background:#261923;box-shadow:inset 0 1px 3px #000;opacity:.45}
.vitality-hud [data-health-segment].lost:after{display:none}
.vitality-hud .pursuit-status{display:flex;align-items:center;gap:6px;padding-left:2px}
.vitality-hud .pursuit-status span{margin:0;font:500 7px var(--font);letter-spacing:1.1px;color:#93909a}
.pursuit-status>i{width:4px;height:4px;flex:none;transform:rotate(45deg);background:#797482;box-shadow:none}
.vitality-hud[data-danger="closing"] .pursuit-status span{color:#d4a16d}.vitality-hud[data-danger="close"] .pursuit-status span{color:#ffb680}
.vitality-hud[data-danger="close"] .pursuit-status>i{background:#ff9253;box-shadow:0 0 6px #ff682e}
.vitality-hud.is-critical .health-emblem{filter:drop-shadow(0 0 7px #da244855)}
.vitality-hud.is-critical #life-meter{border-color:#d26564;box-shadow:0 0 9px #d1253944}
@media(max-width:700px){
 .vitality-hud{left:max(8px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));width:calc(100vw - 151px);max-width:265px;min-width:165px;height:92px;border-radius:34px 2px 2px 34px}
 .vitality-hud .idol-meter{left:-5px;top:-6px;width:77px;height:77px}
 .vitality-hud .idol-meter strong{font-size:8px;bottom:5px;padding:1px 5px}
 .vitality-hud .arcane-meters{left:68px;right:7px;top:13px;gap:7px}
 .vitality-hud .arcane-meters span{font-size:7px;letter-spacing:1.2px;margin-bottom:5px}
 .vitality-hud #life-meter{height:12px;padding:2px;gap:2px}
 .vitality-hud .pursuit-status{gap:4px;padding-left:0}
 .vitality-hud .pursuit-status span{font-size:6px;letter-spacing:.4px;margin:0;white-space:nowrap}
 .capture-panel{top:118px}
}
@media(max-height:540px) and (min-width:701px){.vitality-hud{top:10px;width:265px;height:92px}.vitality-hud .idol-meter{width:78px;height:78px;top:-7px}.vitality-hud .arcane-meters{left:73px;top:10px;gap:7px}.vitality-hud #life-meter{height:13px}.capture-panel{top:112px}}

/* Mana sits directly beneath vitality, with ten discrete usable charges. */
.vitality-hud #mana-label{color:#b9b4ed}
.vitality-hud #mana-meter{height:12px;display:flex;gap:2px;padding:2px;border:1px solid #76679b;background:linear-gradient(#080710,#1a142c);box-shadow:inset 0 1px 4px #000;transform:none;clip-path:polygon(0 0,100% 0,96% 100%,0 100%);border-radius:2px}
.vitality-hud [data-mana-segment]{flex:1;height:100%;background:linear-gradient(#d4c8ff,#9870e8 45%,#5544a5);box-shadow:0 0 5px #8e5cdb66;transition:opacity .15s}
.vitality-hud [data-mana-segment].spent{background:#292139;box-shadow:none;opacity:.4}
.vitality-hud #mana-meter.is-empty{border-color:#4d405e}
.capture-panel{top:140px}
@media(max-width:700px){.vitality-hud #mana-meter{height:10px;padding:2px;gap:1px}.capture-panel{top:118px}}
@media(max-height:540px) and (min-width:701px){.capture-panel{top:112px}}