.canvas-container[data-v-3ff09d00]{background:#000;height:100%;overflow:hidden;touch-action:none;width:100%}.canvas-container canvas[data-v-3ff09d00]{display:block;height:100%;width:100%}.canvas-container .joystick-container[data-v-3ff09d00]{bottom:40px;height:100px;left:40px;pointer-events:auto;position:absolute;width:100px;z-index:20}.canvas-container .joystick-container.is-portrait[data-v-3ff09d00]{transform:rotate(-90deg)}.canvas-container .joystick-container[data-v-3ff09d00] .nipple .front{background:#fff!important}.canvas-container .joystick-container[data-v-3ff09d00] .nipple .back{background:hsla(0,0%,100%,.6)!important}.canvas-container .pane[data-v-3ff09d00]{bottom:10px;position:absolute;right:10px;top:10px;width:280px}.canvas-container .menus[data-v-3ff09d00]{color:#fff;font-family:PingFang SC,Microsoft YaHei,sans-serif;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}.canvas-container .menus[data-v-3ff09d00]>*{pointer-events:auto}.canvas-container .menus .top-left-link[data-v-3ff09d00]{left:50px;position:absolute;top:40px}@media (pointer:coarse){.canvas-container .menus .top-left-link[data-v-3ff09d00]{left:30px;scale:.88;top:20px;transform-origin:left top}}.canvas-container .menus .top-left-link[data-v-3ff09d00]{align-items:center;backdrop-filter:blur(1px);background:rgba(0,0,0,.1);border-radius:4px;box-sizing:border-box;color:#fff9;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;padding:0 10px;transition:background .3s}.canvas-container .menus .top-left-link[data-v-3ff09d00]:hover{background:hsla(0,0%,100%,.2)}.canvas-container .menus .top-right-tools[data-v-3ff09d00]{display:flex;gap:12px;position:absolute;right:50px;top:40px}@media (pointer:coarse){.canvas-container .menus .top-right-tools[data-v-3ff09d00]{right:30px;scale:.88;top:20px;transform-origin:right top}}.canvas-container .menus .top-right-tools .tool-btn[data-v-3ff09d00]{align-items:center;backdrop-filter:blur(1px);background:rgba(0,0,0,.1);border-radius:4px;box-sizing:border-box;color:#fff9;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;padding:0 10px;transition:background .3s}.canvas-container .menus .top-right-tools .tool-btn[data-v-3ff09d00]:hover{background:hsla(0,0%,100%,.2)}.canvas-container .menus .top-right-tools .sound-btn[data-v-3ff09d00]{align-items:flex-end;gap:3px;padding-bottom:11px}.canvas-container .menus .top-right-tools .bar[data-v-3ff09d00]{background-color:#fff9;border-radius:1px;height:5px;transition:height .3s ease;width:2px}.canvas-container .menus .top-right-tools .sound-btn.playing .bar[data-v-3ff09d00]{animation:jump-3ff09d00 var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}.canvas-container .menus .top-right-tools .sound-btn.playing .bar[data-v-3ff09d00]:first-child{--t:.28s;--d:0s}.canvas-container .menus .top-right-tools .sound-btn.playing .bar[data-v-3ff09d00]:nth-child(2){--t:.38s;--d:-.15s}.canvas-container .menus .top-right-tools .sound-btn.playing .bar[data-v-3ff09d00]:nth-child(3){--t:.22s;--d:-.05s}.canvas-container .menus .top-right-tools .sound-btn.playing .bar[data-v-3ff09d00]:nth-child(4){--t:.32s;--d:-.2s}@keyframes jump-3ff09d00{0%{height:5px}to{height:13px}}.canvas-container .menus .right-nav[data-v-3ff09d00]{align-items:flex-end;display:flex;flex-direction:column;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media (pointer:coarse){.canvas-container .menus .right-nav[data-v-3ff09d00]{scale:.82;transform-origin:center right}}.canvas-container .menus .right-nav .nav-item[data-v-3ff09d00]{align-items:center;cursor:pointer;display:flex;height:60px;padding-left:50px}.canvas-container .menus .right-nav .nav-item .nav-text[data-v-3ff09d00]{color:#c7c6c6;font-size:14px;font-weight:500;letter-spacing:1px;margin-right:20px;text-shadow:0 0 5px #000;transition:all .3s ease}.canvas-container .menus .right-nav .nav-item .nav-line[data-v-3ff09d00]{background-color:#fff3;box-shadow:0 0 5px #000;height:1.5px;transition:all .5s cubic-bezier(.165,.84,.44,1);width:30px}.canvas-container .menus .right-nav .nav-item:hover .nav-text[data-v-3ff09d00]{color:#fff;opacity:1}.canvas-container .menus .right-nav .nav-item:hover .nav-line[data-v-3ff09d00]{background-color:#fffc;width:60px}.canvas-container .menus .right-nav .nav-item.active .nav-text[data-v-3ff09d00]{color:#368bfa;font-weight:700;transform:scale(1.1)}.canvas-container .menus .right-nav .nav-item.active .nav-line[data-v-3ff09d00]{background-color:#368bfa;height:2px;width:90px}.canvas-container .loading[data-v-3ff09d00]{background:#000;color:#fff;height:100%;left:0;pointer-events:auto;position:absolute;top:0;transition:opacity 1s ease!important;width:100%;z-index:9999}.canvas-container .loading .loading-center[data-v-3ff09d00]{animation:none!important;left:50%;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%);transition:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.canvas-container .loading .loading-center .main-title[data-v-3ff09d00]{font-size:24px;font-weight:400;letter-spacing:6px;margin:0 0 12px;text-shadow:0 0 15px hsla(0,0%,100%,.2)}.canvas-container .loading .loading-center .sub-title[data-v-3ff09d00]{color:#666;font-size:14px;letter-spacing:2px}.canvas-container .loading .loading-bottom[data-v-3ff09d00]{align-items:center;animation:none!important;bottom:12%;display:flex;flex-direction:column;left:50%;position:absolute;transform:translate(-50%);transition:none!important;width:280px}.canvas-container .loading .loading-bottom .progress-num[data-v-3ff09d00]{color:#888;font-family:Arial,sans-serif;font-size:15px;letter-spacing:1px;margin-bottom:15px}.canvas-container .loading .loading-bottom .progress-num .percent-val[data-v-3ff09d00]{color:#fff;display:inline-block;font-weight:700;margin-left:5px;width:40px}.canvas-container .loading .loading-bottom .progress-bar-wrapper[data-v-3ff09d00]{align-items:center;display:flex;height:4px;position:relative;width:100%}.canvas-container .loading .loading-bottom .progress-bar-wrapper .progress-bg-track[data-v-3ff09d00]{background:#1a1a1a;border-radius:4px;height:100%;position:absolute;width:100%}.canvas-container .loading .loading-bottom .progress-bar-wrapper .progress-fill[data-v-3ff09d00]{background:linear-gradient(90deg,#333 0,#fff);border-radius:4px;clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);height:100%;left:0;position:absolute;transition:width .4s cubic-bezier(.23,1,.32,1)!important}.canvas-container .loading .loading-bottom .progress-bar-wrapper .progress-fill[data-v-3ff09d00]:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2));content:"";filter:blur(2px);height:100%;position:absolute;right:0;width:20px}.canvas-container .cubeMapLoading[data-v-3ff09d00]{height:100%;left:0;position:absolute;top:0;width:100%}.screen-container[data-v-e3b65aa9]{background-color:#000;height:100vh;overflow:hidden;position:relative;width:100vw}.component-wrapper[data-v-e3b65aa9]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.landscape-screen[data-v-e3b65aa9]{transform:translate(-50%,-50%) rotate(90deg)}.game-container[data-v-e3b65aa9]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}