body{margin:0;padding:0;background:#000;font-family:Courier New,monospace;overflow:hidden}#container{position:relative;width:100vw;height:100vh}#controls{position:absolute;top:20px;left:20px;z-index:100;background:#00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#0f8;min-width:220px;transition:all .3s ease;box-shadow:0 8px 32px #0003;opacity:.7}#controls:hover{background:#00000040;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 40px #0000004d;opacity:1}.control-group{margin-bottom:10px}label{display:block;margin-bottom:3px;font-size:12px;font-weight:700}button{background:#0f8;color:#000;border:none;padding:6px 10px;border-radius:3px;cursor:pointer;margin:1px;font-family:inherit;font-weight:700;font-size:10px;transition:all .2s ease}button:hover{background:#0c6;opacity:1;transform:translateY(-1px)}button:disabled{background:#666;cursor:not-allowed}input[type=range]{width:100%;margin:3px 0;height:6px;background:#333;border-radius:3px;outline:none;opacity:.7;transition:opacity .3s ease,transform .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:hover{opacity:1;transform:scaleY(1.2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#0f8;border-radius:50%;cursor:pointer;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{background:#0c6;transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#0f8;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{background:#0c6;transform:scale(1.2)}input[type=range]::-moz-range-track{height:6px;background:#333;border-radius:3px;border:none}.stats{font-size:10px;color:#888;margin-top:8px;line-height:1.3}#info{position:absolute;bottom:20px;left:20px;color:#666;font-size:12px;max-width:300px}#canvas2d{position:absolute;top:30px;right:20px;border:2px solid #00ff88;border-radius:5px;background:#111;opacity:.3;width:320px;height:160px}#canvas2d-label{position:absolute;top:10px;right:20px;color:#0f8;font-size:12px;font-weight:700}