.lil-gui{font-family:var(--font-family);font-size:var(--font-size);text-align:left;color:var(--text-color);-webkit-user-select:none;user-select:none;touch-action:manipulation;--background-color:#1f1f1f;--text-color:#ebebeb;--title-background-color:#111;--title-text-color:#ebebeb;--widget-color:#424242;--hover-color:#4f4f4f;--focus-color:#595959;--number-color:#2cc9ff;--string-color:#a2db3c;--font-size:11px;--input-font-size:11px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-family-mono:Menlo, Monaco, Consolas, "Droid Sans Mono", monospace;--padding:4px;--spacing:4px;--widget-height:20px;--title-height:calc(var(--widget-height) + var(--spacing) * 1.25);--name-width:45%;--slider-knob-width:2px;--slider-input-width:27%;--color-input-width:27%;--slider-input-min-width:45px;--color-input-min-width:45px;--folder-indent:7px;--widget-padding:0 0 0 3px;--widget-border-radius:2px;--checkbox-size:calc(.75 * var(--widget-height));--scrollbar-width:5px;font-style:normal;font-weight:400;line-height:1}.lil-gui,.lil-gui *{box-sizing:border-box;margin:0;padding:0}.lil-gui.root{width:var(--width,245px);background:var(--background-color);flex-direction:column;display:flex}.lil-gui.root>.title{background:var(--title-background-color);color:var(--title-text-color)}.lil-gui.root>.children{overflow:hidden auto}.lil-gui.root>.children::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width);background:var(--background-color)}.lil-gui.root>.children::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-width);background:var(--focus-color)}@media (pointer:coarse){.lil-gui.allow-touch-styles,.lil-gui.allow-touch-styles .lil-gui{--widget-height:28px;--padding:6px;--spacing:6px;--font-size:13px;--input-font-size:16px;--folder-indent:10px;--scrollbar-width:7px;--slider-input-min-width:50px;--color-input-min-width:65px}}.lil-gui.force-touch-styles,.lil-gui.force-touch-styles .lil-gui{--widget-height:28px;--padding:6px;--spacing:6px;--font-size:13px;--input-font-size:16px;--folder-indent:10px;--scrollbar-width:7px;--slider-input-min-width:50px;--color-input-min-width:65px}.lil-gui.autoPlace{z-index:1001;max-height:100%;position:fixed;top:0;right:15px}.lil-gui .controller{padding:0 var(--padding);margin:var(--spacing) 0;align-items:center;display:flex}.lil-gui .controller.disabled{opacity:.5}.lil-gui .controller.disabled,.lil-gui .controller.disabled *{pointer-events:none!important}.lil-gui .controller>.name{min-width:var(--name-width);white-space:pre;padding-right:var(--spacing);line-height:var(--widget-height);flex-shrink:0}.lil-gui .controller .widget{width:100%;min-height:var(--widget-height);align-items:center;display:flex;position:relative}.lil-gui .controller.string input{color:var(--string-color)}.lil-gui .controller.boolean{cursor:pointer}.lil-gui .controller.color .display{width:100%;height:var(--widget-height);border-radius:var(--widget-border-radius);position:relative}@media (hover:hover){.lil-gui .controller.color .display:hover:before{content:" ";border-radius:var(--widget-border-radius);border:1px solid #fff9;display:block;position:absolute;inset:0}}.lil-gui .controller.color input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%}.lil-gui .controller.color input[type=text]{margin-left:var(--spacing);font-family:var(--font-family-mono);min-width:var(--color-input-min-width);width:var(--color-input-width);flex-shrink:0}.lil-gui .controller.option select{opacity:0;width:100%;max-width:100%;position:absolute}.lil-gui .controller.option .display{pointer-events:none;border-radius:var(--widget-border-radius);height:var(--widget-height);line-height:var(--widget-height);word-break:break-all;background:var(--widget-color);max-width:100%;padding-left:.55em;padding-right:1.75em;position:relative;overflow:hidden}@media (hover:hover){.lil-gui .controller.option .display.focus{background:var(--focus-color)}}.lil-gui .controller.option .display.active{background:var(--focus-color)}.lil-gui .controller.option .display:after{content:"↕";padding-right:.375em;font-family:lil-gui;position:absolute;top:0;bottom:0;right:0}.lil-gui .controller.option .widget,.lil-gui .controller.option select{cursor:pointer}@media (hover:hover){.lil-gui .controller.option .widget:hover .display{background:var(--hover-color)}}.lil-gui .controller.number input{color:var(--number-color)}.lil-gui .controller.number.hasSlider input{margin-left:var(--spacing);width:var(--slider-input-width);min-width:var(--slider-input-min-width);flex-shrink:0}.lil-gui .controller.number .slider{width:100%;height:var(--widget-height);background:var(--widget-color);border-radius:var(--widget-border-radius);padding-right:var(--slider-knob-width);cursor:ew-resize;touch-action:pan-y;overflow:hidden}@media (hover:hover){.lil-gui .controller.number .slider:hover{background:var(--hover-color)}}.lil-gui .controller.number .slider.active{background:var(--focus-color)}.lil-gui .controller.number .slider.active .fill{opacity:.95}.lil-gui .controller.number .fill{border-right:var(--slider-knob-width) solid var(--number-color);box-sizing:content-box;height:100%}.lil-gui-dragging .lil-gui{--hover-color:var(--widget-color)}.lil-gui-dragging *{cursor:ew-resize!important}.lil-gui-dragging.lil-gui-vertical *{cursor:ns-resize!important}.lil-gui .title{height:var(--title-height);padding:0 var(--padding);text-align:left;text-decoration-skip:objects;background:0 0;width:100%;font-weight:600}.lil-gui .title:before{content:"▾";padding-right:2px;font-family:lil-gui;display:inline-block}.lil-gui .title:active{background:var(--title-background-color);opacity:.75}@media (hover:hover){body:not(.lil-gui-dragging) .lil-gui .title:hover{background:var(--title-background-color);opacity:.85}.lil-gui .title:focus{-webkit-text-decoration:underline var(--focus-color);text-decoration:underline var(--focus-color)}}.lil-gui.root>.title:focus{text-decoration:none!important}.lil-gui.closed>.title:before{content:"▸"}.lil-gui.closed>.children{opacity:0;transform:translateY(-7px)}.lil-gui.closed:not(.transition)>.children{display:none}.lil-gui.transition>.children{pointer-events:none;transition-property:height,opacity,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.6,.35,1);overflow:hidden}.lil-gui .children:empty:before{content:"Empty";padding:0 var(--padding);margin:var(--spacing) 0;height:var(--widget-height);font-style:italic;line-height:var(--widget-height);opacity:.5;display:block}.lil-gui.root>.children>.lil-gui>.title{border:0 solid var(--widget-color);border-width:1px 0;transition:border-color .3s}.lil-gui.root>.children>.lil-gui.closed>.title{border-bottom-color:#0000}.lil-gui+.controller{border-top:1px solid var(--widget-color);padding-top:var(--spacing);margin-top:0}.lil-gui .lil-gui .lil-gui>.title{border:none}.lil-gui .lil-gui .lil-gui>.children{margin-left:var(--folder-indent);border:none;border-left:2px solid var(--widget-color)}.lil-gui .lil-gui .controller{border:none}.lil-gui label,.lil-gui input,.lil-gui button{-webkit-tap-highlight-color:transparent}.lil-gui input{font-family:var(--font-family);font-size:var(--input-font-size);border-radius:var(--widget-border-radius);height:var(--widget-height);background:var(--widget-color);color:var(--text-color);border:0;outline:none;width:100%}@media (hover:hover){.lil-gui input:hover{background:var(--hover-color)}.lil-gui input:active{background:var(--focus-color)}}.lil-gui input:disabled{opacity:1}.lil-gui input[type=text],.lil-gui input[type=number]{padding:var(--widget-padding);-moz-appearance:textfield}.lil-gui input[type=text]:focus,.lil-gui input[type=number]:focus{background:var(--focus-color)}.lil-gui input[type=checkbox]{appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--widget-border-radius);text-align:center;cursor:pointer}.lil-gui input[type=checkbox]:checked:before{content:"✓";font-family:lil-gui;font-size:var(--checkbox-size);line-height:var(--checkbox-size)}@media (hover:hover){.lil-gui input[type=checkbox]:focus{box-shadow:inset 0 0 0 1px var(--focus-color)}}.lil-gui button{cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);color:var(--text-color);border:none;outline:none;width:100%}.lil-gui .controller button{height:var(--widget-height);text-transform:none;background:var(--widget-color);border-radius:var(--widget-border-radius)}@media (hover:hover){.lil-gui .controller button:hover{background:var(--hover-color)}.lil-gui .controller button:focus{box-shadow:inset 0 0 0 1px var(--focus-color)}}.lil-gui .controller button:active{background:var(--focus-color)}@font-face{font-family:lil-gui;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUsAAsAAAAACJwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAH4AAADAImwmYE9TLzIAAAGIAAAAPwAAAGBKqH5SY21hcAAAAcgAAAD0AAACrukyyJBnbHlmAAACvAAAAF8AAACEIZpWH2hlYWQAAAMcAAAAJwAAADZfcj2zaGhlYQAAA0QAAAAYAAAAJAC5AHhobXR4AAADXAAAABAAAABMAZAAAGxvY2EAAANsAAAAFAAAACgCEgIybWF4cAAAA4AAAAAeAAAAIAEfABJuYW1lAAADoAAAASIAAAIK9SUU/XBvc3QAAATEAAAAZgAAAJCTcMc2eJxVjbEOgjAURU+hFRBK1dGRL+ALnAiToyMLEzFpnPz/eAshwSa97517c/MwwJmeB9kwPl+0cf5+uGPZXsqPu4nvZabcSZldZ6kfyWnomFY/eScKqZNWupKJO6kXN3K9uCVoL7iInPr1X5baXs3tjuMqCtzEuagm/AAlzQgPAAB4nGNgYRBlnMDAysDAYM/gBiT5oLQBAwuDJAMDEwMrMwNWEJDmmsJwgCFeXZghBcjlZMgFCzOiKOIFAB71Bb8AeJy1kjFuwkAQRZ+DwRAwBtNQRUGKQ8OdKCAWUhAgKLhIuAsVSpWz5Bbkj3dEgYiUIszqWdpZe+Z7/wB1oCYmIoboiwiLT2WjKl/jscrHfGg/pKdMkyklC5Zs2LEfHYpjcRoPzme9MWWmk3dWbK9ObkWkikOetJ554fWyoEsmdSlt+uR0pCJR34b6t/TVg1SY3sYvdf8vuiKrpyaDXDISiegp17p7579Gp3p++y7HPAiY9pmTibljrr85qSidtlg4+l25GLCaS8e6rRxNBmsnERunKbaOObRz7N72ju5vdAjYpBXHgJylOAVsMseDAPEP8LYoUHicY2BiAAEfhiAGJgZWBgZ7RnFRdnVJELCQlBSRlATJMoLV2DK4glSYs6ubq5vbKrJLSbGrgEmovDuDJVhe3VzcXFwNLCOILB/C4IuQ1xTn5FPilBTj5FPmBAB4WwoqAHicY2BkYGAA4sk1sR/j+W2+MnAzpDBgAyEMQUCSg4EJxAEAwUgFHgB4nGNgZGBgSGFggJMhDIwMqEAYAByHATJ4nGNgAIIUNEwmAABl3AGReJxjYAACIQYlBiMGJ3wQAEcQBEV4nGNgZGBgEGZgY2BiAAEQyQWEDAz/wXwGAAsPATIAAHicXdBNSsNAHAXwl35iA0UQXYnMShfS9GPZA7T7LgIu03SSpkwzYTIt1BN4Ak/gKTyAeCxfw39jZkjymzcvAwmAW/wgwHUEGDb36+jQQ3GXGot79L24jxCP4gHzF/EIr4jEIe7wxhOC3g2TMYy4Q7+Lu/SHuEd/ivt4wJd4wPxbPEKMX3GI5+DJFGaSn4qNzk8mcbKSR6xdXdhSzaOZJGtdapd4vVPbi6rP+cL7TGXOHtXKll4bY1Xl7EGnPtp7Xy2n00zyKLVHfkHBa4IcJ2oD3cgggWvt/V/FbDrUlEUJhTn/0azVWbNTNr0Ens8de1tceK9xZmfB1CPjOmPH4kitmvOubcNpmVTN3oFJyjzCvnmrwhJTzqzVj9jiSX911FjeAAB4nG3HMRKCMBBA0f0giiKi4DU8k0V2GWbIZDOh4PoWWvq6J5V8If9NVNQcaDhyouXMhY4rPTcG7jwYmXhKq8Wz+p762aNaeYXom2n3m2dLTVgsrCgFJ7OTmIkYbwIbC6vIB7WmFfAAAA==)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#e5ebf0;--ink:#17202a;--muted:#62717d;--panel:#f8fbfdc2;--panel-strong:#ffffffdb;--panel-soft:#e8eff494;--line:#17202a1f;--line-strong:#17202a33;--accent:#d65132;--accent-dark:#8f2d1c;--accent-soft:#d651321a;--shadow:#212f3c2e;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101820;--ink:#edf2f5;--muted:#a7b5c0;--panel:#131d26c7;--panel-strong:#1d2a35e0;--panel-soft:#2a39458f;--line:#edf2f524;--line-strong:#edf2f53b;--accent:#f16b4a;--accent-dark:#ffb29f;--accent-soft:#f16b4a26;--shadow:#00000047}}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--ink);margin:0;overflow:hidden}body{background:linear-gradient(155deg, #fcfdfeeb 0%, #e8eff4cc 42%, #c9d6dee0 100%), var(--bg);min-height:100dvh}button,input,select{font:inherit}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:2;pointer-events:none;position:fixed;inset:0}.intro-panel,.data-panel,.mode-strip{pointer-events:auto;border:1px solid var(--line);background:var(--panel);box-shadow:0 28px 90px var(--shadow), inset 0 1px 0 #ffffff6b;-webkit-backdrop-filter:blur(18px)saturate(140%)}.intro-panel{border-radius:8px;width:min(374px,100vw - 48px);padding:20px 22px 22px;position:absolute;top:24px;left:24px}.kicker{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:720;line-height:1}.intro-panel h1{letter-spacing:0;margin:0;font-size:clamp(28px,2.55vw,38px);line-height:1.02}.intro-panel p:last-child{max-width:31rem;color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.58}.mode-strip{border-radius:8px;grid-auto-columns:max-content;grid-auto-flow:column;gap:6px;max-width:calc(100vw - 44px);padding:7px;display:grid;position:absolute;bottom:22px;left:50%;overflow-x:auto;transform:translate(-50%)}.mode-strip button{min-width:92px;min-height:38px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 15px;font-size:13px;font-weight:650;transition:color .18s,background .18s,transform .18s}.mode-strip button:hover,.mode-strip button:focus-visible{color:var(--ink);background:var(--accent-soft);outline:none}.mode-strip button:active{transform:translateY(1px)}.mode-strip button.is-active{color:#fff9f6;background:var(--accent)}.data-panel{border-radius:8px;width:min(390px,100vw - 48px);padding:0;position:absolute;bottom:86px;right:24px;overflow:hidden}.data-panel[hidden]{display:none}.data-heading{border-bottom:1px solid var(--line);background:linear-gradient(180deg, #ffffff85, #ffffff1a), var(--panel-soft);justify-content:space-between;align-items:baseline;gap:18px;padding:16px 18px 15px;display:flex}.data-heading span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:720;line-height:1}.data-heading strong{text-align:right;color:var(--ink);font-size:15px;font-weight:780}.metric-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:14px 16px 12px;display:grid}.metric-grid div{border:1px solid var(--line);background:var(--panel-strong);border-radius:6px;min-width:0;padding:11px 10px 10px;box-shadow:inset 0 1px #ffffff5c}.metric-grid dt{color:var(--muted);margin:0 0 5px;font-size:11px}.metric-grid dd{color:var(--ink);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:650}table{border-collapse:collapse;width:calc(100% - 32px);margin:0 16px 16px;font-size:12px}th,td{border-top:1px solid var(--line);text-align:right;padding:8px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}thead th{padding-top:13px}th:first-child,td:first-child{text-align:left;font-family:inherit}tbody td:first-child{color:var(--accent-dark);font-weight:760}td[data-direction]{color:var(--muted);font-family:inherit;font-weight:740}tbody tr:hover td{background:#ffffff2e}th{color:var(--muted);font-weight:700}.lil-gui.root{--background-color:#17202ad1;--text-color:#f6f8fa;--title-background-color:#0c1116eb;--widget-color:#ffffff24;--hover-color:#fff3;--focus-color:#d651327a;--number-color:#ffd3c8;--string-color:#f7b8a9;border-radius:8px;top:24px;right:24px;overflow:hidden;box-shadow:0 22px 70px #00000038}@media (width<=860px){.intro-panel{padding:18px;top:14px;left:14px}.lil-gui.root{max-width:min(330px,100vw - 28px);top:14px;right:14px}.data-panel{bottom:76px;right:14px}.mode-strip{bottom:14px}}@media (width<=640px){.intro-panel{display:none}.data-panel{width:calc(100vw - 28px);left:14px;right:auto}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lil-gui.root{transform-origin:100% 0;width:min(300px,100vw - 28px);max-height:45dvh;overflow-y:auto;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
