.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.health-icon svg,.water-icon svg{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.health-card:hover .health-icon svg,.water-card:hover .water-icon svg{transform:translateY(-2px) rotate(-5deg)}
.health-icon svg,.water-icon svg{transition:transform .35s ease}
.water-icon{width:50px;height:50px}
.water-number{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.health-icon svg,.water-icon svg{transition:none}.health-card:hover .health-icon svg,.water-card:hover .water-icon svg{transform:none}}
