.marker-pet{--pet-ease:cubic-bezier(.22, 1, .36, 1);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:28px;width:120px;height:128px;padding:0;display:block;position:relative}.marker-pet:focus-visible{outline:3px solid var(--th-focus,#2855d9);outline-offset:3px}.marker-pet__body,.marker-pet__render,.marker-pet__render canvas,.marker-pet__frame,.marker-pet__frame svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.marker-pet__body{transform-origin:50% 93.75%}.marker-pet__frame{opacity:0}.marker-pet__frame[data-visible=true]{opacity:1}.marker-pet__anchor{pointer-events:none;background:#673a252b;border-radius:50%;width:28%;height:5%;position:absolute;top:91.25%;left:36%;box-shadow:0 0 5px 2px #673a2517}.marker-pet[data-context=map] .marker-pet__anchor{background:#ffe6d6;border:1px solid #b76042;box-shadow:0 0 0 3px #ffffffd9}.marker-pet[data-motion=on] .marker-pet__body{transition:transform .24s var(--pet-ease)}.marker-pet[data-motion=on][data-pose=curious] .marker-pet__body{transform:rotate(-4deg)}.marker-pet[data-context=map][data-motion=on][data-celebrating=true] .marker-pet__body{animation:pet-map-greet .65s var(--pet-ease) 1}.marker-pet[data-context=display]{aspect-ratio:240/256;width:min(280px,65vw);height:auto}.marker-pet[data-context=display][data-motion=on] .marker-pet__body{animation:3.2s ease-in-out infinite pet-idle}.marker-pet[data-context=display][data-motion=on]:is(:hover,:focus-visible) .marker-pet__body{animation:none;transform:translateY(-2px)rotate(-4deg)}.marker-pet[data-context=display][data-motion=on][data-celebrating=true] .marker-pet__body{animation:pet-success .65s var(--pet-ease) 1}@keyframes pet-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-1%)}}@keyframes pet-map-greet{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg)}70%{transform:rotate(3deg)}}@keyframes pet-success{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)rotate(-4deg)}75%{transform:translateY(-1px)rotate(2deg)}}.map-pet-host{z-index:2;width:120px;height:128px}@media (max-width:800px){.map-pet-host,.marker-pet[data-context=map]{width:96px;height:102.4px}}@media (prefers-reduced-motion:reduce){.marker-pet .marker-pet__body{transition:none!important;animation:none!important;transform:none!important}}