.fa-health{display:inline-flex;align-items:center;gap:8px;width:256px;max-width:100%;color:#fff5d8;text-align:left;letter-spacing:normal;font:600 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;box-sizing:border-box}
.fa-health-sprite{width:48px!important;height:48px!important;flex:0 0 48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px #07170e)}
.fa-health-body{display:grid;gap:3px;min-width:0;flex:1}
.fa-health-heading{display:flex;align-items:baseline;gap:8px;justify-content:space-between}
.fa-health-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fa-health-identity{display:inline-flex;align-items:center;gap:4px;min-width:0}
.fa-health-sex{display:block;width:16px!important;height:16px!important;flex:0 0 16px;object-fit:contain;image-rendering:pixelated}
.fa-health-level{color:#d8d5a2;white-space:nowrap;font-size:10px}
.fa-health-track{position:relative;display:block;height:16px;box-sizing:border-box;border:0;background:url('./assets/ui/faunara/pixel-hp/bar-frame.png') center/100% 100% no-repeat;image-rendering:pixelated;padding:4px 6px}
.fa-health-fill{display:block;height:8px;max-width:100%;background:#74c65b url('./assets/ui/faunara/pixel-hp/fill-green.png') left center/auto 100% repeat-x;image-rendering:pixelated;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.fa-health[data-health=low] .fa-health-fill{background-color:#e9bc4b;background-image:url('./assets/ui/faunara/pixel-hp/fill-yellow.png')}
.fa-health[data-health=critical] .fa-health-fill{background-color:#e77965;background-image:url('./assets/ui/faunara/pixel-hp/fill-red.png')}
.fa-health-value{font-size:10px;color:#f0e7ca;white-space:nowrap}
.fa-health.is-fainted .fa-health-sprite{filter:grayscale(1);opacity:.65}
#faunaraEnemyHealth{position:fixed;top:76px;right:22px;z-index:20;padding:8px 12px;background:#11271eea;border:2px solid #b4bea0;pointer-events:none}
#faunaraEnemyHealth[hidden]{display:none}
.fa-command-hud:has(.fa-health){border-radius:0!important;border-width:2px!important;padding:6px 10px!important}
.fa-battle-team .fa-team-slots button:has(.fa-health){min-width:0;padding:6px;border-radius:0;flex:1}
.fa-battle-team .fa-team-slots .fa-health{width:220px}
.fa-battle-team .fa-team-slots{flex-wrap:wrap}
@media(max-width:600px){.fa-health{width:218px;gap:6px}.fa-battle-team .fa-team-slots .fa-health{width:160px}.fa-battle-team .fa-team-slots .fa-health-sprite{width:32px!important;height:32px!important;flex-basis:32px}.fa-battle-team .fa-team-slots .fa-health-heading{gap:3px;font-size:9px}#faunaraEnemyHealth{right:10px;top:92px;padding:5px 8px}.fa-health-value{font-size:9px}}
/* Keep the enemy clear of the trainer vitals and the independently controlled team. */
#faunaraEnemyHealth{top:76px;left:50%;right:auto;transform:translateX(-50%)}
.fa-battle-team .fa-team-slots button:has(.fa-health){max-width:none}
.fa-battle-team .fa-team-slots .fa-health{width:120px;gap:4px}
.fa-battle-team .fa-team-slots .fa-health-sprite{width:32px!important;height:32px!important;flex-basis:32px}
.fa-battle-team .fa-team-slots .fa-health-heading{flex-wrap:wrap;gap:0 5px;font-size:10px}
.fa-battle-team .fa-team-slots .fa-health-value{font-size:9px}
.fa-battle-team .fa-team-slots .fa-health-track{height:12px;padding:3px 4px}
.fa-battle-team .fa-team-slots .fa-health-fill{height:6px}
@media(max-width:700px){#faunaraEnemyHealth{top:176px;left:auto;right:10px;transform:none}.fa-battle-team{top:252px}.fa-battle-team .fa-team-slots{flex-wrap:wrap}.fa-battle-team .fa-team-slots .fa-health{width:128px}}
@media(max-height:500px) and (orientation:landscape){#faunaraEnemyHealth{top:64px;left:auto;right:12px;transform:none}.fa-battle-team{top:64px}.fa-battle-team .fa-team-slots .fa-health{width:110px}.fa-battle-team .fa-team-slots .fa-health-sprite{width:24px!important;height:24px!important;flex-basis:24px}}

/* Optional compact team HUD: numeric HP stays visible, including fainted/status text. */
.fa-hide-team-details :is(.fa-command-hud,.fa-battle-team) .fa-health-track,
.fa-hide-team-details .fa-ability-hud{display:none!important}
/* Battle intent must stay readable on small screens as move names change. */
#faunaraEnemyHealth .fa-health-value{white-space:normal;line-height:1.25}
@media(max-height:500px) and (orientation:landscape){
  body[data-input-device=touch] #faunaraEnemyHealth{top:156px;left:18px;right:auto;transform:none;max-width:calc(50vw - 36px)}
}