:root{--pet-color-tongue: #ff7096;--pet-color-nose: #2c3e50;--pet-color-eye: #2c3e50;--pet-color-collar: #ff4757;--pet-color-tag: #ffa502}.hachio-pet-theme-golden{--pet-color-primary: #e8a838;--pet-color-secondary: #f7dfaf;--pet-color-dark: #b87b14}.hachio-pet-theme-cream{--pet-color-primary: #f5f2eb;--pet-color-secondary: #e6dec9;--pet-color-dark: #b5aa91}.hachio-pet-theme-brown{--pet-color-primary: #8b5a2b;--pet-color-secondary: #cfa87b;--pet-color-dark: #5c3713}.hachio-pet-container{position:fixed;bottom:5px;left:0;width:90px;height:80px;z-index:99999;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .5s ease,transform .1s linear,bottom .3s cubic-bezier(.16,1,.3,1);will-change:transform,bottom}.hachio-pet-mascot{width:100%;height:100%;display:block}.pet-head{transform-origin:68px 38px;transition:transform .3s ease}.pet-ear{transform-origin:68px 24px}.pet-tail{transform-origin:34px 38px}.pet-leg-fl{transform-origin:65px 56px}.pet-leg-fr{transform-origin:73px 56px}.pet-leg-bl{transform-origin:37px 56px}.pet-leg-br{transform-origin:45px 56px}.pet-eye-open{transform-origin:77px 27px;animation:pet-blink 4s infinite}.fill-primary{fill:var(--pet-color-primary)}.fill-secondary{fill:var(--pet-color-secondary)}.fill-dark{fill:var(--pet-color-dark)}.fill-tongue{fill:var(--pet-color-tongue)}.fill-nose{fill:var(--pet-color-nose)}.fill-collar{fill:var(--pet-color-collar)}.fill-tag{fill:var(--pet-color-tag)}.pet-eye-closed,.pet-eye-happy,.pet-tongue{opacity:0;transition:opacity .2s ease}.pet-state-idle .pet-body-group{animation:pet-breath 2s infinite ease-in-out}.pet-state-idle .pet-tail{animation:pet-wag-slow 2s infinite ease-in-out alternate}.pet-state-idle .pet-head{animation:pet-head-tilt 6s infinite ease-in-out}.pet-state-walk .pet-head{animation:pet-walk-head-bob .5s infinite ease-in-out alternate}.pet-state-walk .pet-ear{animation:pet-ear-flop .5s infinite ease-in-out alternate}.pet-state-walk .pet-tail{animation:pet-wag-slow .6s infinite ease-in-out alternate}.pet-state-walk .pet-leg-fl,.pet-state-walk .pet-leg-br{animation:pet-walk-leg-left .5s infinite linear alternate}.pet-state-walk .pet-leg-fr,.pet-state-walk .pet-leg-bl{animation:pet-walk-leg-right .5s infinite linear alternate}.pet-state-happy{animation:pet-happy-jump .3s infinite alternate ease-in-out}.pet-state-happy .pet-tail{animation:pet-wag-fast .15s infinite linear}.pet-state-happy .pet-ear{animation:pet-ear-flop .25s infinite alternate ease-in-out}.pet-state-happy .pet-eye-open{opacity:0}.pet-state-happy .pet-eye-happy{opacity:1}.pet-state-happy .pet-tongue{opacity:1;animation:pet-tongue-pant .3s infinite alternate ease-in-out}.pet-state-sleep .pet-head{transform:translateY(4px) rotate(4deg)}.pet-state-sleep .pet-tail{transform:rotate(-15deg)}.pet-state-sleep .pet-eye-open{opacity:0;animation:none}.pet-state-sleep .pet-eye-closed{opacity:.7}.pet-state-sleep .pet-body-group{animation:pet-sleep-breath 3s infinite ease-in-out}.pet-state-sleep .pet-leg-fl{transform:rotate(45deg) translate(-2px,-2px)}.pet-state-sleep .pet-leg-fr{transform:rotate(30deg) translate(-1px,-2px)}.pet-state-sleep .pet-leg-bl{transform:rotate(-45deg) translate(2px,-2px)}.pet-state-sleep .pet-leg-br{transform:rotate(-30deg) translate(1px,-2px)}@keyframes pet-breath{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.02)}}@keyframes pet-sleep-breath{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03) scaleX(1.01)}}@keyframes pet-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes pet-wag-slow{0%{transform:rotate(-10deg)}to{transform:rotate(15deg)}}@keyframes pet-wag-fast{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}@keyframes pet-head-tilt{0%,80%,to{transform:rotate(0)}35%{transform:rotate(-6deg)}45%{transform:rotate(6deg)}}@keyframes pet-walk-head-bob{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-2px) rotate(2deg)}}@keyframes pet-ear-flop{0%{transform:rotate(-5deg)}to{transform:rotate(8deg)}}@keyframes pet-walk-leg-left{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}@keyframes pet-walk-leg-right{0%{transform:rotate(25deg)}to{transform:rotate(-25deg)}}@keyframes pet-happy-jump{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes pet-tongue-pant{0%{transform:scale(.95)}to{transform:scale(1.05)}}.pet-particle{position:absolute;pointer-events:none;font-size:14px;animation:float-particle 1.5s forwards ease-out;z-index:100000}.pet-heart{color:#ff4757}.pet-zzz{color:#a8a8a8;font-weight:500;font-family:monospace}@keyframes float-particle{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translate(var(--x, 15px),var(--y, -40px)) scale(1.2);opacity:0}}.pet-bubble{position:absolute;bottom:85px;left:50%;translate:-50% 0;scale:0;background:#fff;border:2px solid #2c3e50;border-radius:12px;padding:6px 12px;white-space:normal;max-width:165px;width:max-content;font-size:12px;font-weight:700;color:#2c3e50;box-shadow:0 4px 10px #0000001a;transform-origin:bottom center;transition:scale .3s cubic-bezier(.175,.885,.32,1.275),opacity .2s ease;pointer-events:none;z-index:100000}.pet-bubble:after{content:"";position:absolute;bottom:-6px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#fff;border-right:2px solid #2c3e50;border-bottom:2px solid #2c3e50;transition:left .2s ease}.pet-bubble.bubble-visible{scale:1}.pet-bubble:not(.bubble-visible){scale:0!important;opacity:0}@media screen and (max-width:767px){.hachio-pet-container{width:70px;height:62px}.pet-bubble{bottom:67px;font-size:10px;padding:4px 8px;max-width:130px}}.hachio-pet-desktop-hide{display:none!important}@media screen and (max-width:767px){.hachio-pet-desktop-hide{display:block!important}.hachio-pet-mobile-hide{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/screen-pet.css.map */