.footer-dog{width:264px;max-width:100%;margin-top:22px;color:#f6f4e8}.fetch-stage{height:105px;position:relative;isolation:isolate}.fetch-ground{position:absolute;bottom:11px;left:0;right:0;height:1px;background:rgba(246,244,232,.12)}
.footer-dog-button{appearance:none;position:absolute;left:0;bottom:10px;width:100px;height:85px;background:none;border:0;padding:0;color:inherit;cursor:pointer;border-radius:12px;touch-action:manipulation}.footer-dog-button svg{width:100%;height:100%;overflow:visible}.footer-dog-button:hover .dog-tail,.is-happy .dog-tail{animation:tail-wag .22s ease-in-out 8 alternate}.footer-dog-button:focus-visible,.footer-dog-ball:focus-visible{outline:2px solid #dbdf65;outline-offset:5px}.footer-dog-button:active{filter:brightness(.85)}.dog-tail{transform-origin:25px 43px}.fetch-ball{position:absolute;left:135px;bottom:12px;width:12px;height:12px;background:#dbdf65;border-radius:50%;box-shadow:inset -3px -2px 0 #aeb548}.fetch-ball:after{content:'';position:absolute;left:4px;top:0;height:12px;width:4px;border-left:1px solid #f6f4e8;border-radius:50%;transform:rotate(-30deg)}.fetch-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.footer-dog-caption{font-size:10px;color:rgba(246,244,232,.5);max-width:116px;line-height:1.6}.footer-dog-ball{display:inline-flex;gap:12px;align-items:center;white-space:nowrap;min-height:44px;background:none;border:0;border-bottom:1px solid rgba(219,223,101,.3);padding:4px 0;color:#dbdf65;font:inherit;font-size:11px;cursor:pointer}.footer-dog-ball:hover{border-color:#dbdf65}.footer-dog-ball:active{transform:translateY(1px)}.footer-dog-ball:disabled{opacity:.5;cursor:wait}.fetch-heart{position:absolute;left:70px;top:0;font-size:22px;color:#dbdf65;opacity:0}.is-happy .fetch-heart{animation:pat-heart 1.2s both}.footer-dog-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.leg{transform-origin:50% 52px;transform-box:view-box}.is-fetching .leg-back,.is-fetching .leg-front-alt{animation:stride .18s ease-in-out infinite alternate}.is-fetching .leg-front,.is-fetching .leg-back-alt{animation:stride .18s ease-in-out infinite alternate-reverse}.is-fetching .dog-bob{animation:dog-bounce .18s ease-in-out infinite alternate}.is-fetching .footer-dog-button{animation:fetch-trip 2.8s linear both}.is-fetching .fetch-ball{animation:ball-trip 2.8s linear both}
@keyframes tail-wag{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}@keyframes stride{from{transform:rotate(-26deg)}to{transform:rotate(26deg)}}@keyframes dog-bounce{from{transform:translateY(0)}to{transform:translateY(-3px)}}
@keyframes fetch-trip{0%,12%{transform:translateX(0)}44%,50%{transform:translateX(145px)}56%{transform:translateX(145px) scaleX(-1)}88%,94%{transform:translateX(0) scaleX(-1)}100%{transform:translateX(0)}}
@keyframes ball-trip{0%{transform:none}15%{transform:translate(55px,-65px)}28%{transform:translate(100px,-4px)}35%{transform:translate(100px,-16px)}44%,50%{transform:translate(100px,-31px)}56%{transform:translate(18px,-31px)}88%{transform:translate(-127px,-31px)}94%{transform:translate(-127px,0)}100%{transform:translate(0,0)}}
@keyframes pat-heart{0%{opacity:0;transform:translateY(5px) scale(.7)}30%,65%{opacity:1}100%{opacity:0;transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.footer-dog *{animation:none!important}.is-happy .fetch-heart{opacity:1}}