/* Block 1 — only the existing lower command rail and its attack instruction. */
#attackTarget .target-hint[hidden]{display:none!important}
/* Fill stays clipped to the existing circular vessel, driven by real HP. */
#errantVitals #lifeOrbFill::after{height:.25rem;opacity:.75;box-shadow:0 -.0625rem .125rem #ffaf8055}
#errantVitals .life-orb-liquid{background:radial-gradient(ellipse at 35% 25%,#251018,#10090e 70%)}

/* One shared forged surround for the icon AND caption of all three relics. */
html.hw-game-active .hud-dock .relic-button{isolation:isolate;justify-content:center;gap:.25rem;padding:.4rem .25rem}
html.hw-game-active .hud-dock .relic-button::before{display:block;content:'';position:absolute;inset:.125rem;z-index:-1;pointer-events:none;border:.375rem solid transparent;border-image:var(--infernal-frame) 128 / .75rem / 0 stretch;background:#190f13}
html.hw-game-active .hud-dock .relic-button:hover::before,html.hw-game-active .hud-dock .relic-button[aria-expanded=true]::before{background:#2c1819}
html.hw-game-active .hud-dock .relic-caption{border:0;border-image:none;min-height:3rem;padding:.2rem .125rem;background:transparent}
html.hw-game-active .hud-dock .relic-button>img{flex:none;object-fit:contain;max-width:90%}
html.hw-game-active .hud-dock .relic-badge{top:.1rem;right:.1rem;min-width:1.625rem;height:1.625rem;padding:.2rem .3rem;line-height:1.1rem;font-size:.875rem;text-align:center;z-index:3;color:#fff1cb;background:#722e29;border:.125rem solid #ba925b;box-shadow:0 .125rem .2rem #0008;animation:hw-points-pulse 2s ease-in-out infinite!important}
html.hw-game-active .hud-dock .relic-badge[hidden]{display:none;animation:none!important}
@keyframes hw-points-pulse{0%,100%{opacity:.83;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
html.hw-game-active .app-frame[inert] .relic-badge,html.hw-game-active[data-combat-idle-paused] .relic-badge{animation-play-state:paused!important}
html.hw-lite .hud-dock .relic-badge,html.hw-game-active[data-screen-effects=off] .hud-dock .relic-badge{animation:none!important}

/* The circle is a short use cue: potion availability keeps its original rules. */
#errantVitals #quickPotion{isolation:isolate}
#errantVitals #quickPotion::after{inset:-.0625rem;border-width:.25rem;border-image:url('assets/hud/forged-frame.svg') 36 / .25rem / 0 stretch}
#errantVitals #quickPotionCount{z-index:4;right:.125rem;top:.125rem;min-width:1.25rem;padding:.125rem;background:#160d13e8;border:1px solid #886242;border-radius:.125rem;text-align:center;font-size:1rem;line-height:1.1}
#errantVitals .potion-use-glow{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse,#ffd19f80,#b56e4344 60%,transparent);border:1px solid #e4bc80;box-shadow:inset 0 0 .6rem #ffc38188}
#errantVitals .potion-use-ring{position:absolute;width:100%;height:auto;aspect-ratio:1;top:12%;left:0;z-index:3;pointer-events:none;overflow:visible}
#errantVitals #potionUseRing{fill:none;stroke:#ffdf9d;stroke-width:2.5;stroke-dasharray:100;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:22px 22px;opacity:0}
#errantVitals #quickPotion:disabled{cursor:not-allowed}
#errantVitals #quickPotion:disabled #quickPotionCount{color:#c5b49b;border-color:#4f3c32}
#errantVitals #quickPotion:disabled #quickPotionArt{opacity:.4}

/* Readability changes preserve the existing fonts, scale and rail height. */
html.hw-game-active .hud-dock .hero-health-line>span{font-size:.75rem;line-height:1rem;letter-spacing:.025em;color:#f0dac0}
html.hw-game-active .hud-dock .hero-health-footer{font-size:.75rem;line-height:1rem;color:#f0dac0}
html.hw-game-active .hud-dock #heroRegeneration{font-size:.8125rem;line-height:1rem;color:#f2e6c5}
html.hw-game-active .hud-dock #xpLabel{font-size:.75rem;line-height:1rem;color:#f4dfb7;white-space:nowrap}
html.hw-game-active .hud-dock .xp-track{height:.4375rem;min-height:.4375rem;margin-top:.25rem;background:#30221b;border:1px solid #6e5336}
@media(max-width:1100px){
 html.hw-game-active .hud-dock .hero-health-line>span,html.hw-game-active .hud-dock .hero-health-footer,html.hw-game-active .hud-dock #xpLabel{font-size:.8125rem;line-height:1.1rem}
 html.hw-game-active .hud-dock .relic-caption>span{font-size:.875rem}
}
@media(max-width:760px),(orientation:landscape) and (max-height:600px){
 html.hw-game-active .hud-dock .relic-button{gap:.1rem;padding:.25rem .125rem}
 html.hw-game-active .hud-dock .relic-caption{min-height:2rem;padding:.1rem;gap:.125rem}
 html.hw-game-active .hud-dock .relic-caption>span{font-size:.6875rem;line-height:.875rem}
 html.hw-game-active .hud-dock .relic-badge{min-width:1.25rem;height:1.25rem;padding:.0625rem .125rem;font-size:.6875rem;line-height:1rem;border-width:1px}
 html.hw-game-active .hud-dock .hero-health-line>span,html.hw-game-active .hud-dock .hero-health-footer,html.hw-game-active .hud-dock #xpLabel{font-size:.5rem;line-height:.6875rem}
 html.hw-game-active .hud-dock #heroRegeneration{font-size:.5625rem;line-height:.6875rem}
 html.hw-game-active .hud-dock .xp-track{height:.3125rem;min-height:.3125rem;margin-top:.125rem}
 #errantVitals #quickPotionCount{font-size:.75rem;min-width:1rem;padding:.0625rem}
}
@media(prefers-reduced-motion:reduce){html.hw-game-active .hud-dock .relic-badge{animation:none!important}}
