.roomIsFullError{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.roomIsFullError__para{color:#fff;font-size:3rem;text-align:center}.promptContainer{width:100vw;height:100vh;background-color:#000000e8;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:15px}.promptContainer__h2{color:#fff;font-size:2.3rem}.promptContainer__p{color:#fff;font-size:1.5rem}.promptContainer__span{color:#fff;font-weight:700;font-size:1.8rem;padding-bottom:5px;border-bottom:3px solid #fff}.promptContainer__btn{border:none;background-color:#fff;padding:8px 10px;font-weight:700;cursor:pointer}.promptContainer__btn:active{background-color:#fff8}.gameContainer{display:flex;flex-direction:column;row-gap:25px;padding:30px}.gameContainer__h2{color:#fff;font-size:2.3rem;text-align:center}.scoreboard__h3{text-align:center;font-size:1.8rem;color:#fff}.scoreboard__container{display:flex;border-top:1px solid #fff}.scoreboard__item{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.scoreboard__item:first-child{border-right:1px solid #fff}.scoreboard__item span{font-size:1.5rem;color:#fff}.gridContainer{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);width:300px;height:300px}.gridContainer.active{cursor:pointer}.gridContainer.disable{cursor:not-allowed}.box{border:3px solid #fff;display:flex;justify-content:center;align-items:center}.box:first-child{border-left:none;border-top:none}.box:nth-child(2){border-top:none}.box:nth-child(3){border-top:none;border-right:none}.box:nth-child(4){border-left:none}.box:nth-child(6){border-right:none}.box:nth-child(7){border-left:none;border-bottom:none}.box:nth-child(8){border-bottom:none}.box:nth-child(9){border-bottom:none;border-right:none}.winnerPrompt__bg{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000e8;padding:30px;display:flex;justify-content:center;align-items:center}.winnerPrompt__container{width:100%;max-width:500px;height:200px;border-radius:5px;background-color:#2677ad;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:30px}.winnerPrompt__para{color:#fff;font-size:1.8rem}.winnerPrompt__btn{width:80px;margin:10px;cursor:pointer;padding:10px;border:none;border-radius:5px;font-weight:700;transition:.1s ease;background-color:#fff;color:#2677ad}.winnerPrompt__btn:hover{transform:scale(1.05);box-shadow:10px 10px 5px -2px #00000057;-webkit-box-shadow:10px 10px 5px -2px rgba(0,0,0,.34);-moz-box-shadow:10px 10px 5px -2px rgba(0,0,0,.34)}.joinGameForm{display:flex;flex-direction:column;row-gap:30px}.joinGameForm__input{background-color:transparent;color:#fff;border:none;outline:none;border-bottom:3px solid #fff;font-size:2rem;text-align:center}.joinGameForm__input::placeholder{color:#fff}.joinGameForm__btnContainer{display:flex;justify-content:center;align-items:center}.joinGameForm__btn{width:80px;margin:10px}.joinGameForm__btn button{cursor:pointer;padding:10px;border:none;border-radius:5px;width:100%;font-weight:700;transition:.1s ease}.joinGameForm__btn button:hover{transform:scale(1.05);box-shadow:10px 10px 5px -2px #00000057;-webkit-box-shadow:10px 10px 5px -2px rgba(0,0,0,.34);-moz-box-shadow:10px 10px 5px -2px rgba(0,0,0,.34)}.startContainer{display:flex;flex-direction:column;align-items:center;row-gap:20px}.startContainer__title{color:#fff}.startContainer__btn{width:100%;border:none;padding:15px;border-radius:5px;font-weight:700;transition:.1s ease;text-align:center;cursor:pointer}.startContainer__btn:hover{transform:scale(1.05);box-shadow:10px 10px 5px -2px #00000057;-webkit-box-shadow:10px 10px 5px -2px rgba(0,0,0,.34);-moz-box-shadow:10px 10px 5px -2px rgba(0,0,0,.34)}.start--btn{background-color:#2677ad;color:#fff}.join--btn{background-color:#fff;color:#2677ad}.newGameForm{display:flex;flex-direction:column;row-gap:30px}.newGameForm__input{background-color:transparent;color:#fff;border:none;outline:none;border-bottom:3px solid #fff;font-size:2rem;text-align:center}.newGameForm__input::placeholder{color:#fff}.newGameForm__btnContainer{display:flex;justify-content:center;align-items:center}.newGameForm__btn{width:80px;margin:10px}.newGameForm__btn button{cursor:pointer;padding:10px;border:none;border-radius:5px;width:100%;font-weight:700;transition:.1s ease}.newGameForm__btn button:hover{transform:scale(1.05);box-shadow:10px 10px 5px -2px #00000057;-webkit-box-shadow:10px 10px 5px -2px rgba(0,0,0,.34);-moz-box-shadow:10px 10px 5px -2px rgba(0,0,0,.34)}.back--btn{color:#2677ad;background-color:#fff}.go--btn{color:#fff;background-color:#2677ad}:root{font-size:10px}*{padding:0;margin:0;box-sizing:border-box;text-decoration:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mainContainer{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#011f4b;background:linear-gradient(184deg,#011f4b 0%,#005b96 100%)}