.preregister-container{display:flex;align-items:center;justify-content:center;min-width:375px;width:100svw;height:100svh;background:url(/GuildRegistration/backgrounds/start_game_background.jpg) no-repeat 50%;background-size:cover}@font-face{font-family:DM Sans;src:url(/DMSans.ttf) format("truetype")}@font-face{font-family:Pixel Operator HB8;src:url(/PixelOperatorHB8.ttf) format("truetype")}.preregister-container .signup-screen{margin:auto;position:relative;overflow:hidden;width:100%;height:100%;image-rendering:pixelated;background-size:cover!important;outline:5px solid #000;display:flex;flex-direction:column;align-items:center}.preregister-container .signup-screen.earthquake{animation:progressive-quake 3s steps(2) both}.preregister-container .logo-container{z-index:10;margin-top:25px;display:flex;flex-direction:column;align-items:center}.preregister-container .logo-container .logo{width:224px}.preregister-container .logo-container .sub-logo{margin-top:6px;width:98px}.preregister-container .login-mode-container{width:100%;position:absolute;bottom:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.preregister-container .login-mode-container .loading-text{color:#000;font-family:Pixel Operator HB8;font-size:18px;height:120px}.preregister-container .login-mode-container .title{font-family:Pixel Operator HB8;font-size:18px;color:#fff;text-align:center;text-stroke:2px #000;-webkit-text-stroke:2px #000;paint-order:stroke fill}.preregister-container .login-mode-container .login-button{width:270px;cursor:pointer}.preregister-container .login-mode-container .login-button:active{transform:translateY(1px)}.preregister-container .box-register-container{width:100%;max-width:375px;position:absolute;bottom:-100%;left:50%;transform:translateX(-50%);transition:bottom .5s ease-out}.preregister-container .box-register-container.login-mode{bottom:-210px}.preregister-container .box-register-container.signup-mode{bottom:-155px}.preregister-container .box-register-container.create-username-mode{bottom:-280px}.preregister-container .box-register-container .box-register-image{width:100%}.preregister-container .box-register-container .box-register-title{top:10px;color:#fff;text-stroke:4px #16485d;-webkit-text-stroke:4px #16485d}.preregister-container .box-register-container .box-register-title,.preregister-container .box-register-container .box-register-title-shadow{position:absolute;left:50%;transform:translateX(-50%);box-sizing:border-box;font-family:DM Sans;font-size:22px;font-weight:900;white-space:nowrap;paint-order:stroke fill}.preregister-container .box-register-container .box-register-title-shadow{top:12px;color:#000;text-stroke:4px #000;-webkit-text-stroke:4px #000;opacity:.25}.preregister-container .box-register-container .box-register-content{width:100%;padding:18% 24px 0;box-sizing:border-box;position:absolute;top:0}.preregister-container .box-register-container .box-register-content .box-register-content-box{background:rgba(187,224,227,.6);padding:24px 12px;border:2px solid hsla(0,0%,100%,.6)}.preregister-container .box-register-container .box-register-content .account-text{margin-top:8px;margin-bottom:-12px;text-align:center;font-family:DM Sans;font-size:12px;color:#000}.preregister-container .box-register-container .box-register-content .account-text .link{text-decoration:underline;font-weight:700;cursor:pointer}.preregister-container .box-register-container .box-register-content .black-input{font-family:Pixel Operator HB8;font-size:11px;width:100%;background-color:#2b2a23;height:48px;box-sizing:border-box;border-radius:12px;border:12px solid rgba(0,0,0,0);border-image:url(/Preregister/input_border.png) 20 round;background:#2b2a23;color:#fff;outline:none;text-stroke:2px #000;-webkit-text-stroke:2px #000;paint-order:stroke fill}.preregister-container .box-register-container .box-register-content .testing-device-text{margin-top:8px;font-family:DM Sans;font-weight:500;font-size:16px;color:#fff;text-align:center;text-stroke:1px #000;-webkit-text-stroke:1px #000;paint-order:stroke fill}.preregister-container .box-register-container .box-register-content .testing-device-container{height:48px;display:flex;justify-content:center;gap:8px}.preregister-container .box-register-container .box-register-content .testing-device-container img{width:112px;object-fit:contain;cursor:pointer}.preregister-container .box-register-container .box-register-content .reason-container{margin-top:8px;position:relative}.preregister-container .box-register-container .box-register-content .reason-container .reason-input{resize:none;font-family:DM Sans;font-weight:500;font-size:11px;width:100%;height:calc(max(82vw,304px)*1056/740 - 390px);background-color:#8bafb2;box-sizing:border-box;border:2px solid hsla(0,0%,100%,.5333333333);border-radius:2px;color:#fff;padding:4px;outline:none}.preregister-container .box-register-container .box-register-content .reason-container .reason-input::placeholder{color:#fff}.preregister-container .box-register-container .box-register-content .reason-container .max-characters{position:absolute;bottom:8px;right:8px;font-family:DM Sans;font-weight:500;font-size:8px;color:hsla(0,0%,100%,.5333333333)}.preregister-container .box-register-container.animated{bottom:-100%}.preregister-container .box-completed-container{width:calc(100% - 4px);position:absolute;bottom:-100%;transition:bottom 1s cubic-bezier(.17,.67,.35,1.48)}.preregister-container .box-completed-container .box-completed-image{width:100%}.preregister-container .box-completed-container .box-completed-title{top:26px;color:#fff;text-stroke:4px #16485d;-webkit-text-stroke:4px #16485d}.preregister-container .box-completed-container .box-completed-title,.preregister-container .box-completed-container .box-completed-title-shadow{position:absolute;left:50%;transform:translateX(-50%);box-sizing:border-box;font-family:DM Sans;font-size:22px;font-weight:900;white-space:nowrap;paint-order:stroke fill}.preregister-container .box-completed-container .box-completed-title-shadow{top:28px;color:#000;text-stroke:4px #000;-webkit-text-stroke:4px #000;opacity:.25}.preregister-container .box-completed-container .box-completed-content{width:100%;padding:24% 24px 0;box-sizing:border-box;position:absolute;top:0}.preregister-container .box-completed-container .box-completed-content .line-container{display:flex;align-items:center;justify-content:center;gap:8px}.preregister-container .box-completed-container .box-completed-content .line-container .line{width:100%;height:2px;background-color:hsla(0,0%,100%,.51)}.preregister-container .box-completed-container .box-completed-content .line-container img{width:88px;height:16px;margin-bottom:-2px;object-fit:contain}.preregister-container .box-completed-container .box-completed-content .whats-next-text{margin-top:24px;font-family:DM Sans;font-weight:500;font-size:14px;color:#fff;text-align:center;text-stroke:1px #000;-webkit-text-stroke:1px #000;paint-order:stroke fill}.preregister-container .box-completed-container .box-completed-content .join-discord-container{height:90px;margin-top:12px;position:relative;text-align:center}.preregister-container .box-completed-container .box-completed-content .join-discord-container .blob{position:absolute;left:0;bottom:0;width:66px;height:70px}.preregister-container .box-completed-container .box-completed-content .join-discord-container .button{width:170px;cursor:pointer}.preregister-container .box-completed-container .box-completed-content .social-media-container{margin-top:16px;display:flex;justify-content:center;gap:20px}.preregister-container .box-completed-container .box-completed-content .social-media-container img{width:40px;height:40px;cursor:pointer}.preregister-container .box-completed-container.animated{bottom:calc((max(100vw,375px)*1056/740 - 360px)*-1)}.preregister-container .bottom-button-container{position:absolute;background:url(/Preregister/dashboard_box.webp) no-repeat top;background-size:cover;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box;bottom:-100%;transition:bottom .5s ease-out}.preregister-container .bottom-button-container .back-button{height:48px;cursor:pointer}.preregister-container .bottom-button-container .back-button:active{transform:translateY(1px)}.preregister-container .bottom-button-container .green-button-container{height:48px;position:relative}.preregister-container .bottom-button-container .green-button-container:active{transform:translateY(1px)}.preregister-container .bottom-button-container .green-button-container .green-button{height:100%}.preregister-container .bottom-button-container .green-button-container .green-button-text{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Pixel Operator HB8;font-size:14px;font-weight:700;color:#fff7d3;text-stroke:2px #000;-webkit-text-stroke:2px #000;paint-order:stroke fill}.preregister-container .bottom-button-container .right-placeholder{width:48px}.preregister-container .bottom-button-container.shown{bottom:0}.preregister-container .cloud{position:absolute;width:340%;left:-90%;top:30%;transition:all 10s linear}.preregister-container .cloud.animated{scale:.5;top:10%}.preregister-container .flyer-1{position:absolute;top:22%;left:30px;width:108px;height:auto;object-fit:contain;transition:all 6s cubic-bezier(.17,.67,.35,1.48);animation:left-swaying 5s ease-in-out infinite}.preregister-container .flyer-1.animated{left:80px;top:50%;transform:scale(2)}.preregister-container .flyer-2{position:absolute;top:20%;right:30px;width:108px;height:auto;object-fit:contain;transition:all 8s ease-out;transition-delay:.5s;animation:right-swaying 10s ease-in-out infinite}.preregister-container .flyer-2.animated{right:20px;top:35%;transform:scale(1.5)}@keyframes left-swaying{0%{margin-left:0}50%{margin-left:8px}to{margin-left:0}}@keyframes right-swaying{0%{margin-right:0}50%{margin-right:8px}to{margin-right:0}}@keyframes progressive-quake{0%{transform:translate(0)}2%{transform:translate(-1px)}4%{transform:translate(1px)}6%{transform:translateY(-1px)}8%{transform:translateY(1px)}10%{transform:translate(-1px,1px)}12%{transform:translate(1px,-1px)}14%{transform:translate(-2px)}16%{transform:translate(2px)}18%{transform:translate(-2px,1px)}20%{transform:translate(2px,-1px)}22%{transform:translate(-1px,-2px)}24%{transform:translate(1px,2px)}26%{transform:translate(-2px)}28%{transform:translate(2px,1px)}30%{transform:translate(-1px,1px)}32%{transform:translate(1px,-1px)}34%{transform:translate(-2px,2px)}36%{transform:translate(2px,-2px)}38%{transform:translate(-1px)}40%{transform:translate(1px)}42%{transform:translate(-2px,-1px)}44%{transform:translate(2px,1px)}46%{transform:translate(-2px,2px)}48%{transform:translate(2px,-2px)}50%{transform:translate(-1px,1px)}52%{transform:translate(1px,-1px)}54%{transform:translate(-2px)}56%{transform:translate(2px)}58%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}62%{transform:translate(-1px,-2px)}64%{transform:translate(1px,2px)}66%{transform:translate(-2px)}68%{transform:translate(2px,1px)}70%{transform:translate(-1px,1px)}72%{transform:translate(1px,-1px)}74%{transform:translate(-2px,2px)}76%{transform:translate(2px,-2px)}78%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}82%{transform:translate(-2px)}84%{transform:translate(2px)}86%{transform:translate(-1px)}88%{transform:translate(1px)}90%{transform:translateY(-1px)}92%{transform:translateY(1px)}94%{transform:translate(-1px)}96%{transform:translate(1px)}98%{transform:translate(-1px)}to{transform:translate(0)}}.preregister-container .info-bubble-cloud{position:absolute}.preregister-container .info-bubble-text{font-size:6.72px;color:#000;font-family:Pixel Operator HB8;position:absolute;text-align:center}@media screen and (min-height:950px),screen and (min-width:500px){.preregister-container .signup-screen{max-width:390px;max-height:654px;border:8px solid #fff;border-radius:8px;box-sizing:initial;outline:none}.preregister-container .signup-screen .box-completed-container.animated{bottom:-200px!important}}@media screen and (min-height:1080px)and (min-width:1440px){.preregister-container .signup-screen{transform:scale(1.5)}}@media screen and (min-height:1440px)and (min-width:1440px){.preregister-container .signup-screen{transform:scale(2)}}