*{box-sizing:border-box;margin:0;padding:0}html,body{color:#0fc;background:#020408;width:100%;height:100%;font-family:Consolas,Courier New,monospace;overflow:hidden}#canvas{width:100%;height:100%;display:block}.overlay{pointer-events:none;z-index:10;padding:24px 28px;position:fixed;top:0;left:0}.overlay h1{letter-spacing:.35em;opacity:.85;text-shadow:0 0 12px #0fc9;font-size:13px;font-weight:400}.overlay p{letter-spacing:.08em;opacity:.45;color:#8ed;margin-top:6px;font-size:11px}.controls{pointer-events:auto;flex-direction:column;gap:14px;margin-top:28px;display:flex}.controls label{letter-spacing:.06em;opacity:.7;align-items:center;gap:12px;font-size:11px;display:flex}.controls label span{flex-shrink:0;width:72px}.controls input[type=range]{accent-color:#0fc;cursor:pointer;width:160px}.controls select{color:#0fc;cursor:pointer;background:#00ffcc14;border:1px solid #00ffcc40;outline:none;padding:4px 8px;font-family:inherit;font-size:11px}.controls select option{background:#0a1218}