.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:auto;padding:0 1rem;width:100%;max-width:1920px}.header__language{flex:1 1 25%;display:flex;align-items:center;text-transform:uppercase;font-weight:700;font-size:.9rem;cursor:pointer}.header__language span{margin-left:4px;color:var(--desc);opacity:.6}.header .select-container{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:.5rem;width:90px}.header__title{display:flex;justify-content:center;align-items:center;flex:1 1 50%}.header__title h2{color:var(--text)}.header__points{flex:1 1 25%;text-align:end;font-weight:700}.header__points span{color:var(--desc);opacity:.6;font-size:.9rem}.board[data-size="4"]{display:grid;grid-template-columns:repeat(4,minmax(10px,55px));grid-template-rows:repeat(6,minmax(auto,55px));grid-gap:5px;justify-items:center;margin:auto}.board[data-size="5"]{display:grid;grid-template-columns:repeat(5,minmax(10px,55px));grid-template-rows:repeat(6,minmax(auto,55px));grid-gap:5px;justify-items:center;margin:auto}.board[data-size="6"]{display:grid;grid-template-columns:repeat(6,minmax(10px,55px));grid-template-rows:repeat(6,minmax(auto,55px));grid-gap:5px;justify-items:center;margin:auto}.board[data-size="7"]{display:grid;grid-template-columns:repeat(7,minmax(10px,55px));grid-template-rows:repeat(6,minmax(auto,55px));grid-gap:5px;justify-items:center;margin:auto}.board[data-size="8"]{display:grid;grid-template-columns:repeat(8,minmax(10px,55px));grid-template-rows:repeat(6,minmax(auto,55px));grid-gap:5px;justify-items:center;margin:auto}.board[data-size="9"]{display:grid;grid-template-columns:repeat(9,minmax(10px,55px));grid-template-rows:repeat(6,minmax(auto,55px));grid-gap:5px;justify-items:center;margin:auto}.board[data-size="10"]{display:grid;grid-template-columns:repeat(10,minmax(10px,55px));grid-template-rows:repeat(6,minmax(auto,55px));grid-gap:5px;justify-items:center;margin:auto}.board[data-size="11"]{display:grid;grid-template-columns:repeat(11,minmax(10px,55px));grid-template-rows:repeat(6,minmax(auto,55px));grid-gap:5px;justify-items:center;margin:auto}.board__cell{display:flex;justify-content:center;align-items:center;color:var(--text);background:var(--bg-2);border:2px solid var(--bg-3);border-radius:5px;width:100%;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 1px #000;text-transform:uppercase}.board__cell.correct{color:#fff;background:var(--correct);border:2px solid transparent}.board__cell.present{color:#fff;background:var(--present);border:2px solid transparent}.board__cell.absent{color:#fff;background:var(--absent);border:2px solid transparent}.board__cell.unknown{border-color:var(--unknown)}.board__cell.fill-animation{animation:onTypeCell linear;animation-duration:.35s}@keyframes onTypeCell{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.keyboard-row{display:flex;flex-direction:row;justify-content:center}.keyboard-button{color:var(--text);background:var(--bg-3);width:40px;margin:2px;line-height:42px;text-align:center;border-radius:5px;text-transform:uppercase;cursor:pointer}.keyboard-button:hover{filter:brightness(105%)}.keyboard-button.correct{color:#fff;background:var(--correct)}.keyboard-button.present{color:#fff;background:var(--present)}.keyboard-button.absent{color:#fff;background:var(--absent)}.controls{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;padding:10px}.controls-btn{border:none;background:transparent;cursor:pointer}.controls-btn:hover{scale:1.1}.controls-btn:hover svg{fill:var(--success)}.controls-btn svg{width:22px;height:22px}.win-row{display:flex;justify-content:center;margin-top:15px}.win-row__earned{color:var(--success);font-size:1.1rem;font-weight:500}.defeat-row{display:flex;justify-content:center;margin-top:10px}.defeat-answer{padding:5px 10px;text-transform:uppercase;border-radius:5px;color:var(--desc);background:#f1f3f9;border:1px dashed #75819e}.word-not-found{color:#fff;background:#e53e3e;padding:8px 12px;border-radius:10px}.tutorial-row{margin-top:10px;text-align:center}.tutorial .desc{color:var(--text);opacity:.6;font-size:.8rem}.tutorial .sample-word{display:flex;justify-content:center}.tutorial .sample-word span{display:flex;justify-content:center;align-items:center;color:var(--text);background:var(--bg-2);border:2px solid var(--bg-3);border-radius:5px;margin:2px;width:45px;aspect-ratio:1;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 1px #000;text-transform:uppercase;cursor:pointer}.tutorial .sample-word span.correct{color:#fff;background:var(--correct)}.tutorial .sample-word span.present{color:#fff;background:var(--present)}.tutorial .sample-word span.absent{color:#fff;background:var(--absent)}.statistics__row{margin-top:15px;display:flex;justify-content:space-evenly}.statistics__card{padding:5px;text-align:center}.statistics__value{color:var(--text);font-size:1.875rem;font-weight:700;line-height:2.25rem}.statistics__hint{color:var(--desc);opacity:.6;font-size:.75rem;line-height:1rem}.settings-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:15px}.settings-row__num-of-letters{margin:auto}.settings-row__title{font-weight:500}.settings-row__title.align-center{text-align:center}.settings-row__desc{font-size:.8rem;color:var(--desc)}.settings-row__checkbox{padding:4px 0}.numbers{display:flex;flex-wrap:wrap;justify-content:center;margin-top:5px}.numbers__checkbox{margin:3px;padding:5px 10px;background:var(--bg-3);border-radius:5px;cursor:pointer}.numbers__checkbox.correct{color:#fff;background:var(--success)}.react-select__single-value{color:var(--text)!important}.react-select__control{background:var(--bg-3)!important}.react-select__menu{color:var(--desc)!important;background:var(--bg-2)!important}.react-select__menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--bg-2)}.react-select__menu::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.react-select__menu::-webkit-scrollbar-thumb{border-radius:8px;background-color:#f2f2f280}.hints-row{display:flex;justify-content:space-between;margin-top:15px}.hints-row__word{display:flex;padding:10px 0;justify-content:center}.hints-row__cell{display:flex;justify-content:center;align-items:center;color:var(--text);background:var(--bg-2);border:2px solid var(--bg-3);border-radius:5px;margin:2px;width:45px;aspect-ratio:1;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 1px #333;text-transform:uppercase;cursor:pointer}.hints-row__cell.correct{color:#fff;background:var(--correct);border:2px solid transparent!important}.hints-row__cell.active{border:2px solid #82b1c3}.hints-row__title{font-weight:500}.hints-row__title.align-center{text-align:center}.hints-row__hint{font-size:.8rem;color:#818296;opacity:.6}.hints-row__button{border:none;padding:8px;color:#fff;background:#82b1c3;box-shadow:0 2px #5190a8;border-radius:8px;cursor:pointer}.hints-row__button:hover{background:#8cb7c8}.hints-row__button:disabled{background:var(--absent);box-shadow:0 2px #2a2c3b;cursor:not-allowed}.select{display:flex;flex-direction:row;align-items:center;gap:5px;position:relative;width:100%}.select svg{width:18px;height:18px;margin-top:-1px}.select:hover:before,.select:hover:after{background-color:var(--success)}.select:before{content:"";position:absolute;background-color:var(--text);top:9px;right:34px;width:8px;height:2px;rotate:38deg;transition:.5s}.select:after{content:"";position:absolute;background-color:var(--text);top:9px;right:30px;width:8px;height:2px;rotate:-38deg;transition:.5s}.select-content{position:absolute;top:35px;left:-3px;max-height:50vh;border-radius:4px;background-color:var(--bg-2);box-shadow:0 5px 20px #0000000d;overflow-y:auto;visibility:hidden;opacity:0;transition:.25s}.select-content .option{padding:12px 20px;cursor:pointer;color:var(--text);text-transform:capitalize}.select-content .option.active{color:#fff;background-color:var(--success)}.select-content .option:hover{background-color:var(--success);color:#fff}.select-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#232332}.select-content::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.select-content::-webkit-scrollbar-thumb{border-radius:8px;background-color:#f2f2f280}.select.open:before{right:30px}.select.open:after{right:34px}.select.open .select-content{opacity:1;visibility:visible}@font-face{font-family:Nunito;src:url(Nunito-Regular-a278cc18.ttf) format("truetype");font-weight:400}@font-face{font-family:Nunito;src:url(Nunito-Medium-56a28554.ttf) format("truetype");font-weight:500}@font-face{font-family:Nunito;src:url(Nunito-SemiBold-28d37096.ttf) format("truetype");font-weight:600}@font-face{font-family:Nunito;src:url(Nunito-Bold-34f790c2.ttf) format("truetype");font-weight:700}:root{--font-family: "Nunito", sans-serif;--success: #35bba6;--info: #6cb2eb;--warning: #ffed4a;--danger: #cb3b48;--correct: #79b851;--present: #f3c237;--absent: #a7adc0;--unknown: #dce1ed;--animation-speed: 1s;--animation-speed-fast: .2s}*,*:before,*:after{margin:0;padding:0;list-style:none;outline:none;user-select:none;box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#000}a,span,p,b,h1,h2,h3,h4,h5{color:#000}h1{font-size:48px}h2{font-weight:700;font-size:28px;line-height:30px}a{text-decoration:none}.theme-light{--text: #313131;--desc: #818296;--bg-1: #f2f2f2;--bg-2: #fbfcff;--bg-3: #dee1e9}.theme-dark{--text: #d0d4e8;--desc: #a7adc0;--bg-1: #232332;--bg-2: #363749;--bg-3: #414458;--absent: #2a2c3b}.submit-btn{border:none;padding:15px 35px;border-radius:20px;color:#fff;background:var(--success);font-weight:600;text-transform:uppercase;text-shadow:1px 1px 1px #888;letter-spacing:1px;transition:background-color .3s ease 0s;cursor:pointer}.submit-btn:hover{background-color:#2e9887}.submit-btn:disabled{color:#aaa;background:#ddd;text-shadow:none;cursor:not-allowed}.backspace-btn{border:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.backspace-btn svg{width:20px;height:20px;stroke:var(--danger)}.clear-btn{display:flex;align-items:stretch;border:none;padding:10px 15px;border-radius:5px;color:#fff;background:#cb3b48;font-weight:600;text-transform:uppercase;text-shadow:1px 1px 1px #888;letter-spacing:1px;cursor:pointer}.clear-btn:disabled{color:#aaa;background:#ddd;text-shadow:none;cursor:not-allowed}.clear-btn:disabled svg{fill:#aaa}.clear-btn svg{fill:#fff;width:14px;height:14px;margin-right:5px}.try-again-btn{border:none;padding:10px 20px;border-radius:5px;color:#fff;background:#82b1c3;font-weight:600;text-transform:uppercase;text-shadow:1px 1px 1px #888;letter-spacing:1px;cursor:pointer}.try-again-btn:disabled{color:#f0f0f0;background-color:#ccc;text-shadow:none;cursor:not-allowed}.popup-overlay{background-color:#6b7280bf;transition:all 3s ease-in-out;animation:appear .3s ease}.popup-content{padding:15px;transition-duration:.15s;transition-property:all;animation:anvil .3s forwards}.popup{color:var(--text);background:var(--bg-2);box-shadow:0 4px 23px #0003;border-radius:5px;padding:15px;max-width:400px;width:90vw}.popup-title{color:var(--text);text-align:center}.popup__close-btn{position:absolute;top:25px;right:25px;width:24px;height:24px;border:none;color:var(--text);background:transparent;transition:all var(--animation-speed-fast);cursor:pointer}.popup__close-btn:hover{transform:scale(1.2)}.popup__close-btn svg{fill:none}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes anvil{0%{visibility:hidden;opacity:0;transform:scale(.8)}65.5%{transform:scale(1.03)}to{visibility:visible;opacity:1;transform:scale(1)}}body{font-family:var(--font-family);color:var(--text);background:var(--bg-1)}body p,body span{color:var(--text)}body svg{fill:var(--text)}#root{display:grid;grid-template-columns:1fr;grid-template-rows:50px 1fr;height:100vh;overflow:hidden}.game{display:flex;flex-direction:column;justify-content:space-between;width:95vw;height:100%;max-width:560px;margin:0 auto;padding:10px 0}