.keyboard{position:fixed;left:50%;bottom:0;max-width:400px;width:100%;background-color:var(--color-background);padding:15px;transform:translate(-50%);transition:.5s opacity .4s ease;z-index:10;touch-action:manipulation}.keyboard>div{display:flex;flex-flow:row;gap:8px;touch-action:manipulation}.keyboard .letters{margin-bottom:8px;justify-content:center}.keyboard .key{position:relative;flex:1 0 auto;touch-action:manipulation}.keyboard .key.action{flex-basis:calc(50% - 10px)}.disabled .keyboard .key{opacity:.5;transition:opacity .4s ease}.keyboard .key button{width:100%;padding:0;height:80px;font-size:24px}.keyboard .key.letter button{font-size:26px}.keyboard .key.disabled button,.keyboard .key.disabled:before,.keyboard .key.disabled:after{pointer-events:none;opacity:.4;text-decoration:line-through}.keyboard .key.action button{aspect-ratio:auto;height:65px}.keyboard .key.action.check button{color:var(--gu-c-white);background-color:var(--gu-c-green);border-color:var(--gu-c-green)}.keyboard .key.action.back button{color:var(--color-background);background-color:var(--color-border);border-color:var(--color-border)}.stats[data-v-633834c5]{border:1px solid var(--color-border);background-color:var(--color-background-mute);padding:15px;margin:15px 0;text-align:left}.results .stats[data-v-633834c5]{margin-top:30px}.stats ul[data-v-633834c5]{padding-left:0;list-style:none}.stats li[data-v-633834c5]{display:flex;justify-content:space-between;align-items:flex-end;padding-top:8px;margin-top:8px;border-top:1px dashed var(--color-border)}.stats .label[data-v-633834c5]{padding-right:30px}.stats li[data-v-633834c5]:first-child{border-top-style:solid}h3[data-v-633834c5]{font-weight:700;margin-bottom:10px}h2[data-v-c6741da5]{margin-top:30px}.highscore-block[data-v-c6741da5]{margin:16px 0}h3[data-v-c6741da5]{margin-bottom:8px}table[data-v-c6741da5]{width:100%;border-collapse:collapse}td[data-v-c6741da5],th[data-v-c6741da5]{border:1px solid var(--color-border);padding:4px 8px}th[data-v-c6741da5]{text-transform:uppercase}th[data-v-c6741da5]:first-child,td[data-v-c6741da5]:first-child{width:50px;text-align:center}th[data-v-c6741da5]:nth-child(2),td[data-v-c6741da5]:nth-child(2){text-align:left}th[data-v-c6741da5]:last-child,td[data-v-c6741da5]:last-child{width:110px;text-align:center}tr.current td[data-v-c6741da5]{background-color:var(--gu-c-green)}.saves[data-v-283b9f7e]{display:flex;flex-flow:column-reverse}.save[data-v-283b9f7e]{border:1px solid var(--color-border);background-color:var(--color-background-mute);padding:10px;margin-bottom:10px;display:flex;justify-content:space-between}.date[data-v-283b9f7e]{font-size:80%}.game-result[data-v-283b9f7e]{padding:15px;background-color:var(--color-background-mute)}.game-result .date[data-v-283b9f7e]{border-bottom:1px solid var(--color-border);padding-bottom:15px;margin-bottom:15px}a.save-back[data-v-283b9f7e]{margin-top:30px}.achiv-group[data-v-939b67a6]{margin:15px 0 30px}.achiv-items[data-v-939b67a6]{display:flex;flex-flow:wrap;margin:15px -15px}.achiv-item[data-v-939b67a6]{width:25%;padding:0 8px;margin-bottom:16px}.achiv-item .val[data-v-939b67a6]{position:relative;display:flex;justify-content:center;align-items:center;border:3px solid var(--color-border);aspect-ratio:1;opacity:.7;font-size:18px}.achiv-item .val>span.material-symbols-outlined[data-v-939b67a6]{opacity:0;position:absolute;top:3px;right:3px}.achiv-item.success .val[data-v-939b67a6]{border-color:var(--gu-c-green);color:var(--gu-c-green);opacity:1}.achiv-item.success .val>span.value[data-v-939b67a6]{font-weight:700}.achiv-item.success .val>span.material-symbols-outlined[data-v-939b67a6]{opacity:1}.user-data-restore[data-v-3219c739]{display:flex;margin-top:16px}input[type=text][data-v-3219c739]{flex:1 0 auto}.input-group[data-v-3219c739]{display:flex}.input-group input[type=text][data-v-3219c739]{flex:0 1 auto;max-width:calc(50% - 27px)}@font-face{font-display:swap;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(/assets/material-symbols-outlined-v296-latin-regular-DXsB26gq.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale}@font-face{font-display:swap;font-family:Courier Prime;font-style:normal;font-weight:400;src:url(/assets/courier-prime-v11-latin-regular-BbyBr73r.woff2) format("woff2")}@font-face{font-display:swap;font-family:Courier Prime;font-style:normal;font-weight:700;src:url(/assets/courier-prime-v11-latin-700-D1YCjmaD.woff2) format("woff2")}:root{--gu-c-green: #00B3AD;--gu-c-green-trans: #00B3AD80;--gu-c-red: #B33F00;--gu-c-yellow: #F1C40F;--gu-c-white: #ffffff;--gu-c-white-soft: #f8f8f8;--gu-c-white-mute: #f2f2f2;--gu-c-white-trans: rgba(255,255,255,.8);--gu-c-black: #181818;--gu-c-black-soft: #222222;--gu-c-black-mute: #282828;--gu-c-black-trans: rgba(10,10,10,.8)}:root{--color-background: var(--gu-c-white);--color-background-soft: var(--gu-c-white-soft);--color-background-mute: var(--gu-c-white-mute);--color-background-trans: var(--gu-c-white-trans);--color-border: var(--gu-c-black-soft);--color-border-hover: var(--gu-c-black);--color-heading: var(--gu-c-black);--color-text: var(--gu-c-black);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--gu-c-black);--color-background-soft: var(--gu-c-black-soft);--color-background-mute: var(--gu-c-black-mute);--color-background-trans: var(--gu-c-black-trans);--color-border: var(--gu-c-white-soft);--color-border-hover: var(--gu-c-white);--color-heading: var(--gu-c-white);--color-text: var(--gu-c-white)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background-soft);transition:color .5s,background-color .5s;line-height:1.6;font-family:Courier Prime,monospace;font-size:16px;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,optgroup,select,textarea{display:inline-block;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}b,strong{font-weight:700}p{margin-bottom:15px}#app{position:relative;max-width:400px;width:100%;margin:0 auto}main{padding:0 15px 30px;text-align:center}main:not(.result):not(.welcome):not(.overlay):not(.disabled){max-height:calc(100svh - 180px);overflow-y:auto}header{padding:15px 0 20px;display:flex;text-align:left;justify-content:space-between;align-items:center}header .account{margin-left:auto;margin-right:10px}header .nav{display:flex;column-gap:5px}header button{border:none;border-radius:50%;height:40px;width:40px;padding:0;text-align:center;display:inline-flex;align-items:center;justify-content:center}h1{font-size:32px;font-weight:700;line-height:1.2;color:var(--gu-c-green)}h2{font-size:22px;margin-bottom:10px;text-align:center}h3{font-size:18px;text-align:center}b{font-weight:700}a{display:inline-block;text-decoration:none;color:var(--gu-c-green);transition:.4s;cursor:pointer}.text-mark-red,.text-mark-yellow,.text-mark-green{display:inline-block;text-decoration:underline;text-decoration-color:var(--gu-c-red);text-decoration-thickness:2px;text-underline-offset:5px}.text-mark-yellow{text-decoration-color:var(--gu-c-yellow)}.text-mark-green{text-decoration-color:var(--gu-c-green)}.text-success{color:var(--gu-c-green)!important}.text-failed{color:var(--gu-c-red)!important}div.block{display:block;margin-bottom:16px}.alert{position:fixed;left:50%;top:0;width:100%;height:100%;max-width:370px;transform:translate(-50%);background-color:var(--color-background-trans)}.alert-inner{display:flex;align-items:flex-start;column-gap:15px;font-size:90%;padding:15px;margin:15px;background-color:var(--color-background-mute);border:1px solid var(--color-border);text-align:left;opacity:1}.alert-inner h2,.alert-inner h3{text-align:left}button{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--color-background);color:var(--color-text);border:3px solid var(--color-border);padding:8px 12px;transition:.4s;touch-action:manipulation}button[disabled]{opacity:.5;pointer-events:none}button.block{width:100%;margin-bottom:8px}button.block>span.material-symbols-outlined{margin-right:5px}@media(hover:hover){button:not([disabled]):hover,button:not([disabled]):active{background-color:var(--color-background-mute);border-color:var(--color-border-hover)}}.alert button{padding:8px}input[type=text]{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);padding:8px 15px}input::placeholder{color:var(--color-text);opacity:1}input:-ms-input-placeholder{color:var(--color-text)}input::-ms-input-placeholder{color:var(--color-text)}span.material-symbols-outlined{vertical-align:middle}.overlay,.overlay h2,.overlay h3{text-align:left}.overlay .btn-overlay,.welcome .btn-help{color:var(--gu-c-green)}ul.navigation{padding:0;margin:0;list-style:none;text-align:left}ul.navigation li a{display:flex;align-items:center;column-gap:10px;padding:5px 0 5px 10px;border-left:2px solid var(--color-border);margin-bottom:5px;color:var(--color-text)}button.nav-back,button.saves-back{margin-top:30px;text-align:left}@media(hover:hover){ul.navigation li a:hover,ul.navigation li a:active{color:var(--gu-c-green);border-color:var(--gu-c-green)}}.info{display:flex;align-items:center}.tries{text-align:right;margin-left:auto}.tries-check-wrap{display:flex;justify-content:center;column-gap:3px}.tries-check-wrap .try-check{position:relative;width:30px;height:30px;background-color:var(--color-background)}.tries-check-wrap .try-check:before,.tries-check-wrap .try-check:after{content:"";display:block;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:1px solid transparent;transition:border-color .2s;animation-delay:inherit}.tries-check-wrap .try-check:before{height:2px;transform:translate(-50%,-50%) scale(0)}.tries-check-wrap .try-check.used.wrong:not(.checking):after,.tries-check-wrap .try-check.used.wrong:not(.checking):before{animation-name:showFalseAfter;animation-duration:.6s;animation-fill-mode:forwards}.tries-check-wrap .try-check.used.wrong:not(.checking):before{animation-name:showFalseBefore}.tries-check-wrap .try-check.used.correct:not(.checking):after,.tries-check-wrap .try-check.used.correct:not(.checking):before{animation-name:showCorrectAfter;animation-duration:.6s;animation-fill-mode:forwards;transform-origin:center}.tries-check-wrap .try-check.used.correct:not(.checking):before{animation-name:showCorrectBefore;width:35%}.tries-check-wrap .try-check.used.checking:after{animation-name:checking;animation-duration:1s;animation-fill-mode:forwards;border-color:var(--color-border)}@keyframes checking{20%{width:50%;height:50%}40%{width:100%;height:100%}60%{width:50%;height:50%}80%{width:100%;height:100%}to{width:0%;height:0%}}@keyframes showFalseAfter{0%{transform:translate(-50%,-50%) scale(0);height:2px}50%{transform:translate(-50%,-50%) scale(1);height:2px}to{transform:translate(-50%,-50%) scale(1) rotate(45deg);height:2px;border-color:var(--color-border)}}@keyframes showFalseBefore{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1) rotate(-45deg);border-color:var(--color-border)}}@keyframes showCorrectAfter{0%{transform:translate(-50%,-50%) scale(0);height:2px;width:70%}50%{transform:translate(-50%,-50%) scale(1);height:2px;width:70%}to{transform:translate(-35%,-50%) scale(1) rotate(-45deg);height:2px;width:70%;border-color:var(--gu-c-green)}}@keyframes showCorrectBefore{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-120%,150%) scale(1) rotate(45deg);border-color:var(--gu-c-green)}}.word-wrap{position:relative}.word-input{margin-bottom:10px;display:flex;column-gap:8px}.word-input input{font-size:26px;line-height:1.3;font-weight:700;flex:0 1 auto;width:100%;text-align:center;padding:0;height:80px;border-width:3px;color:var(--gu-c-green);border-color:var(--gu-c-green);transition:.5s opacity .4s ease;pointer-events:none}.word-input input.has-val{animation-name:inputFeedback;animation-duration:.1s}.disabled .word-input input{opacity:.5;transition:opacity .4s ease}@keyframes inputFeedback{0%{transform:scale(1)}to{transform:scale(1.1)}}.logs{font-size:18px;line-height:1.2}.log.word{display:flex;column-gap:8px;margin-bottom:8px}.log.word span{flex:1 0 auto;display:block;padding:0 3px}.log.word .correct{background-color:var(--gu-c-green)}.log.word .wrong{background-color:var(--gu-c-red)}.log.word .almost{background-color:var(--gu-c-yellow)}.placeholder{display:flex;column-gap:10px;font-size:26px;line-height:32px;height:32px}.placeholder .holder{flex:1 0 auto;display:block;padding:0 3px;color:var(--color-background-soft);background-color:var(--color-background-soft)}.word-wrap+.action{margin:15px 0}.action button{display:block;width:100%}button.start-game,.next-lvl button,.results-success button,.try-again button,.new-game button,.wait button{color:var(--gu-c-green);border-color:var(--gu-c-green)}.try-again button{margin-top:30px}@media(hover:hover){button.start-game:hover,button.start-game:active,.next-lvl button:hover,.next-lvl button:active,.results-success button:hover,.results-success button:active,.try-again button:hover,.try-again button:active,.new-game button:hover,.new-game button:active,.wait button:hover,.wait button:active{border-color:var(--gu-c-green)}}.next-lvl h3,.results-success h3,.results-failed h3{color:var(--gu-c-green);margin-bottom:10px}.results-failed h3{color:var(--gu-c-red)}.hint{margin:24px 0;text-align:center}.points{flex-grow:1;margin-right:8px}.points-bar{position:relative;height:30px;display:flex;justify-content:flex-end;background-color:var(--color-background);overflow:hidden;transition:background-color .4s ease}.points-bar.min-points{background-color:var(--gu-c-green-trans)}.points-bar .bar{position:absolute;bottom:0;left:0;height:4px;width:100%;background-color:var(--gu-c-green)}.points-bar .current-points{line-height:30px;width:100%;text-align:center}.results .result{display:flex;justify-content:space-between;column-gap:15px;margin-bottom:10px;align-items:center;text-align:left}.result .graph{border:1px solid var(--color-border);height:30px;margin-top:5px}.result .graph .cnt{display:block;line-height:28px;background-color:var(--gu-c-green);overflow:hidden}.result .graph.failed .cnt{background-color:var(--gu-c-red)}.results .total{margin:24px 0;text-align:center}.results .total h2{margin-top:16px}.results .button-wrap{margin-top:30px}.result .expand-enter-active,.result .expand-leave-active{transition:width .7s}.result .expand-enter-from,.result .expand-leave-to{width:0!important}
