#tictactoecontainer{max-width:450px;max-height:450px;overflow:hidden;font-family:Arial,sans-serif;margin-left:auto;margin-right:auto}#tictactoecontainer #tictactoe{width:444px;height:444px;margin-left:auto;margin-right:auto;transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;border-width:3px;border-style:solid}#tictactoecontainer #tictactoe.x{border-color:#8aff7a}#tictactoecontainer #tictactoe.o{border-color:#ff7a7a}#tictactoecontainer .square{width:47px;height:47px;float:left;font-size:47px;text-align:center;border:1px solid #CCC;line-height:46px;z-index:10}#tictactoecontainer .square.x{background-color:#8aff7a}#tictactoecontainer .square.o{background-color:#ff7a7a}#tictactoecontainer .game.active:hover .square.x:hover{background-color:#beffb5}#tictactoecontainer .game.active:hover .square.o:hover{background-color:#ffbfbf}#tictactoecontainer .game.active{background-color:#91edff}#tictactoecontainer .game.active:hover{background-color:#c7f4fc}#tictactoecontainer .game.active:hover .square:hover{background-color:#e8fbff}#tictactoecontainer .game.won.x.active .winner,#tictactoecontainer .game.won.o.active .winner{display:none}#tictactoecontainer .game{width:148px;height:148px;float:left}#tictactoecontainer .winner{width:147px;height:147px;text-align:center;position:absolute;font-size:200px;line-height:128px;display:none;opacity:.8;z-index:1;overflow:hidden;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}#tictactoecontainer .game.won.x:hover .winner,#tictactoecontainer .game.won.o:hover .winner{opacity:0}#tictactoecontainer .game.won.x .winner,#tictactoecontainer .game.won.o .winner{display:block}#tictactoecontainer .game.won.x .winner{background-color:#8aff7a}#tictactoecontainer .game.won.o .winner{background-color:#ff7a7a}#tictactoecontainer .mymodal{position:absolute;border-radius:10px;box-shadow:0 0 13px #000;background-color:#fff;z-index:20;text-align:center;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}#tictactoecontainer .mymodal.overallwinner{width:200px;height:44px;display:none;line-height:44px;margin-left:122px;margin-top:200px}#tictactoecontainer .mymodal.overallwinner.x{background-color:#beffb5}#tictactoecontainer .mymodal.overallwinner.o{background-color:#ffbfbf}#tictactoecontainer .mymodal.intro{width:200px;height:140px;margin-left:122px;margin-top:152px}#tictactoecontainer .mymodal .btn{width:165px;height:19px}