.header-actions{gap:8px}
#motionToggle{font-size:22px;letter-spacing:-3px;padding-right:9px}
.pet-touch{height:270px;isolation:isolate;overflow:hidden;touch-action:manipulation}
.pet-touch:hover,.pet-touch:active{transform:none}
#petCanvas{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:normal;pointer-events:none;opacity:0}
.pet-touch.has-puppet #petCanvas{opacity:1}
.pet-touch.has-puppet #petImage{opacity:0;animation:none}
.pet-touch:not(.has-puppet) #petImage{transform:translate(var(--walk-x,0),var(--walk-y,0)) scaleX(var(--walk-facing,1)) scale(var(--walk-scale,.96));animation:none}
.pet-touch:before{content:'';position:absolute;width:70%;height:16%;border-radius:50%;left:15%;bottom:0;background:radial-gradient(ellipse,#dfe8c933,transparent 70%);pointer-events:none;z-index:-1}
.pet-tools{display:flex;gap:7px;align-items:center;flex-shrink:0}
.walk-button{background:#edf5df;border-color:#d0dfbd;color:#365e3b}
.walk-button[aria-pressed=true]{background:#dcebbd}
.walk-button:disabled{cursor:default;opacity:.55}
.sleep-cloud{position:absolute;top:10%;right:20%;color:#8b79b7;font-size:24px;font-weight:bold;pointer-events:none;opacity:0}
.sleeping .sleep-cloud{opacity:1;animation:sleepCloud 3s ease-in-out infinite}
.motion-paused .sleep-cloud{animation:none}
.motion-paused .pet-touch img,.motion-paused .particle{animation:none!important}
.motion-paused .pet-touch.bounce img{animation:none!important}
.pet-room.sleeping .pet-touch.has-puppet #petCanvas{filter:brightness(.95)}
@keyframes sleepCloud{0%,100%{transform:translateY(2px);opacity:.5}50%{transform:translateY(-9px);opacity:1}}
@media(min-width:1440px){.pet-touch{height:316px}}
@media(max-width:1000px) and (min-width:601px){.pet-caption{flex-wrap:wrap}.pet-tools{margin-left:auto}.pet-touch{height:235px}}
@media(max-width:600px){.header-actions{gap:5px}.header-actions .round-button{width:34px;height:34px;font-size:21px}.hearts{padding:8px 10px}.brand{gap:7px}.brand strong{font-size:25px}.brand small{letter-spacing:1.6px}.pet-touch{height:246px}.pet-caption{flex-wrap:wrap;gap:10px}.pet-tools{margin-left:auto}.voice-button{padding:9px 12px}.pet-tools .voice-button span{font-size:13px}.pet-caption p{max-width:none}}
@media(prefers-reduced-motion:reduce){.sleep-cloud{animation:none!important}}

.pet-touch:not(.has-puppet)[data-motion="idle"] #petImage{animation:breathe 4s ease-in-out infinite}
.pet-touch:not(.has-puppet)[data-motion="sleeping"] #petImage{animation:breathe 7s ease-in-out infinite}