.demo.svelte-2tg0xm{gap:1.2rem;display:grid}.stage.svelte-2tg0xm{touch-action:pan-y;height:min(46svh,24rem);position:relative}canvas.svelte-2tg0xm{cursor:grab;width:100%;height:100%;display:block}canvas.svelte-2tg0xm:active{cursor:grabbing}.identity.svelte-2tg0xm{max-width:13rem;position:absolute;top:0;left:0}.identity.svelte-2tg0xm p:where(.svelte-2tg0xm){color:var(--accent);font:500 clamp(2rem,4vw,3.2rem)/.94 var(--serif);letter-spacing:-.02em;margin:0}.identity.svelte-2tg0xm span:where(.svelte-2tg0xm){font:.67rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.7rem;display:block}.state.svelte-2tg0xm{text-align:center;font:700 .7rem/1.8 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);place-content:center;display:grid;position:absolute;inset:0}.state.svelte-2tg0xm span:where(.svelte-2tg0xm){border:1px solid;border-top-color:#0000;border-radius:50%;width:1.3rem;height:1.3rem;margin:0 auto .7rem;animation:.8s linear infinite svelte-2tg0xm-spin}.fallback.svelte-2tg0xm{max-width:24rem;font:.65rem/1.5 var(--mono);color:var(--muted);background:#f4eee1eb;padding:.65rem .8rem;position:absolute;top:3rem;left:1.4rem}.controls.svelte-2tg0xm{border-top:1px solid var(--hairline);padding-top:1rem}.controls-note.svelte-2tg0xm{color:var(--muted);font:.62rem/1.6 var(--mono);margin:0 0 .9rem}.animals.svelte-2tg0xm{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.animals.svelte-2tg0xm button:where(.svelte-2tg0xm){text-align:left;border:1px solid var(--hairline);font:700 .62rem var(--mono);cursor:pointer;background:0 0;gap:.15rem;padding:.5rem .55rem;transition:border-color .16s,background .16s,color .16s;display:grid}.animals.svelte-2tg0xm button:where(.svelte-2tg0xm) span:where(.svelte-2tg0xm){color:var(--muted);font-size:.54rem;font-weight:400;line-height:1.3}.animals.svelte-2tg0xm button:where(.svelte-2tg0xm):hover,.animals.svelte-2tg0xm button:where(.svelte-2tg0xm):focus-visible{border-color:var(--accent);color:var(--accent)}.animals.svelte-2tg0xm button.active:where(.svelte-2tg0xm){background:var(--ink);color:var(--paper);border-color:var(--ink)}.animals.svelte-2tg0xm button.active:where(.svelte-2tg0xm):hover,.animals.svelte-2tg0xm button.active:where(.svelte-2tg0xm):focus-visible{border-color:var(--ink);color:var(--paper)}.animals.svelte-2tg0xm button.active:where(.svelte-2tg0xm) span:where(.svelte-2tg0xm){color:var(--accent-wash)}@keyframes svelte-2tg0xm-spin{to{transform:rotate(360deg)}}@media (width<=700px){.animals.svelte-2tg0xm{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.state.svelte-2tg0xm span:where(.svelte-2tg0xm){animation:none}}