*,:before,:after{box-sizing:border-box}html,body,#root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app{height:100dvh;position:relative;overflow:hidden}.scene{background:#1a1f2e;width:100%;height:100%;position:relative;overflow:hidden scroll}.page{width:100%;position:relative}.page--stripes{background-image:repeating-linear-gradient(#0000 0 200px,#ffffff09 200px 400px)}.controls{z-index:1500;background:#0f1117;border-left:1px solid #2a2d3a;width:min(400px,90vw);transition:transform .25s;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;transform:translate(0)}.controls--closed{transform:translate(100%)}.controls-toggle{z-index:1501;color:#7c8299;cursor:pointer;background:#0f1117;border:1px solid #2a2d3a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s,color .15s;display:flex;position:fixed;top:12px;right:12px}.controls-toggle:hover{color:#a0a8c0;background:#222840}@media (width<=640px){.controls{border-top:1px solid #2a2d3a;border-left:none;width:100%;height:65dvh;inset:auto 0 0;transform:translateY(0)}.controls--closed{transform:translateY(100%)}.controls-toggle{top:auto;bottom:12px;right:12px}}.controls-inner{flex-direction:column;gap:4px;padding:16px;display:flex}.controls-title{letter-spacing:.08em;text-transform:uppercase;color:#7c8299;margin:0 0 12px;font-size:13px;font-weight:600}.ctrl-section{margin-bottom:12px}.ctrl-section-title{letter-spacing:.1em;text-transform:uppercase;color:#4a5068;border-bottom:1px solid #1e2130;margin-bottom:6px;padding:6px 0 4px;font-size:11px;font-weight:600}.ctrl-row{cursor:pointer;align-items:center;gap:8px;padding:3px 0;display:flex}.ctrl-label{color:#8b92aa;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:110px;font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow:hidden}.ctrl-value{color:#5c6480;text-align:right;flex-shrink:0;width:40px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.ctrl-row input[type=range]{cursor:pointer;accent-color:#4f8ef7;flex:1;min-width:0;height:3px}.ctrl-row select{color:#8b92aa;cursor:pointer;background:#1a1f2e;border:1px solid #2a2d3a;border-radius:4px;flex:1;padding:2px 4px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.ctrl-toggle input[type=checkbox]{cursor:pointer;accent-color:#4f8ef7;width:14px;height:14px}.hud{z-index:1400;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1117cc;border:1px solid #2a2d3a;border-radius:6px;flex-direction:column;gap:4px;padding:8px 10px;display:flex;position:fixed;top:42px;left:12px}.hud-row,.hud-bar-row{align-items:center;gap:8px;display:flex}.hud-label{color:#4a5068;flex-shrink:0;width:54px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.hud-bar{border-radius:2px;flex-shrink:0;width:210px;height:8px;display:block}.hud-value{color:#5c6480;white-space:nowrap;flex-shrink:0;font-family:ui-monospace,Consolas,monospace;font-size:10px}.hud-toggle{z-index:1401;color:#7c8299;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#0f1117;border:1px solid #2a2d3a;border-radius:4px;justify-content:center;align-items:center;height:22px;padding:0 7px;font-family:ui-monospace,Consolas,monospace;font-size:10px;transition:background .15s,color .15s;display:flex;position:fixed;top:12px;left:12px}.hud-toggle:hover{color:#a0a8c0;background:#222840}.reset-btn{color:#7c8299;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:#1a1f2e;border:1px solid #2a2d3a;border-radius:5px;margin-top:8px;padding:7px 12px;font-family:ui-monospace,Consolas,monospace;font-size:11px;transition:background .15s,color .15s}.reset-btn:hover{color:#a0a8c0;background:#222840}