:after,:before{box-sizing:border-box}.board{align-content:center;display:grid;grid-template-columns:repeat(3,auto);height:100vh;justify-items:center;width:100vw}.board,.cell{align-items:center;justify-content:center}.cell{border:1px solid #000;cursor:pointer;display:flex;height:100px;position:relative;width:100px}.cell.o,.cell.x{cursor:not-allowed}.cell:first-child,.cell:nth-child(2),.cell:nth-child(3){border-top:none}.cell:last-child,.cell:nth-child(7),.cell:nth-child(8){border-bottom:none}.cell:nth-child(3n+1){border-left:none}.cell:nth-child(3n+3){border-right:none}.cell.o:before,.cell.x:after,.cell.x:before{background-color:#000}.board.o .cell:not(.x):not(.o):hover:before,.board.x .cell:not(.x):not(.o):hover:after,.board.x .cell:not(.x):not(.o):hover:before{background-color:#d3d3d3}.board.x .cell:not(.x):not(.o):hover:after,.board.x .cell:not(.x):not(.o):hover:before,.cell.x:after,.cell.x:before{content:"";height:90px;position:absolute;width:13.5px}.board.x .cell:not(.x):not(.o):hover:before,.cell.x:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.board.x .cell:not(.x):not(.o):hover:after,.cell.x:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.board.o .cell:not(.x):not(.o):hover:after,.board.o .cell:not(.x):not(.o):hover:before,.cell.o:after,.cell.o:before{border-radius:50%;content:"";position:absolute}.board.o .cell:not(.x):not(.o):hover:before,.cell.o:before{height:90px;width:90px}.board.o .cell:not(.x):not(.o):hover:after,.cell.o:after{background-color:#fff;height:63px;width:63px}
/*# sourceMappingURL=main.4f0a5e11.css.map*/