html[data-href="/tictactoe"] main,html[data-href="/super-tictactoe"] main,html[data-href="/super-super-tictactoe"] main{display:grid;place-items:center}.tic-tac-toe-board{font-size:89vmin;font-size:calc(min(100vw,100vh - 64px)*.89);font-size:calc(100cqmin - 16px);width:1em;height:1em;display:grid;place-items:center;user-select:none;background-color:#fff;box-shadow:0 0 16px 16px #fff}.tic-tac-toe-container{position:relative;width:100%;height:100%;font-size:.3em}.tic-tac-toe-container .tic-tac-toe{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:.1em;width:100%;height:100%}.tic-tac-toe-container .tic-tac-toe:before,.tic-tac-toe-container .tic-tac-toe:after{content:"";pointer-events:none;border-left:.05em solid black;border-right:.05em solid black;position:absolute;inset:2% calc(33% - .025em)}.tic-tac-toe-container .tic-tac-toe:after{transform:rotate(90deg)}.tic-tac-toe-container .tic-tac-toe.finished{opacity:.2}.tic-tac-toe-container.wasLast{background-color:#ffd70080}.tic-tac-toe-container.valid{background-color:#00ff0080}.tic-tac-toe-container span{position:absolute;inset:0;display:grid;place-items:center;font-size:3em}.tic-tac-toe-container span.valid{cursor:pointer}.tic-tac-toe-container svg{position:absolute;inset:0}.tic-tac-toe-container svg circle{fill:none;stroke:#00f;stroke-width:2px}.tic-tac-toe-container svg line{stroke:red;stroke-width:3px}