/* Small resting typography. Hover transforms only the digits, never the layout. */
.hover-number{display:inline-block;white-space:nowrap;transform-origin:left center;transition:transform .4s cubic-bezier(.2,.7,.25,1)}
.pick-prob .hover-number{transform-origin:right center}
.metrics [data-testid=stMetric]:after{font-size:clamp(116px,42cqw,170px);line-height:1;right:17px;bottom:15px;color:#ffda6b38;opacity:1;transform:rotate(-9deg);transition:opacity .35s}
[data-testid=stMetricValue]:focus-visible{outline:2px solid #ffe9a1;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .metrics [data-testid=stMetric]:hover .hover-number,
  .pick-card:hover .hover-number{transform:scale(var(--hover-number-scale,1.35))}
  .metrics [data-testid=stMetric]:hover:after{opacity:.6}
}
[data-testid=stMetricValue]:focus-visible .hover-number,
.pick-card:focus-visible .hover-number{transform:scale(var(--hover-number-scale,1.35))}
@media(prefers-reduced-motion:reduce){.hover-number,.metrics [data-testid=stMetric]:after{transition:none}}