ui/enemyvitals.razor.scss
EnemyVitals {
	width:100%; height:100%; overflow:visible; pointer-events:none; font-family:Roboto; color:white;
	display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
}
.enemy-name { margin-bottom:5px; color:#e5edf4; font-size:18px; font-weight:800; letter-spacing:2px; text-shadow:2px 2px 3px black; }
.bar { position:relative; width:320px; height:34px; overflow:hidden; background-color:rgba(5,8,12,.94); border:3px solid rgba(225,235,242,.9); }
.bar .lost { position:absolute; left:0; top:0; bottom:0; background-color:#f3c65d; transition:width .35s ease-out; }
.bar .fill { position:absolute; left:0; top:0; bottom:0; background-color:#d63855; transition:width .08s linear; }
.bar span { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; font-size:17px; font-weight:900; text-shadow:2px 2px 2px black; }
.damage-number { position:absolute; left:105px; top:35px; color:#fff1a8; font-size:42px; font-weight:1000; text-shadow:3px 3px 3px #301109; }
.boss .bar { width:450px; height:44px; border-color:#d7a94c; }
.boss .enemy-name { color:#ffd470; font-size:24px; }
.boss .damage-number { left:175px; font-size:54px; }