:root{--grid-x-num:3;--grid-y-num:3;--grid-square-width:30vh;--grid-square-height:26vh;--nought-piece-col:#1446dc;--cross-piece-col:#dc2814}body,html{margin:0;padding:0}body{font:14px Century Gothic,Futura,sans-serif}#game{display:grid;grid-template-columns:auto;grid-template-rows:auto;min-height:calc(100vh - 2em);padding:1em;text-align:center}body:not(.MSIE) #game.withSidebar{grid-template-columns:auto 300px;grid-template-rows:auto}#game-board-container{max-height:100vh;max-width:100vw;text-align:center}.board{display:inline-grid;grid-template-columns:repeat(3,30vh);grid-template-columns:repeat(var(--grid-x-num),var(--grid-square-width));grid-template-rows:repeat(3,26vh);grid-template-rows:repeat(var(--grid-y-num),var(--grid-square-height));height:auto;padding-bottom:4vh;padding-top:4vh;width:auto}.status{margin-bottom:10px}.squareBtn{background-color:#fff;border:0;font-size:40px;height:100%;outline:0;width:100%}.playPiece.blank{cursor:pointer}.playPiece svg{height:100%;width:auto}.playPiece svg .noughtPath{stroke:#1446dc;stroke:var(--nought-piece-col)}.playPiece svg .crossPath{stroke:#dc2814;stroke:var(--cross-piece-col)}.squareWrapper{border-left:8px solid #000;border-top:8px solid #000}.squareWrapper.rowStart{border-left:0;grid-row-start:auto}.squareWrapper.colTop{border-top:0;grid-column-start:auto}.square:focus{outline:none}.kbd-navigation .square:focus{background:#ddd}.game-info{border-left:4px solid #000;grid-column:2;padding:10px}.playPiece{display:block;height:13vh;height:calc(var(--grid-square-height)*.5);margin:0 auto;width:15vh;width:calc(var(--grid-square-width)*.5)}#playStatus{margin:0 auto;max-width:800px}#playStatus hr{background-image:linear-gradient(90deg,#f5f5f5,grey,#000,grey,#f5f5f5);border:0;height:2px;margin-bottom:1em;margin-top:2em}#playStatus .status-msg{font-size:2em;margin:10px}#playStatus #reset-btn{background:transparent;border:0;float:right;outline:0}#playStatus #reset-btn:active{background-color:#f5f5f5}#playStatus #reset-btn:hover{cursor:pointer}#playStatus #reset-btn img{height:4em;width:4em}
/*# sourceMappingURL=main.3633ff45.css.map*/