*{padding:0;margin:0;box-sizing:border-box}html,body{overflow:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.canvas{display:block;width:100vw;height:100vh}.ui-panel{position:absolute;bottom:10px;left:10px;background:#000000b3;padding:20px;border:2px solid #ff00ff;box-shadow:0 0 10px #f0f,0 0 20px #00f0ff;color:#00f0ff;font-family:Orbitron,sans-serif;border-radius:10px}.ui-panel h2{font-size:1.5em;text-shadow:0 0 5px #ff00ff;margin-bottom:15px}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;text-shadow:0 0 3px #00f0ff}.control-group select,.control-group input{background:#1a1a3a;border:1px solid #ff00ff;color:#00f0ff;padding:5px;font-family:Orbitron,sans-serif;box-shadow:0 0 5px #f0f;border-radius:5px;width:100%}.ui-panel button{background:linear-gradient(45deg,#f0f,#00f0ff);border:none;padding:10px;color:#fff;font-family:Orbitron,sans-serif;cursor:pointer;border-radius:5px;box-shadow:0 0 10px #f0f;width:100%}.ui-panel button:hover{box-shadow:0 0 15px #00f0ff}