@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}canvas{display:block;width:100%;height:100%;cursor:crosshair}#title{position:fixed;top:22px;left:24px;font-size:22px;letter-spacing:2px;font-family:Share Tech Mono,monospace;z-index:10}a{color:#a0ffa0e6;text-decoration:none;letter-spacing:1px;transition:color .1s}a:hover{color:#0f8}#panel-toggle{position:fixed;top:18px;right:20px;background:#000c00d1;border:1px solid rgba(0,255,64,.55);color:#a0ffa0d9;font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:2px;padding:5px 12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;z-index:10}#panel-toggle:hover{border-color:#00ff40e6;color:#0f8;background:#00ff401a}.controls{position:fixed;top:52px;right:20px;width:192px;display:flex;flex-direction:column;gap:8px;transform-origin:top right;transition:opacity .18s ease,transform .18s ease;z-index:9}.controls.hidden{opacity:0;pointer-events:none;transform:translateY(-6px) scale(.975)}.group{border:1px solid rgba(0,255,64,.3);background:#000c00d1;padding:9px 9px 8px;display:flex;flex-direction:column;gap:5px}.group-label{font-size:9px;letter-spacing:3px;color:#00ff4099;text-transform:uppercase;margin-bottom:3px;font-family:Share Tech Mono,monospace}.controls button{background:transparent;border:1px solid rgba(127,255,127,.35);color:#a0ffa0e0;padding:5px 9px;font-size:12px;font-family:Share Tech Mono,monospace;letter-spacing:.5px;cursor:pointer;text-align:left;width:100%;transition:border-color .1s,color .1s,background .1s}.controls button:hover{border-color:#00ff4073;color:#0f8;background:#00ff400d}.controls button:active{background:#00ff401f}.controls button[data-active=false]{color:#a0ffa059;border-color:#7fff7f26}.slider-row{display:flex;flex-direction:column;gap:3px}.slider-row label{font-size:11px;color:#a0ffa0b3;letter-spacing:.5px;display:flex;justify-content:space-between;font-family:Share Tech Mono,monospace}.slider-row label span{color:#00ff40cc}.slider-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:#00ff4033;outline:none;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:#00ff40b3;border:1px solid rgba(0,255,64,.9);cursor:pointer}.slider-row input[type=range]:hover{background:#00ff4059}.slider-row input[type=range]:hover::-webkit-slider-thumb{background:#0f8}