/* Zählwiese V86: gestisch nachvollziehbares Fressen und Trinken.
   Jedes Tier bewegt seine handgezeichneten SVG-Teile, nicht nur die ganze Figur. */
.zw85 svg.zw-rig{
 --zw86-look:5deg;--zw86-reach:9deg;--zw86-height:-4px;
 --zw86-joy-tilt:10deg;--zw86-joy-hop:-14px;--zw86-chew-time:.35s;
}
.zw85 svg.zw-rig[data-baby="rabbit"]{--zw86-look:7deg;--zw86-reach:10deg;--zw86-height:-6px;--zw86-joy-hop:-19px}
.zw85 svg.zw-rig[data-baby="cat"]{--zw86-look:9deg;--zw86-reach:8deg;--zw86-joy-hop:-8px}
.zw85 svg.zw-rig[data-baby="duck"]{--zw86-look:5deg;--zw86-reach:6deg;--zw86-joy-tilt:7deg;--zw86-chew-time:.27s}
.zw85 svg.zw-rig[data-baby="bear"]{--zw86-look:4deg;--zw86-reach:6deg;--zw86-joy-hop:-7px;--zw86-chew-time:.51s}
.zw85 svg.zw-rig[data-baby="fox"]{--zw86-look:11deg;--zw86-reach:12deg;--zw86-joy-hop:-15px}
.zw85 svg.zw-rig[data-baby="dog"]{--zw86-look:8deg;--zw86-reach:12deg;--zw86-joy-hop:-22px;--zw86-joy-tilt:12deg}
.zw85 svg.zw-rig[data-baby="chick"]{--zw86-look:6deg;--zw86-reach:9deg;--zw86-joy-hop:-16px;--zw86-chew-time:.23s}
.zw85 svg.zw-rig[data-baby="goat"]{--zw86-look:4deg;--zw86-reach:6deg;--zw86-chew-time:.45s}
.zw85 svg.zw-rig[data-baby="turtle"]{--zw86-look:3deg;--zw86-reach:3deg;--zw86-height:-1px;--zw86-joy-hop:-4px;--zw86-chew-time:.55s}
.zw85 svg.zw-rig[data-baby="spider"]{--zw86-look:4deg;--zw86-reach:6deg;--zw86-joy-hop:-9px}
/* Head and moving jaw are separate from limbs, ears and tail. */
.zw85 svg.zw-rig .zw-rig-head{
 transform-origin:50% 75%;transform-box:fill-box;
 animation:none!important;
}
.zw85 svg.zw-rig .zw86-mouth-aperture{
 opacity:0;transform:scaleY(.03);transform-origin:50% 8%;transform-box:fill-box;
}
.zw85 svg.zw-rig .zw-rig-beak-bottom{transform-origin:50% 8%;transform-box:fill-box}
.zw85 svg.zw-rig .zw86-mouth-anchor{pointer-events:none;fill:transparent}
.zw85 svg.zw-rig:is([data-phase="notice"],[data-phase="no"]) .zw-rig-head{
 animation:zw86-gaze .45s ease-in-out both!important;
}
.zw85 svg.zw-rig:is([data-phase="reach"],[data-phase="open"]) .zw-rig-head{
 animation:zw86-lean .50s ease-out both!important;
}
.zw85 svg.zw-rig:is([data-phase="bite"],[data-phase="chew"]) .zw-rig-head{
 animation:zw86-bite-nod var(--zw86-chew-time) ease-in-out infinite alternate!important;
}
.zw85 svg.zw-rig:is([data-phase="sip"],[data-phase="drink"]) .zw-rig-head{
 animation:zw86-sip-nod .62s ease-in-out infinite alternate!important;
}
.zw85 svg.zw-rig[data-phase="swallow"] .zw-rig-head{
 animation:zw86-swallow .3s ease-out both!important;
}
/* Jaw aperture is a hand-drawn ink opening inside each original face. */
.zw85 svg.zw-rig:is([data-phase="open"],[data-phase="bite"],[data-phase="chew"],[data-phase="sip"],[data-phase="drink"]) .zw86-mouth-aperture{opacity:1}
.zw85 svg.zw-rig:is([data-phase="open"],[data-phase="bite"],[data-phase="sip"],[data-phase="drink"]) .zw86-mouth-aperture{
 animation:zw86-mouth-open .24s ease-out both!important;
}
.zw85 svg.zw-rig[data-phase="chew"] .zw86-mouth-aperture{
 animation:zw86-mouth-chew var(--zw86-chew-time) ease-in-out infinite!important;
}
.zw85 svg.zw-rig:is([data-phase="open"],[data-phase="bite"],[data-phase="chew"],[data-phase="sip"],[data-phase="drink"]) .zw-rig-mouth{opacity:.05!important}
.zw85 svg.zw-rig[data-phase="chew"] .zw-rig-mouth{animation:none!important}
.zw85 svg.zw-rig[data-phase="swallow"] .zw86-mouth-aperture{
 animation:zw86-close .25s ease-out both!important;
}
.zw85 svg.zw-rig:is([data-phase="open"],[data-phase="bite"],[data-phase="sip"],[data-phase="drink"]) .zw-rig-beak-bottom{
 animation:zw86-beak-open .28s ease-out both!important;
}
.zw85 svg.zw-rig[data-phase="chew"] .zw-rig-beak-bottom{
 animation:zw86-beak-chew .24s ease-in-out infinite!important;
}
/* Watching food and reaching uses paws/wings, not whole-character shaking. */
.zw85 svg.zw-rig:is([data-phase="reach"],[data-phase="open"],[data-phase="bite"]) .zw-rig-arm-left{
 animation:zw86-reach-left .65s cubic-bezier(.2,.6,.2,1) both!important;
}
.zw85 svg.zw-rig:is([data-phase="reach"],[data-phase="open"],[data-phase="bite"]) .zw-rig-arm-right{
 animation:zw86-reach-right .65s cubic-bezier(.2,.6,.2,1) both!important;
}
.zw85 svg.zw-rig:is([data-phase="chew"],[data-phase="drink"]) .zw-rig-arm-left{
 animation:zw86-paw-hold .65s ease-in-out infinite!important;
}
.zw85 svg.zw-rig:is([data-phase="chew"],[data-phase="drink"]) .zw-rig-arm-right{
 animation:zw86-paw-hold-r .67s ease-in-out infinite!important;
}
/* Each animal has a species-specific movement grammar. */
.zw85 svg.zw-rig[data-baby="rabbit"]:is([data-phase="open"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-ear-left{
 animation:zw86-rabbit-ear-l .56s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="rabbit"]:is([data-phase="open"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-ear-right{
 animation:zw86-rabbit-ear-r .69s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="cat"]:is([data-phase="open"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-tail{
 animation:zw86-cat-tail 1.02s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="dog"]:is([data-phase="notice"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-tail{
 animation:zw86-dog-tail .28s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="fox"]:is([data-phase="reach"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-tail{
 animation:zw86-fox-tail .66s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="duck"]:is([data-phase="chew"],[data-phase="celebrate"]) .zw-rig-arm-left,
.zw85 svg.zw-rig[data-baby="chick"]:is([data-phase="chew"],[data-phase="celebrate"]) .zw-rig-arm-left{
 animation:zw86-flap-left .35s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="duck"]:is([data-phase="chew"],[data-phase="celebrate"]) .zw-rig-arm-right,
.zw85 svg.zw-rig[data-baby="chick"]:is([data-phase="chew"],[data-phase="celebrate"]) .zw-rig-arm-right{
 animation:zw86-flap-right .38s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="bear"][data-phase="chew"] .zw-rig-body,
.zw85 svg.zw-rig[data-baby="goat"][data-phase="chew"] .zw-rig-body{
 animation:zw86-belly .55s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="turtle"]:is([data-phase="reach"],[data-phase="open"],[data-phase="chew"]) .zw-rig-head{
 animation:zw86-turtle-extend 1s ease-in-out both!important;
}
.zw85 svg.zw-rig[data-baby="spider"]:is([data-phase="notice"],[data-phase="reach"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-leg-left-1,
.zw85 svg.zw-rig[data-baby="spider"]:is([data-phase="notice"],[data-phase="reach"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-leg-left-3,
.zw85 svg.zw-rig[data-baby="spider"]:is([data-phase="notice"],[data-phase="reach"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-leg-right-2,
.zw85 svg.zw-rig[data-baby="spider"]:is([data-phase="notice"],[data-phase="reach"],[data-phase="chew"],[data-phase="celebrate"]) .zw-rig-leg-right-4{
 animation:zw86-spider-step .46s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="spider"][data-phase="celebrate"] .zw-rig-leg-left-2,
.zw85 svg.zw-rig[data-baby="spider"][data-phase="celebrate"] .zw-rig-leg-right-1{
 animation:zw86-spider-step .4s ease-in-out infinite reverse!important;
}
/* At celebration, every animal smiles, then makes its own delighted motion. */
.zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-head{
 animation:zw86-happy-head .8s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-eye-left,
.zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-eye-right{
 animation:zw86-eye-smile 1.15s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-mouth{opacity:1!important}
.zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-arm-left{
 animation:zw86-cheer-l .73s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-arm-right{
 animation:zw86-cheer-r .76s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-foot-left,
.zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-foot-right{
 animation:zw86-happy-feet .61s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="turtle"][data-phase="celebrate"] .zw-rig-head{
 animation:zw86-turtle-happy 1.3s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="bear"][data-phase="celebrate"] .zw-rig-body{
 animation:zw86-belly .9s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="goat"][data-phase="celebrate"] .zw-rig-ear-left,
.zw85 svg.zw-rig[data-baby="goat"][data-phase="celebrate"] .zw-rig-ear-right{
 animation:zw86-rabbit-ear-r .65s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-baby="chick"][data-phase="celebrate"] .zw-rig-tuft{
 animation:zw86-tuft .4s ease-in-out infinite!important;
}
.zw85 svg.zw-rig[data-phase="no"] .zw-rig-head{
 animation:zw86-no .38s ease-in-out 2!important;
}
.zw85 .zw86-flying-food{
 position:absolute;z-index:88;width:clamp(76px,21vw,104px);height:clamp(76px,21vw,104px);
 object-fit:contain;pointer-events:none;transform-origin:center center;
 will-change:transform,opacity;filter:drop-shadow(0 3px 2px #7e634555);
}
.zw85 .zw86-sip-bottle{
 position:absolute;z-index:87;width:68px;height:68px;object-fit:contain;pointer-events:none;
 transform-origin:45% 70%;animation:zw86-tip-bottle .52s ease-in-out infinite alternate;
}
@keyframes zw86-gaze{from{transform:rotate(0)}to{transform:translateX(2px) rotate(var(--zw86-look))}}
@keyframes zw86-lean{from{transform:rotate(var(--zw86-look))}to{transform:translate3d(5px,var(--zw86-height),0) rotate(var(--zw86-reach))}}
@keyframes zw86-bite-nod{from{transform:translateY(-1px) rotate(-3deg)}to{transform:translateY(5px) rotate(3deg)}}
@keyframes zw86-sip-nod{from{transform:translateY(-2px) rotate(-7deg)}to{transform:translateY(1px) rotate(-13deg)}}
@keyframes zw86-swallow{0%{transform:translateY(3px) scaleY(.97)}65%{transform:translateY(-4px) scaleY(1.03)}100%{transform:none}}
@keyframes zw86-mouth-open{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@keyframes zw86-mouth-chew{0%,100%{transform:scaleY(.22)}45%{transform:scaleY(1.08)}75%{transform:scaleY(.43)}}
@keyframes zw86-close{from{opacity:1;transform:scaleY(.8)}to{opacity:0;transform:scaleY(.02)}}
@keyframes zw86-beak-open{to{transform:translateY(7px) rotate(3deg)}}
@keyframes zw86-beak-chew{0%,100%{transform:translateY(1px)}50%{transform:translateY(7px)}}
@keyframes zw86-reach-left{0%{transform:rotate(0)}100%{transform:rotate(-29deg) translateY(-4px)}}
@keyframes zw86-reach-right{0%{transform:rotate(0)}100%{transform:rotate(24deg) translateY(-3px)}}
@keyframes zw86-paw-hold{0%,100%{transform:rotate(-22deg)}50%{transform:rotate(-15deg)}}
@keyframes zw86-paw-hold-r{0%,100%{transform:rotate(20deg)}50%{transform:rotate(13deg)}}
@keyframes zw86-rabbit-ear-l{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(11deg)}}
@keyframes zw86-rabbit-ear-r{0%,100%{transform:rotate(5deg)}50%{transform:rotate(-12deg)}}
@keyframes zw86-cat-tail{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(18deg)}}
@keyframes zw86-dog-tail{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(25deg)}}
@keyframes zw86-fox-tail{0%,100%{transform:rotate(-17deg)}50%{transform:rotate(22deg)}}
@keyframes zw86-flap-left{0%,100%{transform:rotate(12deg)}50%{transform:rotate(-27deg)}}
@keyframes zw86-flap-right{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(25deg)}}
@keyframes zw86-belly{0%,100%{transform:scale(1)}50%{transform:scale(1.045,.96)}}
@keyframes zw86-turtle-extend{from{transform:translate(0,0)}to{transform:translate(0,-8px)}}
@keyframes zw86-spider-step{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(18deg)}}
@keyframes zw86-happy-head{0%,100%{transform:rotate(-7deg)}35%{transform:translateY(-5px) rotate(var(--zw86-joy-tilt))}67%{transform:translateY(1px) rotate(-6deg)}}
@keyframes zw86-eye-smile{0%,100%{transform:scaleY(1)}16%,40%{transform:scaleY(.34)}52%{transform:scaleY(.87)}}
@keyframes zw86-cheer-l{0%,100%{transform:rotate(0)}25%,69%{transform:rotate(-34deg)}50%,82%{transform:rotate(14deg)}}
@keyframes zw86-cheer-r{0%,100%{transform:rotate(0)}25%,69%{transform:rotate(31deg)}50%,82%{transform:rotate(-13deg)}}
@keyframes zw86-happy-feet{0%,100%{transform:rotate(0)}50%{transform:rotate(12deg)}}
@keyframes zw86-turtle-happy{0%,100%{transform:translateY(0)}35%{transform:translateY(-7px) rotate(4deg)}70%{transform:translateY(2px) rotate(-3deg)}}
@keyframes zw86-tuft{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(7deg)}}
@keyframes zw86-tip-bottle{from{transform:rotate(-26deg)}to{transform:rotate(-43deg)}}
@keyframes zw86-no{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@media (prefers-reduced-motion:reduce){
 .zw85 svg.zw-rig[data-phase] .zw-rig-part{animation:none!important;will-change:auto!important}
 .zw85 svg.zw-rig:is([data-phase="open"],[data-phase="bite"],[data-phase="chew"],[data-phase="sip"],[data-phase="drink"]) .zw86-mouth-aperture{transform:scaleY(.9);opacity:1}
 .zw85 svg.zw-rig[data-phase="celebrate"] .zw-rig-head{transform:rotate(3deg)}
}