/* Animated companion cut from the user's own reference kitten. */
.tiny-kitten-companion{position:fixed;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:32;width:58px;height:43px;pointer-events:none;filter:drop-shadow(0 1px 1px #26312a44);transform-origin:50% 85%;animation:kitten-stroll 11s ease-in-out infinite alternate}
.tiny-kitten-companion img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:auto}
.tiny-kitten-companion .kitten-body{z-index:3;animation:kitten-bob .45s ease-in-out infinite alternate}
.tiny-kitten-companion .kitten-back{z-index:2;transform-origin:28% 64%;animation:kitten-backstep .45s ease-in-out infinite alternate}
.tiny-kitten-companion .kitten-mid{z-index:2;transform-origin:45% 60%;animation:kitten-frontstep .45s ease-in-out infinite alternate}
.tiny-kitten-companion .kitten-front{z-index:4;transform-origin:67% 62%;animation:kitten-frontstep .45s ease-in-out infinite alternate}
@keyframes kitten-stroll{0%,8%{transform:translateX(0)}45%,55%{transform:translateX(calc(-1 * min(24vw, 80px)))}92%,100%{transform:translateX(0)}}
@keyframes kitten-bob{to{transform:translateY(-2px)}}
@keyframes kitten-frontstep{from{transform:rotate(-10deg) translateX(-1px)}to{transform:rotate(13deg) translateX(2px)}}
@keyframes kitten-backstep{from{transform:rotate(13deg) translateX(2px)}to{transform:rotate(-11deg) translateX(-2px)}}
body:has(#logoIntro:not([hidden])) .tiny-kitten-companion{visibility:hidden}
@media(max-width:600px){.tiny-kitten-companion{width:50px;height:37px;right:10px}}
@media(prefers-reduced-motion:reduce){.tiny-kitten-companion,.tiny-kitten-companion *{animation:none!important}}