/* Actual silhouettes, not touch areas, share a baseline and relative scale. */
@supports(height:1cqh){
 .farm-hero .animal-stage .animal-art{container-type:size}
 .farm-hero .animal-stage .animal-art .animal-sprite{--animal-height:min(100cqh,29.333cqw);top:auto;bottom:calc(-1 * var(--animal-height) * var(--animal-scale) * var(--animal-foot));height:calc(var(--animal-height) * var(--animal-scale))}
 .farm-hero .animal-stage .animal-sprite[data-animal-sprite="equino"]{--animal-scale:1;--animal-foot:.02640845}
 .farm-hero .animal-stage .animal-sprite[data-animal-sprite="bovino"]{--animal-scale:1;--animal-foot:.02391304}
 .farm-hero .animal-stage .animal-sprite[data-animal-sprite="cao"]{--animal-scale:.65;--animal-foot:.04098361}
 .farm-hero .animal-stage .animal-sprite[data-animal-sprite="gato"]{--animal-scale:.44;--animal-foot:.03846154}
 .farm-hero .animal-stage .animal-sprite[data-animal-sprite="ave"]{--animal-scale:.231;--animal-foot:.03921569;left:80.9%!important}
}
.farm-hero .animal-stage button[data-animal]{min-width:44px;min-height:44px}
.farm-hero .animal-stage button[data-animal] span{min-height:44px}

/* Mobile-only: larger hen and chicks; desktop scale remains unchanged. */
@media(max-width:760px){.farm-hero .animal-stage .animal-sprite[data-animal-sprite="ave"]{--animal-scale:.39}}