.site-pet{position:fixed;left:0;top:0;width:112px;z-index:40;user-select:none;touch-action:none}
.pet-character{display:block;width:112px;height:122px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}
.pet-character:active{cursor:grabbing}
.pet-sprite{display:block;width:112px;height:121.333333px;background:url('./media/pet/spritesheet.webp') 0 0/896px 1334.666667px no-repeat;pointer-events:none;transform-origin:center;transition:none!important}
.pet-caption{display:block;text-align:center;color:#477783;font-size:10px;letter-spacing:.12em;pointer-events:none}
.pet-hide{position:absolute;right:0;top:0;width:24px;height:24px;border:1px solid #b7d8df;border-radius:50%;background:#f7fcfbea;color:#507782;font-size:16px;opacity:0;transition:opacity .2s}
.site-pet:hover .pet-hide,.site-pet:focus-within .pet-hide{opacity:1}
.pet-restore{position:fixed;right:16px;bottom:16px;z-index:40;border:1px solid #b7d8df;border-radius:24px;padding:9px 14px;background:#f7fcfb;color:#477783;font-size:12px}
.site-pet[hidden],.pet-restore[hidden]{display:none}
@media(pointer:coarse){.pet-hide{opacity:1}}