.cat-live{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:1;transition:opacity 350ms ease}.cat-live[data-visible=false]{opacity:0}.cat-garden{position:relative;height:320px;touch-action:none;isolation:isolate;overflow:hidden}.cat-live .cat-garden{position:absolute;inset:0;height:auto;pointer-events:none}.cat-world-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.cat-roster{position:absolute;inset:0;pointer-events:none;z-index:1}.cat-friend{pointer-events:auto;position:absolute;left:0;top:0;width:132px;height:132px;padding:0;border:0;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;will-change:transform}.cat-friend:focus-visible{outline:0}.cat-friend:focus-visible .cat-name{text-decoration:underline;text-underline-offset:4px;color:var(--ink);opacity:1}.cat-name{position:absolute;bottom:-3px;left:0;width:100%;font-size:10px;line-height:18px;color:var(--muted);opacity:0;transition:opacity 180ms ease;text-align:center;pointer-events:none}.cat-friend:hover .cat-name,.cat-friend[data-action=purring] .cat-name,.cat-friend[data-action=eating] .cat-name{opacity:1}.cat-heart{position:absolute;top:12%;left:65%;color:#ddb2a5;opacity:0;pointer-events:none;font-size:16px}.cat-friend[data-action=purring] .cat-heart{animation:cat-heart 1600ms ease-out}.cat-food{position:absolute;bottom:14%;left:30%;width:28px;height:9px;border-radius:50% 50% 8px 8px;background:#b1c5c7;box-shadow:inset 0 3px #bf947b;opacity:0;transform:translateY(6px);transition:opacity 240ms,transform 240ms;pointer-events:none}.cat-friend[data-action=eating] .cat-food{opacity:1;transform:none}.cat-friend[data-food=catChuru] .cat-food{width:8px;height:24px;left:34%;background:#dbb88a;border-radius:2px;box-shadow:inset 0 -5px #ae7c58;transform:rotate(-20deg)}.cat-sleep-mark{position:absolute;top:35%;right:16%;font-size:13px;color:#bcc8ce;opacity:0;pointer-events:none}.cat-friend[data-action=sleeping] .cat-sleep-mark{opacity:.65;animation:cat-sleep 4s ease-in-out infinite}.cat-toolbar{display:flex;justify-content:center;gap:4px;pointer-events:auto;padding:7px;border-radius:18px;background:#2c2825dd;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:fit-content;margin:12px auto 0}.cat-toolbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:50px;border-radius:11px;color:var(--muted);transition:background 180ms,color 180ms,transform 180ms}.cat-toolbar span{font-size:9px;white-space:nowrap}.cat-toolbar button:hover,.cat-toolbar button[aria-pressed=true]{background:#ffffff0a;color:var(--ink)}.cat-toolbar button:active{transform:scale(.94)}.cat-toolbar button:focus-visible{outline:none;box-shadow:inset 0 -2px var(--ink)}.cat-message{font-size:10px;line-height:1.7;color:var(--muted);min-height:18px;text-align:center;margin:12px 0 0;pointer-events:none}.cat-live .cat-toolbar{position:absolute;left:var(--edge);top:80px;margin:0}.cat-live .cat-toolbar span{display:none}.cat-live .cat-toolbar button{min-height:44px}.cat-live .cat-message{position:absolute;left:var(--edge);top:143px;width:280px;margin:0;text-align:left}.cat-prearrival .cat-friend{pointer-events:none}.cat-prearrival .cat-name{opacity:0}.cat-toy{position:absolute;left:70%;top:30%;width:17px;height:17px;pointer-events:none;z-index:3;transform:translate(-50%,-50%);border-radius:50%;background:#c6ada0;box-shadow:inset -4px -3px #ab8e8166;transition:left 45ms linear,top 45ms linear}.cat-toy:before{content:'';position:absolute;width:1px;height:36px;background:#e7d6c944;bottom:17px;left:9px;transform:rotate(15deg);transform-origin:bottom}.cat-toy[hidden]{display:none}.cat-notebook{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;pointer-events:auto}.cat-notebook[hidden]{display:none}.cat-book-entry{text-align:center;min-width:0}.cat-portrait{width:90px;height:90px;object-fit:contain}.cat-portrait[data-coat=gray]{filter:saturate(.08) brightness(.8)}.cat-portrait[data-coat=tux]{filter:saturate(.1) brightness(.45)}.cat-portrait[data-coat=cream]{filter:saturate(.5) brightness(1.15)}.cat-portrait[data-coat=tabby]{filter:saturate(.5) brightness(.85)}.cat-book-entry h3{font-size:12px;font-weight:500;margin:8px 0}.cat-book-entry p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.cat-book-entry small{font-size:9px;line-height:1.7;color:var(--quiet);display:block;margin-top:7px}.cat-book-entry.unseen .cat-portrait{opacity:.22;filter:grayscale(1)}.cat-live .cat-notebook{position:absolute;left:var(--edge);top:150px;max-height:calc(100svh - 250px);overflow:auto;background:#2c2825f5;padding:22px;border-radius:20px;width:min(360px,calc(100vw - 48px));box-shadow:0 15px 40px #0003;margin:0;z-index:5}.cat-preview-panel{width:min(640px,calc(100vw - 48px))}.cat-preview-button{display:block;min-height:44px;margin:14px auto 0;font-size:12px;color:var(--muted)}.cat-preview-button:hover{color:var(--ink)}.cat-quiet{text-align:center;color:var(--quiet);font-size:10px;line-height:1.8;margin:20px 0 4px}.cat-credit{display:block;width:fit-content;margin:8px auto;color:var(--quiet);font-size:10px;text-decoration:underline;text-underline-offset:4px}
@keyframes cat-heart{0%{opacity:0;transform:translateY(3px)}30%{opacity:.8}100%{opacity:0;transform:translateY(-17px)}}@keyframes cat-sleep{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:600px){.cat-live .cat-toolbar{left:50%;transform:translateX(-50%);top:76px;gap:0;padding:5px}.cat-live .cat-message{left:var(--edge);right:var(--edge);top:135px;width:auto;text-align:center;font-size:9px}.cat-preview-panel{width:100%}.cat-garden{height:min(320px,40svh)}.cat-toolbar{gap:1px;padding:5px}.cat-toolbar button{min-width:43px}.cat-toolbar span{font-size:8px}.cat-notebook{gap:10px}.cat-portrait{width:70px;height:70px}}
@media(max-height:530px) and (min-width:601px){.cat-live .cat-toolbar{top:65px}.cat-live .cat-message{top:127px}.cat-garden{height:220px}.cat-live .cat-notebook{top:110px;max-height:calc(100svh - 150px)}}
@media(prefers-reduced-motion:reduce){.cat-live,.cat-friend,.cat-heart,.cat-toy,.cat-toolbar button,.cat-sleep-mark{animation:none!important;transition:none!important}.cat-friend[data-action=purring] .cat-heart{opacity:.6}}