.stat-group { border-radius:6px; transition:background-color .18s ease; }
.fill { will-change:transform; }
.stat-damaged { animation:healthDamage .28s ease; }
.stat-restored { animation:healthRestore .35s ease; }
.stat-spent { animation:manaSpend .26s ease; }
@keyframes healthDamage { 40% { background:#ff3c4c4a; transform:translateX(-3px); } 70% { transform:translateX(2px); } }
@keyframes healthRestore { 45% { background:#77e68f38; } }
@keyframes manaSpend { 45% { background:#6c8cff3d; } }