*{box-sizing:border-box;margin:0;padding:0}body{color:#ccc;background:#000;font-family:ui-monospace,Cascadia Code,Fira Mono,Consolas,monospace;font-size:13px;overflow:hidden}#glcanvas{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#08080cd9;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:10px;width:240px;padding:14px;display:flex;position:fixed;top:16px;right:16px}.ui-section{flex-direction:column;gap:4px;display:flex}.ui-section h2{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-family:inherit;font-size:14px;font-weight:600}.ui-section label{color:#aaa;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;align-items:center;gap:4px;font-size:11px;display:flex}.ui-section select{color:#e0e0e0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;outline:none;width:100%;padding:4px 6px;font-family:inherit;font-size:12px}.ui-section select:focus{border-color:#9678ff99}.ui-section input[type=range]{accent-color:#9060ff;cursor:pointer;width:100%}.ui-checks{gap:6px}.ui-checks label{text-transform:none;color:#ccc;font-size:12px}.ui-checks input[type=checkbox]{accent-color:#9060ff;cursor:pointer}#stats{color:#888;gap:10px;font-size:12px;display:flex}#fps{color:#6cf}#vtx{color:#fc6}