/* The HP value is confirmed state; gold is damage history, never a second HP bar. */
.dg-run-hud:has(.dg-vital-widget){padding-block:6px}.dg-health:has(.dg-vital-widget)>b{display:block;font-size:12px;line-height:14px}.dg-vital-widget{--vital-glow:0;--vital-pulse:0;--vital-light:#b8d4bc;min-width:0;color:#f9edcf;position:relative;text-align:left;font-variant-numeric:tabular-nums}
.dg-vital-heading{display:flex;align-items:baseline;gap:5px;min-height:14px;line-height:14px;white-space:nowrap}.dg-vital-caption{font:800 9px/1 'Baloo 2',sans-serif;color:#b7d7c7;letter-spacing:.8px}.dg-vital-number{font:700 13px/14px 'Baloo 2','Noto Sans SC',sans-serif;letter-spacing:.3px}.dg-vital-warning{margin-left:auto;font-size:9px;font-style:normal;line-height:12px;color:#ffd499;white-space:nowrap}.dg-vital-widget[data-level=empty] .dg-vital-warning{color:#e8d2b6}
:is(#dgBattle,#v-dungeon) .dg-vital-widget .dg-vital-track{position:relative;display:block;height:9px;margin:3px 0 2px;border:1px solid #889a83;border-radius:7px;background:#0a2427;overflow:hidden;isolation:isolate;box-shadow:0 0 calc(var(--vital-glow)*15px) var(--vital-light)}
:is(#dgBattle,#v-dungeon) .dg-vital-widget .dg-vital-track>i{display:block;position:absolute;inset-block:0;left:0;height:100%;margin:0;border:0;transition:none!important;pointer-events:none;border-radius:0}
:is(#dgBattle,#v-dungeon) .dg-vital-widget .dg-vital-track>.dg-vital-fill{z-index:2;background:linear-gradient(90deg,#498c75,#aadbc0);box-shadow:inset 0 1px #d8f3dc66}:is(#dgBattle,#v-dungeon) .dg-vital-widget .dg-vital-track>.dg-vital-trail{z-index:1;background:repeating-linear-gradient(135deg,#d6ac69 0 4px,#e8c994 4px 6px)}:is(#dgBattle,#v-dungeon) .dg-vital-widget .dg-vital-track>.dg-vital-recovery{z-index:3;background:linear-gradient(90deg,#c5f1b955,#e7ffe6);box-shadow:inset 0 0 3px #fff}:is(#dgBattle,#v-dungeon) .dg-vital-widget .dg-vital-track>.dg-vital-rim{z-index:4;inset:0;width:100%;background:var(--vital-light);opacity:calc(var(--vital-pulse)*.25)}
:is(#dgBattle,#v-dungeon) .dg-vital-widget[data-vital=monster] .dg-vital-fill{background:linear-gradient(90deg,#b77169,#efb78b)}:is(#dgBattle,#v-dungeon) .dg-vital-widget[data-level=caution] .dg-vital-track>.dg-vital-fill{background:linear-gradient(90deg,#b6894f,#e9c78b)}:is(#dgBattle,#v-dungeon) .dg-vital-widget[data-level=critical] .dg-vital-track{border-color:#e9b987}:is(#dgBattle,#v-dungeon) .dg-vital-widget[data-level=critical] .dg-vital-track>.dg-vital-fill{background:linear-gradient(90deg,#ae6658,#ebaa82)}.dg-vital-widget[data-level=critical] .dg-vital-number{color:#ffe0b6;text-shadow:0 0 calc(var(--vital-glow)*16px) #efb477}:is(#dgBattle,#v-dungeon) .dg-vital-widget[data-level=empty] .dg-vital-track{border-style:dashed;box-shadow:none}
.dg-vital-shields{display:flex;flex-wrap:wrap;gap:2px 5px;line-height:11px;margin:0;min-width:0}.dg-vital-shields:empty{display:none}.dg-vital-shields>span{font-size:9px;font-weight:700;color:#c7e6ef;white-space:nowrap}.dg-vital-shields>span::before{content:'◇ ';color:#b7dfec}.dg-vital-shields>span[data-shield=leaf]{color:#d9e9b7}.dg-vital-shields>span[data-shield=leaf]::before{content:'❧ ';color:#cee4a7}.dg-vital-shields>span[data-shield=frost]::before{content:'❄ ';color:#d8f1fc}.dg-vital-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#dgBattle .dg-monster:has(.dg-vital-widget){width:278px}#dgBattle .dg-monster>.dg-vital-widget{margin:4px 0 3px}#dgBattle .dg-monster .dg-vital-heading{min-height:15px}#dgBattle .dg-monster .dg-vital-track{height:10px}#dgBattle .dg-monster .dg-vital-number{font-size:14px}#dgBattle .dg-monster .dg-attack-estimate{display:block;font-size:10px}#dgBattle .dg-monster .dg-finish-note{display:block;line-height:1.5;font-size:11px;color:#ecdbb7;margin-top:4px}
@media(max-width:700px){#dgBattle .dg-monster:has(.dg-vital-widget){width:auto;grid-template-columns:minmax(0,1fr);gap:0;padding:5px 10px}#dgBattle .dg-monster>.dg-vital-widget{grid-column:1/-1;margin:2px 0}#dgBattle .dg-monster .dg-vital-heading{min-height:13px;line-height:13px}#dgBattle .dg-monster .dg-vital-track{height:8px;margin:2px 0}#dgBattle .dg-monster .dg-attack-estimate{display:none}#dgBattle .dg-monster .dg-finish-note{font-size:10px;margin:1px 0}#dgBattle .dg-monster .dg-intent{margin:1px 0;font-size:10px}.dg-vital-number{font-size:12px}.dg-vital-heading{gap:3px}.dg-vital-shields{gap:1px 4px;font-size:8px}.dg-vital-shields>span{font-size:8px}.dg-vital-warning{font-size:8px}}
@media(max-height:500px) and (orientation:landscape){#dgBattle .dg-monster:has(.dg-vital-widget){width:min(278px,36vw);padding:3px 9px}#dgBattle .dg-monster>.dg-vital-widget{margin:2px 0}#dgBattle .dg-monster .dg-vital-heading{line-height:12px;min-height:12px}#dgBattle .dg-monster .dg-vital-number{font-size:12px}#dgBattle .dg-monster .dg-vital-track{height:7px;margin:2px 0}#dgBattle .dg-monster .dg-attack-estimate{display:none}.dg-health:has(.dg-vital-widget)>b{font-size:11px;line-height:12px}.dg-vital-heading{line-height:12px;min-height:12px}.dg-vital-number{font-size:11px;line-height:12px}:is(#dgBattle,#v-dungeon) .dg-vital-widget .dg-vital-track{height:7px;margin:2px 0}.dg-vital-shields{line-height:10px}}
@media(prefers-reduced-motion:reduce){.dg-vital-widget *{animation:none!important;transition:none!important}}