@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-cyrillic-ext-400-normal.183298ac.woff2) format("woff2"),url(./nunito-all-400-normal.1e4c49e7.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-cyrillic-400-normal.a944d65c.woff2) format("woff2"),url(./nunito-all-400-normal.1e4c49e7.woff) format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-vietnamese-400-normal.3ed6b74a.woff2) format("woff2"),url(./nunito-all-400-normal.1e4c49e7.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-ext-400-normal.456c0a9b.woff2) format("woff2"),url(./nunito-all-400-normal.1e4c49e7.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal.cb8dfe31.woff2) format("woff2"),url(./nunito-all-400-normal.1e4c49e7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-cyrillic-ext-700-normal.b714780f.woff2) format("woff2"),url(./nunito-all-700-normal.2b27c264.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-cyrillic-700-normal.f7861511.woff2) format("woff2"),url(./nunito-all-700-normal.2b27c264.woff) format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-vietnamese-700-normal.b60aa0e4.woff2) format("woff2"),url(./nunito-all-700-normal.2b27c264.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-ext-700-normal.c52e5cef.woff2) format("woff2"),url(./nunito-all-700-normal.2b27c264.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal.3f25db09.woff2) format("woff2"),url(./nunito-all-700-normal.2b27c264.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.rc-switch{position:relative;display:inline-block;box-sizing:border-box;width:44px;height:22px;line-height:20px;padding:0;vertical-align:middle;border-radius:20px;border:1px solid #ccc;background-color:#ccc;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1)}.rc-switch-inner{color:#fff;font-size:12px;position:absolute;left:24px;top:0}.rc-switch:after{position:absolute;width:18px;height:18px;left:2px;top:1px;border-radius:50%;background-color:#fff;content:" ";cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.26);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:left .3s cubic-bezier(.35,0,.25,1);transition:left .3s cubic-bezier(.35,0,.25,1);-webkit-animation-timing-function:cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:rcSwitchOff;animation-name:rcSwitchOff}.rc-switch:hover:after{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-name:rcSwitchOn;animation-name:rcSwitchOn}.rc-switch:focus{box-shadow:0 0 0 2px #d5f1fd;outline:none}.rc-switch-checked{border:1px solid #87d068;background-color:#87d068}.rc-switch-checked .rc-switch-inner{left:6px}.rc-switch-checked:after{left:22px}.rc-switch-disabled{cursor:no-drop;background:#ccc;border-color:#ccc}.rc-switch-disabled:after{background:#9e9e9e;-webkit-animation-name:none;animation-name:none;cursor:no-drop}.rc-switch-disabled:hover:after{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-name:none;animation-name:none}.rc-switch-label{display:inline-block;line-height:20px;font-size:14px;padding-left:10px;vertical-align:middle;white-space:normal;pointer-events:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@-webkit-keyframes rcSwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes rcSwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes rcSwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rcSwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}:root{--text-color: #111;--inverse-text-color: #fff;--bg-color: #fff;--border-color: #ccc;--green-color: green;--gray-color: gray;--primary-color: var(--green-color);--primary-bg-color: rgba(0, 128, 0, .178);--primary-active-bg-color: rgba(0, 128, 0, .432);--text-strong-color: #000;--text-strong-decoration-color: rgba(0, 0, 0, .2);--letter-border-color: var(--border-color);--letter-border-active-color: #666;--letter-error-border-color: lightcoral;--correct-color: var(--green-color);--present-color: orange;--absent-color: var(--gray-color);--letter-state-text-color: var(--inverse-text-color);--letter-state-border-color: rgba(0, 0, 0, .2);--keyboard-bg-color: #fafafa;--keyboard-border-color: var(--border-color);--key-bg-color: #d3d6da;--key-shadow-color: rgba(0, 0, 0, .25);--key-state-text-color: var(--inverse-text-color);--key-active-text-color: var(--inverse-text-color);--key-active-bg-color: #686868;--modal-backdrop-color: rgba(255, 255, 255, .7);--modal-bg-color: var(--bg-color);--modal-shadow-color: rgba(0, 0, 0, .2);--block-border-color: rgba(0, 0, 0, .1);--results-bg-color: #eee;--button-text-color: var(--primary-color);--button-bg-color: var(--primary-bg-color);--button-active-bg-color: var(--primary-active-bg-color);--button-strong-text-color: var(--inverse-text-color);--button-strong-bg-color: var(--green-color);--facebook-color: #3b5998;--twitter-color: #1da1f2;--text-field-bg-color: var(--bg-color);--text-field-border-color: var(--primary-active-bg-color);--text-insignificant-color: rgba(0, 0, 0, .5);--toast-bg-color: var(--green-color);--toast-text-color: var(--inverse-text-color)}@media screen and (prefers-color-scheme: dark){:root:not(.light-mode){--text-color: #eee;--bg-color: #121213;--border-color: #555;--primary-color: lightgreen;--text-strong-color: #fff;--text-strong-decoration-color: rgba(255, 255, 255, .2);--letter-border-color: #555;--letter-border-active-color: #ccc;--absent-color: #444;--keyboard-bg-color: #333;--key-bg-color: #707375;--key-shadow-color: #000;--key-active-bg-color: #333;--modal-backdrop-color: rgba(37, 37, 37, .7);--modal-shadow-color: var(--primary-bg-color);--block-border-color: rgba(255, 255, 255, .1);--results-bg-color: #333;--text-field-bg-color: #222;--text-field-border-color: #999;--text-insignificant-color: rgba(255, 255, 255, .5)}}@media screen{:root.dark-mode{--text-color: #eee;--bg-color: #121213;--border-color: #555;--primary-color: lightgreen;--text-strong-color: #fff;--text-strong-decoration-color: rgba(255, 255, 255, .2);--letter-border-color: #555;--letter-border-active-color: #ccc;--absent-color: #444;--keyboard-bg-color: #333;--key-bg-color: #707375;--key-shadow-color: #000;--key-active-bg-color: #333;--modal-backdrop-color: rgba(37, 37, 37, .7);--modal-shadow-color: var(--primary-bg-color);--block-border-color: rgba(255, 255, 255, .1);--results-bg-color: #333;--text-field-bg-color: #222;--text-field-border-color: #999;--text-insignificant-color: rgba(255, 255, 255, .5)}}html,body{padding:0;margin:0;background-color:#fff;background-color:var(--bg-color);color:#111;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}body,button,input{font-family:Nunito,Helvetica Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:green;color:var(--primary-color);font-weight:700;text-underline-offset:.15em}*{box-sizing:border-box}input{accent-color:green;accent-color:var(--green-color)}button,input[type=text]{touch-action:manipulation;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,svg,label,label *{vertical-align:middle}header{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color);margin-bottom:2px;-webkit-animation:header-appear .5s ease-in-out both;animation:header-appear .5s ease-in-out both}@-webkit-keyframes header-appear{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes header-appear{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}header .inner{margin-top:env(safe-area-inset-top);margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right);max-width:30em;margin:auto;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;gap:.5em;-webkit-box-align:center;align-items:center}header button{border:0;padding:.3em 1em;background-color:rgba(0,128,0,.176);background-color:var(--primary-bg-color);color:green;color:var(--primary-color);font-weight:700;border-radius:.5em;cursor:pointer;margin:.4em .5em}header button:active{background-color:rgba(0,128,0,.43);background-color:var(--primary-active-bg-color)}header a,header button{font-size:.8em}header h1{text-transform:uppercase;font-size:1em;margin:0;padding:0;line-height:1}#current-playing{line-height:1;font-size:11px;color:rgba(0,0,0,.5);color:var(--text-insignificant-color)}.locale-selector a:not(.selected){font-weight:400}.locale-selector a.selected{color:#000;color:var(--text-strong-color);font-weight:700;-webkit-text-decoration-color:rgba(0,0,0,.2);text-decoration-color:rgba(0,0,0,.2);-webkit-text-decoration-color:var(--text-strong-decoration-color);text-decoration-color:var(--text-strong-decoration-color)}.color-scheme-selector{float:right;display:-webkit-box;display:flex}.color-scheme-selector button{padding:.25em .75em!important;border:2px solid #ccc!important;border:2px solid var(--border-color)!important;background-color:rgba(255,255,255,.5)!important}.color-scheme-selector button.active{border-color:green!important;border-color:var(--primary-color)!important;z-index:1}.color-scheme-selector button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.color-scheme-selector button:nth-child(2){border-radius:0!important;margin-left:-2px!important;margin-right:-2px!important}.color-scheme-selector button:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}#app{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0}#board{line-height:1;font-size:1.75em;-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:auto;-webkit-animation:board-appear .5s ease-in-out both;animation:board-appear .5s ease-in-out both;overflow-x:hidden}@-webkit-keyframes board-appear{0%{opacity:0;-webkit-transform:scale(1.2) translateY(5%);transform:scale(1.2) translateY(5%)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes board-appear{0%{opacity:0;-webkit-transform:scale(1.2) translateY(5%);transform:scale(1.2) translateY(5%)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}#board .row{line-height:1;-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;max-height:3em;-webkit-perspective:1000px;perspective:1000px}#board .row.current~.row{opacity:.5}#board .row.error{-webkit-animation:shake .5s;animation:shake .5s}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-2px);transform:translate(-2px)}20%,80%{-webkit-transform:translateX(4px);transform:translate(4px)}30%,50%,70%{-webkit-transform:translateX(-8px);transform:translate(-8px)}40%,60%{-webkit-transform:translateX(8px);transform:translate(8px)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-2px);transform:translate(-2px)}20%,80%{-webkit-transform:translateX(4px);transform:translate(4px)}30%,50%,70%{-webkit-transform:translateX(-8px);transform:translate(-8px)}40%,60%{-webkit-transform:translateX(8px);transform:translate(8px)}}.letter{border:2px solid #ccc;border:2px solid var(--letter-border-color);display:inline-block;min-width:2em;min-height:2em;text-align:center;line-height:1.5em;margin:1px 2px;aspect-ratio:1;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:relative}.row.error .letter{-webkit-animation:erroring .5s;animation:erroring .5s;-webkit-animation-delay:0s!important;animation-delay:0s!important}@-webkit-keyframes erroring{0%{border-color:#ccc;border-color:var(--letter-border-color)}50%{border-color:#f08080;border-color:var(--letter-error-border-color)}to{border-color:#ccc;border-color:var(--letter-border-color)}}@keyframes erroring{0%{border-color:#ccc;border-color:var(--letter-border-color)}50%{border-color:#f08080;border-color:var(--letter-error-border-color)}to{border-color:#ccc;border-color:var(--letter-border-color)}}.letter ruby,.letter ruby *{line-height:1em}.letter.lettered{-webkit-animation:appear .2s ease-in-out;animation:appear .2s ease-in-out}@-webkit-keyframes appear{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 appear{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)}}#board:not(.won):not(.lost) .row.current .letter.lettered{border-color:#666;border-color:var(--letter-border-active-color)}#board:not(.won):not(.lost) .row.current .letter:not(.lettered):first-child:after,#board:not(.won):not(.lost) .row.current .letter.lettered+.letter:not(.lettered):after{display:block;content:"";position:absolute;bottom:.3em;left:.3em;right:.3em;background-color:#ccc;background-color:var(--letter-border-color);height:3px;-webkit-animation:blink 2s linear infinite alternate;animation:blink 2s linear infinite alternate;border-radius:3px}@-webkit-keyframes blink{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:0}to{opacity:1}}.letter.\1f7e9 {background-color:green;background-color:var(--correct-color)}.letter.\1f7e7 {background-color:orange;background-color:var(--present-color)}.letter.\2b1c {background-color:gray;background-color:var(--absent-color)}.letter.\1f7e9 ,.letter.\1f7e7 ,.letter.\2b1c {color:#fff;color:var(--letter-state-text-color);border-color:rgba(0,0,0,.2);border-color:var(--letter-state-border-color);-webkit-transition:all .3s .15s;transition:all .3s .15s;-webkit-animation:flip .3s ease-in-out both;animation:flip .3s ease-in-out both}@-webkit-keyframes flip{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes flip{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}.letter.\1f7e9 >*,.letter.\1f7e7 >*,.letter.\2b1c >*{-webkit-animation:flip-back .3s ease-in-out both;animation:flip-back .3s ease-in-out both}@-webkit-keyframes flip-back{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0)}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes flip-back{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0)}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}.letter.\1f308 +.letter.\1f308 ,.letter.\1f308 +.letter.\1f308 >*{-webkit-animation-delay:.1s;animation-delay:.1s}.letter.\1f308 +.letter.\1f308 +.letter.\1f308 ,.letter.\1f308 +.letter.\1f308 +.letter.\1f308 >*{-webkit-animation-delay:.2s;animation-delay:.2s}.letter.\1f308 +.letter.\1f308 +.letter.\1f308 +.letter.\1f308 ,.letter.\1f308 +.letter.\1f308 +.letter.\1f308 +.letter.\1f308 >*{-webkit-animation-delay:.3s;animation-delay:.3s}#board.won .letter.\1f308 ,#board.won .letter.\1f308 >*,#board.lost .letter.\1f308 ,#board.lost .letter.\1f308 >*{-webkit-animation-name:none;animation-name:none}#board.won .\1f7e9\1f7e9\1f7e9\1f7e9  .letter.lettered{-webkit-animation-name:win;animation-name:win}#board.won .\1f7e9\1f7e9\1f7e9\1f7e9  .letter.lettered>*{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation-name:none;animation-name:none}@-webkit-keyframes win{0%{-webkit-transform:rotateX(180deg) translateY(0);transform:rotateX(180deg) translateY(0)}50%{-webkit-transform:rotateX(180deg) translateY(10px);transform:rotateX(180deg) translateY(10px)}to{-webkit-transform:rotateX(180deg) translateY(0);transform:rotateX(180deg) translateY(0)}}@keyframes win{0%{-webkit-transform:rotateX(180deg) translateY(0);transform:rotateX(180deg) translateY(0)}50%{-webkit-transform:rotateX(180deg) translateY(10px);transform:rotateX(180deg) translateY(10px)}to{-webkit-transform:rotateX(180deg) translateY(0);transform:rotateX(180deg) translateY(0)}}#keyboard{background-color:#fafafa;background-color:var(--keyboard-bg-color);border-top:1px solid #ccc;border-top:1px solid var(--keyboard-border-color);-webkit-animation:keyboard-appear .5s ease-in-out both;animation:keyboard-appear .5s ease-in-out both}@-webkit-keyframes keyboard-appear{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes keyboard-appear{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#keyboard .inner{padding:2px;margin-bottom:env(safe-area-inset-bottom);margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right)}#keyboard.won .inner,#keyboard.lost .inner{pointer-events:none;opacity:.9}#keyboard button{font-size:1.5em;margin:.1em;border:0;padding:.2em;background-color:#d3d6da;background-color:var(--key-bg-color);border-radius:.2em;cursor:pointer;box-shadow:inset 0 -2px 0 -1px rgba(0,0,0,.25);box-shadow:inset 0 -2px 0 -1px var(--key-shadow-color)}#keyboard button.\2b1c {background-color:gray;background-color:var(--absent-color);color:#fff;color:var(--key-state-text-color)}#keyboard button.\1f7e7 {background-color:orange;background-color:var(--present-color);color:#fff;color:var(--key-state-text-color)}#keyboard button.\1f7e9 {background-color:green;background-color:var(--correct-color);color:#fff;color:var(--key-state-text-color)}#keyboard button:active{color:#fff;color:var(--key-active-text-color);background-color:#686868;background-color:var(--key-active-bg-color)}#keyboard .row{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;max-width:30em;margin:auto}#keyboard .row button{padding:.3em 1em;font-size:1em;text-transform:uppercase;font-weight:700;min-width:5em}#keyboard .row button.stuck{background-color:transparent;opacity:.6;font-size:.8em;margin-top:1em;padding:0}#keyboard .row button.stuck:hover{opacity:1}#keyboard .row button.stuck:active{color:inherit}#keyboard .row .hard{font-size:.8em;margin-top:1em;padding:0;color:rgba(0,0,0,.5);color:var(--text-insignificant-color)}#modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.7);background-color:var(--modal-backdrop-color);-webkit-backdrop-filter:blur(4px) saturate(180%);backdrop-filter:blur(4px) saturate(180%);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end;opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s}#modal.appear{pointer-events:auto;opacity:1}#modal h2{margin:0;padding:0}#modal .content{border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 4px 23px rgba(0,0,0,.2);box-shadow:0 4px 23px 0 var(--modal-shadow-color);background-color:#fff;background-color:var(--modal-bg-color);position:relative;-webkit-transform:translateY(80vh);transform:translateY(80vh);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;overflow:auto;overflow-x:hidden;width:100%;padding:1em 0 0;margin:2.5em 0 0;padding-bottom:env(safe-area-inset-bottom)}#modal.appear .content{-webkit-transform:translateY(0vh);transform:translateY(0)}#modal .close{position:absolute;top:.25em;right:.25em;cursor:pointer;z-index:1}#modal .block{padding:1em;margin:0;border-bottom:1px solid rgba(0,0,0,.1);border-bottom:1px solid var(--block-border-color);background-clip:padding-box}#modal .block.warning{line-height:1.05em;font-size:.8em;background-color:rgba(255,255,0,.1)}#modal .block.alert{line-height:1.05em;font-size:.8em;background-color:rgba(255,0,0,.1)}#modal .block p{padding:0;margin:.5em 0}#modal .block p:first-child{margin-top:0}#modal .block p:last-child{margin-bottom:0}#modal .answer{font-size:2em}#modal a.button,#modal button:not([role="switch"]),#info-modal button:not([role="switch"]){color:green;color:var(--button-text-color);background-color:rgba(0,128,0,.176);background-color:var(--button-bg-color);font-size:1.5em;margin:.2em 0;border-radius:.5em;padding:.5em .7em;font-size:1em;text-transform:uppercase;font-weight:700;cursor:pointer;border:0;font-size:.8em}#modal button:active,#info-modal button:active{background-color:rgba(0,128,0,.43);background-color:var(--button-active-bg-color)}#modal button#share{color:#fff;color:var(--button-strong-text-color);background-color:green;background-color:var(--button-strong-bg-color)}#modal #share-image-button{color:#fff;color:var(--button-strong-text-color);background:#d6249f -webkit-radial-gradient(30% 100%,circle,#fd5949 0%,#d6249f 50%,#285aeb 100%);background:#d6249f radial-gradient(circle at 30% 100%,#fd5949 0%,#d6249f 50%,#285aeb 100%)}#modal a.facebook{color:#fff;color:var(--button-strong-text-color);background-color:#3b5998;background-color:var(--facebook-color)}#modal a.tweet{color:#fff;color:var(--button-strong-text-color);background-color:#1da1f2;background-color:var(--twitter-color)}#modal .idiom-code{font-size:16px;border:0;padding:.2em;border-radius:.5em;width:9ex;text-align:center;background-color:#fff;background-color:var(--text-field-bg-color);border:1px solid rgba(0,128,0,.432);border:1px solid var(--text-field-border-color)}.countdown{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}#info-modal{pointer-events:none;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,.7);background-color:var(--modal-backdrop-color);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);-webkit-transition:opacity .3s;transition:opacity .3s;z-index:100;overflow:auto;display:-webkit-box;display:flex}#info-modal.appear{pointer-events:auto;opacity:1}#info-modal .content{max-width:30em;margin:auto;padding:1.5em 1em 1em;text-align:left;font-size:.9em}#info-modal h2{margin-top:0;padding-top:0;font-size:1.2em}#info-modal ul{margin-left:0;padding-left:1.2em}#info-modal .close{position:absolute;top:.25em;right:.25em;cursor:pointer;z-index:1}#info-modal button.large{font-size:1.2em}#info-modal .example-idiom{display:-webkit-inline-box;display:inline-flex;height:2.4em;font-size:1.4em}#info-modal .example-idiom+p{margin-top:0;padding-top:0}a.button{display:inline-block;text-decoration:none}a.button.strong{font-size:1em!important;border:2px dashed!important}#debugging-container{margin-top:2em}#debugging-container summary{font-weight:700;color:rgba(0,0,0,.5);color:var(--text-insignificant-color);cursor:pointer;margin-bottom:.5em}.toast{color:#fff!important;color:var(--toast-text-color)!important;background-color:green!important;background-color:var(--toast-bg-color)!important}#stats{background-color:rgba(255,255,255,.7);background-color:var(--modal-backdrop-color);border:2px solid rgba(0,128,0,.432);border:2px solid var(--primary-active-bg-color);padding:.1em 1em;margin-bottom:1em;border-radius:.5em}#config{border-top:1px solid rgba(0,128,0,.178);border-top:1px solid var(--primary-bg-color)}#config label{font-weight:700;display:block;cursor:pointer;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}#config .config-slider{width:100px}#dashboard-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;background-color:var(--bg-color);z-index:200;overflow:auto;padding:1em}#dashboard-modal .close{position:absolute;top:.25em;right:.25em;cursor:pointer;z-index:1}#dashboard-modal .boards{line-height:calc(1em + 1px);text-align:left;letter-spacing:1px}#dashboard-modal .boards .board{text-decoration:none;display:inline-block}#dashboard-modal .boards .board:hover{-webkit-filter:saturate(180%) brightness(90%);filter:saturate(180%) brightness(90%);-webkit-transform:scale(1.5);transform:scale(1.5)}.rc-switch{border-color:gray;border-color:var(--gray-color);background-color:gray;background-color:var(--gray-color)}.rc-switch-checked{border-color:green;border-color:var(--green-color);background-color:green;background-color:var(--green-color)}.rc-switch:focus{box-shadow:0 0 0 2px #111;box-shadow:0 0 0 2px var(--text-color)}.rc-switch:after{-webkit-animation:none;animation:none;box-shadow:none}.rc-switch:hover:after{-webkit-transform:none;transform:none}@media (max-height: 480px){#board{font-size:1.25em}#keyboard .keys{white-space:nowrap;overflow-x:auto}#keyboard .row button{font-size:.8em;padding:.1em 1em}#keyboard .row button svg{-webkit-transform:scale(.8);transform:scale(.8)}}@media (max-height: 500px){#board{font-size:1.5em}#keyboard button{font-size:1.25em;padding:.15em}#keyboard .row button{font-size:.9em;padding:.2em 1em}#keyboard .row button svg{-webkit-transform:scale(.9);transform:scale(.9)}}@media (max-height: 520px){#keyboard.hard-mode .keys{white-space:nowrap;overflow-x:auto}}@media (min-height: 700px){#board:not(.hard-mode){-webkit-box-pack:center;justify-content:center;font-size:1.85em}header a,header button{font-size:1em}header h1{font-size:1.2em}}@media (min-height: 900px){#board.hard-mode{-webkit-box-pack:center;justify-content:center;font-size:1.85em}}@media (min-height: 750px){#board{font-size:1.95em}}@media (min-height: 800px){#keyboard:not(.hard-mode) .inner{padding-top:5px;padding-bottom:5px}#keyboard:not(.hard-mode) button{padding-top:.3em;padding-bottom:.3em}}@media (min-height: 850px){#keyboard:not(.hard-mode) .inner{padding-top:10px;padding-bottom:10px}#keyboard:not(.hard-mode) button{padding-top:.4em;padding-bottom:.4em}#keyboard.hard-mode .inner{padding-top:5px;padding-bottom:5px}#keyboard.hard-mode button{padding-top:.3em;padding-bottom:.3em}}@media (min-width: 30em){#modal{-webkit-box-pack:center;justify-content:center}#modal .content{border-radius:12px;width:30em;margin:1em}}@media (min-width: 500px){#keyboard:not(.hard-mode) .inner{padding-left:5px;padding-right:5px}#keyboard:not(.hard-mode) button{padding-left:.35em;padding-right:.35em}}@media (min-width: 600px){#keyboard:not(.hard-mode) .inner{padding-left:10px;padding-right:10px}#keyboard:not(.hard-mode) button{padding-left:.5em;padding-right:.5em}#keyboard.hard-mode .inner{padding-left:5px;padding-right:5px}#keyboard.hard-mode button{padding-left:.35em;padding-right:.35em}}#share-image-container{display:inline-block;position:absolute;opacity:0;pointer-events:none;top:0;left:0}#share-image{pointer-events:none;background-color:#fff;background-color:var(--bg-color);width:320px;height:320px;text-align:center;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;font-size:16px}#share-image .header{color:#111;color:var(--text-color)}#share-image .footer{color:rgba(0,0,0,.5);color:var(--text-insignificant-color)}#share-image .board{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#share-image .tile{vertical-align:middle;display:inline-block;width:26.66667px;height:26.66667px;aspect-ratio:1;background-color:gray;background-color:var(--absent-color);margin:3px;border-radius:10%}#share-image .tile.\1f7e9 {background-color:green;background-color:var(--correct-color)}#share-image .tile.\1f7e7 {background-color:orange;background-color:var(--present-color)}.input-file-button{position:relative;cursor:pointer}.input-file-button *:not(input[type="file"]){pointer-events:none}.input-file-button input[type=file]{display:none}
