@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono&display=swap";:root{color:#e0e9ec;font-synthesis:none;--muted:#87979e;--line:#34434d;--ice:#b9e8f4;background:#080e14;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{background:radial-gradient(at 52% 36%,#40505b 0%,#15222d 44%,#070c11 85%);height:100svh;min-height:660px;position:relative;overflow:hidden}#scene{position:absolute;inset:0}canvas{touch-action:none;cursor:grab;display:block}canvas:active{cursor:grabbing}.grain{opacity:.035;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}header,footer{justify-content:space-between;align-items:center;display:flex;position:absolute;left:3.5%;right:3.5%}header{top:32px}.brand{letter-spacing:3px;color:inherit;align-items:center;gap:12px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand-icon{font-size:32px;font-weight:400}.registered{letter-spacing:0;align-self:flex-start;margin-top:8px;font-size:10px}.edition,.coordinates,.side-note,.eyebrow,button,footer,.controls{letter-spacing:1.4px;font-family:Space Mono,monospace;font-size:10px}.edition{color:var(--muted)}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:12px 0}#pause{align-items:center;gap:22px;display:flex}.coordinates{color:var(--muted);pointer-events:none;line-height:2;position:absolute;top:140px;left:3.5%}.side-note{writing-mode:vertical-rl;color:var(--muted);pointer-events:none;position:absolute;top:39%;right:3.5%}.crosshair{color:#788994;pointer-events:none;font:22px monospace;position:absolute;top:43%;left:3.5%}.intro{pointer-events:none;position:absolute;bottom:100px;left:3.5%}.eyebrow{color:var(--ice);align-items:center;gap:10px;font-size:9px;display:flex}.eyebrow span{background:var(--ice);border-radius:50%;width:5px;height:5px}h1{letter-spacing:-.065em;margin:17px 0 18px;font-size:clamp(72px,10vw,160px);font-weight:500;line-height:1}h1 span{vertical-align:top;color:#9cbbc7;padding:8px 0 0 24px;font-size:.32em;font-weight:400;display:inline-block}.description{color:#95a5ad;margin:0;font-size:15px;line-height:1.55}.controls{width:255px;position:absolute;bottom:105px;right:3.5%}.control-heading{color:#a9bac3;justify-content:space-between;display:flex}.controls output{color:#e3f3f8}.controls input{width:100%;accent-color:var(--ice);cursor:pointer;height:3px;margin:22px 0 13px}.controls button{border-bottom:1px solid var(--line);letter-spacing:1px;justify-content:space-between;align-items:center;width:100%;padding:20px 0;font-size:9px;display:flex}.controls button span{font-size:20px}.controls p{color:#8699a2;letter-spacing:1px;justify-content:space-between;margin-top:20px;font-size:8px;display:flex}footer{color:#7f949e;border-top:1px solid #27353e;padding-top:21px;font-size:8px;bottom:26px}.status{align-items:center;gap:8px;display:flex}.status i{background:#b7eafa;border-radius:50%;width:4px;height:4px;box-shadow:0 0 9px #b7eafa}button:hover{color:#b9e8f4}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:7px;outline:2px solid #b9e8f4}#error{text-align:center;color:#fff;background:#132530;padding:24px;position:absolute;top:30%;left:10%;right:10%}@media (width<=700px){main{min-height:740px}header{top:20px}.edition,.side-note,.crosshair{display:none}.coordinates{font-size:8px;top:100px}.intro{bottom:218px}h1{font-size:82px}.description{font-size:13px}.controls{width:44%;min-width:210px;bottom:76px}.eyebrow{font-size:8px}footer{letter-spacing:.5px;font-size:7px}.controls p{margin-top:12px}.status{display:none}#pause{font-size:9px}}#loading{text-align:center;letter-spacing:2px;color:#b9e8f4;pointer-events:none;font:10px Space Mono,monospace;position:absolute;top:42%;left:0;right:0}footer a{color:inherit;text-decoration:none}footer a:hover{color:#b9e8f4}button:disabled,input:disabled{opacity:.4;cursor:wait}@media (width<=700px){.coordinates{display:none}}.model-picker{letter-spacing:1px;flex-direction:column;align-items:flex-start;gap:4px;font:9px Space Mono,monospace;display:flex;position:absolute;top:94px;left:3.5%}.model-picker>span{color:#87979e;margin-bottom:4px}.model-picker button{background:#080e14b8;border:1px solid #40535f;padding:8px 12px;font-size:9px}.model-picker button[aria-pressed=true]{color:#c6e9ec;background:#24343ddd;border-color:#c6e9ec}.model-picker~.coordinates{display:none}body:has(.model-picker) .coordinates{display:none}@media (width<=700px){.model-picker{gap:3px;top:80px}.model-picker button{padding:7px 9px;font-size:8px}}progress{appearance:none;background:#34434d;border:0;width:100%;height:3px;margin:22px 0 13px;display:block}progress::-webkit-progress-bar{background:#34434d}progress::-webkit-progress-value{background:#b9e8f4}progress::-moz-progress-bar{background:#b9e8f4}.controls #sound{color:#b9e8f4;padding:12px 0;font-size:9px}.controls .audio-credit{letter-spacing:.3px;margin-bottom:0;font-size:6px;line-height:1.7;display:block}.audio-credit a{color:inherit;text-decoration:none}.audio-credit a:hover{color:#fff}@media (width<=700px){.intro{bottom:285px}.controls{bottom:76px}}.model-picker{scrollbar-width:thin;max-height:calc(100svh - 380px);padding-right:8px;overflow-y:auto}.model-picker button{flex-shrink:0}.crosshair{display:none}@media (width<=700px){.model-picker{grid-template-columns:1fr 1fr;max-width:90%;max-height:180px;display:grid}.model-picker>span{grid-column:1/-1}.model-picker button{letter-spacing:.3px;text-align:left}}.embedded,.embedded body{color-scheme:normal;overflow:hidden;background:0 0!important}.embedded main{background:0 0;height:100svh;min-height:0}.embedded main>:not(#scene):not(#loading):not(#error):not(footer){display:none!important}.embedded footer{opacity:.6;border:0;padding:0;font-size:6px;bottom:8px;left:8px;right:8px}.embedded footer>:not(a){display:none}.embedded #loading{font-size:8px}