body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;font-size:15px}@media only screen and (max-width:480px){body{font-size:14px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--correct-color:#0b6e4f;--incorrect-color:#999eaa;--partial-color:#d4af37;--keyboard-color-normal:#ebebeb;--keyboard-key-color-normal:#000;--background-color-normal:#fff;--foreground-color-normal:#000;--background-color-modal:#fff;--background-color-header:#000;--tile-color:#fbfbfa;--toast-color:#0a369d;--tile-border-color:#d3d3d3;--box-shadow-color-normal:grey}html{height:100%}body{background-color:var(--background-color-normal);color:var(--foreground-color-normal)}#root,body{height:100%;margin:0;padding:0}a{color:var(--foreground-color-normal)}.max-container{display:flex;flex-direction:column;height:100%;margin:auto;text-align:center}.max-container:focus{outline:0}.header{background-color:var(--background-color-header);border:1px solid var(--background-color-normal);border-radius:6px;color:#fff;font-size:24px;line-height:2em;margin:5px auto 0;max-width:350px;position:relative;text-align:center;width:100%}.header-weekend{background-color:#0b6e4f;border:1px solid #fff;border-radius:6px;box-shadow:0 0 3px #0b6e4f;color:#fff;font-family:Brush Script MT;font-size:.8em;padding:0 .3em;position:absolute;right:18%;-webkit-transform:rotate(14deg);transform:rotate(14deg)}.container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:350px;width:100%}.board-wrapper{align-items:center;flex-direction:column;justify-content:center}.board,.board-wrapper{display:flex;flex-grow:1;position:relative}.board{box-sizing:border-box;max-height:425px;max-width:100%;padding:.5rem;width:100%}.board.weekend{max-height:350px;width:100%}.row-5{grid-gap:.25rem;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr)}.row-5,.row-6{display:grid;flex-grow:1}.row-6{grid-gap:.25rem;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.close-stats-button,.close-tutorial-button{position:absolute;right:15px;top:15px}.close-stats-button:hover,.close-tutorial-button:hover{cursor:pointer}.tutorial-example-holder{border:1px solid grey;border-radius:6px;padding:.75em 1em}.tutorial-row-container{padding:.5em 0;text-align:center;width:100%}.tutorial-row{grid-gap:2px;display:grid;grid-template-columns:repeat(5,1fr);padding:3px 3px 0}.text-center{text-align:center}.tile{align-items:center;background-color:var(--tile-color);border:1px solid var(--tile-border-color);border-radius:6px;box-sizing:border-box;display:inline-flex;font-size:2rem;font-weight:700;justify-content:center;line-height:2rem;text-transform:uppercase;transition:border 175ms,box-shadow 175ms;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%}@media (max-height:600px){.tile{font-size:1rem;line-height:1rem}}.tile>span{display:flex;flex-direction:column;height:100%}.tile>span,.tutorial-tile{align-items:center;justify-content:center}.tutorial-tile{border:1px solid #d3d3d3;border-radius:6px;box-sizing:border-box;display:inline-flex;font-size:2rem;font-weight:700;line-height:2rem;padding:.25em;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%}.active-tile{border:1px solid var(--foreground-color-normal);box-shadow:0 0 7px 1px var(--box-shadow-color-normal);transition:border 175ms,box-shadow 175ms}.keyboard{align-self:center;margin-bottom:5px;max-width:500px;width:100%}.keyboard-row{display:flex;justify-content:space-around;line-height:1.75rem;margin:0 auto 2px;touch-action:manipulation;width:98%}.keyboard-key{align-items:center;background-color:var(--keyboard-color-normal);border-radius:6px;color:var(--keyboard-key-color-normal);display:flex;flex:1 1;font-size:1.1rem;font-weight:500;justify-content:center;margin:2px 3px;padding:8px 6px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.keyboard-key,.keyboard-key:hover{cursor:pointer}.ready-for-enter{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{box-shadow:0 0 3px var(--background-color-normal)}to{box-shadow:0 0 3px var(--foreground-color-normal)}}@keyframes pulse{0%{box-shadow:0 0 3px var(--background-color-normal)}to{box-shadow:0 0 3px var(--foreground-color-normal)}}.summary{align-items:center;background-color:var(--background-color-modal);border-radius:8px;box-shadow:6px 6px 12px 0 rgba(0,0,0,.8);box-sizing:border-box;color:var(--foreground-color-normal);display:flex;flex-direction:column;left:0;margin-left:auto;margin-right:auto;max-width:420px;overflow-y:auto;padding:.75em;position:absolute;right:0;text-align:start;top:3.25em;width:97%;z-index:2}.summary ul{-webkit-margin-before:.25em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:10px;display:block;list-style-type:disc;margin-block-start:.25em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:10px}.endgame-summary div:not(.close-stats-button){padding:.1em 0;text-align:center}.endgame-summary{top:.25em}.opacity{opacity:.3}.share-button{align-items:center;background-color:var(--correct-color);border:1px solid #fff;border-radius:6px;box-shadow:0 0 3px var(--correct-color);color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;margin-top:.45em;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:320px}.logout-button{background-color:var(--incorrect-color);height:42px;width:120px}.logout-button,.retry-button{align-items:center;border:1px solid #fff;border-radius:6px;box-shadow:0 0 3px var(--correct-color);color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;justify-content:center;margin:1em auto 0;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.retry-button{background-color:var(--correct-color);height:120px;width:320px}.google-button-holder>div{margin:1em auto}.close-tutorial-button-big{text-transform:none}.open-tutorial-button{height:100%;left:8px;position:absolute}.open-log-button svg,.open-profile-button svg,.open-settings-button svg,.open-stats-button svg,.open-tutorial-button svg{display:block;height:100%;margin:auto}.open-log-button:hover,.open-profile-button:hover,.open-settings-button:hover,.open-stats-button:hover,.open-tutorial-button:hover{cursor:pointer}.open-stats-button{height:100%;left:64px;position:absolute}.open-settings-button{height:100%;left:36px;position:absolute}.open-log-button{height:100%;position:absolute;right:8px}.open-profile-button{height:100%;position:absolute;right:36px}.empty{flex:0.5 1}.chart-holder{max-width:100%}.stats-container{display:flex;justify-content:space-between}.stats-holder{display:flex;flex:1 1;flex-direction:column}.stats-spacer{border-right:1px solid var(--foreground-color-normal)}.stats-holder:last-of-type{border-right:none}.stats-header{align-items:center;display:flex;font-size:12px;justify-content:center;padding:0!important;text-align:center}.stats-value{font-size:18px;font-weight:700;padding:0!important}.ad-stats-horizontal{display:inline-block;height:100px;margin-top:1em;max-height:100px;width:320px}.ad-square{display:inline-block;height:280px;margin-top:.7em;max-height:280px;width:336px}@media only screen and (max-width:320px){.ad-square{display:inline-block;height:100px;margin-top:.5em;max-height:100px;width:300px}}.chart-container{padding:0!important}.summary-header{-webkit-margin-after:.25em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-family:Raleway;font-size:24px;font-weight:700;margin-block-end:.25em;margin-inline-end:0;margin-inline-start:0;padding:.1em 0;text-align:center}.all-incorrect{background-color:var(--incorrect-color);color:#fff}@-webkit-keyframes all-incorrect-animation{to{background-color:var(--incorrect-color);color:#fff}}@keyframes all-incorrect-animation{to{background-color:var(--incorrect-color);color:#fff}}.any-correct{background-color:var(--correct-color);color:#fff}@-webkit-keyframes any-correct-animation{to{background-color:var(--correct-color);color:#fff}}@keyframes any-correct-animation{to{background-color:var(--correct-color);color:#fff}}.any-partial{background-color:var(--partial-color);color:#fff}@-webkit-keyframes any-partial-animation{to{background-color:var(--partial-color);color:#fff}}@keyframes any-partial-animation{to{background-color:var(--partial-color);color:#fff}}.tutorial-example-header{font-weight:700;text-align:center}#first-tutorial-row{padding:0}.summary>div>h1{-webkit-margin-after:0;margin-block-end:0}ul{margin:.75em 0}#first-tutorial-footer-row{margin-top:.75em;padding:0}.external-link-svg{margin-bottom:-2px}.settings-section{margin:.5em 0;width:100%}.react-switch-label{display:flex;font-size:1em;justify-content:center;vertical-align:middle}.react-switch-label>span{display:inline-block;width:70%}.react-switch{margin:auto 0;vertical-align:middle}.shake{-webkit-animation:shake-animation .6s;animation:shake-animation .6s}@-webkit-keyframes shake-animation{10%,90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}20%,80%{-webkit-transform:translateX(2px);transform:translateX(2px)}30%,50%,70%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}40%,60%{-webkit-transform:translateX(4px);transform:translateX(4px)}}@keyframes shake-animation{10%,90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}20%,80%{-webkit-transform:translateX(2px);transform:translateX(2px)}30%,50%,70%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}40%,60%{-webkit-transform:translateX(4px);transform:translateX(4px)}}.correct-0,.correct-1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:correct-animation;animation-name:correct-animation;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.correct-1{-webkit-animation-delay:.2s;animation-delay:.2s}.correct-2{-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.correct-2,.correct-3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:correct-animation;animation-name:correct-animation}.correct-3{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.correct-4{-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.correct-4,.correct-5{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:correct-animation;animation-name:correct-animation}.correct-5{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes correct-animation{0%{-webkit-transform:rotatey(0);transform:rotatey(0)}50%{background-color:var(--tile-color);color:#fff;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{background-color:var(--correct-color);border:1px solid var(--background-color-normal);color:#fff;-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes correct-animation{0%{-webkit-transform:rotatey(0);transform:rotatey(0)}50%{background-color:var(--tile-color);color:#fff;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{background-color:var(--correct-color);border:1px solid var(--background-color-normal);color:#fff;-webkit-transform:rotateY(0);transform:rotateY(0)}}.tile[data-eval=correct],.tutorial-tile[data-eval=correct]{background-color:var(--correct-color);border:1px solid var(--background-color-normal);color:#fff}.tile[data-eval=incorrect],.tutorial-tile[data-eval=incorrect]{background-color:var(--incorrect-color);border:1px solid var(--background-color-normal);color:#fff}.tile[data-eval=partial],.tutorial-tile[data-eval=partial]{background-color:var(--partial-color);border:1px solid var(--background-color-normal);color:#fff}.incorrect-0,.incorrect-1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:incorrect-animation;animation-name:incorrect-animation;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.incorrect-1{-webkit-animation-delay:.2s;animation-delay:.2s}.incorrect-2{-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.incorrect-2,.incorrect-3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:incorrect-animation;animation-name:incorrect-animation}.incorrect-3{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.incorrect-4{-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.incorrect-4,.incorrect-5{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:incorrect-animation;animation-name:incorrect-animation}.incorrect-5{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes incorrect-animation{0%{-webkit-transform:rotatey(0);transform:rotatey(0)}50%{background-color:var(--tile-color);color:#fff;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{background-color:var(--incorrect-color);border:1px solid var(--background-color-normal);color:#fff;-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes incorrect-animation{0%{-webkit-transform:rotatey(0);transform:rotatey(0)}50%{background-color:var(--tile-color);color:#fff;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{background-color:var(--incorrect-color);border:1px solid var(--background-color-normal);color:#fff;-webkit-transform:rotateY(0);transform:rotateY(0)}}.partial-0,.partial-1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:partial-animation;animation-name:partial-animation;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.partial-1{-webkit-animation-delay:.2s;animation-delay:.2s}.partial-2{-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.partial-2,.partial-3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:partial-animation;animation-name:partial-animation}.partial-3{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.partial-4{-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.partial-4,.partial-5{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:partial-animation;animation-name:partial-animation}.partial-5{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes partial-animation{0%{-webkit-transform:rotatey(0);transform:rotatey(0)}50%{background-color:var(--tile-color);color:#fff;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{background-color:var(--partial-color);border:1px solid var(--background-color-normal);color:#fff;-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes partial-animation{0%{-webkit-transform:rotatey(0);transform:rotatey(0)}50%{background-color:var(--tile-color);color:#fff;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{background-color:var(--partial-color);border:1px solid var(--background-color-normal);color:#fff;-webkit-transform:rotateY(0);transform:rotateY(0)}}.log-item-holder{margin:1em 0 0}.log-item-holder:not(:first-of-type){margin:2em 0 0}.log-item-header{font-family:Raleway;font-size:16px;font-weight:bolder}.unread-log{background:var(--partial-color);border-radius:50%;padding:6px;position:absolute;right:-17%;top:23%}.logitem-mail-icon:hover{cursor:pointer}.log-item-body p:not(:first-of-type){padding-top:.75em}.stats-ingress:hover{cursor:pointer}.loader,.loader:after{border-radius:50%;height:1em;width:1em}.loader{-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite;border:1.1em solid var(--foreground-color-normal);border-left-color:var(--background-color-normal);font-size:10px;margin:10px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4ec51978.css.map*/