:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#050505;--color-panel-bg:#14141ed9;--color-panel-border:#ffffff1a;--color-accent:#3b82f6;--color-accent-light:#60a5fa;--color-text-primary:#fff;--color-text-muted:#a1a1aa;--color-text-secondary:#94a3b8;--color-text-explanation:#e2e8f0;--color-explanation-bg:#3b82f626;--color-explanation-border:#3b82f64d;--color-explanation-strong:#93c5fd;--shadow-panel:0 8px 32px #00000080;--shadow-accent:0 0 12px #3b82f666;--radius-panel:12px;--radius-btn:6px}body{color:var(--color-text-primary);background-color:#000;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#ui{z-index:10;pointer-events:auto;flex-direction:column;gap:15px;width:340px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:none;position:absolute;top:20px;right:20px}#ui.visible{display:flex}#ui-toggle{z-index:20;background:var(--color-panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-panel-border);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-panel);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:none;position:absolute;top:20px;right:20px}#ui-toggle.visible{display:none}@media (width<=768px){#ui-toggle.visible{display:flex}#ui{opacity:0;pointer-events:none;gap:10px;width:auto;max-width:none;max-height:calc(100vh - 100px);padding-right:5px;inset:80px 20px auto;overflow-y:auto;transform:translateY(-20px)scale(.95)}#ui.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.panel,.explanation{padding:12px}.explanation{font-size:12px}h2{margin-bottom:6px;font-size:12px}label{padding:10px 0;font-size:14px}button{padding:12px 16px;font-size:14px}}@media (width<=480px){#ui{top:74px;left:10px;right:10px}#ui-toggle{top:15px;right:15px}}.panel{background:var(--color-panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-panel-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:16px}h2{color:var(--color-text-muted);margin:0 0 8px;font-size:14px}.btn-group{flex-wrap:wrap;gap:8px;display:flex}button{color:var(--color-text-primary);border-radius:var(--radius-btn);cursor:pointer;background:#ffffff0d;border:1px solid #fff3;flex:1;min-width:fit-content;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}button:hover{background:#ffffff1a;border-color:#fff6}button.active{background:var(--color-accent);border-color:var(--color-accent-light);color:var(--color-text-primary);box-shadow:var(--shadow-accent)}label{cursor:pointer;color:#cbd5e1;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}label:last-child{margin-bottom:0}input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:16px;height:16px}.explanation{background:var(--color-explanation-bg);border:1px solid var(--color-explanation-border);border-radius:var(--radius-panel);color:var(--color-text-explanation);-webkit-backdrop-filter:blur(10px);padding:16px;font-size:13px;line-height:1.5}.explanation strong{color:var(--color-explanation-strong)}.note{color:var(--color-text-secondary);margin-top:4px;font-size:13px;display:block}.webgl-error-overlay{background-color:var(--color-bg);z-index:1000;box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.webgl-error-content{background:var(--color-explanation-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-explanation-border);border-radius:var(--radius-panel);text-align:center;width:100%;max-width:450px;box-shadow:var(--shadow-panel);color:var(--color-text-explanation);padding:30px}.webgl-error-content h1{color:var(--color-explanation-strong);margin:0 0 16px;font-size:18px}.webgl-error-content p{margin:0 0 24px;font-size:14px;line-height:1.6}.webgl-error-btn{background:var(--color-accent);border:1px solid var(--color-accent-light);color:var(--color-text-primary);border-radius:var(--radius-btn);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.webgl-error-btn:hover{background:var(--color-accent-light)}