/* Mascots are overlays: the existing card grid and progress height are unchanged. */
.metric-caption125{position:relative;min-width:0}
.compact-metrics65 .metric-caption125 .metric-state{margin:2px 0 5px;min-height:14.85px}
.compact-metrics65 .metric-caption125.has-frog125 .metric-state{font-size:clamp(9px,2.6vw,11px);white-space:nowrap;line-height:14.85px;letter-spacing:-.15px}
.metric-frog125{position:absolute;right:0;top:-28px;width:24px;height:24px;display:block;pointer-events:none;transform-origin:50% 100%;z-index:1}
.metric-frog125-protein{width:26px;height:26px}
.metric-frog125 svg,.metric-frog125 img{display:block;width:100%;height:100%;object-fit:contain}
.metric-frog125-jump.metric-frog125-animate{animation:metric-jump125 650ms ease-out 1}
.metric-frog125-protein.metric-frog125-animate{animation:metric-wiggle125 650ms ease-in-out 1}
@keyframes metric-jump125{0%{transform:translateX(-20px) scale(1.08,.9)}42%{transform:translate(-10px,-15px) rotate(-8deg)}78%{transform:translate(0,0) scale(1.1,.9)}100%{transform:none}}
@keyframes metric-wiggle125{0%,100%{transform:rotate(0)}30%{transform:rotate(-9deg)}65%{transform:rotate(9deg)}}
@media(prefers-reduced-motion:reduce){.metric-frog125.metric-frog125-animate{animation:none}}