*{box-sizing:border-box}body{margin:0;background:#edece5;color:#25251e;font-family:Arial,Helvetica,sans-serif;font-size:14px}header{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;z-index:2;pointer-events:none}header>span:first-child{font-size:35px;letter-spacing:-2px;font-weight:500}.study{font:11px/1.4 monospace;text-align:right}main{min-height:720px;height:100svh;position:relative;max-height:1200px}#scene{position:absolute;inset:0 0 100px 0;touch-action:none}canvas{display:block;width:100%;height:100%}#loading{position:absolute;left:36%;top:45%;font-family:monospace}aside{position:absolute;right:38px;top:23%;width:205px;z-index:3}h1{font-size:25px;font-weight:400;line-height:1.06;letter-spacing:-1px;margin:0 0 35px}aside>label{display:block;font-family:monospace;font-size:11px;margin:0 0 19px}output{float:right;opacity:.6}input[type=range]{width:100%;height:17px;margin:7px 0 0;accent-color:#e544a1;cursor:ew-resize}input[type=checkbox]{accent-color:#e544a1;margin:0 7px 0 0}button{background:none;border:0;color:inherit;font:11px monospace;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}button:hover,a:hover{color:#af1a72}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #ca1688;outline-offset:5px}.switches{display:flex;justify-content:space-between;font:11px monospace;margin:23px 0}#reset{opacity:.6}.hint{position:absolute;left:30px;bottom:110px;font:10px monospace;color:#6c6c62;pointer-events:none}footer{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;font-size:22px;line-height:1.35;letter-spacing:-.5px}a{color:inherit;text-decoration:none}footer small{font:9px/1.5 monospace;text-align:right;opacity:.6}footer small a{text-decoration:underline}@media(max-width:700px){header{left:20px;right:20px;top:20px}header>span:first-child{font-size:29px}main{height:auto;min-height:860px;max-height:none}#scene{height:540px;inset:0 0 auto}aside{top:545px;left:20px;right:20px;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}h1{grid-column:1/-1;font-size:22px;margin-bottom:22px}aside>label{margin-bottom:16px}.switches{margin:8px 0 18px;grid-column:1/-1;justify-content:start;gap:30px}#reset{text-align:left}.hint{left:20px;top:515px;bottom:auto}footer{position:relative;left:auto;right:auto;bottom:auto;margin:10px 20px 25px;font-size:19px}footer small{font-size:8px}.study{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

select{display:block;width:100%;margin-top:8px;padding:8px 5px;background:transparent;border:0;border-bottom:1px solid #aaa99f;color:inherit;font:12px monospace}select:focus-visible{outline:2px solid #ca1688;outline-offset:3px}

input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;height:28px;margin-top:3px;cursor:ew-resize}
input[type=range]::-webkit-slider-runnable-track{height:1px;background:#77786e;border:0}
input[type=range]::-moz-range-track{height:1px;background:#77786e;border:0}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:28px;margin-top:-14px;border:0;border-radius:0;background:transparent url("arrow.svg") center/18px 24px no-repeat}
input[type=range]::-moz-range-thumb{width:22px;height:28px;border:0;border-radius:0;background:transparent url("arrow.svg") center/18px 24px no-repeat}
#reset{margin-top:15px}

.hint{left:50%;top:48%;bottom:auto;transform:translateX(-50%);font:12px monospace;color:#25251e}@media(max-width:700px){.hint{top:320px;left:50%}}

footer{justify-content:center;text-align:center}footer .release{font:italic 28px/1.35 Georgia,"Times New Roman",serif;letter-spacing:-.7px}footer a{display:inline-block;font:12px/1.8 monospace;letter-spacing:0;margin-top:5px}@media(max-width:700px){footer .release{font-size:25px}}

.hint{top:53%}@media(max-width:700px){.hint{top:340px}}

#orb{pointer-events:auto;touch-action:none;width:54px;height:54px;padding:3px;cursor:grab;z-index:4;text-decoration:none}#orb:active{cursor:grabbing}#orb svg{width:100%;height:100%}#reset{font-size:30px;text-decoration:none;width:44px;height:44px;line-height:1;text-align:center}.hint{top:55%}@media(max-width:700px){.hint{top:310px}}

.launch-block{width:min(620px,90vw)}footer .release{font:italic 18px/1.3 Georgia,serif;letter-spacing:0}.liquid-date{display:block;width:100%;height:auto;overflow:visible;margin:0 auto}.liquid-date text{font:82px Georgia,serif;letter-spacing:-2px}.date-outline{fill:none;stroke:#55584e;stroke-width:.8}footer a{margin-top:0}@media(max-width:700px){footer .release{font-size:16px}.launch-block{width:100%}}

footer .launch-block{width:min(610px,90vw)}.studio-description{font:14px/1.55 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0 auto 12px}.launch-line{font:14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0 0 7px}footer a{font-size:11px}@media(max-width:700px){footer .launch-block{width:100%}.studio-description{font-size:13px;line-height:1.55}.launch-line{font-size:13px}}
@font-face{font-family:'Outfit';src:url('./fonts/Outfit.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}.studio-description,.launch-line{font-family:'Outfit',Arial,sans-serif;font-size:17px;line-height:1.5}footer .launch-block{width:min(650px,90vw)}@media(max-width:700px){.studio-description,.launch-line{font-size:16px;line-height:1.5}}

.studio-description{font-size:14.5px;line-height:1.55}.launch-line{font-size:12.5px;line-height:1.5}@media(max-width:700px){.studio-description{font-size:13.5px;line-height:1.55}.launch-line{font-size:12px;line-height:1.5}}

@media(max-width:400px){aside>label:has(#density){grid-column:1/-1}}