:root{--green:#538d4e;--yellow:#b59f3b;--lightGray:#565758;--gray:#3a3a3c;--darkGray:#353537;--white:#d7dadc;--black:#121213}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{align-items:center;background-color:var(--black);color:var(--white);flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.flex,.main{display:flex}.center{margin:auto}.text-center{text-align:center}button.link{background:none!important;border:none;color:#069;cursor:pointer;padding:0!important;text-decoration:underline}footer{display:flex;flex-direction:column;flex-grow:1;width:100%}footer>.bottombar{border-top:1px solid var(--darkGray);color:var(--white);font-size:25px;margin-top:auto;min-height:50px}.btn-switch{font-family:Helvetica,sans-serif;font-size:25px}.tile{aspect-ratio:1;flex-basis:0;flex-grow:1;margin:1.14%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tile-contents{height:100%;left:0;position:relative;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.tile.absent .tile-contents,.tile.correct .tile-contents,.tile.present .tile-contents{-webkit-animation:rotate .7s forwards;animation:rotate .7s forwards}@-webkit-keyframes rotate{to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes rotate{to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.tile.touched{-webkit-animation:zoom .1s;animation:zoom .1s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.tile-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid var(--darkGray);display:flex;height:calc(100% - 4px);position:absolute;width:calc(100% - 4px)}.tile-face-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.tile:not(.untouched) .tile-face-front{border-color:var(--lightGray)}.tile.absent .tile-face-back{background-color:var(--gray);border-color:var(--gray)}.tile.present .tile-face-back{background-color:var(--yellow);border-color:var(--yellow)}.tile.correct .tile-face-back{background-color:var(--green);border-color:var(--green)}.tile-face>span{font-size:2.5rem;font-weight:700;text-transform:uppercase}.tile-1 .tile-contents{-webkit-animation-delay:.25s!important;animation-delay:.25s!important}.tile-2 .tile-contents{-webkit-animation-delay:.5s!important;animation-delay:.5s!important}.tile-3 .tile-contents{-webkit-animation-delay:.75s!important;animation-delay:.75s!important}.results .tile-0 .tile-contents,.tile-4 .tile-contents{-webkit-animation-delay:1s!important;animation-delay:1s!important}.results .tile-1 .tile-contents{-webkit-animation-delay:1.25s!important;animation-delay:1.25s!important}.results .tile-2 .tile-contents{-webkit-animation-delay:1.5s!important;animation-delay:1.5s!important}.results .tile-3 .tile-contents{-webkit-animation-delay:1.75s!important;animation-delay:1.75s!important}.results .tile-4 .tile-contents{-webkit-animation-delay:2s!important;animation-delay:2s!important}.wait .results .tile-0 .tile-contents{-webkit-animation-delay:2.5s!important;animation-delay:2.5s!important}.wait .results .tile-1 .tile-contents{-webkit-animation-delay:2.75s!important;animation-delay:2.75s!important}.wait .results .tile-2 .tile-contents{-webkit-animation-delay:3s!important;animation-delay:3s!important}.wait .results .tile-3 .tile-contents{-webkit-animation-delay:3.25s!important;animation-delay:3.25s!important}.wait .results .tile-4 .tile-contents{-webkit-animation-delay:3.5s!important;animation-delay:3.5s!important}.row{display:flex;width:100%}.shake .row.active{-webkit-animation:shake .15s linear 2;animation:shake .15s linear 2}@-webkit-keyframes shake{25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}75%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}75%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.board{max-width:100%;position:relative;width:350px}#mobileKeyboard{background-color:transparent;border:none;height:0;margin:0;outline:none;padding:0;position:absolute;width:0}header{display:flex;flex-direction:column;flex-grow:1;width:100%}header>.topbar{border-bottom:1px solid var(--darkGray);color:var(--white);font-size:30px;margin-bottom:auto;min-height:50px}.overlay{background-color:#000000d0;color:#fff;display:flex;height:100%;left:0;position:fixed;top:0;transition:opacity .5s;width:100%;z-index:100}.overlay.visible.wait,.overlay.visible.wait .overlay-contents{transition-delay:1.5s}.overlay:not(.visible){opacity:0;pointer-events:none}.overlay:not(.visible) .overlay-contents{-webkit-transform:translateY(calc(-50vh - 50%));transform:translateY(calc(-50vh - 50%))}.overlay-contents{background-color:var(--black);border:1px solid var(--darkGray);border-radius:5px;box-shadow:0 0 20px var(--black);display:flex;flex-direction:column;margin:auto;max-width:100%;min-height:100px;padding:10px;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:500px}.overlay .title{font-size:30px;font-weight:700;text-transform:uppercase}.overlay .title.won{color:#00a000}.overlay .title.lost{color:#c01010}.ovelray .results-wrapper{padding:10px}.overlay .results{max-width:350px}.overlay p{color:var(--white);font-size:25px;margin:10px}.overlay .results-wrapper{margin:20px}.overlay .btn{border:none;border-radius:5px;color:var(--white);cursor:pointer;flex-grow:1;font-family:Trebuchet MS,sans-serif;font-size:25px;font-weight:700;height:50px;transition:background-color .2s}.overlay .btn-close{background-color:#606060}.overlay .btn-close:hover{background-color:#404040}.overlay .btn-share{background-color:green}.overlay .btn-share:hover{background-color:#006000}.overlay .buttons hr{border:none;width:10px}
/*# sourceMappingURL=main.22bdec70.css.map*/