: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,.tongue-layer.speaking{animation:.28s ease-in-out infinite speak-pulse}.tongue-layer{touch-action:none;cursor:grab;transform-origin:50% 100%;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tongue-layer:active{cursor:grabbing}.tongue-outline{fill:none;stroke:#d64b6a;stroke-width:8.6px;stroke-linecap:round;stroke-linejoin:round}.tongue-fill{fill:none;stroke:#ff6b8a;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.tongue-rest-outline{fill:#d64b6a;stroke:none}.tongue-rest-fill{fill:#ff6b8a;stroke:none}.tongue-highlight{fill:none;stroke:#ffffff52;stroke-width:1.1px;stroke-linecap:round}.hint{color:var(--accent);opacity:.85;min-height:2.6em;margin:0;font-size:clamp(.9rem,4vw,1.1rem);line-height:1.3}.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}.menu-toggle{top:max(.5rem, env(safe-area-inset-top));left:max(.5rem, env(safe-area-inset-left));z-index:4;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:fixed}.menu-toggle:hover{background:#1a1030bf}.popup-backdrop{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a05148c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.popup-backdrop-close{cursor:default;background:0 0;border:none;position:absolute;inset:0}.popup{background:var(--bg-glow);width:min(20rem,100%);color:var(--fg);text-align:center;border:1px solid #c9a6ff4d;border-radius:1.1rem;flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem 1.25rem;display:flex;position:relative;box-shadow:0 20px 50px #00000080}.popup-close{z-index:1;width:2rem;height:2rem;color:var(--fg);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:.5rem;right:.5rem}.popup-close:hover{background:#ffffff29}.menu-version{opacity:.7;font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}.menu-item{color:var(--fg);cursor:pointer;background:#ffffff14;border:none;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;font-weight:600}.menu-item:hover{background:#ffffff24}.menu-item:disabled{opacity:.6;cursor:default}.menu-check{flex-direction:column;gap:.4rem;display:flex}.menu-status{color:var(--accent);margin:0;font-size:.85rem}@media (orientation:landscape) and (height<=500px){.stage{padding:calc(2.25rem + .5rem) calc(max(1rem, env(safe-area-inset-right)) + 20px) .5rem max(1rem, env(safe-area-inset-left));grid-template:".cat"1fr"title cat""hint cat"".cat"1fr/1fr auto;justify-content:center;align-items:center;gap:.5rem 1.5rem;display:grid}.title{grid-area:title}.cat-wrap{display:contents}.cat-frame{grid-area:cat;justify-self:center;width:min(50vh,75vw)}.hint{grid-area:hint;min-height:1.3em}.bubble{width:max(9rem,55%);left:18%}}