@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;max-width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100)}html{font-size:14px;font-family:Noto Sans TC,sans-serif}#app{margin:0 auto;max-width:var(--max-width);width:var(--max-width);height:100vh;height:calc(var(--vh, 1vh) * 100)}img{touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}:root{--max-width: 480px}.landscape-page[data-v-41bb7790]{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);background-image:url(/images/landscape/Landscape_BG.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.landscape-icon[data-v-41bb7790]{width:100%;max-width:91px;height:auto}.landscape-text[data-v-41bb7790]{font-size:20px;font-weight:400;color:#fff;margin-top:8px}.landscape-text span[data-v-41bb7790]{color:#fff;font-weight:700}:root{--vh: 1vh}html,body{height:100%;margin:0;padding:0;width:100%}#app{height:100%;width:100%}.app-container{height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);position:relative;box-sizing:border-box}@supports (-webkit-touch-callout: none){.app-container{height:-webkit-fill-available;min-height:-webkit-fill-available}}@media screen and (display-mode: standalone){.app-container{padding-top:max(env(safe-area-inset-top),0);padding-bottom:max(env(safe-area-inset-bottom),0)}}.image-button[data-v-e21ea126]{width:100%;border:none;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;outline:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;transform:scale(1);filter:brightness(1)}.image-button[data-v-e21ea126]:disabled{pointer-events:none}.image-button.dimmed[data-v-e21ea126]{pointer-events:none;filter:grayscale(.3) brightness(.7)}.button-text[data-v-e21ea126]{white-space:nowrap;overflow:hidden;max-width:100%;line-height:2}.home-page[data-v-4f5268a4]{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.background-video[data-v-4f5268a4]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.title-image[data-v-4f5268a4]{margin-bottom:1rem;padding:0 2rem;width:100%;max-width:400px;position:relative;z-index:1}.title-image img[data-v-4f5268a4]{width:100%;max-width:320px;height:auto;display:block;margin:0 auto}.button-container[data-v-4f5268a4]{width:100%;max-width:400px;padding:0 2rem;display:flex;justify-content:center;align-items:center;margin-bottom:5rem;position:relative;z-index:1}.page-layout[data-v-b5b651cc]{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);position:relative;overflow:hidden}.background-video[data-v-b5b651cc]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.top-bar[data-v-b5b651cc]{position:absolute;top:0;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.top-bar-content[data-v-b5b651cc]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:auto}.title-image-section[data-v-b5b651cc]{display:flex;align-items:center;justify-content:center}.title-image[data-v-b5b651cc]{width:45vw;max-width:200px;height:auto}.top-decoration[data-v-b5b651cc]{position:relative;width:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.top-decoration img[data-v-b5b651cc]{width:100%;height:auto;object-fit:cover}.content-area[data-v-b5b651cc]{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;align-items:center;overflow-y:auto;position:relative;z-index:1}.bottom-bar[data-v-b5b651cc]{position:absolute;bottom:0;left:0;right:0;width:100%;display:flex;align-items:flex-end;justify-content:center;z-index:10;pointer-events:none}.bottom-decoration[data-v-b5b651cc]{position:relative;width:100%;height:auto;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.bottom-decoration img[data-v-b5b651cc]{width:100%;height:auto;object-fit:cover}.privacy-container[data-v-09b25d5c]{background:url(/images/info/Info_Box.png) no-repeat center center;background-size:contain;width:100%;max-width:284px;aspect-ratio:284/300}.privacy-header[data-v-09b25d5c]{width:100%;display:flex;align-items:center;justify-content:center;margin-top:22px;margin-bottom:8px;position:relative}.privacy-header-text[data-v-09b25d5c]{color:#fff;font-family:Noto Sans TC,sans-serif;font-size:18px;font-weight:700;margin:0;white-space:nowrap}.privacy-header img[data-v-09b25d5c]{position:absolute;width:100%;max-width:82px;height:auto;margin-top:11px}.privacy-header-decoration-left[data-v-09b25d5c]{left:6px}.privacy-header-decoration-right[data-v-09b25d5c]{transform:scaleX(-1);right:6px}.privacy-content[data-v-09b25d5c]{padding:0 25px;color:#fff;font-family:Noto Sans TC,sans-serif;font-size:12px;line-height:1.8;letter-spacing:.06em;text-align:justify}.privacy-content p[data-v-09b25d5c]{margin:0}.gradient-divider[data-v-09b25d5c]{width:82%;height:1px;margin:8px auto;background:linear-gradient(to right,#00f2fe,#01c1d3c4 8%,#0290a88a 24%,#03688559 32%,#04486933 39%,#05325517 45%,#05194505,#05254a00 55%,#04365908 62%,#0453721c 70%,#037a946e,#01abbfa8,#00f2feed)}.agreement-section[data-v-09b25d5c]{display:flex;align-items:center;justify-content:center}.checkbox-container[data-v-09b25d5c]{display:flex;align-items:center;cursor:pointer;color:#fff;font-family:Noto Sans TC,sans-serif;font-size:.8rem}.agreement-checkbox[data-v-09b25d5c]{opacity:0;position:absolute;pointer-events:none}.checkbox-visual[data-v-09b25d5c]{position:relative;width:16px;height:16px;margin-right:.5rem;display:flex;align-items:center;justify-content:center}.checkbox-unchecked[data-v-09b25d5c],.checkbox-checked[data-v-09b25d5c]{position:absolute;top:0;left:0;width:16px;height:16px;transition:all .3s ease}.checkbox-unchecked[data-v-09b25d5c]{opacity:1;transform:scale(1)}.checkbox-checked[data-v-09b25d5c]{opacity:0;transform:scale(.8)}.checkbox-tick[data-v-09b25d5c]{position:absolute;top:1px;left:4px;opacity:0;transform:scale(.8) translateY(-1px) translate(5px);width:12px;height:10px}.tick-path[data-v-09b25d5c]{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .6s ease}.agreement-checkbox:checked~.checkbox-visual .checkbox-unchecked[data-v-09b25d5c]{opacity:0;transform:scale(.8)}.agreement-checkbox:checked~.checkbox-visual .checkbox-checked[data-v-09b25d5c]{opacity:1;transform:scale(1);animation:checkBoxPop-09b25d5c .3s ease}.agreement-checkbox:checked~.checkbox-visual .checkbox-tick[data-v-09b25d5c]{opacity:1;transform:scale(1) translateY(-2px) translate(1px);animation:tickAppear-09b25d5c .4s ease .1s both}.agreement-checkbox:checked~.checkbox-visual .tick-path[data-v-09b25d5c]{stroke-dashoffset:0;animation:drawTick-09b25d5c .6s ease .2s both}@keyframes checkBoxPop-09b25d5c{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes tickAppear-09b25d5c{0%{opacity:0;transform:scale(.6) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes drawTick-09b25d5c{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.agreement-checkbox:not(:checked)~.checkbox-visual .checkbox-unchecked[data-v-09b25d5c]{opacity:1;transform:scale(1);transition:all .2s ease}.agreement-checkbox:not(:checked)~.checkbox-visual .checkbox-checked[data-v-09b25d5c]{opacity:0;transform:scale(.8);transition:all .2s ease}.agreement-checkbox:not(:checked)~.checkbox-visual .checkbox-tick[data-v-09b25d5c]{opacity:0;transform:scale(.6) translateY(-1px) translate(3px);transition:all .2s ease}.agreement-checkbox:not(:checked)~.checkbox-visual .tick-path[data-v-09b25d5c]{stroke-dashoffset:20;transition:stroke-dashoffset .2s ease}.agreement-text[data-v-09b25d5c]{font-size:12px;line-height:1.8;letter-spacing:.1em;text-align:left}.button-container[data-v-09b25d5c]{width:100%;max-width:400px;padding:0 2rem;display:flex;justify-content:center;align-items:center;margin-top:55px}.login-container[data-v-d1c0f25b]{width:100%;max-width:400px;display:flex;flex-direction:column;gap:15px;max-height:100%;overflow-y:hidden}.input-group[data-v-d1c0f25b]{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}input[data-v-d1c0f25b]{width:100%;max-width:272px;aspect-ratio:272 / 64;box-sizing:border-box;background-image:url(/images/login/Input_Box.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;position:relative;z-index:1;border:none;background-color:transparent;outline:none;padding-bottom:8px;font-family:Noto Sans TC,sans-serif;font-weight:700;font-size:20px;color:#fff;text-align:center;letter-spacing:.1em;margin-bottom:4px}.error-message[data-v-d1c0f25b]{color:#ffbd59;font-size:12px;letter-spacing:.1em}.username-title-container[data-v-d1c0f25b]{width:100%;max-width:272px;aspect-ratio:272 / 22;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.username-title-container img[data-v-d1c0f25b]{width:100%;max-width:23px;height:auto;margin-top:3px}.username-title[data-v-d1c0f25b]{font-size:18px;font-weight:700;color:#fff;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif}.text-decoration-right[data-v-d1c0f25b]{transform:scaleX(-1)}.warn-text[data-v-d1c0f25b]{width:100%;max-width:272px;font-size:12px;color:#fff;font-family:Noto Sans TC,sans-serif;letter-spacing:.1em;text-align:center}.button-container[data-v-d1c0f25b]{width:100%;max-width:400px;padding:0 2rem;display:flex;justify-content:center;align-items:center;margin-top:55px}.countdown-container[data-v-eda222e8]{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding:1rem;background:#0000004d;border-radius:15px;border:2px solid rgba(255,255,255,.2)}.countdown-text[data-v-eda222e8]{font-size:14px;color:#fff;font-weight:500;margin-bottom:.5rem;font-family:Noto Sans TC,sans-serif}.countdown-timer[data-v-eda222e8]{font-size:3rem;font-weight:700;color:#4ecdc4;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:color .3s ease;font-family:Noto Sans TC,sans-serif}.countdown-timer.countdown-warning[data-v-eda222e8]{color:#ff6b6b;animation:pulse-eda222e8 1s infinite}.countdown-subtitle[data-v-eda222e8]{font-size:12px;color:#ccc;margin-top:.5rem;font-family:Noto Sans TC,sans-serif}@keyframes pulse-eda222e8{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.character-title-container[data-v-eda222e8]{width:100%;max-width:272px;aspect-ratio:272 / 22;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.character-title-container img[data-v-eda222e8],.character-subtitle-container img[data-v-eda222e8]{width:100%;max-width:23px;height:auto;margin-top:3px}.character-title[data-v-eda222e8]{font-size:18px;font-weight:700;color:#fff;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif}.character-subtitle-container[data-v-eda222e8]{width:100%;max-width:272px;aspect-ratio:272 / 22;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.character-subtitle[data-v-eda222e8]{font-size:18px;font-weight:900;color:#0ff;letter-spacing:.05em;font-family:Noto Sans TC,sans-serif;text-align:center;margin-inline:12px}.text-decoration-right[data-v-eda222e8]{transform:scaleX(-1)}.character-container[data-v-eda222e8]{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;position:relative}.left-arrow[data-v-eda222e8],.right-arrow[data-v-eda222e8]{margin-top:10px;width:32px;height:20px;cursor:pointer}.left-arrow[data-v-eda222e8]{transform:rotate(-90deg)}.right-arrow[data-v-eda222e8]{transform:rotate(90deg)}.left-arrow img[data-v-eda222e8],.right-arrow img[data-v-eda222e8]{width:100%;height:100%}.character-display[data-v-eda222e8]{background:url(/images/character/Character_Box.png) no-repeat center center;background-size:contain;width:100%;max-width:224px;aspect-ratio:224/254;display:flex;flex-direction:column;align-items:center;justify-content:center}.character-indicator[data-v-eda222e8]{font-size:.8rem;color:#888;margin-bottom:.5rem;font-weight:700}.character-name-container[data-v-eda222e8]{background:url(/images/character/Character_Title.png) no-repeat center center;background-size:contain;width:100%;max-width:176px;aspect-ratio:176/54;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;top:25px;z-index:1}.character-name[data-v-eda222e8]{font-size:24px;font-weight:700;color:#fff;letter-spacing:.1em;line-height:1;font-family:Noto Sans TC,sans-serif}.character-role[data-v-eda222e8]{font-size:14px;font-weight:700;color:#fff;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif}.character-square[data-v-eda222e8]{width:100%;height:100%;flex:1;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;background:transparent;overflow:visible;top:25px}.character-image[data-v-eda222e8]{width:100%;max-width:200px;height:auto;object-fit:cover;border-radius:10px;z-index:0}.character-backlight[data-v-eda222e8]{position:absolute;width:100%;max-width:169px;height:auto;animation:breathing-light-eda222e8 2s ease-in-out infinite}@keyframes breathing-light-eda222e8{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.character-bottomlight[data-v-eda222e8]{position:absolute;width:400px;max-width:none;height:auto;bottom:-10px;z-index:-1}.button-container[data-v-eda222e8]{width:100%;max-width:400px;padding:0 2rem;display:flex;justify-content:center;align-items:center;margin-top:40px}.character-image.dimmed[data-v-eda222e8],.character-name-container.dimmed[data-v-eda222e8]{opacity:.5;filter:grayscale(70%) brightness(.3);transition:all .3s ease}.overlay-box[data-v-eda222e8]{position:absolute;display:flex;align-items:center;justify-content:center;width:248px;aspect-ratio:248 / 162;z-index:10;background:url(/images/character/Character_SelectedBox.png) no-repeat center center;background-size:contain;left:50%;top:50%;transform:translate(-50%,-50%)}.overlay-text[data-v-eda222e8]{margin-top:20px;font-size:14px;font-weight:400;color:#fff;font-family:Noto Sans TC,sans-serif;letter-spacing:.1em;text-align:center}.overlay-enter-active[data-v-eda222e8]{transition:all .3s ease}.overlay-leave-active[data-v-eda222e8]{transition:all .2s ease}.overlay-enter-from[data-v-eda222e8],.overlay-leave-to[data-v-eda222e8]{opacity:0;transform:translate(-50%,-50%) scale(.8)}.overlay-enter-to[data-v-eda222e8],.overlay-leave-from[data-v-eda222e8]{opacity:1;transform:translate(-50%,-50%) scale(1)}.game-title-container[data-v-2df55df6]{width:100%;max-width:272px;aspect-ratio:272 / 22;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.game-title-container img[data-v-2df55df6],.game-subtitle-container img[data-v-2df55df6]{width:100%;max-width:23px;height:auto;margin-top:3px}.game-title[data-v-2df55df6]{font-size:18px;font-weight:700;color:#fff;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif}.game-subtitle-container[data-v-2df55df6]{width:100%;max-width:272px;aspect-ratio:272 / 22;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.game-subtitle[data-v-2df55df6]{font-size:12px;font-weight:700;color:#0ff;letter-spacing:.05em;font-family:Noto Sans TC,sans-serif;text-align:center;margin-inline:12px}.text-decoration-right[data-v-2df55df6]{transform:scaleX(-1)}.joystick-container[data-v-2df55df6]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}canvas[data-v-2df55df6]{touch-action:none;-webkit-user-select:none;user-select:none}.current-direction[data-v-2df55df6]{text-align:center;margin-top:1rem}.current-direction p[data-v-2df55df6]{font-size:1.1rem;font-weight:700;color:#e0e0e0}.loading-overlay[data-v-35093306]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-container[data-v-35093306]{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-animation[data-v-35093306]{width:200px;height:auto;max-width:80vw;max-height:80vh}.ugc-container[data-v-35093306]{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ugc-none-result-container[data-v-35093306]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ugc-none-result-title[data-v-35093306]{width:100%;max-width:318px;height:auto;margin-bottom:16px}.ugc-none-result-next-container[data-v-35093306]{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.ugc-none-result-next-text[data-v-35093306]{font-size:12px;font-weight:300;color:#fff;margin-inline:20px;text-align:center}.ugc-title-container[data-v-35093306]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px}.ucg-title-content[data-v-35093306]{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.text-decoration[data-v-35093306]{width:100%;max-width:23px;height:auto;margin-top:5px}.ugc-title[data-v-35093306]{font-size:18px;font-weight:700;color:#fff;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif;text-align:center;margin-inline:8px}.rank-text-container[data-v-35093306]{width:100%;max-width:272px;display:flex;align-items:center;justify-content:center}.rank-decoration[data-v-35093306]{width:100%;max-width:30px;height:auto}.rank-text[data-v-35093306]{font-size:24px;font-weight:700;color:#0ff;margin-inline:8px;font-family:Noto Sans TC,sans-serif;text-shadow:0 0 5px rgba(0,255,255,.6),0 0 10px rgba(0,255,255,.2),0 0 15px rgba(0,255,255,0)}.ugc-canvas[data-v-35093306]{width:100%;max-width:300px;aspect-ratio:300 / 433;margin-bottom:16px;pointer-events:auto!important;touch-action:auto!important;position:relative;z-index:999}.ugc-loading[data-v-35093306]{display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px}.loading-text[data-v-35093306]{color:#fff;font-size:16px;font-family:Noto Sans TC,sans-serif}.download-container[data-v-35093306]{width:100%;max-width:272px;display:flex;align-items:center;justify-content:space-between}.download-text-container[data-v-35093306]{width:100%;display:flex;align-items:center;justify-content:center}.download-text-img[data-v-35093306]{width:100%;max-width:14px;height:auto;margin-top:4px}.download-text[data-v-35093306]{font-size:18px;font-weight:700;color:#fff;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif;text-align:center;margin-inline:6px}.next-step[data-v-35093306]{width:100%;max-width:32px;height:auto;margin-block:16px}.share-text-container[data-v-35093306]{width:100%;max-width:272px;display:flex;align-items:center;justify-content:space-between}.share-text[data-v-35093306]{font-size:18px;font-weight:700;color:#fff;letter-spacing:.1em;font-family:Noto Sans TC,sans-serif;text-align:center;margin-bottom:4px}.share-content[data-v-35093306]{background:url(/images/ugc/Share_Box.png) no-repeat center center;background-size:contain;width:100%;max-width:272px;aspect-ratio:272/216;padding:16px}.step-container[data-v-35093306]{display:flex;flex-direction:column;gap:8px}.step-item[data-v-35093306]{display:flex;flex-direction:column}.step-header[data-v-35093306]{display:flex;align-items:center;gap:8px}.step-arrow[data-v-35093306]{width:27px;height:auto}.step-number[data-v-35093306]{font-size:18px;font-weight:900;color:#fff;font-family:Noto Sans TC,sans-serif}.step-text[data-v-35093306]{font-size:12px;color:#fff;font-weight:400;font-family:Noto Sans TC,sans-serif;letter-spacing:.03em}.button-container[data-v-35093306]{width:100%;max-width:272px;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px}.copy-container[data-v-35093306]{width:100%;display:flex;align-items:center;justify-content:center}.errorbox-container[data-v-3908346a]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.errorbox-frame[data-v-3908346a]{position:relative;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center;overflow:hidden}.errorbox-content[data-v-3908346a]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1}.error-icon-container[data-v-3908346a]{display:flex;justify-content:center;margin-bottom:8px}.error-icon[data-v-3908346a]{width:100%;height:auto;max-width:44px;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.error-text-container[data-v-3908346a]{width:243px;height:102px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;margin-bottom:22px;font-size:16px;font-weight:700;font-family:Noto Sans TC,sans-serif;line-height:1.4}.error-message[data-v-3908346a]{white-space:pre-line}.error-view[data-v-c58375bf]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}