.critter-hit{z-index:46;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:fixed;top:0;left:0}.critter-hit[hidden]{display:none}.critter-hit:focus-visible{outline:2px solid var(--rust);outline-offset:6px}.critter-lens{z-index:61;pointer-events:none;transform-origin:44% 44%;position:fixed;top:0;left:0}.critter-lens[hidden]{display:none}:root:not([data-motion=paused]) .critter-lens{animation:.35s cubic-bezier(.3,1.4,.5,1) both critter-lens-in}@keyframes critter-lens-in{0%{rotate:-14deg;scale:.55}}.critter-lens__glass{background:var(--card);border-radius:50%;position:absolute;overflow:hidden;box-shadow:inset 0 0 18px #0000001f}.critter-lens__glass canvas{width:100%;height:100%;display:block}.critter-lens__frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.critter-lens__rim{fill:none;stroke:var(--ink);stroke-width:3.5px}.critter-lens__handle{stroke:#6b4a38;stroke-width:12px;stroke-linecap:round}.critter-lens__shine{fill:none;stroke:#fff;stroke-opacity:.7;stroke-width:3px;stroke-linecap:round}.critter-lens__note{white-space:nowrap;font-family:var(--font-hand);color:var(--rust);font-size:1.45rem;font-weight:600;line-height:1;position:absolute;rotate:-6deg}.critter-exhibit{background:var(--card);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);cursor:auto;border:0;margin:0;padding:0;overflow:hidden}.critter-exhibit::backdrop{background:0 0}html:has(.critter-exhibit.is-covering) canvas:not(.critter-exhibit canvas){visibility:hidden}:root:not([data-motion=paused]) .critter-exhibit.is-opening{animation:.8s cubic-bezier(.65,0,.35,1) both critter-iris-open}:root:not([data-motion=paused]) .critter-exhibit.is-closing{animation:.6s cubic-bezier(.65,0,.35,1) both critter-iris-close}.critter-exhibit__inner{height:100%;transform-origin:var(--ox) var(--oy);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,56px);padding:clamp(16px,4vw,56px);display:grid;position:relative}:root:not([data-motion=paused]) .critter-exhibit.is-opening .critter-exhibit__inner{animation:.8s cubic-bezier(.65,0,.35,1) both critter-grow}:root:not([data-motion=paused]) .critter-exhibit.is-closing .critter-exhibit__inner{animation:.6s cubic-bezier(.65,0,.35,1) reverse both critter-grow}:root:not([data-motion=paused]) .critter-exhibit.is-opening .critter-exhibit__text{animation:.7s ease-out .45s backwards critter-rise}@keyframes critter-iris-open{0%{clip-path:circle(0 at var(--ox) var(--oy))}to{clip-path:circle(var(--or) at var(--ox) var(--oy))}}@keyframes critter-iris-close{0%{clip-path:circle(var(--or) at var(--ox) var(--oy));opacity:1}70%{opacity:1}to{clip-path:circle(0 at var(--ox) var(--oy));opacity:0}}@keyframes critter-grow{0%{transform:scale(.1)}}@keyframes critter-rise{0%{opacity:0;transform:translateY(14px)}}.critter-exhibit__stage{flex-direction:column;height:min(80dvh,720px);display:flex}.critter-exhibit__view{flex:1;min-height:0;position:relative}.critter-exhibit__stage canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.critter-exhibit__stage canvas:active{cursor:grabbing}.critter-exhibit__hint{text-align:center;max-width:92%;font-family:var(--font-mono);color:var(--muted);margin:10px auto 0;font-size:.78rem;line-height:1.5}.critter-exhibit__hint>span{display:block}.critter-exhibit__coarse{display:none!important}@media (pointer:coarse){.critter-exhibit__fine,.critter-exhibit__keys{display:none!important}.critter-exhibit__coarse{display:block!important}}.critter-exhibit__text{overscroll-behavior:contain;max-width:30rem;max-height:100%;padding:56px 4px 4px;overflow-y:auto}.critter-exhibit__text:focus-visible{outline:2px solid var(--rust);outline-offset:2px}.critter-exhibit__close{top:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px)}@media (max-width:820px){.critter-exhibit__inner{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:start;padding-top:64px}.critter-exhibit__stage{height:46dvh}.critter-exhibit__text{max-width:none;padding-top:4px}}