.backspace{line-height:18px}.backspace-icon{display:inline-block;width:24px;height:18px;vertical-align:middle;background:url(/assets/backspace-6481eae7.svg);background-repeat:no-repeat}@media (prefers-color-scheme: dark){.backspace-icon{background:url(/assets/backspace-white-6c0bbfc0.svg)}}#keyboard{position:fixed;left:10px;bottom:5px;right:10px}@media (min-width: 800px){#keyboard{left:calc(50% - 400px);right:calc(50% - 400px)}}.row2 .keycap:first-child{margin-left:5%}.keycap{display:inline-block;text-align:center;margin:3px;padding:15px 0;border-radius:3px;width:calc(10% - 6px);text-transform:uppercase;background-color:var(--color-keycap-background);color:var(--color-keycap-text);font-size:.9rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.keycap.enter{width:calc(17.5% - 6px)}.keycap.backspace{width:calc(12.5% - 6px)}.guess-text[data-v-f7147afa]{fill:var(--color-text)}.guess-val[data-v-f7147afa]{fill:#fff}.guess-bar[data-v-f7147afa]{fill:var(--color-wrong)}.guess-bar.current[data-v-f7147afa]{fill:var(--color-correct)}.bar[data-v-593fb1fe]{width:100%;height:8px;border-radius:4px;background-color:var(--color-border)}.bar .bar-inner[data-v-593fb1fe]{background-color:var(--color-wrong);height:8px;border-radius:4px;animation:progress-593fb1fe 10s linear}@keyframes progress-593fb1fe{0%{width:0%}to{width:100%}}.ad[data-v-593fb1fe]{position:relative;height:50vh;width:100%}.ad .ad-block[data-v-593fb1fe]{height:calc(100% - 10px)}.stats[data-v-593fb1fe]{display:grid;gap:1em;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1px solid var(--color-border);margin-bottom:10px;padding:5px}.stats .stat[data-v-593fb1fe]{text-align:center}.stats .stat .stat-val[data-v-593fb1fe]{font-size:1.8em}.stats .stat .stat-name[data-v-593fb1fe]{font-size:.9em}.guesses-container[data-v-593fb1fe]{padding:0 8%}.game-done[data-v-593fb1fe]{display:grid;padding:5px;grid-auto-flow:column;grid-auto-columns:1fr}.game-done .next-puzzle[data-v-593fb1fe],.game-done .share[data-v-593fb1fe]{display:inline-block;position:relative;padding:5px;text-align:center}.game-done .next-puzzle[data-v-593fb1fe]{border-right:1px solid var(--color-border)}.game-done .next-puzzle .time[data-v-593fb1fe]{font-size:1.7rem;font-weight:700}.game-done .share .share-text[data-v-593fb1fe]{text-transform:uppercase;font-weight:700;line-height:26px}.game-done .share .share-icon[data-v-593fb1fe]{vertical-align:middle;margin-left:5px}.game-done .share[data-v-593fb1fe]{display:flex;justify-content:center;align-items:center}.game-done .share .share-btn[data-v-593fb1fe]{background-color:var(--color-correct);display:block;color:#fff;padding:10px;border-radius:8px;left:auto;right:auto;cursor:pointer}.game-done .share .share-btn[data-v-593fb1fe]:hover{background-color:#4d8349}.game-done .share .share-btn.disabled[data-v-593fb1fe],.game-done .share .share-btn.disabled[data-v-593fb1fe]:hover{background-color:var(--color-wrong);opacity:.5}section[data-v-227175d6]{border-top:1px solid var(--color-border);margin-top:5px;padding-top:5px}p[data-v-227175d6]{margin-bottom:3px}p.help-line[data-v-227175d6]{margin-bottom:15px}@media screen and (max-height: 600px){p[data-v-227175d6]{font-size:.9rem}}.lang-group[data-v-9fc17f83],.word-group[data-v-9fc17f83]{margin-bottom:20px}.word-group .btn-group .btn[data-v-9fc17f83]{padding-bottom:0}.btn-success[data-v-9fc17f83]{margin-bottom:20px}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(120, 120, 120, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(20, 20, 20, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(250, 250, 250, .84)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-keycap-background: #d4d5d9;--color-keycap-text: var(--color-text);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-correct: rgb(106, 168, 102);--color-present: rgb(200, 179, 88);--color-wrong: rgb(119, 124, 127);--color-keycap-wrong: #777c7f;--color-lost: #df0606;--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-keycap-background: #818385;--color-keycap-text: white;--color-correct: #528c4e;--color-present: #b59e39;--color-keycap-wrong: #424544;--color-lost: #e71515;--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative}body{color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0;padding:5px;font-weight:400}header{line-height:1.5;text-transform:uppercase;font-size:2rem;font-weight:700;text-align:center;border-bottom:1px solid var(--color-border)}a,.green{text-decoration:none;color:#000;transition:.4s}a.link{text-decoration:underline;color:var(--color-correct)}@media (hover: hover){a:hover{background-color:#0323}}.btn:hover{background-color:#0323}:root{--board-height:calc(100vh - 315px);--board-width:calc(100vw - 10px);--board-rect: min(var(--board-height), var(--board-width));--block-rect: min(calc((var(--board-rect) / 6) - 4px), 74px);--block-rect-lost: calc(var(--block-rect) * .8)}#game{position:relative}main{margin-top:5px}.close-btn{position:absolute;top:0;right:5px;padding:5px 10px;z-index:2}.w-icon{display:inline-block;width:26px;height:26px}.w-icon.help{background:url(/assets/help-grey-625d30b5.svg)}.w-icon.settings{background:url(/assets/settings-grey-a91ba472.svg)}.w-icon.statistics{background:url(/assets/statistics-grey-a278861d.svg)}.w-icon.five-letter{background:url(/assets/five-grey-889f0586.svg)}.w-icon.six-letter{background:url(/assets/six-grey-e170101c.svg)}.w-icon.flag{background:url(/assets/flag-grey-c1104ed1.svg)}.w-icon.share-icon{background:url(/assets/share-white-516e944d.svg)}@media (prefers-color-scheme: dark){.w-icon.help{background:url(/assets/help-white-fe562c06.svg)}.w-icon.settings{background:url(/assets/settings-white-1eef2cd6.svg)}.w-icon.statistics{background:url(/assets/statistics-white-c1e30872.svg)}.w-icon.five-letter{background:url(/assets/five-white-888ee3cd.svg)}.w-icon.six-letter{background:url(/assets/six-white-c673cd4f.svg)}.w-icon.flag{background:url(/assets/flag-white-c7e9e37f.svg)}}#help-btn,#letters-btn,#settings-btn,#statistics-btn,#language-btn{position:fixed;top:0;color:var(--color-text);padding:5px}#language-btn{left:0}#letters-btn{left:36px}#settings-btn,#statistics-btn{right:0}#help-btn{right:36px}#language-btn .letter-icon{margin-left:-5px}.text-center{text-align:center}.btn-group{display:flex;flex-direction:row;text-align:center;border:1px solid var(--color-border);border-radius:4px;box-shadow:1px 1px var(--color-border)}.btn-group .btn{flex:1;border-left:1px solid var(--color-border);padding:5px 0}.btn-group .btn:first-child{border-left:none}.btn-group .btn.active{background-color:var(--color-keycap-background);color:var(--color-keycap-text);box-shadow:inset 1px 1px var(--color-wrong)}.btn{text-align:center}.btn.btn-success{padding:5px 0;background-color:var(--color-correct);color:#fff;border-radius:4px}.board{position:relative;text-align:center;margin:0 auto;width:var(--board-rect)}.line{position:relative;min-height:calc(var(--block-rect) + 4px);display:block}.line .letter-inner,.lost-line .letter-inner{display:inline-block;vertical-align:top;font-size:1.8rem;width:var(--block-rect);height:var(--block-rect);text-align:center;text-transform:uppercase;margin:0 2px;padding:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;color:var(--color-text)}.lost-line .letter-inner{width:var(--block-rect-lost);height:var(--block-rect-lost)}.lost-line .line{min-height:calc(var(--block-rect-lost) + 4px)}.line .letter-front,.line .letter-back,.lost-line .letter-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;line-height:var(--block-rect);border-radius:2px}.lost-line .letter-front{line-height:var(--block-rect-lost)}.lost-line{position:absolute;top:calc(.5* (var(--block-rect) + 4px));background-color:#d4d5d9d9;border-radius:10px;padding:10px;left:calc(50% - (2.5 * (var(--block-rect-lost) + 4px)) - 10px)}.board-6 .lost-line{left:calc(50% - (3 * (var(--block-rect-lost) + 4px)) - 10px)}.example .line{min-height:44px}.example .line .letter-inner{width:40px;height:40px}.example .line .letter-front,.example .line .letter-back{line-height:40px}.line .letter-inner.invalid .letter-front{animation:shake .1s ease-out 4}.line .letter-inner.correct.with-animation .letter-front,.line .letter-inner.present.with-animation .letter-front,.line .letter-inner.wrong.with-animation .letter-front{transition:transform .8s ease;transform:rotateX(180deg)}.keycap.correct,.keycap.present,.keycap.wrong{transition:all .8s ease}.line .letter-front{border:2px solid var(--color-border)}.line .letter-back{transform:rotateX(-180deg);color:#fff}.line .letter-inner.correct .letter-back,.line .letter-inner.correct.no-animation .letter-front,.line .letter-inner.won .letter-front,.keycap.correct{background-color:var(--color-correct);color:#fff}.line .letter-inner.present .letter-back,.line .letter-inner.present.no-animation .letter-front,.keycap.present{background-color:var(--color-present);color:#fff}.line .letter-inner.wrong .letter-back,.line .letter-inner.wrong.no-animation .letter-front,.keycap.wrong{background-color:var(--color-wrong);color:#fff}.keycap.wrong{background-color:var(--color-keycap-wrong)}.line .letter-inner.lost .letter-front{background-color:var(--color-lost);color:#fff}.line .letter-inner.wrong.with-animation .letter-back,.line .letter-inner.present.with-animation .letter-back,.line .letter-inner.correct.with-animation .letter-back{transition:transform .8s ease;transform:rotateX(0)}.line .letter-inner.correct.letter-2.with-animation .letter-front,.line .letter-inner.present.letter-2.with-animation .letter-front,.line .letter-inner.wrong.letter-2.with-animation .letter-front,.line .letter-inner.correct.letter-2.with-animation .letter-back,.line .letter-inner.present.letter-2.with-animation .letter-back,.line .letter-inner.wrong.letter-2.with-animation .letter-back{transition-delay:.4s}.line .letter-inner.correct.letter-3.with-animation .letter-front,.line .letter-inner.present.letter-3.with-animation .letter-front,.line .letter-inner.wrong.letter-3.with-animation .letter-front,.line .letter-inner.correct.letter-3.with-animation .letter-back,.line .letter-inner.present.letter-3.with-animation .letter-back,.line .letter-inner.wrong.letter-3.with-animation .letter-back{transition-delay:.8s}.line .letter-inner.correct.letter-4.with-animation .letter-front,.line .letter-inner.present.letter-4.with-animation .letter-front,.line .letter-inner.wrong.letter-4.with-animation .letter-front,.line .letter-inner.correct.letter-4.with-animation .letter-back,.line .letter-inner.present.letter-4.with-animation .letter-back,.line .letter-inner.wrong.letter-4.with-animation .letter-back{transition-delay:1.2s}.line .letter-inner.correct.letter-5.with-animation .letter-front,.line .letter-inner.present.letter-5.with-animation .letter-front,.line .letter-inner.wrong.letter-5.with-animation .letter-front,.line .letter-inner.correct.letter-5.with-animation .letter-back,.line .letter-inner.present.letter-5.with-animation .letter-back,.line .letter-inner.wrong.letter-5.with-animation .letter-back{transition-delay:1.6s}.line .letter-inner.correct.letter-6.with-animation .letter-front,.line .letter-inner.present.letter-6.with-animation .letter-front,.line .letter-inner.wrong.letter-6.with-animation .letter-front,.line .letter-inner.correct.letter-6.with-animation .letter-back,.line .letter-inner.present.letter-6.with-animation .letter-back,.line .letter-inner.wrong.letter-6.with-animation .letter-back{transition-delay:2s}.lost-line .letter-inner .letter-front{visibility:hidden}.lost-line .letter-inner.lost .letter-front{visibility:visible;animation-name:fade-in;animation-duration:.8s;animation-timing-function:ease-out}.line .letter-inner.lost.letter-2 .letter-front{animation-name:fade-in2;animation-duration:1.2s}.line .letter-inner.lost.letter-3 .letter-front{animation-name:fade-in3;animation-duration:1.6s}.line .letter-inner.lost.letter-4 .letter-front{animation-name:fade-in4;animation-duration:2s}.line .letter-inner.lost.letter-5 .letter-front{animation-name:fade-in5;animation-duration:2.4s}.line .letter-inner.lost.letter-6 .letter-front{animation-name:fade-in6;animation-duration:2.8s}.line .letter-inner.won .letter-front{animation:celibrate .3s ease-in-out}.line .letter-inner.won.letter-2 .letter-front{animation-delay:.15s}.line .letter-inner.won.letter-3 .letter-front{animation-delay:.3s}.line .letter-inner.won.letter-4 .letter-front{animation-delay:.45s}.line .letter-inner.won.letter-5 .letter-front{animation-delay:.6s}.line .letter-inner.won.letter-6 .letter-front{animation-delay:.75s}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;visibility:hidden;text-align:center}.modal .modal-body{position:absolute;top:5%;left:5%;right:5%;max-height:90%;background:var(--color-background);border-radius:8px;padding:10px;overflow-y:auto;text-align:left}@media screen and (min-width: 800px){.modal .modal-body{left:calc(50% - 400px);right:calc(50% - 400px);padding-left:20px;padding-right:20px}}.modal .modal-body h1,.modal .modal-body h2,.modal .modal-body h3,.modal .modal-body h4{text-align:center}.modal .modal-body h1{font-size:1.4rem}.modal .modal-body .modal-header{border-bottom:1px solid var(--color-border)}.modal .modal-body h2{font-size:1.1rem;text-align:left}.modal.show{visibility:visible;animation:fade-in .5s ease-out}.modal.hide{animation:fade-out .5s ease-out}.modal.show .modal-body{animation:slide-in .5s ease-out}.modal.hide .modal-body{animation:slide-out .5s ease-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}@keyframes celibrate{0%{transform:translateY(0)}40%{transform:translateY(-25px)}90%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes fade-in{0%{visibility:visible;opacity:0}to{opacity:1}}@keyframes fade-out{0%{visibility:visible;opacity:1}to{opacity:0;visibility:hidden}}@keyframes slide-in{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}@keyframes fade-in2{0%{visibility:visible;opacity:0}20%{opacity:0}to{opacity:1}}@keyframes fade-in3{0%{visibility:visible;opacity:0}40%{opacity:0}to{opacity:1}}@keyframes fade-in4{0%{visibility:visible;opacity:0}60%{opacity:0}to{opacity:1}}@keyframes fade-in5{0%{visibility:visible;opacity:0}80%{opacity:0}to{opacity:1}}@keyframes fade-in6{0%{visibility:visible;opacity:0}90%{opacity:0}to{opacity:1}}