.bobo-pets{position:fixed;inset:0;pointer-events:none;z-index:35;overflow:hidden;--pet-bottom:14px}
.bobo-pets[hidden],.bobo-pets [hidden]{display:none!important}
.bobo-pet{position:absolute;bottom:var(--pet-bottom);left:0;width:76px;height:84px;border:0;background:transparent;padding:0;pointer-events:none;box-shadow:none;border-radius:20px;transition:none}
.bobo-pet:focus-visible,.bobo-pets-toggle:focus-visible{outline:3px solid #1764ed;outline-offset:3px}
.bobo-pet img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #16477f14);animation:pet-step .65s ease-in-out infinite alternate}
.bobo-pet:nth-child(2) img{filter:hue-rotate(25deg);animation-delay:-.3s}
.bobo-pet.is-happy img{animation:pet-happy .5s ease-in-out 3}
.bobo-pet-speech{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 9px;background:white;color:#16477f;border:1px solid #d5e5ff;border-radius:14px;font:600 12px/1.4 system-ui,sans-serif;box-shadow:0 3px 12px #16477f12;pointer-events:none}
.bobo-pets-toggle{position:absolute;right:12px;bottom:var(--pet-bottom);padding:6px 9px;min-height:32px;border:1px solid #d5e5ff;border-radius:16px;background:#fffffff2;color:#526b89;font:500 12px/1.4 system-ui,sans-serif;pointer-events:auto;cursor:pointer}
.bobo-pets.is-paused .bobo-pet img{animation-play-state:paused}
.bobo-pets.is-busy{visibility:hidden}
@keyframes pet-step{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-4px) rotate(3deg)}}
@keyframes pet-happy{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(-8deg)}}
@media(max-width:767px){.bobo-pets{--pet-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.member-layout .bobo-pets{--pet-bottom:calc(86px + env(safe-area-inset-bottom,0px))}.bobo-pet{width:54px;height:64px}.bobo-pet:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.bobo-pet img,.bobo-pet.is-happy img{animation:none}}
@media print{.bobo-pets{display:none}}