:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1030;--bg-glow:#2a1a4a;--fg:#f3e9ff;--accent:#c9a6ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:var(--fg);background:radial-gradient(circle at 50% 28%, var(--bg-glow), var(--bg) 70%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.stage{min-height:100%;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}@media (width>=700px){.stage.frame--vignette:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 52.5%,#c9a6ff38,#0000 60%);position:absolute;inset:0}}.title{letter-spacing:.02em;text-shadow:0 2px 28px #c9a6ff80;margin:0;font-size:clamp(2rem,8vw,3.5rem);font-weight:800}.cat-wrap{flex-direction:column;align-items:center;gap:1rem;width:min(80vw,340px);display:flex}.cat-frame{width:100%;line-height:0;position:relative}.cat{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 14px 34px #00000073);transform-origin:50% 100%;width:100%;height:auto}@keyframes speak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015,.985)}}.cat.speaking{animation:.28s ease-in-out infinite speak-pulse}.tongue-layer{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tongue-layer:active{cursor:grabbing}.tongue{fill:#ff6b8a;stroke:#d64b6a;stroke-width:.8px;stroke-linejoin:round}.hint{color:var(--accent);opacity:.85;margin:0;font-size:clamp(.9rem,4vw,1.1rem)}.bubble{background:var(--fg);color:#2a1a4a;text-align:center;opacity:0;pointer-events:none;z-index:2;border-radius:1.1rem;width:max(12rem,70%);max-width:20rem;padding:.75rem 1rem;font-size:clamp(.85rem,3.6vw,1rem);font-weight:600;line-height:1.3;transition:opacity .2s,transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4%;left:35%;transform:translate(-50%)scale(.85);box-shadow:0 10px 30px #00000059}.bubble:after{content:"";background:inherit;border-radius:0 0 .2rem;width:1rem;height:1rem;position:absolute;bottom:-.5rem;left:65%;transform:translate(-50%)rotate(45deg)}.bubble--visible{opacity:1;transform:translate(-50%)scale(1)}.mute-toggle{z-index:3;width:2.25rem;height:2.25rem;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a10308c;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:.5rem;right:.5rem}.mute-toggle:hover{background:#1a1030bf}