:root{--panel-bg:#14141ed9;--panel-border:#fff3;--text-primary:#f0f0f0;--text-secondary:#ccc;--accent:#6c8cff;--focus-ring:2px solid var(--accent);--radius:12px;--transition:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:#0a0a12;width:100vw;height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#canvas:active{cursor:grabbing}.panel{z-index:10;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:var(--radius);width:280px;transition:transform var(--transition), opacity var(--transition);padding:16px;position:fixed;top:20px;left:20px;box-shadow:0 8px 32px #0006}.panel.collapsed .controls{display:none}.panel-toggle{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:1rem;display:flex}.panel-toggle:hover,.panel-toggle:focus-visible{background:#ffffff1a;outline:none}.panel-toggle:focus-visible{box-shadow:var(--focus-ring)}.toggle-icon{transition:transform var(--transition);display:inline-block}.panel.collapsed .toggle-icon{transform:rotate(-90deg)}.controls{flex-direction:column;gap:16px;margin-top:12px;display:flex}.control-group{flex-direction:column;gap:4px;display:flex}.control-group label{color:var(--text-secondary);cursor:pointer;font-size:.85rem}input[type=range]{appearance:none;cursor:pointer;background:#fff3;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0000004d}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0000004d}input[type=range]:focus-visible{box-shadow:var(--focus-ring)}.value-display{color:var(--accent);min-height:1.2em;font-size:.8rem}.fps-container{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.fps-value{color:#8cff8c;font-weight:700}@media (width<=480px){.panel{width:auto;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}