/* Yokie animations, generated from the roster art generator. */
.cr{transform-box:fill-box;transform-origin:50% 100%}
.an-breathe{animation:breathe 2.4s ease-in-out infinite}
.an-bounce{animation:bounce .9s ease-in-out infinite}
.an-giggle{animation:giggle .35s ease-in-out infinite}
.an-love{animation:love 1.4s ease-in-out infinite}
.an-excited{animation:excited .55s ease-in-out infinite}
.an-sad{animation:sad 3s ease-in-out infinite}
.an-grumpy{animation:grumpy .5s steps(2) infinite}
.an-pop{animation:pop 1.6s ease-out infinite}
.an-lean{animation:lean 2.2s ease-in-out infinite}
.an-chomp{animation:chompb .45s ease-in-out infinite}
.an-burp{animation:burp 1.8s ease-in-out infinite}
.an-nod{animation:nod 2.8s ease-in-out infinite}
.an-sleep{animation:sleep 3.6s ease-in-out infinite}
.an-shuffle{animation:shuffle 1.1s ease-in-out infinite}
.an-rock{animation:rock 2s ease-in-out infinite}
.an-woozy{animation:woozy 3s ease-in-out infinite}
.an-squish{animation:squish 1.4s ease-in-out infinite}
.an-wiggle{animation:wiggle .28s ease-in-out infinite}
.an-shiver{animation:shiver .14s linear infinite}
.an-shine{animation:shine 1.6s ease-in-out infinite}
.an-stretch{animation:stretch 2.6s ease-in-out infinite}
.an-tilt{animation:tilt 1.2s ease-in-out infinite}
.an-dance{animation:dance 1.2s ease-in-out infinite}
.an-jump{animation:jump 1.3s ease-in-out infinite}
.an-spin{animation:spin 1.6s ease-in-out infinite;transform-origin:50% 60%}
.an-ready{animation:ready .5s ease-in-out infinite}
.an-win{animation:win 2s ease-in-out infinite;transform-origin:50% 60%}
.an-oops{animation:oops 1.8s ease-in-out infinite}
.an-hatch{animation:hatch 2.6s ease-out infinite}
.an-evolve{animation:evolve 2.2s ease-in-out infinite}
.an-floaty{animation:floaty 3.2s ease-in-out infinite}
.an-eggwob{animation:eggwob 2.4s ease-in-out infinite}
.sig-bounce{animation:sigbounce 1.2s ease-in-out infinite}
.sig-float{animation:floaty 1.6s ease-in-out infinite}
.sig-float .sprout{animation:spin .5s linear infinite;transform-origin:50% 100%}
.sig-robot{animation:robot .6s steps(2) infinite}
.sig-chase{animation:spin 1.1s linear infinite;transform-origin:50% 60%}
.sig-rainbow{animation:rainbow 4s linear infinite}
.sig-puff{animation:puff 2.2s ease-in-out infinite}
.sig-shoot{animation:shoot 2.4s ease-out infinite}
.sig-sneeze{animation:sneeze 2s ease-in-out infinite}
.sig-hop{animation:hop 2.4s ease-in-out infinite}
.sig-slide{animation:slide 2.4s ease-in-out infinite}
.sig-eight{animation:eight 2.4s linear infinite}
.sig-roar{animation:roar 2s ease-in-out infinite}
.sig-swing{animation:swing 2s ease-in-out infinite;transform-origin:50% 0}
.sig-roll{animation:roll 2.2s ease-in-out infinite;transform-origin:50% 60%}
.sig-stretch{animation:dough 1.8s ease-in-out infinite}
.sig-glowpulse{animation:glowpulse 1.6s ease-in-out infinite}
.sig-glowpulse .mane{animation:spin 3s linear infinite}
.sig-shimmy{animation:shimmy .4s ease-in-out infinite}
.sig-shimmy .flower{animation:bloom 1.6s ease-in-out infinite}
.sig-run{animation:run .22s linear infinite}
.sig-spin2{animation:spin .9s linear infinite;transform-origin:50% 60%}
.sh-jump{animation:shj 1.3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.sh-float{animation:shf 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-blink{animation:blink 4.2s infinite;transform-box:fill-box;transform-origin:center}
.a-sway{animation:sway 3s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.a-glow{animation:glow 2.4s ease-in-out infinite}
.a-twinkle{animation:twinkle 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-rise{animation:rise 2.6s ease-in infinite;transform-box:fill-box}
.a-fall{animation:fall 2.2s ease-in infinite;transform-box:fill-box}
.a-drip{animation:drip 1.8s ease-in infinite;transform-box:fill-box}
.a-orbit{animation:spin 3s linear infinite;transform-box:view-box}
.a-spinf{animation:spin 1.4s linear infinite;transform-box:view-box}
.a-spinslow{animation:spin 8s linear infinite;transform-box:view-box}
.a-flutter{animation:flutter .18s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-wig{animation:wig 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0}
.a-flicker{animation:flicker .7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.a-pulse{animation:pulse .9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-chomp{animation:chomp .45s ease-in-out infinite;transform-box:view-box}
.a-nib{animation:nib 1.8s ease-in-out infinite;transform-box:view-box}
.a-puff{animation:puffy 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center}
.a-pop2{animation:pop2 1.6s ease-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.a-shake{animation:shiver .2s linear infinite}
.a-float{animation:floaty 3s ease-in-out infinite}
.a-droop{animation:droop 2.8s ease-in-out infinite}
.a-yawn{animation:yawn 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-hug{animation:hug 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.a-tickle{animation:tickle .5s ease-in-out infinite;transform-box:view-box}
.a-spoon{animation:spoon 1.6s ease-in-out infinite;transform-box:view-box}
.a-shinex{animation:shinex 1.6s ease-in-out infinite}
.a-wave{animation:wave .6s ease-in-out infinite;transform-box:view-box}
.a-ballb{animation:ballb .6s ease-in infinite alternate}
.a-bobs{animation:bobs 1s ease-in-out infinite}
.a-shellb{animation:shellb 2.6s ease-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.a-capfly{animation:capfly 2.6s ease-out infinite;transform-box:view-box}
.a-ring{animation:ring 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center}
.a-hopl{animation:hopl 1.2s ease-in-out infinite}
.a-hopr{animation:hopr 1.2s ease-in-out infinite}
.a-trail{animation:trail 2.4s ease-out infinite}
.d0{animation-delay:0s}.d1{animation-delay:.35s}.d2{animation-delay:.8s}.d3{animation-delay:1.25s}
@keyframes breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.035,.965)}}
@keyframes bounce{0%,100%{transform:translateY(0) scale(1.06,.94)}45%{transform:translateY(-12px) scale(.97,1.03)}}
@keyframes giggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes love{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.06) rotate(2deg)}}
@keyframes excited{0%,100%{transform:translateY(0) scale(1.05,.95)}50%{transform:translateY(-16px) scale(.96,1.04)}}
@keyframes sad{0%,100%{transform:translateY(2px) scale(1,.96)}50%{transform:translateY(4px) scale(1.02,.94)}}
@keyframes grumpy{0%{transform:translateX(-2px)}100%{transform:translateX(2px)}}
@keyframes pop{0%{transform:scale(1)}12%{transform:scale(1.14,.9)}24%{transform:scale(.95,1.08)}36%,100%{transform:scale(1)}}
@keyframes lean{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes chompb{0%,100%{transform:scale(1,1)}50%{transform:scale(1.03,.95)}}
@keyframes burp{0%,60%,100%{transform:scale(1)}70%{transform:scale(1.1,.9)}80%{transform:scale(.96,1.05)}}
@keyframes nod{0%,100%{transform:rotate(0)}40%{transform:rotate(7deg) translateY(3px)}55%{transform:rotate(0)}}
@keyframes sleep{0%,100%{transform:scale(1.02,.97)}50%{transform:scale(1.06,.93)}}
@keyframes shuffle{0%,100%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(3px) rotate(2deg)}}
@keyframes rock{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes woozy{0%,100%{transform:rotate(-3deg) translateX(-2px)}50%{transform:rotate(3deg) translateX(2px)}}
@keyframes squish{0%,100%{transform:scale(1,1)}50%{transform:scale(1.09,.91)}}
@keyframes wiggle{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes shiver{0%,100%{transform:translateX(-1.5px)}50%{transform:translateX(1.5px)}}
@keyframes shine{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes stretch{0%,100%{transform:scale(1,1)}40%,60%{transform:scale(.92,1.13)}}
@keyframes tilt{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes dance{0%,100%{transform:rotate(-8deg) translateX(-5px)}25%{transform:translateY(-10px)}50%{transform:rotate(8deg) translateX(5px)}75%{transform:translateY(-10px)}}
@keyframes jump{0%,100%{transform:translateY(0) scale(1.1,.9)}15%{transform:translateY(0) scale(.92,1.08)}45%{transform:translateY(-44px) scale(1,1)}75%{transform:translateY(0) scale(1.12,.88)}85%{transform:translateY(0) scale(.98,1.02)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ready{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes win{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-34px) rotate(0)}60%{transform:translateY(-34px) rotate(360deg)}80%{transform:translateY(0) rotate(360deg)}}
@keyframes oops{0%,100%{transform:rotate(0)}20%{transform:rotate(-16deg) translateX(-6px)}40%{transform:rotate(8deg)}60%{transform:rotate(-4deg)}}
@keyframes hatch{0%{transform:translateY(26px) scale(.6)}30%{transform:translateY(-6px) scale(1.08)}45%,100%{transform:translateY(0) scale(1)}}
@keyframes evolve{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.5) drop-shadow(0 0 10px #FFE27A)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes eggwob{0%,60%,100%{transform:rotate(0)}68%{transform:rotate(-7deg)}76%{transform:rotate(6deg)}84%{transform:rotate(-3deg)}}
@keyframes sigbounce{0%,100%{transform:translateY(0) scale(1.12,.88)}40%{transform:translateY(-22px) scale(.9,1.1)}}
@keyframes robot{0%{transform:rotate(-8deg) translateY(0)}100%{transform:rotate(8deg) translateY(-4px)}}
@keyframes rainbow{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}
@keyframes puff{0%,100%{transform:scale(1)}45%,60%{transform:scale(1.35)}70%{transform:scale(.92)}}
@keyframes shoot{0%{transform:translate(-70px,-60px) rotate(-30deg);opacity:0}20%{opacity:1}50%,100%{transform:translate(0,0) rotate(0)}}
@keyframes sneeze{0%,50%,100%{transform:scale(1)}40%{transform:scale(.94,1.08) rotate(-4deg)}55%{transform:scale(1.12,.9) rotate(5deg)}}
@keyframes hop{0%,100%{transform:translate(0,0)}20%{transform:translate(-16px,-24px)}40%{transform:translate(-8px,0)}60%{transform:translate(8px,0)}80%{transform:translate(16px,-24px)}}
@keyframes slide{0%{transform:translateX(-36px) rotate(-14deg)}50%{transform:translateX(36px) rotate(-14deg)}75%{transform:translateX(36px) rotate(346deg)}100%{transform:translateX(-36px) rotate(346deg)}}
@keyframes eight{0%{transform:translate(0,0)}25%{transform:translate(22px,-12px)}50%{transform:translate(0,0)}75%{transform:translate(-22px,-12px)}100%{transform:translate(0,0)}}
@keyframes roar{0%,30%,100%{transform:scale(1)}40%{transform:scale(.94,1.1)}55%,75%{transform:scale(1.14,.92)}}
@keyframes swing{0%,100%{transform:rotate(170deg)}50%{transform:rotate(190deg)}}
@keyframes roll{0%{transform:translateX(-30px) rotate(0)}50%{transform:translateX(30px) rotate(360deg)}100%{transform:translateX(-30px) rotate(0)}}
@keyframes dough{0%,100%{transform:scale(1,1)}40%{transform:scale(.78,1.45)}55%{transform:scale(1.15,.86)}70%{transform:scale(.96,1.05)}}
@keyframes glowpulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18) drop-shadow(0 0 8px #FFD08A)}}
@keyframes shimmy{0%,100%{transform:rotate(-5deg) translateX(-3px)}50%{transform:rotate(5deg) translateX(3px)}}
@keyframes bloom{0%,100%{transform:scale(.8)}50%{transform:scale(1.35)}}
@keyframes run{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes shj{0%,100%{transform:scale(1)}45%{transform:scale(.6);opacity:.06}}
@keyframes shf{0%,100%{transform:scale(1)}50%{transform:scale(.8)}}
@keyframes blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes glow{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-46px);opacity:0}}
@keyframes fall{0%{transform:translateY(-10px);opacity:0}15%{opacity:1}100%{transform:translateY(40px);opacity:0}}
@keyframes drip{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(18px);opacity:0}}
@keyframes flutter{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.6)}}
@keyframes wig{0%,100%{transform:skewX(-8deg)}50%{transform:skewX(8deg)}}
@keyframes flicker{0%,100%{transform:scale(1,1)}50%{transform:scale(.92,1.12)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes chomp{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.3)}}
@keyframes nib{0%{transform:scale(1)}100%{transform:scale(.2);opacity:0}}
@keyframes puffy{0%{transform:scale(.4);opacity:0}30%{opacity:1}100%{transform:scale(1.3) translateY(-10px);opacity:0}}
@keyframes pop2{0%{transform:scale(0)}15%{transform:scale(1.3)}25%,80%{transform:scale(1)}100%{transform:scale(1);opacity:0}}
@keyframes droop{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
@keyframes yawn{0%,100%{transform:scale(.6)}50%{transform:scale(1.15)}}
@keyframes hug{0%,100%{transform:scale(1)}50%{transform:scale(.94,1)}}
@keyframes tickle{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(10deg)}}
@keyframes spoon{0%,100%{transform:translateX(18px) rotate(8deg)}50%{transform:translateX(0) rotate(0)}}
@keyframes shinex{0%{transform:translateX(-40px) rotate(20deg)}100%{transform:translateX(170px) rotate(20deg)}}
@keyframes wave{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(16deg)}}
@keyframes ballb{0%{transform:translateY(-18px)}100%{transform:translateY(0)}}
@keyframes bobs{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes shellb{0%{transform:scale(1)}30%{transform:scale(1.05,.95)}60%,100%{transform:translateY(8px);opacity:0}}
@keyframes capfly{0%{transform:translateY(0) rotate(0)}40%{transform:translate(24px,-30px) rotate(30deg)}70%,100%{transform:translate(40px,-20px) rotate(60deg);opacity:0}}
@keyframes ring{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.1);opacity:0}}
@keyframes hopl{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-24px)}}
@keyframes hopr{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-24px)}}
@keyframes trail{0%{opacity:0}20%{opacity:1}60%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){*{animation:none!important}}
.yk svg{max-width:100%;height:auto}
@media (prefers-reduced-motion: reduce){*{animation:none!important}}