/* The cat has its own track above navigation, including on narrow screens. */
.topbar { position: relative; padding-top: 60px; }
.topbar.cat-is-hidden { padding-top: 18px; }
.cat-lane { position: absolute; top: 4px; left: max(20px, calc((100vw - 1200px) / 2)); right: max(20px, calc((100vw - 1200px) / 2)); height: 40px; pointer-events: none; border-bottom: 1px solid var(--line); }
.cat-companion { position: absolute; bottom: -4px; left: 0; width: 64px; height: 44px; border: 0; padding: 0; background: transparent; color: inherit; pointer-events: auto; touch-action: manipulation; }
.cat-companion:disabled { opacity: 1; cursor: default; pointer-events: none; }
.muse-cat { display: block; overflow: visible; image-rendering: pixelated; }
@media (scripting: enabled) { .cat-companion:disabled { visibility: hidden; } }
.cat-pose { display: none; }
[data-state="love"] .cat-sitting, [data-state="sit"] .cat-sitting, [data-state="groom"] .cat-sitting, [data-state="walk"] .cat-walking, [data-state="sleep"] .cat-sleeping { display: inline; }
.cat-walking { transform: scaleX(var(--cat-direction, 1)); transform-origin: 16px 11px; }
.cat-wash-paw, .cat-legs-b { display: none; }
[data-state="groom"] .cat-wash-paw { display: inline; }
[data-state="groom"][data-frame="1"] .cat-wash-paw { transform: translate(-1px, -2px); }
[data-state="groom"] .cat-eyes { transform: scaleY(.5); transform-origin: 0 6px; }
[data-frame="1"] .cat-tail { transform: translateY(-1px); }
[data-frame="1"] .cat-legs-a { display: none; }
[data-frame="1"] .cat-legs-b { display: inline; }
[data-frame="1"] .cat-dream { transform: translateY(-1px); }
.cat-toggle { border: 0; border-bottom: 1px dotted var(--muted); padding: 4px 0; margin-left: 12px; background: transparent; color: var(--muted); font-size: 12px; min-height: 32px; }
.cat-toggle:hover { color: var(--ink); }
@media (max-width: 720px) {
    .topbar.cat-is-hidden { padding-top: 16px; }
}

.cat-hearts { display: none; pointer-events: none; }
[data-state="love"] .cat-hearts { display: inline; transform: translateY(var(--heart-rise, 0px)); opacity: var(--heart-opacity, 1); }
[data-state="love"] .cat-eyes { transform: scaleY(.5); transform-origin: 0 6px; }