*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block;width:100vw;height:100vh}#controls{position:fixed;left:clamp(12px,1.8vw,26px);bottom:clamp(12px,1.8vw,26px);width:min(370px,34vw);max-height:min(82vh,860px);overflow:auto;padding:12px 14px 14px;color:#97fff2b8;background:linear-gradient(135deg,#00000094,#0014123d);border:.2px solid rgba(143,255,239,.3);box-shadow:inset 0 0 0 .1px #ffffff3d,0 0 42px #00ffdc1a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:10px;letter-spacing:.13em;text-transform:uppercase;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:rgba(141,255,240,.35) rgba(0,0,0,.2)}#controls .title{margin-bottom:10px;color:#e2fffceb;font-weight:800;text-shadow:1px 0 rgba(255,46,62,.52),-1px 0 rgba(37,255,226,.55)}#controls details{border-top:.15px solid rgba(141,255,240,.18);padding-top:8px;margin-top:8px}#controls summary{cursor:pointer;color:#e2fffcd1;font-weight:700;margin-bottom:6px}#controls label{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;margin:8px 0}#controls label input[type=range]{grid-column:1 / -1}#controls .value{color:#ffffff85;font-variant-numeric:tabular-nums;letter-spacing:.08em}#controls input[type=range]{width:100%;accent-color:#8dfff0;opacity:.82}#controls input[type=color]{width:46px;height:22px;padding:0;border:.2px solid rgba(141,255,240,.25);background:transparent}#controls .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}#controls button{cursor:pointer;padding:7px 8px;color:#e2fffcd9;background:#0018168c;border:.2px solid rgba(141,255,240,.32);text-transform:uppercase;letter-spacing:.12em;font-size:9px}#controls button:hover{background:#0a50486b}@media(max-width:900px){#controls{width:min(440px,58vw);font-size:9px}}@media(max-width:620px){#controls{width:calc(100vw - 24px);max-height:48vh}}