.cat-companion{display:flex;align-items:center;gap:.75rem;max-width:440px;margin-top:1.25rem;min-width:0}
.cat-touch{position:relative;flex:0 0 122px;width:122px;min-height:150px;padding:0 0 .2rem;border:0;background:transparent;color:var(--orange-dark);border-radius:22px}
.cat-character{display:block;width:122px;height:122px;transform-origin:50% 88%;animation:cat-breathe 4.4s ease-in-out infinite}
.cat-sprite{display:block;width:100%;height:100%;background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;animation:cat-frames 6.5s steps(1,end) infinite}
.cat-touch-label{display:block;font-size:.875rem;line-height:1.8;font-weight:650}
.cat-copy{flex:1;min-width:0;position:relative;border:1.5px solid #e3bac6;border-radius:23px;background:#fff1f4;padding:.75rem 1rem;box-shadow:0 3px 0 #f0dbe0}
.cat-copy:before{content:"";position:absolute;left:-7px;top:30px;width:12px;height:12px;border-left:1.5px solid #e3bac6;border-bottom:1.5px solid #e3bac6;background:#fff1f4;transform:rotate(45deg)}
.cat-name{font-size:1.0625rem;font-weight:800;line-height:1.45}
.cat-name span{display:block;font-size:.875rem;color:var(--muted);font-weight:500;margin-top:.15rem}
.cat-greeting{font-size:1rem;color:var(--muted);line-height:1.65;margin-top:.4rem!important;min-height:0;max-width:19em}
.cat-rest{padding:.2rem .7rem;min-height:48px;margin:.35rem 0 0 -.7rem;border:0;border-radius:13px;background:transparent;color:var(--orange-dark);font-size:.875rem;text-decoration:underline;text-decoration-color:#c58299;text-underline-offset:4px}
.cat-rest:hover{background:#ffe4ec}.cat-touch:hover{background:#ffefdca6}
.cat-rest:disabled{color:var(--muted);text-decoration:none}
.cat-heart{position:absolute;top:20px;right:8px;color:var(--orange);font-size:1.6rem;opacity:0;pointer-events:none}
.cat-happy .cat-character{animation:cat-hop .9s ease-in-out}
.cat-happy .cat-sprite{animation:none;background-position:0 100%}
.cat-happy .cat-heart{animation:cat-love .9s ease-out}
.cat-paused .cat-character,.cat-paused .cat-sprite{animation:none;background-position:0 0}
.cat-paused .cat-heart{animation:none;opacity:0}
.cat-menu{margin:0;flex:0 1 355px;max-width:355px;gap:.75rem}
.menu-intro:has(.cat-menu){align-items:center;gap:1.25rem}
.menu-intro:has(.cat-menu)>div:first-child{flex:1;min-width:0}
.menu-intro:has(.cat-menu) .menu-count{display:inline-flex;margin-top:.85rem}
.cat-menu .cat-copy{background:#fff4d7;border-color:#dec58d;box-shadow:0 3px 0 #eee0b9}
.cat-menu .cat-copy:before{background:#fff4d7;border-color:#dec58d}
.cat-order{margin-top:1rem;max-width:455px}
@keyframes cat-frames{0%,44%,100%{background-position:0 0}48%,53%{background-position:100% 0}58%,78%{background-position:0 100%}82%,92%{background-position:100% 100%}}
@keyframes cat-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.015)}}
@keyframes cat-hop{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-9px) rotate(-3deg)}60%{transform:translateY(-3px) rotate(3deg)}}
@keyframes cat-love{0%{opacity:0;transform:translateY(5px) scale(.6)}25%{opacity:1}100%{opacity:0;transform:translateY(-24px) scale(1.1)}}
@media(max-width:1099px){.cat-menu{flex-basis:320px;max-width:320px}.cat-menu .cat-touch{flex-basis:104px;width:104px;min-height:134px}.cat-menu .cat-character{width:104px;height:104px}.cat-copy{padding:.65rem .8rem}.cat-touch{flex-basis:106px;width:106px;min-height:136px}.cat-character{width:106px;height:106px}.cat-greeting{font-size:1rem}}
@media(max-width:760px){.cat-menu{margin-top:.9rem;max-width:440px;width:100%;flex-basis:auto;align-self:start}.menu-intro:has(.cat-menu){flex-direction:column;gap:0;align-items:start}.menu-intro:has(.cat-menu)>div:first-child{width:100%}.cat-menu .cat-name span{display:inline;margin:0}.cat-menu .cat-greeting{font-size:1rem}.cat-menu .cat-rest{margin-top:0}.cat-companion{margin-top:1rem}.cat-name span{font-size:.875rem}}
@media(max-width:560px){.cat-companion{gap:.6rem}.cat-touch{flex-basis:98px;width:98px;min-height:127px}.cat-character{width:98px;height:98px}.cat-menu .cat-touch{flex-basis:96px;width:96px;min-height:126px}.cat-menu .cat-character{width:96px;height:96px}.cat-copy{padding:.7rem .85rem}.cat-name{font-size:1rem}.cat-greeting{font-size:1rem}.cat-touch-label{font-size:.875rem}.cat-menu .cat-name span{display:block;font-size:.875rem}.cat-rest{margin-top:.15rem}}
@media(prefers-reduced-motion:reduce){.cat-character,.cat-sprite,.cat-heart{animation:none!important;transform:none!important}.cat-sprite{background-position:0 0!important}.cat-heart{opacity:0!important}}