.to-top{bottom:158px!important}.floating{bottom:90px!important}
.screen-pet{position:fixed;z-index:40;left:18px;top:55vh;width:68px;height:68px;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 8px 9px #5e342a35);transition:filter .2s,top .1s linear}
.screen-pet[hidden]{display:none!important}.screen-pet svg{display:block;width:100%;height:100%;overflow:visible}.dog-shadow{fill:#5f3b3024}.dog-tail{transform-origin:74px 61px}.dog-head{transform-origin:48px 58px}.dog-body{transform-origin:48px 82px}.dog-leg{transform-origin:center 74px}.dog-ear{transform-origin:center 25px}.dog-tongue{opacity:0;transform-origin:48px 53px}
.screen-pet.sitting .dog-body{transform:translateY(4px) scaleY(.91)}.screen-pet.sitting .dog-head{transform:translateY(5px)}.screen-pet.sitting .dog-ear.left{transform:rotate(4deg)}.screen-pet.sitting .dog-ear.right{transform:rotate(-4deg)}
.screen-pet.running{animation:pet-glide .44s infinite linear}.screen-pet.running .dog-body{animation:pet-body-run .44s infinite ease-in-out}.screen-pet.running .dog-head{animation:pet-head-run .44s infinite ease-in-out}.screen-pet.running .dog-leg.front{animation:pet-leg-front .44s infinite ease-in-out}.screen-pet.running .dog-leg.back{animation:pet-leg-back .44s infinite ease-in-out}.screen-pet.running .dog-ear.left{animation:pet-ear-left .44s infinite ease-in-out}.screen-pet.running .dog-ear.right{animation:pet-ear-right .44s infinite ease-in-out}.screen-pet.running .dog-tail{animation:pet-tail .22s infinite alternate ease-in-out}
.screen-pet.dragging{cursor:grabbing;filter:drop-shadow(0 13px 14px #5e342a60);transform:scale(1.08)}.screen-pet.happy{animation:pet-stand .38s ease}.screen-pet.happy .dog-tail{animation:pet-tail .14s 8 alternate}.screen-pet.happy .dog-tongue,.screen-pet.fed .dog-tongue{opacity:1;animation:pet-tongue .42s 2 alternate}.screen-pet.bone-ready{filter:drop-shadow(0 0 10px #ffcf55);transform:scale(1.12)}.screen-pet.fed{animation:pet-spin 1.15s cubic-bezier(.45,.05,.2,1.15)}.screen-pet.fed .dog-tail{animation:pet-tail .11s 10 alternate}
.pet-toggle{position:fixed;z-index:42;right:28px;bottom:22px;width:50px;height:50px;min-height:50px;border:1px solid #e2b9b8;border-radius:50%;background:#fffaf7;color:#8e4650;font-size:21px;box-shadow:0 10px 28px #713d4630;transition:transform .2s,box-shadow .2s,background .2s}.pet-toggle.pet-off{filter:grayscale(.7);opacity:.8}.pet-toggle.doghouse{font-size:26px;background:#fff4dd;transform:scale(1.15);box-shadow:0 0 0 6px #f2c87555,0 10px 28px #713d4630}.pet-toggle.doghouse.ready{transform:scale(1.3);background:#ffe49a;box-shadow:0 0 0 10px #f5bd4755}
.bone-tray{position:fixed;z-index:43;left:18px;bottom:20px;width:58px;height:48px;min-height:48px;border:1px solid #e8c5a3;border-radius:18px;background:#fff9ef;color:#6f432f;box-shadow:0 8px 24px #6b413022;display:flex;align-items:center;justify-content:center;gap:2px;touch-action:none;user-select:none;cursor:grab}.bone-tray span{font-size:25px;line-height:1}.bone-tray b{position:absolute;right:-4px;top:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:#d95666;color:#fff;font:700 12px/21px system-ui}.bone-tray.empty{filter:grayscale(.8);opacity:.72}.bone-tray.dragging{cursor:grabbing;transform:scale(1.12) rotate(-8deg);box-shadow:0 12px 30px #6b413044}.bone-tray.earned{animation:bone-earned .65s ease}
@keyframes pet-glide{0%,100%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-4px) rotate(1deg)}50%{transform:translateY(-7px) rotate(0)}75%{transform:translateY(-4px) rotate(-1deg)}}@keyframes pet-body-run{0%,100%{transform:rotate(-2deg) scaleY(.98)}50%{transform:rotate(2deg) scaleY(1.03)}}@keyframes pet-head-run{0%,100%{transform:translateY(2px) rotate(2deg)}50%{transform:translateY(-2px) rotate(-2deg)}}@keyframes pet-leg-front{0%,100%{transform:rotate(22deg) translateY(-1px)}50%{transform:rotate(-25deg) translateY(2px)}}@keyframes pet-leg-back{0%,100%{transform:rotate(-25deg) translateY(2px)}50%{transform:rotate(22deg) translateY(-1px)}}@keyframes pet-ear-left{0%,100%{transform:rotate(7deg)}50%{transform:rotate(-7deg)}}@keyframes pet-ear-right{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes pet-tail{from{transform:rotate(-24deg)}to{transform:rotate(38deg)}}@keyframes pet-stand{50%{transform:translateY(-9px) scale(1.07)}}@keyframes pet-tongue{from{transform:scaleY(.45)}to{transform:scaleY(1.35)}}@keyframes pet-spin{0%{transform:rotate(0) scale(1)}35%{transform:rotate(180deg) scale(1.13)}70%{transform:rotate(360deg) scale(1.08)}85%{transform:rotate(350deg) scale(1.02)}100%{transform:rotate(360deg) scale(1)}}@keyframes bone-earned{0%{transform:scale(.75)}45%{transform:scale(1.28) rotate(12deg)}100%{transform:scale(1)}} 
@media(max-width:700px){.screen-pet{width:62px;height:62px}.to-top{bottom:calc(146px + env(safe-area-inset-bottom))!important}.floating{bottom:calc(80px + env(safe-area-inset-bottom))!important}.pet-toggle{right:18px;bottom:calc(16px + env(safe-area-inset-bottom));width:54px;height:54px;min-height:54px}.bone-tray{left:14px;bottom:calc(15px + env(safe-area-inset-bottom));width:56px;height:48px}}
@media(prefers-reduced-motion:reduce){.screen-pet,.screen-pet *,.bone-tray{animation-duration:.01ms!important;animation-iteration-count:1!important}}