:root{--color-A:#1a334a;--color-B:#1e536e;--color-C:#18a3b7;--color-D:#27e6ec;--color-E:#5aa5cd;--color-F:#6f71a1;--font-primary:"Earth Orbiter Condensed"}*{box-sizing:border-box}body{color:#fff;background-color:#010101;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;overflow:hidden}@font-face{font-family:Neuropol;src:url(/fonts/Neuropol-Regular.woff2)format("woff2"),url(/fonts/Neuropol-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Earth Orbiter Condensed;src:url(/fonts/EarthOrbiterCondensed.woff2)format("woff2"),url(/fonts/EarthOrbiterCondensed.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}p{margin:0}#tweakpane-container{position:fixed;top:70px;right:15px}.canvas[data-v-e47774b1]{width:100dvw;height:100dvh}.app[data-v-44070b66]{width:100dvw;height:100dvh;display:grid}.webgl[data-v-44070b66],.controls[data-v-44070b66],.panel[data-v-44070b66]{grid-area:1/1}.controls[data-v-44070b66]{place-self:center}.btn{&[data-v-44070b66]{all:unset;cursor:pointer;color:var(--color-D);font-family:var(--font-primary);border:2px solid var(--color-E);corner-shape:bevel;background:-webkit-linear-gradient(rgb(from var(--color-A) r g b / .5), rgb(from var(--color-F) r g b / .5));border-radius:.5em 0;padding:.4em 1em;font-size:140%;transition:border-color .3s ease-out,letter-spacing .4s ease-out;position:relative}&[data-v-44070b66]:hover{border-color:var(--color-B);letter-spacing:.1em}}.panel{&[data-v-44070b66]{place-self:end start;width:100%;padding:20px}@media (width>=640px){&[data-v-44070b66]{width:clamp(200px,50%,400px)}}& .inner[data-v-44070b66]{border:2px solid var(--color-E);background:-webkit-linear-gradient(rgb(from var(--color-A) r g b / .5), rgb(from var(--color-F) r g b / .5));corner-shape:bevel;border-radius:1em 0;grid-template-columns:1fr;grid-auto-rows:auto;gap:16px;padding:0 20px 20px;display:grid}& h1[data-v-44070b66]{font-family:var(--font-primary);margin-bottom:0;padding-bottom:.3em}& a{&[data-v-44070b66]{color:var(--color-D);text-underline-offset:.2em}&[data-v-44070b66]:hover{text-decoration:none}}& ul[data-v-44070b66]{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}}