:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d0c8dd;background:#0d0d16;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}#app,#scene{position:fixed;inset:0}#scene{touch-action:none;outline:none}#scene canvas{cursor:grab;width:100%;height:100%;display:block}#scene canvas:active{cursor:grabbing}.grain{pointer-events:none;z-index:1;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.controls{right:28px;bottom:max(24px,env(safe-area-inset-bottom));z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.55;background:#17131d88;border:1px solid #b5a1d22b;border-radius:40px;gap:6px;padding:5px;transition:opacity .25s;display:flex;position:fixed}.controls:hover,.controls:focus-within{opacity:1}.controls button{width:38px;height:38px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.controls button:hover{background:#c6a6ec16}.controls svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}button:focus-visible{outline-offset:4px;outline:2px solid #bc97e4}.night{color:#bfd7dc}.night .controls{background:#101c2799;border-color:#faf3d722}.loading{z-index:5;background:#0d0d16;justify-content:center;align-items:center;gap:9px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.loading i{background:#8d80ad;border-radius:50%;width:10px;height:10px;animation:1.1s ease-in-out infinite breathe;display:block}.loading i:nth-child(2){background:#8e7099;animation-delay:.15s}.loading i:nth-child(3){background:#b58a8f;animation-delay:.3s}.loading.loaded{opacity:0;visibility:hidden;pointer-events:none}#load-error{z-index:10;color:#d0c8dd;background:#242130;border-radius:20px;padding:14px 20px;font-size:13px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.creature-button:focus-visible{clip:auto;z-index:5;background:#393046;border-radius:50%;outline:2px solid #bc97e4;width:44px;height:44px;margin:0;bottom:25px;left:25px}.creature-button:focus-visible:after{content:"✧";font-size:22px}@keyframes breathe{50%{opacity:.45;transform:translateY(-8px)}}@media (width<=650px){.controls{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.controls button{width:40px;height:40px}.grain{opacity:.04}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#scene.holding canvas{cursor:grabbing!important}#scene.over-creature canvas{cursor:grab}.social-link{top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2d6ef;-webkit-tap-highlight-color:transparent;background:#17131dbb;border:1px solid #b5a1d24d;border-radius:50%;place-items:center;width:46px;height:46px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:grid;position:fixed}.social-link svg{fill:currentColor;width:19px;height:19px}.social-link:hover{background:#30233fe6;border-color:#bc97e499;transform:translateY(-2px)}.social-link:focus-visible{outline-offset:4px;outline:2px solid #bc97e4}@media (width<=650px){.social-link{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}}.grain{opacity:.035;background-color:#0000}.grain:after{content:"";opacity:.5;background:radial-gradient(at 50% 46%,#0000 40%,#030309 100%);position:absolute;inset:0}.controls{opacity:.75}.loading i{box-shadow:0 0 22px #b08cdb33}