*{box-sizing:border-box;margin:0;padding:0}.board-container{align-items:center;background-color:#789;display:flex;height:calc(100vh - 50px);justify-content:center;width:100%}.main-board{width:380px}.leader-board{align-items:center;display:flex;font-size:20px;justify-content:space-between;width:100%}.board{display:grid;grid-template-columns:repeat(9,auto);grid-template-rows:repeat(9,auto);padding-bottom:10px}.time-container{align-items:center;display:flex;gap:20px}.gameOverMsg,.timer-pause span{cursor:pointer}.gameOverMsg{align-items:center;background-color:red;border-radius:5px;color:#fff;display:flex;font-size:1rem;font-weight:700;height:30px;justify-content:center;text-align:center;visibility:hidden}.gameOverMsg.showMsg{visibility:visible}.gameOverMsg.showMsg:hover{opacity:.9;-webkit-transform:scale(.95);transform:scale(.95)}.gameOver{opacity:.5;pointer-events:none;position:relative}.gameOver:before{background-color:#ccc;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media screen and (max-width:400px){.main-board{width:280px}.leader-board{font-size:.9rem}}@media screen and (max-width:300px){.main-board{width:235px}}.cells-container{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.cells-container input{background-color:#bdcdd6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:35px;outline:none;text-align:center;width:35px}input:hover{border:2px solid blue!important}.selected{background-color:aqua!important}.input-border{border:2px solid red!important}.pt-none{background-color:rgba(47,43,43,.422)!important;color:#000!important;pointer-events:none}.bg-red{background-color:red!important}.mb{margin-bottom:10px}.mr{margin-right:10px}@media screen and (max-width:400px){.cells-container{height:30px;width:30px}.cells-container input{height:28px;width:28px}.mb{margin-bottom:5px}.mr{margin-right:5px}}@media screen and (max-width:300px){.cells-container{height:25px;width:25px}.cells-container input{font-size:1rem;height:23px;width:23px}}.numbers-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:10px;padding-top:10px}.numbers-container input{border-radius:5px;cursor:pointer;font-size:20px;height:100%;text-align:center;width:100%}.modal_wrapper{background-color:hsla(0,0%,74%,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:5}.modal_container{background-color:rgba(0,0,0,.7);border-radius:10px;color:#fff;flex-direction:column;gap:15px;height:250px;left:50%;padding:15px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:250px;z-index:5}.modal_btn_container,.modal_container{align-items:center;display:flex;justify-content:center}.modal_btn_container{position:relative}.new_game,.resume_game{display:flex;flex-direction:column;gap:5px}.modal_btn_submit{background:#000;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:40px;outline:none;padding:10px}.modal_btn_submit:hover{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}.home{align-items:center;background-color:#789;display:flex;height:calc(100vh - 50px);justify-content:center;width:100%}.home_container{display:flex;flex-direction:column;gap:10px}.home_container .start_game,.home_container input,.home_container p{border-radius:5px;font-size:1rem;height:30px;outline:none;padding:5px;text-align:center;width:190px}.home_container p{background-color:#fff;border:2px solid #ccc;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;text-align:center}.home_container .start_game{background-color:aqua;color:#fff;cursor:pointer;font-size:1rem;font-weight:700}.home_container .start_game:hover{opacity:.85;-webkit-transform:scale(.95);transform:scale(.95)}.name_container small{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:2px}button[disabled]{opacity:.5;pointer-events:none}.navbar{font-size:2rem;font-weight:700;height:50px}.footer_container,.navbar{align-items:center;background-color:#708090;display:flex;justify-content:center;width:100%}.footer_container{height:30px}
/*# sourceMappingURL=main.bc99e221.css.map*/