*{box-sizing:border-box}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;width:100%;height:100%;font-size:100%;font-family:Playfair Display,serif}body{display:flex;justify-content:center;align-items:center}button{font-family:inherit;font-size:.8em;line-height:1.15;margin:0;padding:.4em;border:none;background-color:#dbeeff;transform:scale(1);transition:all .1s cubic-bezier(.645,.045,.355,1)}.mode:hover,button:hover{cursor:pointer;transform:scale(1.1)}button:active{transform:scale(.95);color:#000}button:disabled,input:disabled{background-color:#dbeeff;color:#afafaf}button:disabled:active,button:disabled:hover,input:disabled{transform:scale(1);cursor:not-allowed}.player{background-repeat:no-repeat;background-size:85%;background-position:50%;display:inline-block;margin:0 .1em;width:1.5em;height:1.5em}.player.circled{background-image:url(/circle-a0.a08084f8.svg)}.player.crossed{background-image:url(/cross-a0.b62a8bbf.svg)}.container h1{text-align:center;font-size:2.2em;margin:.2em}.container h2{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:1em}.container .status{display:inline-flex;padding:.2em;margin:0;background-color:#fff;width:auto;transition:all .2s ease-in-out}.container .status.updated{background-color:#5acf81}.board{display:flex;flex-direction:column;justify-content:center;align-items:center}.board .row{border-top:1.2px solid #000;display:flex;width:300;height:100px}.board .row .col{position:relative;border-left:1.2px solid #000;height:100px;width:100px;flex-basis:33.333333%}.board .row .col:hover{cursor:pointer}.board .row .col.placed:hover{cursor:not-allowed}.board .row .col-0,.board .row .col-1{border-right:0}.board .row .col-0{border-left:0}.board .row .col .after,.board .row .col.circled,.board .row .col.crossed{background-repeat:no-repeat;background-size:75%;background-position:50%}.board .row .col .after{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;transition:opacity .1s cubic-bezier(.645,.045,.355,1)}.board .row .col .after.circled{background-image:url(/circle.864b09fb.svg)}.board .row .col .after.crossed{background-image:url(/cross.87290f8a.svg)}.board .row .col.circled{background-image:url(/circle.864b09fb.svg)}.board .row .col.crossed{background-image:url(/cross.87290f8a.svg)}.board .row-0{border-top:0}.board .row-0,.board .row-1{border-bottom:0}.overlay{width:100vw;height:100vh;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;font-size:110%;opacity:1;transition:opacity .2s cubic-bezier(.645,.045,.355,1)}.overlay,.overlay .modes{display:flex}.overlay .modes .mode{margin:1em;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .2s cubic-bezier(.645,.045,.355,1)}.overlay .modes .mode img{width:4em;margin:.3em}.overlay.hide{opacity:0}.overlay.none{display:none}.overlay.online main{display:flex;flex-direction:column;align-items:center}.overlay.online main button{font-size:1em}.overlay.online main div{margin:1em}.overlay.online main input{font-size:1em;padding:.3em;border:2px solid #dbeeff;background-color:#eff8ff}.game-id-field{font-family:Courier New,Courier,monospace;width:115px}.back:hover{cursor:pointer}.join-game-form{display:flex;align-items:center}.join-game-form *{margin:.3em}.top{position:absolute;top:0;left:0;right:0;margin:1em;justify-content:space-between}.top,.top .this-player{display:flex;align-items:center}.top .this-player{font-weight:600}.top .this-player span{margin:0 .2em}@media (hover:none),(max-width:600px){:hover{background-image:none;cursor:default;transform:none}}
/*# sourceMappingURL=/styles.701ffa28.css.map */