@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{box-sizing:border-box}body{background-color:#fff;font-family:"Roboto",sans-serif;white-space:normal;overflow-wrap:break-word;margin:0;padding:0}button{background-color:rgba(0,0,0,0);color:#ff8000;border:0;cursor:pointer;transition:.4s;transition:all 100ms ease-in-out}button:active{transform:translateY(4px)}button:hover{color:#ff8a0a}button.dark{background-color:#ff8000;padding:10px 20px;margin:15px 0;border-radius:5px;color:#fff;font-weight:bold}button.dark:hover{background-color:#ff8a0a}#container{display:grid;width:100vw;height:100vh;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content;align-items:center}.nav{border-bottom:1px solid #94a3b8;padding:0 5px}.nav>button{float:right;padding:10px;font-size:1.5rem;border:0;background-color:rgba(0,0,0,0);transition:all .25s}.nav>button:hover{transform:scale(1.2)}.nav .info-btn{float:left}.results-btn{display:none}.puzzle{display:grid;justify-content:center;margin:15px 0}.puzzle>.row{margin:2.5px 0}.puzzle>.row>div{width:56px;height:56px;background-color:#fff;color:#1c1c1c;border:2px solid #e6e6e6;border-radius:3px;display:inline-block;position:relative}.puzzle>.row>div.fill{border-color:#4a4a4a;-webkit-animation:onTypeCell linear;animation:onTypeCell linear;-webkit-animation-duration:.35s;animation-duration:.35s}.puzzle>.row>div.correct>span,.puzzle>.row>div.middle>span,.puzzle>.row>div.wrong>span{-webkit-animation:offsetLetterFlip .35s linear;animation:offsetLetterFlip .35s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.puzzle>.row>div.correct{-webkit-animation:revealCorrectCharCell .35s linear;animation:revealCorrectCharCell .35s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.puzzle>.row>div.middle{-webkit-animation:revealMiddleCharCell .35s linear;animation:revealMiddleCharCell .35s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.puzzle>.row>div.wrong{-webkit-animation:revealWrongCharCell .35s linear;animation:revealWrongCharCell .35s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media(max-width: 320px){.puzzle>.row>div{width:35px;height:35px}}.puzzle>.row>div>span{position:absolute;font-weight:900;display:grid;align-items:center;width:52px;height:52px;text-align:center;font-size:40px}@media(max-width: 320px){.puzzle>.row>div>span{width:31px;height:31px;font-size:26px}}.keyboard{display:flex;flex-direction:column;padding-bottom:20px}.keyboard>.row{display:flex;justify-content:center}.keyboard>.row>div{padding:1em;border-radius:5px;margin:4px 2px;font-weight:900;color:#1c1c1c;background-color:#e2e8f0;transition:.4s;display:grid;align-items:center;justify-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.keyboard>.row>div:hover{background-color:#c3d0e0}.keyboard>.row>div:active{background-color:#95abc8}.keyboard>.row>div.correct{background-color:#22c55e}.keyboard>.row>div.correct:hover{background-color:#1fb155}.keyboard>.row>div.correct:active{background-color:#1a9447}.keyboard>.row>div.middle{background-color:#eab308}.keyboard>.row>div.middle:hover{background-color:#d3a107}.keyboard>.row>div.middle:active{background-color:#b08606}.keyboard>.row>div.wrong{background-color:#94a3b8}@media(max-width: 600px){.keyboard>.row>div{padding:.5em}}@media(max-width: 320px){.keyboard>.row>div{padding:.3em}}.keyboard>.row>.command{width:70px}@media(max-width: 600px){.keyboard>.row>.command{width:40px}}@media(max-width: 375px){.keyboard>.row>.command{width:auto}}.keyboard>.row #enter i{transform:rotate(90deg)}.modal{width:40vw;max-width:400px;background-color:#fff;position:absolute;border-radius:10px;z-index:5;box-shadow:rgba(60,64,67,.3) 0px 1px 2px 0px,rgba(60,64,67,.15) 0px 1px 3px 1px;color:#0e0e0e;text-align:center;display:none;align-content:center;align-self:center;justify-content:center;justify-items:center;padding:30px;transition:all .3s;transform:scale(0.9)}.modal h1{font-size:28px;font-weight:900;margin:10px 0}.modal p{font-weight:300;font-size:17px;margin:0 0 1em 0;text-align:center}.modal .hr{width:60%;height:1px;outline:none;background-color:#6d6d6d;margin:20px auto;box-shadow:rgba(60,64,67,.15) 0px 1px 2px 0px,rgba(60,64,67,.05) 0px 1px 3px 1px}@media(max-height: 600px){.modal .hr{display:none}}.modal .modal-close{position:absolute;padding:10px;top:0;right:0;font-size:1.75rem;transition:all .25s}.modal .modal-close:hover{transform:scale(1.2)}@media(max-width: 800px){.modal{width:90vw;max-width:90vw}}@media(max-width: 600px){.modal{padding:10px;width:100%;max-width:none;border-radius:0}}@media(max-width: 320px){.modal{height:100vh}}.alert-cookies h1 i{display:block;color:#ff8000;font-size:3rem}.alert-cookies #domain{font-family:"Courier New",Courier,monospace;background-color:#e6e6e6;word-break:break-word}.results>.emotes{position:relative;display:grid;justify-content:center;justify-items:center;align-content:center;align-items:center;margin:0 auto}.results>.emotes>span>div{width:35px;height:35px;display:none;border-radius:5px}.results>.emotes>span>div.correct{background-color:#22c55e;display:inline-block}.results>.emotes>span>div.middle{background-color:#eab308;display:inline-block}.results>.emotes>span>div.wrong{background-color:#94a3b8;display:inline-block}@media(max-width: 320px){.results>.emotes>span>div{width:25px;height:25px}}.stats .base-stats{display:grid;grid-template-columns:repeat(4, 1fr);-moz-column-gap:15px;column-gap:15px}.stats .base-stats p{font-size:.75rem}.stats .base-stats span{display:block;font-size:2rem;font-weight:bold}@media(max-width: 320px){.stats .base-stats span{font-size:1.75rem}}.stats .guess-dist{width:100%}.stats .guess-dist ul{list-style-type:none;padding:0;width:100%;font-size:.875rem}.stats .guess-dist ul li{text-align:left;margin-bottom:5px;display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;width:calc(100% - 10px)}.stats .guess-dist ul li span:not(.bar){padding:3px 0}.stats .guess-dist ul li .bar{display:inline-block;background-color:#4a4a4a;color:#fff;text-align:center;margin-left:10px;padding:3px 5px;min-width:1.1rem;width:1.1rem}.migration-box{display:none}.migration-box button.dark{margin:0}.migration-box p.migrate-wrapper{margin:0}.migration-box textarea{margin:1em 0;padding:5px;display:block;width:100%;box-sizing:border-box}.migration-box #import-wrapper{display:none}.migrationToggle{display:grid;width:100%;grid-template-columns:1fr 1fr;-moz-column-gap:10px;column-gap:10px;margin-bottom:1rem}.migrationToggle button{min-width:6rem;height:6rem;margin:0;padding:10px;display:grid;align-items:center;justify-items:center;font-weight:bold;background-color:rgba(0,0,0,0);color:#ff8000;border:3px solid #ff8000;border-radius:5px;transition:all 100ms ease-in-out}.migrationToggle button:active{transform:translateY(4px)}.migrationToggle button:hover{color:#ff8000;background-color:rgba(0,0,0,0)}@media(max-height: 600px){.migrationToggle button{height:5em}}.migrationToggle button i{font-size:3rem}@media(max-height: 600px){.migrationToggle button i{font-size:2rem}}.migrationToggle button.toggled{background-color:#ff8000;color:#fff}.info .puzzle{margin:0}.modal-bg{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4549019608);justify-content:center;justify-items:center}#clipboard{position:absolute;transform:translateX(500vw)}.toast{width:100vw;position:fixed;top:0;left:0;display:none;justify-content:center;justify-items:center;z-index:4;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:toast;animation-name:toast}.toast div{max-width:80vw;margin-top:10px;background-color:#e6e6e6;padding:0px 20px;border-radius:5px;font-weight:900}@-webkit-keyframes toast{from{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes toast{from{transform:translateY(-100vh)}to{transform:translateY(0)}}@-webkit-keyframes onTypeCell{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes onTypeCell{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@-webkit-keyframes revealWrongCharCell{0%{transform:rotateX(0deg);background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50%{background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50.1%{background-color:#94a3b8;border-color:#94a3b8;color:#fff;text-shadow:1px 1px 1px #0e0e0e}100%{background-color:#94a3b8;border-color:#94a3b8;color:#fff;text-shadow:1px 1px 1px #0e0e0e;transform:rotateX(180deg)}}@keyframes revealWrongCharCell{0%{transform:rotateX(0deg);background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50%{background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50.1%{background-color:#94a3b8;border-color:#94a3b8;color:#fff;text-shadow:1px 1px 1px #0e0e0e}100%{background-color:#94a3b8;border-color:#94a3b8;color:#fff;text-shadow:1px 1px 1px #0e0e0e;transform:rotateX(180deg)}}@-webkit-keyframes revealCorrectCharCell{0%{transform:rotateX(0deg);background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50%{background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50.1%{background-color:#22c55e;border-color:#22c55e;color:#fff;text-shadow:1px 1px 1px #0e0e0e}100%{background-color:#22c55e;border-color:#22c55e;color:#fff;text-shadow:1px 1px 1px #0e0e0e;transform:rotateX(180deg)}}@keyframes revealCorrectCharCell{0%{transform:rotateX(0deg);background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50%{background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50.1%{background-color:#22c55e;border-color:#22c55e;color:#fff;text-shadow:1px 1px 1px #0e0e0e}100%{background-color:#22c55e;border-color:#22c55e;color:#fff;text-shadow:1px 1px 1px #0e0e0e;transform:rotateX(180deg)}}@-webkit-keyframes revealMiddleCharCell{0%{transform:rotateX(0deg);background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50%{background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50.1%{background-color:#eab308;border-color:#eab308;color:#fff;text-shadow:1px 1px 1px #0e0e0e}100%{background-color:#eab308;border-color:#eab308;color:#fff;text-shadow:1px 1px 1px #0e0e0e;transform:rotateX(180deg)}}@keyframes revealMiddleCharCell{0%{transform:rotateX(0deg);background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50%{background-color:#fff;border-color:#4a4a4a;color:#1c1c1c}50.1%{background-color:#eab308;border-color:#eab308;color:#fff;text-shadow:1px 1px 1px #0e0e0e}100%{background-color:#eab308;border-color:#eab308;color:#fff;text-shadow:1px 1px 1px #0e0e0e;transform:rotateX(180deg)}}@-webkit-keyframes offsetLetterFlip{0%{transform:rotateX(0deg)}100%{transform:rotateX(180deg)}}@keyframes offsetLetterFlip{0%{transform:rotateX(0deg)}100%{transform:rotateX(180deg)}}/*# sourceMappingURL=style.css.map */