:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9f0ec;font-synthesis:none;text-rendering:optimizelegibility;background:#020504;font-family:Inter,SF Pro Text,Helvetica Neue,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 42%,#15211d 0,#020504 65%),#020504}button,input{font:inherit}button{color:inherit}#scene{touch-action:none;width:100%;height:100%;display:block}#app:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(at 52% 48%,#0000 32%,#00030229 58%,#000202b8 112%),linear-gradient(#040c0a0f,#00030229);position:fixed;inset:0}.masthead{z-index:2;pointer-events:none;transition:opacity .22s,visibility .22s;position:fixed;top:clamp(22px,4vw,52px);left:clamp(22px,4vw,58px)}.masthead__index,.eyebrow{color:#9ec1b18f;letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:600}.masthead h1{color:#e7ede9;letter-spacing:-.075em;text-shadow:0 0 34px #578e7c29;margin:6px 0 2px;font-size:clamp(34px,4.4vw,64px);font-weight:600;line-height:.96}.masthead p{color:#9ec1b180;letter-spacing:.13em;margin:8px 0 0 3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.runtime-badge{z-index:2;color:#c2dacead;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.14em;background:#050b09a8;border:1px solid #78ae9730;border-radius:999px;align-items:center;gap:8px;min-height:28px;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:600;transition:opacity .22s,visibility .22s;display:flex;position:fixed;top:clamp(24px,4vw,54px);right:clamp(112px,9vw,148px)}.runtime-badge__light{background:#78c7a7;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #78c7a71a,0 0 12px #78c7a79e}.ui-toggle{z-index:4;color:#f4ebe0f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.12em;cursor:pointer;background:#0b0b09d6;border:1px solid #caa07675;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700;transition:color .18s,border-color .18s,background .18s,opacity .22s;display:flex;position:fixed;top:clamp(24px,4vw,54px);right:clamp(22px,4vw,58px);box-shadow:0 8px 24px #00000042,inset 0 1px #ffefdb0d}.ui-toggle:hover{color:#efdecae6;background:#19130dc7;border-color:#c4905f85}.ui-toggle__mark{border:1px solid;border-radius:1px;width:6px;height:6px;box-shadow:inset 0 0 0 1px #00000080}.ui-toggle[data-hidden=true]{opacity:.72}.ui-toggle[data-hidden=true]:hover,.ui-toggle:focus-visible{opacity:1}.telemetry,.controls{z-index:3;-webkit-backdrop-filter:blur(20px)saturate(.78);backdrop-filter:blur(20px)saturate(.78);background:#040907c2;border:1px solid #74918233;border-radius:12px;transition:opacity .22s,visibility .22s;position:fixed;box-shadow:0 18px 50px #0002017a,inset 0 1px #abd0bc0b}.telemetry{width:min(310px,100vw - 44px);padding:16px 18px 17px;bottom:clamp(24px,4vw,52px);left:clamp(22px,4vw,58px)}.telemetry dl{grid-template-columns:repeat(4,1fr);gap:0;margin:13px 0 0;display:grid}.telemetry dl>div{border-left:1px solid #87a19224;padding-left:12px}.telemetry dl>div:first-child{border-left:0;padding-left:0}.telemetry dt{color:#9ab5a67a;letter-spacing:.1em;margin-bottom:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px}.telemetry dd{color:#e1ece6;letter-spacing:-.04em;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:600}.controls{width:236px;padding:16px 17px 18px;transition:width .22s,padding .22s,opacity .22s,visibility .22s;bottom:clamp(24px,4vw,52px);right:clamp(22px,4vw,58px);overflow:hidden}.controls__header{justify-content:space-between;align-items:center;margin-bottom:18px;transition:margin-bottom .22s;display:flex}.controls h2{color:#e1ebe5;letter-spacing:.02em;margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.controls__actions{background:#324d401f;border:1px solid #79b29945;border-radius:999px;flex:none;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 1px #b3ddc709}.panel-toggle,.icon-button{cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:3px;width:29px;height:27px;padding:0;transition:color .16s,background .16s;display:flex}.panel-toggle{border-left:1px solid #79b2992e}.panel-toggle:hover,.icon-button:hover{background:#5b8b743d}.panel-toggle:focus-visible,.icon-button:focus-visible{background:#669f844d;outline:none;box-shadow:inset 0 0 0 1px #b2dec85c}.panel-toggle span{border-bottom:1.5px solid #b8d9c8;border-right:1.5px solid #b8d9c8;width:7px;height:7px;transition:transform .22s;transform:translateY(1px)rotate(225deg)}.icon-button span{background:#b8d9c8;border-radius:2px;width:2px;height:8px}.icon-button[data-paused=true] span:first-child{background:0 0;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid #b8d9c8;border-radius:0;width:0;height:0;margin-left:2px}.icon-button[data-paused=true] span:last-child{display:none}.controls__body{opacity:1;max-height:220px;transition:max-height .24s,opacity .16s;overflow:hidden}.controls[data-collapsed=true]{width:208px;padding-bottom:16px}.controls[data-collapsed=true] .controls__header{margin-bottom:0}.controls[data-collapsed=true] .controls__body{opacity:0;pointer-events:none;max-height:0}.controls[data-collapsed=true] .panel-toggle span{transform:translateY(-1px)rotate(45deg)}.controls label{margin-top:13px;display:block}.controls label>span{color:#a4beb09e;letter-spacing:.12em;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:600;display:flex}.controls output{color:#acd8c2;letter-spacing:0}.controls input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:4px 0 0}.controls input[type=range]::-webkit-slider-runnable-track{background:#7497844d;border-radius:2px;height:2px}.controls input[type=range]::-webkit-slider-thumb{appearance:none;background:#78c7a7;border:2px solid #d1e5da;border-radius:50%;width:9px;height:9px;margin-top:-3.5px;box-shadow:0 0 0 1px #78c7a76b,0 0 10px #78c7a775}.instruction{z-index:2;color:#9bb6a775;letter-spacing:.11em;white-space:nowrap;pointer-events:none;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;font-weight:600;transition:opacity .22s,visibility .22s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#app[data-ui-hidden=true] .masthead,#app[data-ui-hidden=true] .runtime-badge,#app[data-ui-hidden=true] .telemetry,#app[data-ui-hidden=true] .controls,#app[data-ui-hidden=true] .instruction{visibility:hidden;opacity:0}.instruction i{background:currentColor;border-radius:50%;width:2px;height:2px}.loading{z-index:10;color:#c7ddd0c2;letter-spacing:.18em;background:#020504;place-content:center;justify-items:center;gap:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}.loading[data-hidden=true]{visibility:hidden;opacity:0}.loading__mark{border:1px solid #79c4a329;border-top-color:#79c4a4;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@media (width<=760px){.masthead{top:20px;left:20px}.masthead h1{font-size:38px}.runtime-badge{top:21px;right:104px}.ui-toggle{top:21px;right:20px}.telemetry{width:calc(100vw - 40px);bottom:20px;left:20px}.controls{width:208px;top:92px;bottom:auto;right:20px}.instruction{display:none}}@media (width<=520px){.masthead{top:68px}.controls{scrollbar-width:thin;scrollbar-color:#78c7a747 transparent;width:min(212px,100vw - 28px);max-height:calc(100dvh - 226px);padding:14px 15px 16px;top:122px;right:14px;overflow-y:auto}.controls[data-collapsed=true]{width:min(208px,100vw - 28px);overflow:hidden}.controls__header{margin-bottom:13px}.controls label{margin-top:10px}.telemetry dl{grid-template-columns:repeat(4,minmax(0,1fr))}.telemetry dl>div{padding-left:8px}.telemetry dd{font-size:11px}}@keyframes spin{to{transform:rotate(1turn)}}