.old-interface-login{--old-archive-scale:1;z-index:50;background-color:#130f13;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.old-interface-login .welcome-container{width:225.5px;height:266.5px;transition:all 1s;animation:1s old-welcome-container;display:none;position:absolute;top:calc(50% - 112.75px);left:calc(50% - 133.25px);transform:scale(var(--old-archive-scale))!important;transform-origin:50%!important}.old-interface-login .welcome-container.is-visible{display:block}.old-interface-login .login-container.is-verifying,.old-interface-login .register-container.is-verifying{opacity:0;display:none}@keyframes old-welcome-container{0%{opacity:0;transform:scale(2)}}.old-interface-login .login-container,.old-interface-login .register-container{border:2px solid #0000;border-radius:0;width:348.5px;height:139.4px;transition:transform .5s,opacity .5s;animation:1s 3s backwards old-login-container;position:absolute;top:calc(50% - 69.7px);left:calc(50% - 174.25px);overflow:hidden;transform:scale(var(--old-archive-scale))!important;transform-origin:50%!important}.old-interface-login .login-container.is-verifying,.old-interface-login .register-container.is-verifying{transform:scale(var(--old-archive-scale))!important}.old-interface-login .progress-container{width:799.5px;height:451px;position:absolute;top:calc(50% - 225.5px);left:calc(50% - 399.75px)}.old-interface-login .account-container,.old-interface-login .password-container,.old-interface-login .confirm-password-container,.old-interface-login .mfa-container,.old-interface-login .name-container,.old-interface-login .email-container{font-family:var(--font-electrolize), monospace;width:300px;height:25px;position:absolute;right:25px;overflow:hidden}.old-interface-login .account-container{top:40px}.old-interface-login .password-container{top:70px}.old-interface-login .confirm-password-container,.old-interface-login .mfa-container{display:none;top:100px}.old-interface-login .name-container{display:none;top:130px}.old-interface-login .email-container{display:none;top:160px}.old-interface-login .email-container .field-name-with-input input,.old-interface-login .mfa-container .field-name-with-input input{font-size:calc(12px * var(--im-font-scale))}.old-interface-login .account-container .field-name-with-input{animation:.5s 4s backwards old-left-slide-in}.old-interface-login .password-container .field-name-with-input{animation:.5s 4.5s backwards old-left-slide-in}.old-interface-login .mfa-container .field-name-with-input{animation:.5s 5s backwards old-left-slide-in}.old-interface-login .name-container .field-name-with-input,.old-interface-login .email-container .field-name-with-input{animation:.5s backwards old-left-slide-in}.old-interface-login .field-name{text-align:center;width:120px;height:25px}.old-interface-login .field-name sup{font-size:calc(20px * var(--im-font-scale));margin-left:-5px;font-weight:700;line-height:10px}.old-interface-login .field-name-with-input{color:#bbb;background-color:#ffffff1a;border-radius:2px;width:300px;height:25px;display:flex;position:relative}.old-interface-login .field-name-with-input .vertical-line{border-right:1.5px solid #bbb;width:0;height:15px;margin-top:5px;margin-right:10px}.old-interface-login .field-name-with-input input{box-sizing:border-box;color:#bbb;width:160px;height:25px;font-size:calc(20px * var(--im-font-scale));letter-spacing:2px;background-color:#0000;border:none;outline:none;padding:0 5px;font-family:Helvetica Neue,Arial,sans-serif;line-height:25px}.old-interface-login .register-button,.old-interface-login .login-button{color:#bbb;text-align:center;height:25px;line-height:25px;font-family:var(--font-electrolize), monospace;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:2px;outline:none;text-decoration:none;transition:all .5s;display:block;position:absolute;top:100px}.old-interface-login .register-handle-note{box-sizing:border-box;color:#bbbbbbd1;width:300px;height:11px;font-family:var(--font-noto-sans-tc), monospace;font-size:calc(7.5px * var(--im-font-scale));text-align:right;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;line-height:11px;position:absolute;top:27px;right:25px;overflow:hidden}.old-interface-login .login-container .register-handle-note{display:none}.old-interface-login .login-fan-work-disclaimer{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));z-index:30;color:#bbbbbbbf;max-width:min(60vw,420px);font-family:var(--font-electrolize), "Noto Sans TC", monospace;letter-spacing:.02em;pointer-events:none;font-size:12px;line-height:1.5;position:fixed}@media (max-width:480px){.old-interface-login .login-fan-work-disclaimer{right:max(18px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 34px);text-align:center;max-width:none}}.old-interface-login .login-utility-buttons{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:30;align-items:center;gap:8px;display:flex;position:fixed}.old-interface-login .help-button,.old-interface-login .language-button,.old-interface-login .contact-button{color:#bbb;text-align:center;width:96px;height:28px;line-height:28px;font-family:var(--font-electrolize), monospace;cursor:pointer;background-color:#ffffff1f;border:1px solid #bbbbbb8c;border-radius:2px;outline:none;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s,transform .2s;display:block;box-shadow:0 0 16px #bbbbbb1f}.old-interface-login .help-button,.old-interface-login .language-button{padding:0}.old-interface-login .help-button{width:64px}.old-interface-login .language-button{width:46px}.old-interface-login .register-button{width:100px;animation:.5s 4s backwards old-login-button;right:110px}.old-interface-login .login-button{width:80px;animation:.5s 4.25s backwards old-login-button;right:25px}.old-interface-login .forgot-password-link{top:calc(50% + 69.7px * var(--old-archive-scale) + 12px);z-index:31;color:#bbbbbbbf;font-family:var(--font-electrolize), monospace;letter-spacing:1px;white-space:nowrap;font-size:13px;text-decoration:underline;animation:.5s 4.5s backwards old-forgot-password-link;position:absolute;left:50%;transform:translate(-50%)}.old-interface-login .forgot-password-link.has-mfa-row{top:calc(50% + 84.7px * var(--old-archive-scale) + 12px)}@keyframes old-forgot-password-link{0%{opacity:0}}.old-interface-login .forgot-password-link:hover,.old-interface-login .forgot-password-link:focus-visible{color:#ddd}.old-interface-login .register-button:active,.old-interface-login .login-button:active{color:#130f13;background-color:#bbb;transform:scale(.8)}.old-interface-login .help-button:active,.old-interface-login .language-button:active,.old-interface-login .contact-button:active{color:#130f13;background-color:#bbb;border-color:#bbb;transform:scale(.94)}.old-interface-login .login-faq-panel{right:max(18px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 40px);z-index:31;box-sizing:border-box;color:#ddd;width:min(360px,100vw - 36px);max-height:min(340px,100vh - 90px);font-family:var(--font-noto-sans-tc), sans-serif;font-size:calc(13px * var(--im-font-scale));background-color:#1c2227e0;border:1px solid #bbbbbb8c;border-radius:2px;padding:14px 16px;line-height:1.55;position:fixed;overflow:auto;box-shadow:0 0 24px #bbbbbb21}.old-interface-login .login-faq-panel[hidden]{display:none}.old-interface-login .login-faq-title{color:#fff;font-family:var(--font-electrolize), var(--font-noto-sans-tc), monospace;font-size:calc(16px * var(--im-font-scale));text-transform:uppercase;margin-bottom:8px;line-height:1.2}.old-interface-login .login-faq-panel ul{margin:0;padding-left:18px}.old-interface-login .login-faq-panel li+li{margin-top:6px}.old-interface-login .login-button:disabled{color:#666;cursor:not-allowed;background-color:#ffffff0a}.old-interface-login .login-button:disabled:active{color:#666;background-color:#ffffff0a;transform:none}.old-interface-login .auth-error-message{z-index:2;box-sizing:border-box;color:#ddd;max-width:calc(100% - 50px);min-height:18px;font-family:var(--font-noto-sans-tc), monospace;font-size:calc(10px * var(--im-font-scale));text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background-color:#ffffff1f;border-radius:2px;padding:2px 10px;line-height:1.35;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes old-left-slide-in{0%{transform:translate(-100%)}}@keyframes old-login-button{0%{transform:translate(250%)}}@keyframes old-login-container{0%{border-radius:10px;width:799.5px;height:451px;top:calc(50% - 225.5px);left:calc(50% - 399.75px)}50%{border-color:#ddd}95%{border-radius:10px}}.old-interface-login.has-played-intro .login-container,.old-interface-login.has-played-intro .register-container,.old-interface-login.has-played-intro .account-container .field-name-with-input,.old-interface-login.has-played-intro .password-container .field-name-with-input,.old-interface-login.has-played-intro .mfa-container .field-name-with-input,.old-interface-login.has-played-intro .name-container .field-name-with-input,.old-interface-login.has-played-intro .email-container .field-name-with-input,.old-interface-login.has-played-intro .register-button,.old-interface-login.has-played-intro .login-button,.old-interface-login.has-played-intro .progress-container svg .login-layout .top-thick-line,.old-interface-login.has-played-intro .progress-container svg .login-layout .bottom-thick-line,.old-interface-login.has-played-intro .progress-container svg .register-layout .top-thick-line,.old-interface-login.has-played-intro .progress-container svg .register-layout .bottom-thick-line,.old-interface-login.has-played-intro .progress-container svg .login-layout .system-access-to-im-system-text,.old-interface-login.has-played-intro .progress-container svg .login-layout .system-version-straght-link-mode-text,.old-interface-login.has-played-intro .progress-container svg .register-layout .system-access-to-im-system-text,.old-interface-login.has-played-intro .progress-container svg .register-layout .system-version-straght-link-mode-text,.old-interface-login.has-played-intro .progress-container svg .login-layout .system-access-to-im-system-text-background,.old-interface-login.has-played-intro .progress-container svg .register-layout .system-access-to-im-system-text-background,.old-interface-login.has-played-intro .progress-container svg .login-layout .top-line,.old-interface-login.has-played-intro .progress-container svg .register-layout .top-line{animation:none}.old-interface-login.has-played-intro .progress-container svg .progress-layout{opacity:0;animation:none;display:none}.old-interface-login.has-played-intro .progress-container svg .circle-cover-1,.old-interface-login.has-played-intro .progress-container svg .circle-cover-2{r:1558px;animation:none}.old-interface-login .register-container{border-radius:0;width:348.5px;height:229.4px;animation:none;top:calc(50% - 114.7px);left:calc(50% - 174.25px)}.old-interface-login .login-container.has-mfa-row{height:169.4px;top:calc(50% - 84.7px)}.old-interface-login .login-container.has-mfa-row .mfa-container{display:block}.old-interface-login .login-container.has-mfa-row .login-button,.old-interface-login .login-container.has-mfa-row .register-button{top:130px}.old-interface-login .register-container .confirm-password-container,.old-interface-login .register-container .name-container,.old-interface-login .register-container .email-container{display:block}.old-interface-login .register-extras{top:calc(50% + 114.7px * var(--old-archive-scale) + 12px);z-index:31;color:#ddddddd9;width:max-content;max-width:calc(100vw - 32px);font-family:var(--font-electrolize), "Noto Sans TC", monospace;flex-direction:column;align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex;position:absolute;left:50%;transform:translate(-50%)}.old-interface-login .register-terms{cursor:pointer;align-items:center;gap:8px;display:flex}.old-interface-login .register-terms input{accent-color:#8ce4e6;flex:none;width:16px;height:16px;margin:0}.old-interface-login .register-terms a{color:#8ce4e6;text-decoration:underline}.old-interface-login .register-container .login-button,.old-interface-login .register-container .register-button{top:190px}.old-interface-login .register-container .progress-container .login-layout,.old-interface-login .register-layout{display:none}.old-interface-login .register-container .progress-container{top:calc(50% - 240.5px)}.old-interface-login .register-container .progress-container .register-layout{display:inline}.old-interface-login .welcome-container svg .horizon-lines{animation-name:old-horizon-lines;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}.old-interface-login .welcome-container .system-verifying-label{z-index:2;color:#bbb;width:123px;height:18px;font-size:calc(16px * var(--im-font-scale));text-align:center;font-weight:500;line-height:18px;font-family:var(--font-electrolize), monospace;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:18px;left:51.25px;overflow:hidden}.old-interface-login .welcome-container img{z-index:2;box-sizing:border-box;border:2px solid #bbb;border-radius:80px;position:absolute;top:68px;left:72.75px}.old-interface-login .progress-container svg .login-layout .top-thick-line,.old-interface-login .progress-container svg .login-layout .bottom-thick-line,.old-interface-login .progress-container svg .register-layout .top-thick-line,.old-interface-login .progress-container svg .register-layout .bottom-thick-line{stroke-dashoffset:0;stroke-dasharray:348.5;animation:.5s 3.5s backwards old-thick-line}@keyframes old-thick-line{0%{stroke-dashoffset:348.5px;transform:translate(174.25px)}}.old-interface-login .progress-container svg .login-layout .horizon-lines{animation-name:old-horizon-lines-fade-in,old-horizon-lines;animation-duration:2s,5s;animation-timing-function:linear,linear;animation-iteration-count:1,infinite;animation-delay:3.5s,3.5s;animation-fill-mode:backwards,forwards}.old-interface-login .progress-container svg .register-layout .horizon-lines{animation-name:old-horizon-lines;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes old-horizon-lines-fade-in{0%{opacity:0}}@keyframes old-horizon-lines{to{stroke-dashoffset:307.5px}}.old-interface-login .progress-container svg .login-layout .system-access-to-im-system-text,.old-interface-login .progress-container svg .login-layout .system-version-straght-link-mode-text,.old-interface-login .progress-container svg .register-layout .system-access-to-im-system-text,.old-interface-login .progress-container svg .register-layout .system-version-straght-link-mode-text{font-size:calc(7px * var(--im-font-scale));font-weight:400;font-family:var(--font-electrolize), monospace;animation:.5s 3.5s backwards old-system-text}.old-interface-login .progress-container svg .login-layout .system-access-to-im-system-text-background,.old-interface-login .progress-container svg .register-layout .system-access-to-im-system-text-background{animation:.5s 3.5s backwards old-system-text}.old-interface-login .progress-container svg .login-layout .top-line,.old-interface-login .progress-container svg .register-layout .top-line{stroke-dashoffset:0;stroke-dasharray:92.25;animation:.5s 3.5s backwards old-top-line}@keyframes old-top-line{0%{stroke-dashoffset:92.25px;stroke-dasharray:92.25;transform:translate(46.125px)}}@keyframes old-system-text{0%{opacity:0;transform:translateY(8px)}}.old-interface-login .progress-container svg .progress-layout{animation:2s 3s forwards old-progress-layout}@keyframes old-progress-layout{to{opacity:0}}.old-interface-login .progress-container svg .progress-layout .progress-circles{transform-origin:399.5px 215.5px;animation:1s backwards old-progress-circle-scale}.old-interface-login .progress-container svg .progress-layout .progress-circle-1{stroke-dashoffset:0;stroke-dasharray:300;transform-origin:399.5px 215.5px;animation-name:old-progress-circle-1;animation-duration:2s;animation-timing-function:linear;animation-delay:1s;animation-fill-mode:backwards}.old-interface-login .progress-container svg .progress-layout .progress-circle-2{stroke-dashoffset:0;stroke-dasharray:300;transform-origin:399.5px 215.5px;animation-name:old-progress-circle-2;animation-duration:2s;animation-timing-function:linear;animation-delay:1s;animation-fill-mode:backwards}@keyframes old-progress-circle-scale{0%{transform:scale(0)}}@keyframes old-progress-circle-1{0%{stroke-dashoffset:-100px;fill:#ffffff1a;transform:rotate(360deg)}75%{stroke-dashoffset:0;fill:#ffffff1a;transform:rotate(0)}80%{fill:#ddd}85%{fill:#ffffff1a}90%{fill:#ddd}}@keyframes old-progress-circle-2{0%{stroke-dashoffset:200px;fill:none;transform:rotate(720deg)}50%{stroke-dashoffset:200px;fill:none;transform:rotate(360deg)}}.old-interface-login .progress-container svg .progress-layout .vertical-lines{animation-name:old-vertical-lines-fade-in,old-vertical-lines;animation-duration:2s,3s;animation-timing-function:linear,linear;animation-iteration-count:1,infinite;animation-fill-mode:backwards,forwards}@keyframes old-vertical-lines-fade-in{0%{opacity:0}}@keyframes old-vertical-lines{to{stroke-dashoffset:102.5px}}.old-interface-login .progress-container svg .progress-layout .system-access-to-im-system-text,.old-interface-login .progress-container svg .progress-layout .system-version-straght-link-mode-text{font-size:calc(7px * var(--im-font-scale));font-weight:400;font-family:var(--font-electrolize), monospace;animation:.5s 1s backwards old-system-text}.old-interface-login .progress-container svg .progress-layout .system-access-to-im-system-text-background{animation:.5s 1s backwards old-system-text}.old-interface-login .progress-container svg .progress-layout .top-line{stroke-dashoffset:0;stroke-dasharray:92.25;animation:.5s 1s backwards old-top-line}.old-interface-login .progress-container svg .progress-layout .curves{transform-origin:50%;animation:.5s .5s backwards old-curves}@keyframes old-curves{0%{opacity:0;transform:scale(.5)}}.old-interface-login .progress-container svg .progress-layout .bottom-left-line{animation:.5s .5s backwards old-bottom-left-line}.old-interface-login .progress-container svg .progress-layout .bottom-right-line{animation:.5s .5s backwards old-bottom-right-line}@keyframes old-bottom-left-line{0%{opacity:0;transform:translate(-61.5px)}}@keyframes old-bottom-right-line{0%{opacity:0;transform:translate(61.5px)}}.old-interface-login .progress-container svg .progress-layout .bottom-line-1{stroke-dashoffset:0;stroke-dasharray:61.5;animation:.5s 1s backwards old-bottom-line-1}.old-interface-login .progress-container svg .progress-layout .bottom-line-2{stroke-dashoffset:0;stroke-dasharray:184.5;animation:.5s 1s backwards old-bottom-line-2}@keyframes old-bottom-line-1{0%{stroke-dashoffset:61.5px;stroke-dasharray:61.5;transform:translate(30.75px)}}@keyframes old-bottom-line-2{0%{stroke-dashoffset:184.5px;stroke-dasharray:184.5;transform:translate(92.25px)}}.old-interface-login .progress-container svg .progress-layout .progress-bracket-start,.old-interface-login .progress-container svg .progress-layout .progress-bracket-end,.old-interface-login .progress-container svg .progress-layout .progress-initializing-text,.old-interface-login .progress-container svg .progress-layout .progress-finished-text{font-size:calc(16px * var(--im-font-scale));font-weight:500;font-family:var(--font-electrolize), monospace}.old-interface-login .progress-container svg .progress-layout .progress-initializing-text,.old-interface-login .progress-container svg .progress-layout .progress-finished-text{letter-spacing:1px;font-weight:100}.old-interface-login .progress-container svg .progress-layout .progress-initializing-text{animation-name:old-progress-text-show,old-progress-text-hide;animation-duration:.5s,.5s;animation-delay:1s,2.5s;animation-fill-mode:backwards,forwards}.old-interface-login .progress-container svg .progress-layout .progress-finished-text{animation-name:old-progress-text-show;animation-duration:.5s;animation-delay:3s;animation-fill-mode:backwards}.old-interface-login .progress-container svg .progress-layout .progress-bracket-start{animation-name:old-progress-text-show,old-progress-bracket-start;animation-duration:2s,2s;animation-delay:0s,0s;animation-fill-mode:backwards,forwards}.old-interface-login .progress-container svg .progress-layout .progress-bracket-end{animation-name:old-progress-text-show,old-progress-bracket-end;animation-duration:2s,2s;animation-delay:0s,0s;animation-fill-mode:backwards,forwards}@keyframes old-progress-text-show{0%{opacity:0}}@keyframes old-progress-text-hide{to{opacity:0}}@keyframes old-progress-bracket-start{to{transform:translate(-76px)}}@keyframes old-progress-bracket-end{to{transform:translate(76px)}}.old-interface-login .progress-container svg{background-color:#130f13}.old-interface-login .progress-container svg .circle-cover-1{animation:3s forwards old-circle-cover-1}.old-interface-login .progress-container svg .circle-cover-2{animation:3s forwards old-circle-cover-2}@keyframes old-circle-cover-1{to{r:1558px}}@keyframes old-circle-cover-2{to{r:1558px}}.old-interface-login.has-played-intro .forgot-password-link{animation:none}