body{margin:0;overflow:hidden;font-family:Arial,sans-serif}.status-indicator{position:fixed;top:10px;right:10px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;transition:background-color .3s ease}.status-connecting{background-color:#f39c12}.status-connected{background-color:#27ae60}.status-disconnected{background-color:#e74c3c}.controls{position:fixed;top:10px;left:10px;background:#000000b3;color:#fff;padding:10px;border-radius:8px;font-size:12px;max-width:200px}.hud{position:fixed;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:10px;border-radius:8px;font-size:12px;font-family:monospace}