body{font-family:sans-serif;margin:0;padding:0}button{background-color:#fff;border:1px solid #000;box-sizing:border-box;font-size:16px;font-weight:700;outline:none;padding:.25em .5em;text-align:center}button:hover{background-color:#eee}button.disabled{display:none}.header{text-align:center}.header h1{font-size:24px;text-transform:uppercase}.header .scores{list-style-type:none;margin:0;padding:0}.header .scores li{display:inline-block;padding:0 20px}.header .scores li:first-child{border-right:1px solid #000}.ttt-container,.ttt-container *{box-sizing:border-box}.ttt-container{margin:20px auto;max-width:304px;position:relative;width:100%}.ttt-container .ttt-winner{align-items:center;background-color:hsla(0,0%,100%,.9);border:2px solid #c00;display:none;height:304px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.ttt-container .ttt-winner span{color:#c00;font-size:50px;font-weight:700;text-align:center}.ttt-container.show-winner .ttt-winner{display:flex}.ttt-container .ttt-board{border:2px solid #000;overflow:hidden;position:relative;width:100%;z-index:1}.ttt-container .ttt-board .ttt-square{border-right:1px solid #000;border-top:1px solid #000;float:left;height:100px;position:relative;width:100px}.ttt-container .ttt-board .ttt-square:nth-child(-n+3){border-top:none}.ttt-container .ttt-board .ttt-square:nth-child(3),.ttt-container .ttt-board .ttt-square:nth-child(6),.ttt-container .ttt-board .ttt-square:nth-child(9){border-right:none}.ttt-container .ttt-board .ttt-square .ttt-display,.ttt-container .ttt-board .ttt-square .ttt-switch{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.ttt-container .ttt-board .ttt-square .ttt-display{background-color:#fff;cursor:pointer;font-size:70px;z-index:10}.ttt-container .ttt-board .ttt-square .ttt-display.set{cursor:default}.ttt-container .ttt-board .ttt-square[class*=editing] .ttt-display{display:none}.ttt-container .ttt-board .ttt-square .ttt-switch{align-items:center;background-color:#ccc;flex-direction:column;justify-content:center;z-index:5}.ttt-container .ttt-board .ttt-square .ttt-switch button{font-size:10px;margin:4px 0;padding:.25em;width:50px}.ttt-container .ttt-board .ttt-square.editing-o .ttt-switch button.play-x,.ttt-container .ttt-board .ttt-square.editing-x .ttt-switch button.play-o{display:none}.ttt-container .ttt-controls{display:flex;justify-content:center;padding-top:15px}.ttt-container .ttt-controls button{width:49%}.ttt-container .ttt-controls button+button{margin-left:2%}
/*# sourceMappingURL=main.c92c16d4.css.map*/