.pet-visual{position:relative;z-index:2;width:min(92%,340px);height:310px;display:grid;place-items:center;transform-origin:50% 88%;transition:transform .7s cubic-bezier(.2,.8,.3,1)}.pet-visual #mascot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mascot-mood-sprite{display:none;position:absolute;inset:0;background-image:url('assets/buddy-moods-v1.png');background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 20px 14px #344f6630)}.pet-visual.buddy-moods #mascot{opacity:0}.pet-visual.buddy-moods .mascot-mood-sprite{display:block}.mascot-mood-sprite[data-mood="happy"]{background-position:0 0}.mascot-mood-sprite[data-mood="hungry"]{background-position:100% 0}.mascot-mood-sprite[data-mood="sleepy"]{background-position:0 100%}.mascot-mood-sprite[data-mood="sad"]{background-position:100% 100%}.pet-visual.roam-left{animation:petRoamLeft 3.2s ease-in-out}.pet-visual.roam-right{animation:petRoamRight 3.2s ease-in-out}.pet-visual.eating{animation:petEat 1.25s ease-in-out}.pet-visual.drinking{animation:petDrink 1.35s ease-in-out}.pet-visual.playing{animation:petPlay 1.15s ease-in-out}.pet-supply,.pet-mic{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 3px 0 #fff) drop-shadow(0 0 7px #3b2c7655);color:#30254d!important;width:64px!important;height:66px!important}.pet-supply>span,.pet-mic>span{font-size:2.25rem!important}.pet-supply small,.pet-mic small{display:block;background:#fff;color:#30254d;border-radius:999px;padding:3px 7px;font-size:.62rem!important}.pet-supply.dragging{filter:drop-shadow(0 4px 0 #fff) drop-shadow(0 9px 12px #3b2c7677);transform:scale(1.35)}@keyframes petRoamLeft{0%,100%{transform:translateX(0)}35%{transform:translateX(-42px) rotate(-3deg)}60%{transform:translateX(-42px) translateY(-5px) rotate(2deg)}}@keyframes petRoamRight{0%,100%{transform:translateX(0)}35%{transform:translateX(42px) rotate(3deg)}60%{transform:translateX(42px) translateY(-5px) rotate(-2deg)}}@keyframes petEat{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(18px) scale(1.05) rotate(-2deg)}55%{transform:translateY(15px) scaleY(.96) scaleX(1.04)}75%{transform:translateY(18px) scaleY(1.03)}}@keyframes petDrink{0%,100%{transform:translateY(0)}40%,70%{transform:translateY(22px) rotate(4deg) scaleY(.96)}}@keyframes petPlay{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(-35px,-28px) rotate(-7deg)}62%{transform:translate(38px,-18px) rotate(8deg)}}@media(max-width:390px){.pet-visual{height:270px;width:min(92%,310px)}.pet-supply-dock{gap:3px}.pet-supply,.pet-mic{width:59px!important}}
.pet-visual #mascot3d,.pet-visual #petReactionVideo{display:none;position:absolute;inset:0;width:100%;height:100%}.pet-visual #mascot3d{z-index:2;background:transparent;--poster-color:transparent;filter:drop-shadow(0 18px 14px #344f6630);touch-action:none}.pet-visual.buddy-3d #mascot{opacity:0}.pet-visual.buddy-3d #mascot3d{display:block}.pet-visual #petReactionVideo{z-index:4;object-fit:contain;border-radius:28px;opacity:0;transition:opacity .12s ease;pointer-events:none;background:transparent}.pet-visual #petReactionVideo.show{display:block;opacity:1}.pet-visual.buddy-3d .mascot-mood-sprite{display:none!important}