:root{--white-color: #ffffff;--pink-color: #eb005e;--black-color: #000000c0;--gray-color: #cccccc;--gray-text-color: #3b3b3b}html{box-sizing:border-box;font-family:sans-serif;font-size:16px;font-family:Montserrat,sans-serif}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}img{max-width:100%;height:auto;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}body{-webkit-user-select:none;user-select:none}button{border:none;background-color:inherit;cursor:pointer}#root{max-width:600px;margin:0 auto}.status-overlay-container{position:fixed;inset:0;width:100vw;height:100vh;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;pointer-events:all;touch-action:none;cursor:wait;-webkit-user-select:none;user-select:none;overflow:hidden;max-width:600px;margin:0 auto}.spinner{width:50px;height:50px;border:5px solid #ddd;border-top:5px solid var(--pink-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#fdd;color:#a10000;border:1px solid #a10000;padding:10px 20px;border-radius:6px;font-size:.75rem;text-align:center;animation:fade-in .3s ease;pointer-events:none;touch-action:none;cursor:default;margin:15px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;margin-top:80px;text-align:center;flex-direction:column;align-items:center}.progress-bar{width:80%;height:8px;background:#ccc;border-radius:4px;overflow:hidden;margin-top:20px}.progress-fill{height:100%;background:#4cafef;transition:width .1s linear}.lobby-main-container{background-size:cover;background-repeat:no-repeat;background-position:center;width:100vw;height:100vh;display:flex;max-width:600px;justify-content:center}.lobby-form-container{align-self:flex-end;margin:12px}.lobby-form-container .lobby-title{color:var(--white-color);font-size:1.1rem;font-weight:500;margin-bottom:15px}.lobby-button-container{display:flex;flex-direction:column}.lobby-button-container button{padding:11px;border:none;border-radius:6px;font-weight:500;font-size:.8rem;color:var(--white-color)}.lobby-button-container .lobby-button-1{background-color:var(--pink-color);margin-top:8px}.lobby-button-container .lobby-button-2{background-color:var(--black-color);border:1.5px solid var(--white-color)}.create-account-container{padding:10px;background-color:var(--white-color);height:100vh;display:flex;flex-direction:column}.create-account-header{display:grid;grid-template-columns:repeat(6,1fr);grid-template-areas:"btn ttl ttl ttl ttl .";height:35px;align-items:center;margin-bottom:10px}.create-account-header-title{font-size:.75rem;font-weight:600;justify-self:center}.create-account-back-button{border:none;background-color:inherit;width:23px;height:23px;justify-self:start;align-self:center;grid-area:btn}.create-account-header-title{grid-area:ttl}.create-account-subtitle{font-size:.75rem;font-weight:600;margin-bottom:10px}.create-account-conditions-button{margin:7px 0;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;height:85px}.create-account-conditions{display:grid;grid-template-columns:repeat(6,1fr);grid-template-areas:"icn1 txt txt txt txt icn2";padding:20px 0;width:inherit;height:inherit}.condition-text-container{grid-area:txt;text-align:start;align-self:center;justify-self:center}.condition-text-container h3{font-size:.65rem;font-weight:600;margin-bottom:2px;letter-spacing:.3px}.condition-text-container p{font-size:.55rem;letter-spacing:.1px;color:var(--gray-text-color)}.create-account-conditions>*[id=icon1],.create-account-conditions>*[id=icon2]{align-self:center;justify-self:center}.create-account-conditions>*[id=icon1]{grid-area:icn1}.create-account-conditions>*[id=icon2]{grid-area:icn2}.create-account-restiction{font-size:.5rem}.create-account-footer{margin-top:auto}.create-account-footer-textbox{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"chc ctext";margin-top:10px}.create-account-footer-textbox input{grid-area:chc;width:13px;height:13px;margin-right:10px;align-self:baseline;accent-color:#02a25a;color:var(--white-color)}.create-account-footer-textbox p{grid-area:ctext;font-size:.64rem;letter-spacing:.3px;text-align:justify}.create-account-footer-button{width:100%;margin-top:15px;height:35px;border-radius:7px;background-color:var(--pink-color);color:var(--white-color);font-weight:500}.create-account-footer-button:disabled{background-color:var(--gray-color);cursor:not-allowed;color:var(--white-color);font-weight:500}.auth-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.welcome-section{background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;text-align:center;padding:5px;display:flex;flex-direction:column;justify-content:space-between}.welcome-section header{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"btn2 lgo ."}.auth-page-back-button{grid-area:btn2;width:23px;height:23px}.welcome-section header img{grid-area:lgo;width:65px;justify-self:center}.welcome-section h2{width:80%;margin:0 auto 10px;color:var(--white-color);font-size:1.05rem;font-weight:600}.input-section{background-color:var(--white-color);padding:10px;border-radius:10px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:250px;transition:transform .4s ease;max-width:600px;margin:0 auto}.keyboard-active .input-section{position:fixed;inset:0;height:90vh;z-index:1000;background-color:var(--white-color);transform:translateY(0);margin:0 auto}.keyboard-active .input-section-1{margin-top:40px}.input-section label{font-size:.75rem;font-weight:600}.input-section input{width:100%;font-size:.7rem;padding:10px;margin-top:10px;border-radius:4px;border:2px solid var(--gray-color)}.input-section-1{margin-top:15px;height:100%}.input-section-1.phone{display:flex;flex-direction:column;justify-content:space-between}.enter-keyboard-button,.send-keyboard-button{margin-top:16px;width:100%;padding:11px;border:none;border-radius:5px;background-color:var(--gray-color);color:#fff;font-size:.75rem}.enter-keyboard-button.valid,.send-keyboard-button.valid{background-color:var(--pink-color)}.custom-keyboard{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);gap:5px;padding:10px;background-color:var(--white-color);z-index:3}.custom-keyboard button{font-size:.7rem;padding:15px;font-weight:600;color:#000;border:none;border-radius:10px;background-color:var(--white-color);transition:background-color .2s}.custom-keyboard button:active{background-color:var(--gray-color)}.close-keyboard-button{position:absolute;top:5px;left:5px;background:var(--white-color);border:none;width:23px;height:23px;margin:0}.close-keyboard-button img{background:var(--white-color);width:23px;height:23px}.delete-button img{width:17px}.digit-boxes{display:flex;justify-content:center;gap:20px;margin:20px 0}.digit-box{width:45px;height:45px;border:2px solid var(--gray-color);border-radius:5px;font-size:1.2rem;text-align:center;display:flex;align-items:center;justify-content:center}.toggle-password-button{display:flex;align-items:center;justify-content:center;margin-top:.5rem;gap:8px;font-size:.75rem;background:none;border:none;color:#555;cursor:pointer;width:100%}.input-section-1.code{display:flex;flex-direction:column;justify-content:space-between;height:100%}.input-section-1.code .top-section h2{font-size:.73rem;font-weight:600;margin:10px 0}.input-section-1.code .top-section p{font-size:.69rem;font-weight:300;letter-spacing:.2px}.input-section-1.code .top-section p strong{font-weight:600;letter-spacing:.5px}.digit-boxes-alt{display:flex;justify-content:center;gap:10px;margin:24px 0}.digit-box-alt{width:35px;height:35px;border:2px solid var(--gray-color);border-radius:5px;font-size:1.1rem;text-align:center;display:flex;align-items:center;justify-content:center}@media (min-width: 370px){.lobby-button-container button{padding:13px;font-size:.88rem}.lobby-button-container .lobby-button-1{margin-top:11px}.create-account-header-title{font-size:.83rem}.create-account-subtitle{font-size:.77rem;margin:13px 0}.create-account-conditions-button{width:100%;height:93px}.condition-text-container h3{font-size:.75rem}.condition-text-container p,.create-account-restiction{font-size:.65rem}.create-account-footer-textbox{margin-top:15px}.create-account-footer-textbox input{width:15px;height:15px}.create-account-footer-textbox p{font-size:.7rem}.create-account-footer-button{margin-top:30px;padding:11px;font-size:.9rem}.welcome-section header{padding:8px 0}.welcome-section h2{font-size:1.1rem;margin-bottom:15px}.input-section label{font-size:.85rem}.input-section input{font-size:.85rem;letter-spacing:.2px;padding:10px;margin-top:13px}.enter-keyboard-button,.send-keyboard-button{margin-top:16px;padding:13px;font-size:.83rem}.custom-keyboard button{font-size:.8rem;padding:17px;border-radius:10px}.input-section-1.password label{font-size:.85rem}.digit-boxes{margin:22px 0;gap:18px}.digit-box{width:48px;height:48px}.toggle-password-button,.input-section-1.code .top-section h2{font-size:.85rem}.input-section-1.code .top-section p{font-size:.8rem;letter-spacing:.1px}.digit-boxes-alt{gap:11px}.digit-box-alt{width:43px;height:43px;font-size:1.2rem}}@media (min-width: 450px){.lobby-form-container .lobby-title{font-size:1.2rem}.lobby-button-container button{padding:15px;font-size:.9rem}.lobby-button-container .lobby-button-1{margin-top:11px}.create-account-header-title{font-size:.85rem}.create-account-subtitle{font-size:.77rem;margin:15px 0}.create-account-conditions-button{width:100%;height:95px}.condition-text-container h3{font-size:.75rem}.condition-text-container p,.create-account-restiction{font-size:.65rem}.create-account-footer-textbox{margin-top:15px}.create-account-footer-textbox input{width:15px;height:15px}.create-account-footer-textbox p{font-size:.7rem}.create-account-footer-button{margin-top:30px;padding:11px;font-size:.9rem}.welcome-section header{padding:10px 0}.welcome-section h2{font-size:1.12rem;margin-bottom:15px}.input-section label{font-size:.9rem}.input-section input{font-size:.9rem;letter-spacing:.3px;padding:12px;margin-top:13px}.enter-keyboard-button,.send-keyboard-button{margin-top:16px;padding:15px;font-size:.85rem}.custom-keyboard button{font-size:.85rem;padding:20px;border-radius:10px}.input-section-1.password label{font-size:.9rem}.digit-boxes{margin:30px 0;gap:20px}.digit-box{width:50px;height:50px}.toggle-password-button{font-size:.85rem}.input-section-1.code .top-section h2{font-size:.9rem}.input-section-1.code .top-section p{font-size:.82rem;letter-spacing:.1px}.digit-boxes-alt{gap:13px}.digit-box-alt{width:45px;height:45px;font-size:1.2rem}}