:root{--turn: 0;--player:calc(mod(var(--turn), 2) + 1);--player1-symbol: "x";--player2-symbol: "o"}body{font-family:Arial}#grids-container{position:relative;width:300px;height:305px;box-shadow:5px 5px 3px #666;z-index:0;margin-bottom:40px}.player-grid{position:absolute;top:0;left:0;display:grid;grid-template-columns:0 100px 0 100px 0 100px;width:300px;height:300px}#player1-grid{z-index:calc(2 - var(--player))}#player2-grid{z-index:calc(1 - calc(2 - var(--player)))}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0}input[type=checkbox]:not(:checked)+label{cursor:pointer}input[type=checkbox]:checked+label{pointer-events:none}.player-grid label{width:100px;height:100px;border:solid 1px black;font-size:150px;line-height:50px;font-family:cursive;text-align:center}input+label:after{display:none}#player1-grid input:checked+label:after{content:var(--player1-symbol);display:inline}#player2-grid input:checked+label:after{content:var(--player2-symbol);display:inline}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(#does-not-exist):not(.does-not-exist):not(does-not-exist){--turn: 1}:root:has(#player1-grid input:checked){--turn: 1}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-34-30-2p-3d-2t-36-1e-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist){--turn: 2}:root:has(#player1-grid input:checked):has(#player2-grid input:checked){--turn: 2}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1e-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist){--turn: 3}:root:has(#player1-grid input:checked~input:checked):has(#player2-grid input:checked){--turn: 3}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1e-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist){--turn: 4}:root:has(#player1-grid input:checked~input:checked):has(#player2-grid input:checked~input:checked){--turn: 4}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1e-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist){--turn: 5}:root:has(#player1-grid input:checked~input:checked~input:checked):has(#player2-grid input:checked~input:checked){--turn: 5}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1e-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist){--turn: 6}:root:has(#player1-grid input:checked~input:checked~input:checked):has(#player2-grid input:checked~input:checked~input:checked){--turn: 6}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15-1m-2w-2p-37-14-z-34-30-2p-3d-2t-36-1e-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist){--turn: 7}:root:has(#player1-grid input:checked~input:checked~input:checked~input:checked):has(#player2-grid input:checked~input:checked~input:checked){--turn: 7}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1e-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist){--turn: 8}:root:has(#player1-grid input:checked~input:checked~input:checked~input:checked):has(#player2-grid input:checked~input:checked~input:checked~input:checked){--turn: 8}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1d-19-2v-36-2x-2s-a-w-w-w-w-w-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-w-w-w-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-w-w-w-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-w-w-w-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-w-w-w-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15-1m-2w-2p-37-14-a-w-w-w-w-z-34-30-2p-3d-2t-36-1e-19-2v-36-2x-2s-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-a-w-w-15-a-w-w-z-2s-36-2p-3b]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist){display:block}:root:has(#player1-grid input:checked~input:checked~input:checked~input:checked~input:checked):has(#player2-grid input:checked~input:checked~input:checked~input:checked) #draw{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1d-19-1d-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-1-1:checked) #cell-2-1-1+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1d-19-1e-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-1-2:checked) #cell-2-1-2+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1d-19-1f-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-1-3:checked) #cell-2-1-3+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1e-19-1d-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-2-1:checked) #cell-2-2-1+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1e-19-1e-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-2-2:checked) #cell-2-2-2+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1e-19-1f-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-2-3:checked) #cell-2-2-3+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1f-19-1d-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-3-1:checked) #cell-2-3-1+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1f-19-1e-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-3-2:checked) #cell-2-3-2+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1e-19-1f-19-1f-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-1-3-3:checked) #cell-2-3-3+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1d-19-1d-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-1-1:checked) #cell-1-1-1+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1d-19-1e-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-1-2:checked) #cell-1-1-2+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1d-19-1f-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-1-3:checked) #cell-1-1-3+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1e-19-1d-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-2-1:checked) #cell-1-2-1+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1e-19-1e-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-2-2:checked) #cell-1-2-2+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1e-19-1f-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-2-3:checked) #cell-1-2-3+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1f-19-1d-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-3-1:checked) #cell-1-3-1+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1f-19-1e-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-3-2:checked) #cell-1-3-2+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-w-z-2r-2t-30-30-19-1d-19-1f-19-1f-w-17-w-30-2p-2q-2t-30]:not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(does-not-exist){visibility:hidden}:root:has(#cell-2-3-3:checked) #cell-1-3-3+label{visibility:hidden}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1d-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-1-1-1:checked):has(#cell-1-1-2:checked):has(#cell-1-1-3:checked) #player1-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1d-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-1-2-1:checked):has(#cell-1-2-2:checked):has(#cell-1-2-3:checked) #player1-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1d-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-1-3-1:checked):has(#cell-1-3-2:checked):has(#cell-1-3-3:checked) #player1-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1d-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-1-1-1:checked):has(#cell-1-2-1:checked):has(#cell-1-3-1:checked) #player1-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1d-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-1-1-2:checked):has(#cell-1-2-2:checked):has(#cell-1-3-2:checked) #player1-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1d-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-1-1-3:checked):has(#cell-1-2-3:checked):has(#cell-1-3-3:checked) #player1-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1d-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-1-1-1:checked):has(#cell-1-2-2:checked):has(#cell-1-3-3:checked) #player1-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1d-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1d-19-1f-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1d-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-1-1-3:checked):has(#cell-1-2-2:checked):has(#cell-1-3-1:checked) #player1-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1e-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-2-1-1:checked):has(#cell-2-1-2:checked):has(#cell-2-1-3:checked) #player2-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1e-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-2-2-1:checked):has(#cell-2-2-2:checked):has(#cell-2-2-3:checked) #player2-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1e-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-2-3-1:checked):has(#cell-2-3-2:checked):has(#cell-2-3-3:checked) #player2-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1e-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-2-1-1:checked):has(#cell-2-2-1:checked):has(#cell-2-3-1:checked) #player2-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1e-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-2-1-2:checked):has(#cell-2-2-2:checked):has(#cell-2-3-2:checked) #player2-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1e-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-2-1-3:checked):has(#cell-2-2-3:checked):has(#cell-2-3-3:checked) #player2-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1e-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-2-1-1:checked):has(#cell-2-2-2:checked):has(#cell-2-3-3:checked) #player2-wins{display:block}.js-has-pseudo [csstools-has-1m-36-33-33-38-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1d-19-1f-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1e-19-1e-1m-2r-2w-2t-2r-2z-2t-2s-15-1m-2w-2p-37-14-z-2r-2t-30-30-19-1e-19-1f-19-1d-1m-2r-2w-2t-2r-2z-2t-2s-15-a-w-w-z-34-30-2p-3d-2t-36-1e-19-3b-2x-32-37]:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist){display:block}:root:has(#cell-2-1-3:checked):has(#cell-2-2-2:checked):has(#cell-2-3-1:checked) #player2-wins{display:block}#player1-wins,#player2-wins{z-index:1}#draw{z-index:0}.end-of-game{position:absolute;top:0;left:0;width:320px;height:320px;background-color:#fff6;z-index:1;text-align:center;line-height:300px;display:none}.end-of-game span{opacity:100%;border:solid 1px black;padding:5px;background-color:#fff}input[type=reset]{padding:10px;background-color:#0d6efd;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px}@keyframes player-is-current{0%{visibility:visible}}#current-player{position:relative}#current-player div{visibility:hidden;position:absolute;top:0;left:0}#current-player-1{animation:1s player-is-current paused;animation-delay:calc((1 - var(--player)) * 1s)}#current-player-2{animation:1s player-is-current paused;animation-delay:calc((2 - var(--player)) * 1s)}#player1-symbol span:after,#current-player-1 span:after{font-family:cursive;content:var(--player1-symbol)}#player2-symbol span:after,#current-player-2 span:after{font-family:cursive;content:var(--player2-symbol)}