html{width:100%;height:100%;margin:0;padding:0}body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#000}canvas{display:block}#controls-description{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);left:calc(env(safe-area-inset-left,0px) + 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:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:3000}#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}#nav-menu .nav-header{color:#ffffff80;font-family:Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:8px 0 4px;padding:0;pointer-events:none}#nav-menu .nav-divider{height:1px;background:#fff3;margin:8px 0;padding:0}#nav-menu .nav-indent{padding-left:12px}#nav-menu .nav-indent a{font-size:13px;color:#ffffffb3}.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}@media (max-width: 1024px) and (pointer: coarse){#controls-description,.controls-description{display:none}}