/* Only the clipped eyelids move. Pupil geometry stays available to the beams. */
.studio-cat .cat-eyelid{fill:#00a1ff;stroke:none;pointer-events:none}
.studio-cat .cat-eyelid-upper{transform:translateY(calc(-52px * (1 - var(--blink,0))))}
.studio-cat .cat-eyelid-lower{transform:translateY(calc(44px * (1 - var(--blink,0))))}
.studio-cat .cat-eyelid-seam{fill:none;stroke:#ff5201;stroke-width:5;stroke-linecap:round}
@media(prefers-reduced-motion:reduce){.studio-cat .cat-eyelid{visibility:hidden}}

/* Petting (cat-game.js, cat-stroke.js): the cat leans toward the finger and
   settles when it lifts. The cat's drawing is moved, never redrawn. */
.studio-cat>svg{rotate:calc(var(--lean,0) * 3.2deg);translate:calc(var(--lean,0) * 6px) 0;transform-origin:50% 85%;transition:rotate .2s ease-out,translate .2s ease-out}
@media(prefers-reduced-motion:reduce){.studio-cat>svg{rotate:none;translate:none;transition:none}}
/* At rest on a touch screen the cat sways now and then, until it has been touched. */
@keyframes cat-beckon{0%,26%,100%{rotate:0deg;translate:0 0}6%{rotate:-3.2deg;translate:-6px 0}13%{rotate:3.2deg;translate:6px 0}20%{rotate:-2deg;translate:-3px 0}}
@media(hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference){
 .space-stage:not(.is-docking):not(.is-compact):not(.is-playing) .studio-cat:not([data-petted])>svg{animation:cat-beckon 5s ease-in-out 1.8s infinite}
}