*{margin:0;padding:0}input{border:none}input,input:focus{outline:none}a{color:inherit;text-decoration:none}.app{align-content:center;align-items:center;background:#f5f5f5;height:min(100%,720px);justify-content:center;width:100%}.app,.container{display:flex;overflow-y:scroll}.container{background-color:#fff;flex-direction:column;height:100vh;position:relative;width:360px}.loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}button{border:none}button:hover{opacity:.9}.button{border-radius:8px;box-shadow:2px 2px 16px #00000029;color:#fff;cursor:pointer;font-family:Epilogue;font-size:14px;font-style:normal;font-weight:700;height:56px;margin:0 16px;text-align:center;width:328px}::-webkit-scrollbar{display:none}.arrow-box{align-items:center;cursor:pointer;display:flex;height:24px;justify-content:center;margin:16px;opacity:.87;width:24px}.arrow-left{border:solid #000;border-width:0 2.62px 2.62px 0;display:inline-block;padding:6.25px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.action-bar{align-items:center;display:flex;flex-direction:row;height:56px;justify-content:space-between;position:relative;top:0}.toast{align-items:center;border-radius:8px;bottom:86px;color:#fff;display:flex;font-weight:400;height:74px;left:16px;padding-left:16px;position:absolute;width:312px}.small-text,.toast{font-family:Epilogue;font-size:14px;font-style:normal}.small-text{height:14px;line-height:14px;width:114px}.large-text,.small-text{color:#333;font-weight:700;margin-left:24px}.large-text{font-family:Epilogue;font-size:28px;font-style:normal;height:64px;letter-spacing:-.05em;line-height:32px;margin-top:9px;width:255px}.label-name{margin-top:32px}.label{margin-top:16px}.user-input{align-items:center;background:#f4f4f4;border-radius:8px;display:flex;flex-direction:row;gap:4px;height:20px;margin:12px 0 16px 24px;outline:none;padding:20px 16px 16px;width:280px}.user-input::placeholder{align-items:center;color:#333;display:flex;flex:none;flex-grow:0;font-family:Epilogue;font-size:14px;font-style:normal;font-weight:400;line-height:16px;opacity:.5;order:0}.register-btn{background-color:#f2c94c;bottom:14px;position:absolute}.auth{position:relative}.small-title{font-size:36px;height:45px;left:156px;line-height:45px;top:174px;width:53px}.big-title,.small-title{font-family:Bilbo;font-style:normal;font-weight:400;position:absolute}.big-title{color:#000;font-size:96px;height:240px;left:105px;line-height:120px;text-align:center;top:231px;width:156px}.login{background-color:#f2c94c;bottom:96px}.login,.register{position:absolute}.register{background-color:#2f80ed;bottom:16px}.home-title{color:#333;font-family:Epilogue;font-size:28px;font-style:normal;font-weight:700;height:32px;letter-spacing:-.05em;line-height:32px;margin-left:24px;margin-top:24px;width:255px}.no-game-heading{color:#000;font-family:Bilbo;font-size:64px;font-style:normal;font-weight:400;height:160px;left:81px;line-height:80px;position:absolute;text-align:center;top:231px;width:205px}.start-btn{background-color:#f2c94c;position:absolute;top:calc(100vh - 241px)}.game-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:calc(100% - 100px);justify-content:flex-start;margin-top:20px;overflow-y:scroll;padding-bottom:4px;padding-top:4px}.floatingButton{align-items:center;background:#270f36;border-radius:8px;bottom:45px;box-shadow:2px 2px 16px #00000029;color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:4px;height:40px;padding:8px 12px 8px 8px;position:absolute;right:24px;width:124px}.plus{height:14px;padding:2px;position:relative;width:14px}.plus>div{background-color:#fff}.plus>.vertical{height:calc(100% - 6px);left:calc(50% - 2px);position:absolute;width:2px}.plus>.horizontal{height:2px;position:absolute;top:calc(50% - 2px);width:calc(100% - 6px)}.floatingButton>.btn-text{color:#fff;flex:none;flex-grow:0;font-family:Epilogue;font-size:14px;font-style:normal;font-weight:700;height:21px;line-height:150%;order:1;width:76px}.gameCard{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:2px 4px 16px #00000040;display:flex;flex-direction:column;gap:16px;height:199px;padding:16px;position:relative;width:296px}.gameHeading{color:#333;font-family:Epilogue;font-size:24px;font-style:normal;font-weight:700;height:25px;line-height:25px;overflow-y:hidden;width:300px}.gameStatus{color:#333;font-size:14px;height:36px;order:1;white-space:pre-line;width:300px}.gameStatus,.gameTime{flex:none;flex-grow:0;font-family:Epilogue;font-style:normal;font-weight:400;line-height:18px}.gameTime{color:#3f3f3f;font-size:12px;height:18px;order:2;overflow:hidden;width:128px}.gameBtn{background:#f2c94c;flex:none;flex-grow:0;height:40px!important;margin:0;order:3;order:2;width:296px}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spinner 1.5s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#f2c94c}.newgame-small-title{font-size:14px;height:14px;line-height:14px;top:75px;width:126px}.newgame-large-title,.newgame-small-title{color:#333;font-family:Epilogue;font-style:normal;font-weight:700;left:24px;position:absolute}.newgame-large-title{font-size:28px;height:64px;letter-spacing:-.05em;line-height:32px;top:98px;width:255px}.email-label{color:#333;font-family:Epilogue;font-size:14px;font-style:normal;font-weight:700;height:14px;left:24px;line-height:14px;position:absolute;top:202px;width:38px}.game-input{position:absolute;top:216px;width:280px}.start-game-btn{background-color:#f2c94c;bottom:14px;position:absolute}.X{height:100%;position:relative;width:100%}.X>div{background:#2c8dff;border:none;border-radius:63.9998px;position:absolute!important;rotate:45deg}.opponent{font-size:28px;font-weight:700;height:32px;letter-spacing:-.05em;line-height:32px;top:56px;width:300px}.opponent,.peice-title{color:#333;font-family:Epilogue;font-style:normal;left:24px;position:absolute}.peice-title{font-size:14px;font-weight:400;height:18px;line-height:18px;top:96px;width:73px}.peice{height:64px;left:24px;position:absolute;top:112px;width:64px}.game-area{background-color:#ffe79e;height:381.5px;left:16px;position:absolute;top:180px;width:327.88px}.game-title{align-items:center;color:#212121;display:flex;font-family:Epilogue;font-size:18.9159px;font-style:normal;font-weight:400;height:47.29px;justify-content:center;line-height:22px;text-align:center;width:100%}.grid-container{grid-gap:6.31px;display:grid;gap:6.31px;grid-template-columns:105.09px 105.09px 105.09px;grid-template-rows:105.09px 105.09px 105.09px;margin-top:6.31px;z-index:-1}.game-btn{background:#f2c94c;bottom:16px;position:absolute}.grid-item{background-color:#fff;cursor:pointer;height:100%;position:relative;width:100%;z-index:1}.circle{border:15.75px solid #ff4f4f;border-radius:50%;bottom:20%;box-sizing:border-box;left:20%;position:absolute;right:20%;top:20%}
/*# sourceMappingURL=main.4437c511.css.map*/