main{text-align:center;vertical-align:center;line-height:100vh}table.main-board{background-color:#fff;border-collapse:collapse;color:#000;margin:5% auto}table.main-board td,table.main-board th{border:2px solid #000;padding:10px}table.main-board tr:first-child td{border-top:0}table.main-board tr:last-child td{border-bottom:0}table.main-board tr td:first-child{border-left:0}table.main-board tr td:last-child{border-right:0}table.box{background-color:#fff;border-collapse:collapse;color:#000}table.box td{border:1px solid #888;padding:4px}table.box td div{width:30px;height:30px;border-radius:4px}table td,table td div{transition:background-color 1s ease-in-out}table.box td div.tic,#header span.tic{background-color:#46d7ff}table.box td div.tac,#header span.tac{background-color:#ff5f5c}table td.tic{background-color:#47d7ff33}table td.tac{background-color:#ff5f5c33}table td.available{background-color:#b5ff7033}#header{text-align:center;margin-top:10px}#header span{display:inline-block;border-radius:4px;padding:4px;opacity:.4;transition:opacity 1s ease-in-out}#header span.draw,#header span.winner,#header span.current{opacity:1}#header span.draw{background-color:#ff980066}.message{width:35%;margin:0 auto;text-align:center;line-height:20px;position:relative;bottom:40px;border:1px solid #ff9800;border-radius:4px;background-color:#ff980066;padding:8px;transition:opacity 1s;opacity:0}.message.show{opacity:1}.scale-board{transform:scale(.7);transform-origin:top center;max-height:440px}.modal-overlay{z-index:1000;text-align:center;width:100%;height:100%;position:absolute;top:0;background-color:#0009}.modal-container{width:40%;margin:10% auto;background-color:#fff;border-radius:4px;padding:30px}.f-left{float:left}.f-right{float:right}select{border:none}button{border:1px dashed #000;cursor:pointer}button:not(.inline){background:floralwhite;border-radius:2px;padding:8px}input{border:none;min-width:90%;border-bottom:1px dashed black}*:focus{outline:none}.animate{box-sizing:border-box;border-style:solid;animation-name:bounce;animation-duration:1.5s;animation-iteration-count:2}@keyframes bounce{0%{transform:scale(1);border-width:4px}50%{transform:scale(1.5);border-width:0}to{transform:scale(1);border-width:4px}}.animate.tic{border-color:#46d7ff;background-color:#46d7ff80!important}.animate.tac{border-color:#ff5f5c;background-color:#ff5f5c80!important}body{margin:0;background-color:#fff;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}