.creature-stage{position:relative}.creature-eye-happy,.creature-eye-normal,.creature-eye-sleeping,.creature-mouth-happy{opacity:0;transition:opacity .3s ease}.creature-eye-normal{transform-box:fill-box;transform-origin:center;transition:opacity .3s ease,transform .3s ease}.creature-tail{transform-box:fill-box;transform-origin:0 100%}.creature-ear-l,.creature-ear-r{transform-box:fill-box;transform-origin:50% 100%}.creature-sleeping .creature-body{animation:creature-breathe 4s ease-in-out infinite}.creature-sleeping .creature-eye-sleeping{opacity:1}.creature-sleeping .creature-tail{animation:creature-sleep-tail 18s ease-in-out infinite}.creature-sleeping .creature-ear-r{animation:creature-ear-twitch 18s ease-in-out infinite}@keyframes creature-breathe{0%,to{transform:rotate(0deg)}50%{transform:scaleY(1.02) rotate(.5deg)}}@keyframes creature-sleep-tail{0%,to{transform:rotate(8deg);d:path("M24,20 C28,17 31,11 29,6")}18%{transform:rotate(10deg);d:path("M24,20 C28,17 30.5,11.5 28.5,7")}30%{transform:rotate(12deg);d:path("M24,20 C28,17 31,11 29,6")}49%{transform:rotate(9deg);d:path("M24,20 C28,17 31,11 29,6")}51%{transform:rotate(9deg);d:path("M24,20 C28,17 30.5,11 27.5,7")}53%{transform:rotate(9deg);d:path("M24,20 C28,17 31,11 29,6")}72%{transform:rotate(11deg);d:path("M24,20 C28,17 30.5,11.5 28.5,7")}85%{transform:rotate(9deg);d:path("M24,20 C28,17 31,11 29,6")}}@keyframes creature-ear-twitch{0%,89%,to{transform:rotate(0deg)}91%{transform:rotate(-10deg)}93%{transform:rotate(4deg)}95%{transform:rotate(-3deg)}97%{transform:rotate(0deg)}}.creature-watching .creature-body{animation:creature-watching-lean 4s ease-in-out infinite}.creature-watching .creature-eye-normal{opacity:1;animation:creature-watching-gaze 5s ease-in-out infinite}.creature-watching .creature-ear-l{animation:creature-watching-ear-l 3.5s ease-in-out infinite}.creature-watching .creature-ear-r{animation:creature-watching-ear-r 2.8s ease-in-out infinite}.creature-watching .creature-tail{animation:creature-watching-tail 3s ease-in-out infinite}@keyframes creature-watching-lean{0%,to{transform:rotate(0deg) translateY(0)}40%{transform:rotate(1.5deg) translateY(.5px)}60%{transform:rotate(1.5deg) translateY(.5px)}}@keyframes creature-watching-gaze{0%,to{transform:translateX(0) translateY(1.2px) scale(1.2)}15%{transform:translateX(-.8px) translateY(1.5px) scale(1.2)}30%{transform:translateX(-.5px) translateY(1.2px) scale(1.2)}42%{transform:translateX(0) translateY(1.2px) scale(1.2) scaleY(.1)}46%{transform:translateX(0) translateY(1.2px) scale(1.2) scaleY(1)}60%{transform:translateX(.8px) translateY(1.5px) scale(1.2)}75%{transform:translateX(.5px) translateY(1.2px) scale(1.2)}90%{transform:translateX(0) translateY(1.2px) scale(1.2)}}@keyframes creature-watching-ear-l{0%,to{transform:rotate(-4deg) translateY(-.5px)}20%{transform:rotate(-6deg) translateY(-1px)}70%{transform:rotate(-6deg) translateY(-1px)}85%{transform:rotate(-4deg) translateY(-.5px)}}@keyframes creature-watching-ear-r{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg) translateY(-.8px)}35%{transform:rotate(-3deg) translateY(-.3px)}50%{transform:rotate(-5deg) translateY(-.8px)}65%{transform:rotate(0deg)}}@keyframes creature-watching-tail{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(4deg)}}.creature-celebrating .creature-body{animation:creature-success-sway 3s ease-in-out infinite}.creature-celebrating .creature-eye-happy,.creature-celebrating .creature-mouth-happy{opacity:1}.creature-celebrating .creature-tail{animation:creature-success-tail 2.5s ease-in-out infinite}.creature-celebrating .creature-ear-l{animation:creature-success-ear-l 3s ease-in-out infinite}.creature-celebrating .creature-ear-r{animation:creature-success-ear-r 3s ease-in-out infinite}@keyframes creature-success-sway{0%,to{transform:rotate(0deg)}50%{transform:rotate(2deg) translateY(-1px)}}@keyframes creature-success-tail{0%,to{transform:rotate(-3deg)}50%{transform:rotate(8deg)}}@keyframes creature-success-ear-l{0%,to{transform:rotate(0deg)}50%{transform:rotate(3deg)}}@keyframes creature-success-ear-r{0%,to{transform:rotate(0deg)}50%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.creature-body,.creature-ear-l,.creature-ear-r,.creature-eye-happy,.creature-eye-normal,.creature-eye-sleeping,.creature-leg-l,.creature-leg-r,.creature-mouth-happy,.creature-tail{animation:none!important;transition:none!important}.creature-eye-normal{opacity:1!important;transform:none!important}}