*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#1a1a1a;color:#fff}canvas{display:block;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1;background:#000}#control-panel{position:fixed;bottom:0;left:0;width:100%;background:#0003;padding:10px;border-radius:0;z-index:2;box-shadow:0 -2px 5px #0000004d;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}#control-panel h2,#control-panel h3{font-size:1.2rem;margin-bottom:5px;flex:0 0 100%;text-align:center}#speed-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.control{display:flex;align-items:center;margin:0}.control label{display:inline-block;width:60px;font-size:.9rem;margin-right:5px}.control input{width:80px}button{padding:8px 16px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem}button:hover{background-color:#0056b3}#tooltip{position:fixed;background:#000c;color:#fff;padding:5px 10px;border-radius:4px;z-index:3;display:none}@media (max-width: 600px){#control-panel{padding:5px}.control label{width:50px}.control input{width:60px}button{padding:6px 12px}}