@keyframes thinking{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}#tic-tac-toe{background-image:url(../images/ISU07009-001-background.png);background-repeat:no-repeat;background-size:cover;background-position:left center;padding:4rem 0;font-family:commuters-sans,sans-serif;font-weight:400}#tic-tac-toe .right-col{position:relative}#tic-tac-toe #message-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;left:0;top:0;display:none;opacity:0;transition:.3s;pointer-events:none;z-index:5}#tic-tac-toe #message-container.show{display:flex;opacity:1}#tic-tac-toe #message-container #message{background:rgba(0,0,0,.8);color:#fff;padding:3rem;border:1px solid #e30512;font-size:1.2rem;border-radius:8px;pointer-events:all}#tic-tac-toe #game-info h2,#tic-tac-toe #game-info h3,#tic-tac-toe #game-info h4,#tic-tac-toe #game-info p{color:#fff}#tic-tac-toe #game-info h4{font-weight:700}#tic-tac-toe #game-info h4.vcrossXY{background-image:url(../images/ISU07009-001-vcross-white.png);background-repeat:no-repeat;background-size:cover;text-indent:-99999rem;width:80px;height:80px;margin:0}#tic-tac-toe #game-info h4.zeroXY{background-image:url(../images/ISU07009-001-zero.png);background-repeat:no-repeat;background-size:cover;text-indent:-99999rem;width:80px;height:80px;margin:0}#tic-tac-toe #game-info #intro{background-image:url(../images/ISU07009-001-play.png);background-repeat:no-repeat;background-size:cover;text-indent:-99999rem;height:0;width:100%;padding-bottom:40%}#tic-tac-toe #game-info .subhead{padding:0 1rem;font-size:.95rem}#tic-tac-toe #game-info .subhead span{color:#e30512;font-weight:700}#tic-tac-toe #game-info #gameModeSelection,#tic-tac-toe #game-info #playerInfo,#tic-tac-toe #game-info #scoreBoard{text-transform:uppercase}#tic-tac-toe #game-info #scoreBoard{margin:2rem 0}#tic-tac-toe #game-info #scoreBoard .player{width:50%;float:left;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#tic-tac-toe #game-info #scoreBoard .player p{width:100%}#tic-tac-toe #game-info #gameModeSelection button{margin:0}#tic-tac-toe #game-info #gameModeSelection button.selected{background:#e30512}#tic-tac-toe #game-info #gameModeSelection .player{width:calc(50% - 10px);float:left;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 5px}#tic-tac-toe #game-info #gameModeSelection .player p{width:100%}#tic-tac-toe #game-info #playerInfo{margin-top:1rem;display:inline-block;width:100%}#tic-tac-toe #game-info #offer{background-image:url(../images/ISU07009-001-apr-finance.png);background-repeat:no-repeat;background-size:cover;text-indent:-99999rem;height:0;width:100%;padding-bottom:19%}#tic-tac-toe #game-info #smallprint{text-align:center;margin:.8rem 0;font-size:.7rem}#main{margin-left:auto;margin-right:auto;max-width:510px}#gameBoard{margin:20px auto;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px}.cell{width:100%;min-height:170px;background-color:#222;display:flex;align-items:center;justify-content:center;font-size:2em;cursor:pointer}.cell.thinking{animation-name:thinking;animation-duration:.5s;animation-iteration-count:infinite}.cell:hover{box-shadow:0 0 20px rgba(255,0,0,.9)}#scoreBoard{margin:20px}button{background:0 0;color:#fff;border:1px solid #e30512;border-radius:8px;padding:10px 20px;margin:10px;cursor:pointer;text-transform:uppercase;width:100%;margin:10px auto}button:hover{box-shadow:0 0 10px rgba(255,0,0,.9)}input[type=text]{padding:10px;margin:10px 5px;width:100%;text-transform:uppercase;border:1px solid #e30512;border-radius:8px}.cell.x{background-image:url(../images/ISU07009-001-vcross-white.png);background-repeat:no-repeat;background-size:contain;background-position:center}.cell.o{background-image:url(../images/ISU07009-001-zero.png);background-repeat:no-repeat;background-size:contain;background-position:center}.cell.win{box-shadow:0 0 10px rgba(255,255,255,.9)}