body{margin:0;overflow:hidden;background-color:#000}canvas{display:block}#controls-description{position:fixed;bottom:20px;left:20px;background-color:#000000b3;color:#fffc;padding:15px;border-radius:8px;font-family:Arial,sans-serif;z-index:1000;pointer-events:none}#controls-description p{margin:5px 0;font-size:14px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;transition:opacity 1s ease}.loading-bar-container{width:300px;height:10px;background-color:#ffffff1a;border-radius:5px;overflow:hidden}.loading-bar{width:0%;height:100%;background-color:#44f;border-radius:5px;animation:loading 3s linear forwards}@keyframes loading{0%{width:0%}to{width:100%}}#nav-container{position:fixed;top:10px;right:10px;z-index:1500}#nav-toggle{cursor:pointer;font-size:24px;color:#fff;background:#00000080;padding:4px 6px;border-radius:4px}#nav-menu{display:none;margin:5px 0 0;padding:8px;list-style:none;background:#000c;border-radius:4px}#nav-menu li{margin:4px 0}#nav-menu a{color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-size:14px}#nav-container:hover #nav-menu{display:block}.joystick{position:fixed;width:120px;height:120px;z-index:1500}#move-joystick{left:20px;bottom:20px}#look-joystick{right:20px;bottom:20px}.rotate-message{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;color:#fff;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;z-index:2000}