*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}.app{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;background-image:radial-gradient(circle,#17c696,#00b6c3,#00a0ed,#007ff8,#7a49d2);position:relative}.form-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f4f4f4;width:95%;max-width:420px;height:20rem;border-radius:16px}.form-wrapper h3{margin:1rem 0;font-size:34px}.set-players{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:95%;width:80%;text-align:left;margin:1rem 0}.set-players>label{font-size:18px;width:100%;font-weight:600;margin:0 0 .5rem}.set-players>input{width:100%;height:2rem;font-size:18px;outline:none;margin:0 0 .5rem;padding-left:10px}.set-players p{margin:.5rem 0}.set-players>button{border:0;border-radius:16px;background-color:#007ff8;font-size:24px;font-weight:600;padding:.5rem 1rem;width:60%}.set-players>button:active{transform:scale(1.1)}h1{font-size:54px;margin:2rem .5rem}.count-display{font-size:24px;background-color:#f4f4f4;padding:.8rem .5rem;border-radius:16px;text-wrap:wrap}.message-display{position:absolute;top:38%;font-size:20px;text-transform:capitalize}.restart-btn{position:absolute;top:27%;border:0;border-radius:16px;padding:.8rem 1rem;font-size:24px;cursor:pointer}.gameboard{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);background-color:#f4f4f4;margin:1rem .5rem;position:absolute;top:40%}.cell{border:1px solid black;display:flex;justify-content:center;align-items:center;cursor:pointer}.cell:first-child{border-left:0}.cell:nth-child(3){border-right:0}.cell:nth-child(-n+3){border-top:0}.cell:nth-last-child(-n+3){border-bottom:0}.cell:last-child{border-right:0}.cell:nth-last-child(3){border-left:0}.cell:nth-child(4){border-left:0}.cell:nth-child(6){border-right:0}.circle{height:90px;width:90px;border-radius:50%;border:15px solid black}.cross{height:90px;width:90px;position:relative}.cross:before,.cross:after{content:"";position:absolute;background-color:red}.cross:before{transform:rotate(45deg);left:50%;width:20%;margin-left:-10%;height:100%}.cross:after{transform:rotate(-45deg);left:50%;width:20%;margin-left:-10%;height:100%}.disabled{pointer-events:none}