body,html{background:#333;color:#555;font-family:Open Sans,Arial,"sans-serif";padding:0;margin:0;min-height:100%}html{background:#111}body{min-height:400px;margin:0 auto;padding:0 0 1%}@media (min-width:700px){#page{zoom:1.5}.board .tile{height:8vh;width:8vh;border-width:6px}.board{margin-top:-70px!important;grid-column-gap:2%;grid-row-gap:1%}}button{background:#222;color:#ddd;display:inline-block;border:1px solid #fff;border-radius:.25em;cursor:pointer;text-decoration:none;padding:5px 10px;box-shadow:0 0 10px rgba(0,0,0,.25);font-weight:400;font-size:90%;white-space:nowrap}header{box-shadow:0 0 10px rgba(0,0,0,.5);z-index:2000;position:relative;display:grid;grid-template-columns:auto;text-align:center}header h1{font-size:130%;font-weight:700;color:#fff;margin:0;padding:1% 0 0}small{font-weight:300}h2,h3{font-size:1.2em;font-weight:400;color:#ddd;margin:0;padding:0}h3{color:#aaa;font-size:1.1em}.matchmaking header h2{display:inline-block}.matchmaking p{margin:.5em 10px;color:#ddd}.matchmaking.searching p{margin:1em 10px;color:#777}.gameCanvas{box-sizing:border-box;padding:10px 0 30px;border-width:1px 0;background-color:#4c93e8;background-image:-webkit-linear-gradient(top,transparent,transparent 120px,#333 0,#333);background-image:linear-gradient(180deg,transparent,transparent 120px,#333 0,#333);min-height:150px}.gameCanvas.playerB{background-color:#e84c4c}.gameCanvas .status p{margin:0 .5em}.scoreboard{display:grid;grid-template-columns:1fr 3fr 3fr 1fr}.scoreboard p{margin:0;padding:0}.scoreboard strong{position:relative;color:#fff;top:-.82em;left:-.12em;font-size:.8em;font-weight:400}.scoreboard .name{padding-top:.25em}.scoreboard .playerA .name{color:#4d9af9}.scoreboard .playerB .name{color:#ff5252}.scoreboard .score{color:#777;font-size:3em;line-height:.3em;letter-spacing:-.075em}.scoreboard .playerA .won{color:#4c93e8}.scoreboard .playerB .won{color:#e84c4c}.scoreboard .playerA{text-align:left}.scoreboard .playerB{text-align:right}.scoreboard .totalScore{text-align:center}.scoreboard,.status{margin:0 auto;max-width:480px}.status{min-height:124px;max-height:124px}.status small{font-size:1.25em}.board{display:grid;grid-template-columns:auto auto auto auto;grid-template-rows:auto auto auto auto;max-width:450px;margin:-50px auto 0;padding-left:10px}.tile{display:inline-block;font-size:26px;background-color:#000;background-size:100% 100%;background-repeat:no-repeat;background-position:0 0;box-shadow:0 0 5px #222;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:.5em;margin:.3em .34em;height:2em;width:2em;height:15.5vw;width:15.5vw;-webkit-transition:opacity 1s;transition:opacity 1s;border:3px solid #fff;border-radius:8px}.board .tile{border-width:4px;margin:0}.playerA .tile{background-color:#4c93e8}.playerA .tile,.playerB .tile{background-image:-webkit-repeating-linear-gradient(45deg,transparent,transparent 10%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 20%);background-image:repeating-linear-gradient(45deg,transparent,transparent 10%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 20%)}.playerB .tile{background-color:#e84c4c}footer,header{letter-spacing:-.025em;padding:0 10px}.attribution{width:200px;margin:0 auto;padding-top:50px}footer{color:rgba(76,147,232,.8);font-size:.7em;text-align:center}footer a,header a{text-decoration:none;color:inherit}
/*# sourceMappingURL=main.58ebc26e.chunk.css.map */