.pet{z-index:40;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;width:150px;transition:left linear;position:fixed;bottom:2px;left:24px}.pet.hidden{display:none}.pet-body{transform-origin:50% 100%;width:150px;height:auto;animation:3.2s ease-in-out infinite pet-breathe}.pet-svg{filter:drop-shadow(0 10px 14px #140a3c47);width:100%;height:auto;display:block}.pet.flip .pet-body{transform:scaleX(-1)}.pet.walking .pet-body{animation:.42s ease-in-out infinite pet-walk}.pet.flip.walking .pet-body{animation:.42s ease-in-out infinite pet-walk-flip}.pet.hop .pet-body{animation:.55s cubic-bezier(.3,1.4,.5,1) pet-hop}.pet.flip.hop .pet-body{animation:.55s cubic-bezier(.3,1.4,.5,1) pet-hop-flip}.u-eye{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite pet-blink}.u-tail{transform-box:fill-box;transform-origin:100% 10%;animation:2.8s ease-in-out infinite pet-swish}.pet.walking .u-tail{animation-duration:1s}.u-head{transform-box:fill-box;transform-origin:20% 90%;animation:3.4s ease-in-out infinite pet-nod}.pet.walking .u-head{animation:.9s ease-in-out infinite pet-nod-walk}.u-leg,.u-low{transform-box:fill-box;transform-origin:50% 0}.pet.walking .u-leg{animation:.9s ease-in-out infinite pet-gait}.pet.walking .u-lh,.pet.walking .u-lh .u-low{animation-delay:0s}.pet.walking .u-lf,.pet.walking .u-lf .u-low{animation-delay:-.225s}.pet.walking .u-rh,.pet.walking .u-rh .u-low{animation-delay:-.45s}.pet.walking .u-rf,.pet.walking .u-rf .u-low{animation-delay:-.675s}.pet.walking .u-low.u-front{animation-name:pet-knee;animation-duration:.9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.pet.walking .u-low.u-hind{animation-name:pet-hock;animation-duration:.9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.pet.hop .u-leg{animation:.55s ease-in-out pet-tuck}.u-spark{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite pet-twinkle}.u-spark+.u-spark{animation-delay:1.1s}.pet-bubble{color:#1d1a2e;text-align:center;opacity:0;pointer-events:none;background:#fff;border:1px solid #e6e3f2;border-radius:14px;min-width:11rem;max-width:16rem;padding:.55rem .75rem;font-size:.84rem;line-height:1.4;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,6px);box-shadow:0 10px 30px #140a3c2e}.pet-bubble:after{content:"";border:6px solid #0000;border-top-color:#fff;margin-left:-6px;position:absolute;top:100%;left:50%}.pet.edge-l .pet-bubble{text-align:left;left:0;transform:translateY(6px)}.pet.edge-l.talking .pet-bubble{transform:translate(0)}.pet.edge-l .pet-bubble:after{left:34px}.pet.edge-r .pet-bubble{text-align:left;left:auto;right:0;transform:translateY(6px)}.pet.edge-r.talking .pet-bubble{transform:translate(0)}.pet.edge-r .pet-bubble:after{left:auto;right:34px}.pet.talking .pet-bubble{opacity:1;transform:translate(-50%)}.pet-tools{opacity:0;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:-14px;right:-6px}.pet:hover .pet-tools{opacity:1}.pet-tool{color:#5f5b73;cursor:pointer;background:#fff;border:1px solid #e6e3f2;border-radius:50%;width:22px;height:22px;padding:0;font:12px/1 system-ui}.pet-tool.off{opacity:.45;text-decoration:line-through}@keyframes pet-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pet-walk{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pet-walk-flip{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-4px)}}@keyframes pet-hop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-26px)scale(.95,1.08)}70%{transform:translateY(0)scale(1.08,.9)}to{transform:translateY(0)scale(1)}}@keyframes pet-hop-flip{0%{transform:scaleX(-1)translateY(0)}30%{transform:scaleX(-1)translateY(-26px)}70%{transform:scaleX(-1)translateY(0)}to{transform:scaleX(-1)translateY(0)}}@keyframes pet-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes pet-swish{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}@keyframes pet-nod{0%,to{transform:rotate(0)}50%{transform:rotate(1.5deg)}}@keyframes pet-nod-walk{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(2deg)}}@keyframes pet-gait{0%{transform:rotate(-18deg)}50%{transform:rotate(18deg)}to{transform:rotate(-18deg)}}@keyframes pet-knee{0%{transform:rotate(0)}22%{transform:rotate(26deg)}48%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes pet-hock{0%{transform:rotate(0)}22%{transform:rotate(-24deg)}48%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes pet-tuck{0%,to{transform:rotate(0)}40%{transform:rotate(18deg)}}@keyframes pet-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.4)}}@media (width<=50rem){.pet{width:100px;left:12px}.pet-body{width:100px}.pet-bubble{min-width:9rem;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.pet-body,.u-eye,.u-tail,.u-head,.u-spark,.u-leg,.u-low,.pet.walking .pet-body{animation:none!important}}
