body{background-color:#000;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh}canvas{display:block}#mobile-controls{bottom:calc(40px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:1000;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:space-between;width:100%;padding:0 40px;display:none;position:fixed;left:0}.joystick-zone{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;display:flex}.joystick-zone span{color:#fff6;letter-spacing:2px;font-size:10px;font-weight:900}.joystick-base{-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.joystick-stick{background:#fff3;border:1px solid #ffffff4d;border-radius:50%;width:40px;height:40px;transition:transform .1s ease-out;box-shadow:0 0 20px #00000080}.lil-gui{max-height:80vh;overflow-y:auto}@media (width<=768px){.joystick-base{width:80px;height:80px}.joystick-stick{width:32px;height:32px}}