body{margin:0;overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#000}canvas.threejs{background-color:#000}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity .8s ease-out;pointer-events:all;cursor:default}.loading-text{color:#fff;font-family:Arial,sans-serif;font-size:24px;letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite}.start-prompt{color:#fff;font-family:Arial,sans-serif;font-size:20px;letter-spacing:1px;margin-top:40px;cursor:pointer;animation:pulse 1.5s ease-in-out infinite;user-select:none}.start-prompt:hover{color:#fc0}.desktop-prompt{display:inline}.mobile-prompt{display:none}@media (max-width: 768px),(hover: none){.desktop-prompt{display:none}.mobile-prompt{display:inline}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:80%;max-width:700px}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}#joystick-container{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#joystick-stick{pointer-events:none}@media (min-width: 768px){#joystick-container{display:none!important}}