.pet-mascot{display:block;width:100%;height:100%;overflow:visible;animation:bob 4s ease-in-out infinite}
.hero-pet{aspect-ratio:11/12;pointer-events:none}
.buddy-panel .pet-mascot{width:112px;height:122px;margin:4px auto 0}
.buddy-panel .bi-label{align-items:center}
.hero>p .bi-label{gap:5px}
.hero>p .bi-secondary{font-size:12px;line-height:1.5}
.pet-mascot .pet-arm-right{transform-box:fill-box;transform-origin:10% 85%}
.pet-pose-wave .pet-arm-right{animation:pet-wave 4.6s ease-in-out infinite}
.play-stage .actor .pet-mascot{width:100px;height:109px;margin:auto;animation:none}
.achievement-title-pet{display:inline-block;width:25px;height:25px;flex-shrink:0;vertical-align:middle}
.avatar-selection>[data-avatar-preview]:has(.pet-mascot){width:74px;height:81px}
.avatar-selection .pet-mascot{animation:none}
.avatar-selection .pet-arm-right{animation:none}
@keyframes pet-wave{0%,12%,38%,100%{transform:rotate(0)}20%,32%{transform:rotate(-18deg)}26%{transform:rotate(7deg)}}
@media(max-width:1150px) and (min-width:951px){.hero-pet{right:2px}}
@media(max-width:650px){.hero-pet{right:2px;width:140px}}
@media(max-width:359px){.hero-pet{right:0;width:112px}.hero .primary{max-width:55%;padding-inline:12px}}
@media(max-height:620px){.avatar-selection>[data-avatar-preview]:has(.pet-mascot){width:48px;height:53px}}
.no-motion .pet-mascot,.no-motion .pet-mascot *{animation:none!important}
@media(prefers-reduced-motion:reduce){.pet-mascot,.pet-mascot *{animation:none!important}}