body,html{background-color:var(--body-background);font-family:Arial,sans-serif;height:100%;margin:0;min-width:340px;padding:0}:root{--game-header-border:#d5d5d5;--game-title-color:#3a3a3a;--svg-bttn:#363a42;--row-div-border:#b3b3b3;--row-div-color:#2a2a2a;--rov-actv-color:#eee;--row-green-background:#34a534;--row-green-border:#34a534;--row-yellow-background:#d7b622;--row-yellow-border:#d7b622;--row-grey-background:#8b8b8b;--row-grey-border:#8b8b8b;--row-red-background:#ff4c4c;--row-red-border:#ff4c4c;--row-red-color:#fff;--key-background:#d2d2d2;--key-color:#1b1b1b;--key-green:#3fb13f;--key-yellow:#e1c02c;--key-grey:#8b8b8b;--key-actv-color:#fff;--keyfrms-border:#626262;--keyfrms-background:#fff;--info-background:#fff;--info-color:#3a3a3a;--example-border:#414141;--example-div-border:#5b5b5b;--example-div-color:#2e2e2e;--example-div-actv-color:#fff;--settings-border:#d5d5d5;--settings-desc-color:#7c7d7f;--settings-btm-slider-backgrnd:#787878;--settings-btm-slider-button:#fff;--settings-btm-check:#2196f3;--settings-btm-check-shdw:#2196f3;--error-color:#fff;--error-background:#ff4c4c;--game-repeat-in:#efefef;--modal-background:#f4f4f4;--game-win-color:#3fb13f;--game-nevermind-color:#ff4c4c;--solution-color:#434343;--article-border:#8d8d8d;--wordle-info-color:#282828;--article-span-background:#d0ebd0;--article-span-border:#2a2a2a;--article-span-color:#282828;--example-grey:#757575}.dark{--body-background:#121213;--game-header-border:#484848;--game-title-color:#d8d8d8;--svg-bttn:#cecfcf;--row-div-border:#4f4f4f;--row-div-color:#dedede;--rov-actv-color:#e6e6e6;--row-green-background:#34a534;--row-green-border:#34a534;--row-yellow-background:#d7b622;--row-yellow-border:#d7b622;--row-grey-background:#5c5c5c;--row-grey-border:#5c5c5c;--row-red-background:#ff4c4c;--row-red-border:#ff4c4c;--row-red-color:#fff;--key-background:#919191;--key-color:#e9e9e9;--key-green:#34a534;--key-yellow:#e1c02c;--key-grey:#5c5c5c;--key-actv-color:#fff;--keyfrms-border:#7d7d7d;--keyfrms-background:#121213;--info-background:#121213;--info-color:#d8d8d8;--example-border:#414141;--example-div-border:#4f4f4f;--example-div-color:#dedede;--example-div-actv-color:#fff;--settings-border:#414141;--settings-desc-color:#7c7d7f;--settings-btm-slider-backgrnd:#545454;--settings-btm-slider-button:#fff;--settings-btm-check:#2c942c;--settings-btm-check-shdw:#34a534;--error-color:#fff;--error-background:#ff4c4c;--modal-background:#333;--solution-color:#dadada;--article-border:#ffeded;--wordle-info-color:#ececec;--article-span-background:#589858;--article-span-color:#000;--example-grey:#a39d9d}.colorblind{--row-green-background:#f57542;--row-green-border:#f57542;--row-yellow-background:#71aee7;--row-yellow-border:#71aee7;--key-green:#f57542;--key-yellow:#71aee7;--settings-btm-check:#f57542;--settings-btm-check-shdw:#f57542}:root{--header-height:35px;--keypad-height:200px;--game-max-width:500px}.wordle-game{display:flex;flex-direction:column;font-family:verdana;height:100%;margin:0 auto;max-width:500px;max-width:var(--game-max-width);min-height:574px;position:relative;width:100%}.game-header{border-bottom:1px solid #d5d5d5;border-bottom:1px solid var(--game-header-border);height:35px;height:var(--header-height);justify-content:space-between}.game-header,.game-row{align-items:center;display:flex}.game-row{flex-grow:1;flex-wrap:wrap;justify-content:center;min-height:358px;overflow:hidden}.game-keypad{height:200px;height:var(--keypad-height)}.game-title{align-items:center;color:#3a3a3a;color:var(--game-title-color);display:flex;flex:1 1;font-size:130%;font-weight:700;justify-content:center;text-align:center;width:100%}.game-info-button,.game-repeat,.game-settings-button{fill:#363a42;fill:var(--svg-bttn);display:flex}.game-info-button,.game-repeat-button,.game-settings-button{cursor:pointer;margin:0 4px;width:24px}.game-repeat{opacity:1;transition:opacity .5s,visibility .5s;visibility:visible}.game-repeat.hidden{opacity:0;visibility:hidden}.row-wrap{aspect-ratio:5/6;display:flex;flex-direction:column;gap:5px;height:90%;max-height:400px;max-width:330px;position:relative}.row{grid-gap:5px;display:grid;flex:1 1;gap:5px;grid-template-columns:repeat(5,1fr);width:100%}.row>div{align-items:center;aspect-ratio:1/1;border:2px solid #b3b3b3;border:2px solid var(--row-div-border);color:#2a2a2a;color:var(--row-div-color);display:flex;font-size:2.3em;font-weight:700;justify-content:center;text-transform:uppercase}.row>div.green{--background:var(--row-green-background);--border-color:var(--row-green-border);animation:flip .5s ease forwards}.row>div.grey{--background:var(--row-grey-background);--border-color:var(--row-grey-border);animation:flip .6s ease forwards}.row>div.yellow{--background:var(--row-yellow-background);--border-color:var(--row-yellow-border);animation:flip .5s ease forwards}.row>div:nth-child(2){animation-delay:.2s}.row>div:nth-child(3){animation-delay:.4s}.row>div:nth-child(4){animation-delay:.6s}.row>div:nth-child(5){animation-delay:.8s}.row.current>div.filled{animation:bounce .2s ease-in-out forwards}.row.current.invalid>div{animation:shake .5s ease-in-out;background-color:#ff4c4c;background-color:var(--row-red-background);border-color:#ff4c4c;border-color:var(--row-red-border);color:#fff;color:var(--row-red-color)}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}.keypad{margin:0 auto;-webkit-user-select:none;user-select:none}.keypad-row{display:flex;margin-bottom:2px;width:100%}.keypad .enter-key{flex:1.5 1;font-size:.85em}.keypad .delete-key{fill:#1b1b1b;fill:var(--key-color);flex:1.3 1}.key{align-items:center;background-color:#d2d2d2;background-color:var(--key-background);border-radius:5px;color:#1b1b1b;color:var(--key-color);cursor:pointer;display:flex;flex:1 1;font-family:Arial,Helvetica,sans-serif;font-weight:700;height:56px;justify-content:center;margin:3px;padding:0;transition:background .3s ease-in-out}.half{flex:0.5 1}.key.green{background-color:#3fb13f;background-color:var(--key-green)}.key.green,.key.yellow{color:#fff;color:var(--key-actv-color)}.key.yellow{background-color:#e1c02c;background-color:var(--key-yellow)}.key.grey{background-color:#8b8b8b;background-color:var(--key-grey);color:#fff;color:var(--key-actv-color)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.keypad .key.pop{animation:pop .2s ease-in-out}@keyframes flip{0%{background:#fff;background:var(--keyfrms-background);border-color:#626262;border-color:var(--keyfrms-border);transform:rotateX(0)}45%{background:#fff;background:var(--keyfrms-background);border-color:#626262;border-color:var(--keyfrms-border);transform:rotateX(90deg)}55%{background:var(--background);border-color:var(--border-color);transform:rotateX(90deg)}to{background:var(--background);border-color:var(--border-color);color:#eee;color:var(--rov-actv-color);transform:rotateX(0deg)}}@keyframes bounce{0%{border-color:#ddd;transform:scale(1)}50%{transform:scale(1.2)}to{border-color:#626262;border-color:var(--keyfrms-border);transform:scale(1)}}.errorMessage{align-items:center;animation:fadeInOut 2s ease-in-out;background-color:#ff4c4c;background-color:var(--error-background);border-radius:15px;box-shadow:0 4px 10px #0003;color:#fff;color:var(--error-color);display:flex;font-size:90%;font-weight:700;height:54px;justify-content:center;left:50%;max-width:230px;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:70%;z-index:100}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}90%{opacity:0}to{opacity:0;transform:translateY(60px)}}.info{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.game-how-to-play,.game-settings{animation:slideIn .1s linear;background:#fff;background:var(--info-background);color:#3a3a3a;color:var(--info-color);height:100%;padding:0 3%;position:relative;width:100%}.game-how-to-play.closing,.game-settings.closing{animation:slideOut .15s linear}.game-how-to-play-title,.game-settings-title{font-weight:700;margin:0;padding:10px 0 15px;position:relative;text-align:center}.game-how-to-play p{font-family:Arial,sans-serif;font-size:88%;margin:0;padding:1.5% .05%}.example{border-bottom:1px solid #414141;border-bottom:1px solid var(--example-border);border-top:1px solid #414141;border-top:1px solid var(--example-border);margin:10px 0;padding:10px 0}.example-row{display:flex;gap:5px;margin:15px 0 10px}.example-row>div{align-items:center;aspect-ratio:1/1;border:2px solid #5b5b5b;border:2px solid var(--example-div-border);color:#2e2e2e;color:var(--example-div-color);display:flex;font-weight:700;justify-content:center;text-transform:uppercase;width:38px}.example-row>div.green{--background:var(--row-green-background);--border-color:var(--row-green-border)}.example-row>div.green,.example-row>div.grey{animation:flip .7s ease forwards;color:#fff;color:var(--example-div-actv-color)}.example-row>div.grey{--background:var(--row-grey-background);--border-color:var(--row-grey-border)}.example-row>div.yellow{--background:var(--row-yellow-background);--border-color:var(--row-yellow-border);animation:flip .7s ease forwards;color:#fff;color:var(--example-div-actv-color)}.info-close{fill:#363a42;fill:var(--svg-bttn);cursor:pointer;position:absolute;right:12px;top:8px}.settings-options{align-items:center;border-bottom:1px solid #d5d5d5;border-bottom:1px solid var(--settings-border);display:flex;font-family:Arial,sans-serif;justify-content:space-between;padding:17px 0}.text{font-size:120%}.description{color:#7c7d7f;color:var(--settings-desc-color);font-size:68%}.switch{display:inline-block;height:20px;position:relative;width:34px}.switch input{display:none}.slider{background-color:#787878;background-color:var(--settings-btm-slider-backgrnd);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:before{background-color:#fff;background-color:var(--settings-btm-slider-button);border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.2s;width:16px}input:checked+.slider{background-color:#2196f3;background-color:var(--settings-btm-check)}input:checked+.slider:before{transform:translateX(13px)}input:focus+.slider{box-shadow:0 0 1px #2196f3;box-shadow:0 0 1px var(--settings-btm-check-shdw)}.modal{align-items:center;background-color:#f4f4f4;background-color:var(--modal-background);border-radius:15px;box-shadow:0 4px 10px #0003;display:flex;font-size:90%;font-weight:700;height:230px;justify-content:center;left:50%;max-width:230px;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%);width:70%;z-index:100}.game-nevermind,.game-win{font-size:190%;margin-bottom:10px}.game-win{color:#3fb13f;color:var(--game-win-color)}.game-nevermind{color:#ff4c4c;color:var(--game-nevermind-color)}.game-solution,.game-solution-nvrmd{color:#f3f1f1;display:inline-block;font-size:140%;padding:4px 7px;text-transform:uppercase}.game-solution{background-color:#8575b2}.game-solution-nvrmd{background-color:#b27c75}.game-solution-turn{color:#434343;color:var(--solution-color);margin:13px 12px}.game-repeat-in,.game-repeat-in-nvrmd{align-items:center;border-radius:10px;color:#efefef;color:var(--game-repeat-in);cursor:pointer;display:inline-flex;font-weight:700;gap:7px;padding:10px 15px;transition:background-color .4s ease}.game-repeat-in{background-color:#4aa042}.game-repeat-in-nvrmd{background-color:#ff4c4c}.game-repeat-in:hover{background-color:#0dc560}.game-repeat-in-nvrmd:hover{background-color:#ea2323}.game-repeat-in svg,.game-repeat-in-nvrmd svg{fill:#efefef;fill:var(--game-repeat-in);height:24px;width:24px}.modal-close{cursor:pointer;position:absolute;right:10px;top:10px;z-index:10}.wordle-information{background-color:var(--body-background);color:#282828;color:var(--wordle-info-color);display:none;height:auto;margin-top:auto;padding:1% 5%}.wordle-information.visible{display:block}.wordle-information p{margin:0;padding:1% .05%}h1{background-color:#448d44;color:#fff;font-weight:700;margin:15px 0;padding:5px 15px}article{border-bottom:1px solid #8d8d8d;border-bottom:1px solid var(--article-border);border-top:1px solid #8d8d8d;border-top:1px solid var(--article-border);margin:0}article ul{margin:2% 1%;padding:0}article li{border:1px solid #797979;border-radius:14px;list-style:none;margin:8px;padding:10px 16px}article span{background-color:#d0ebd0;background-color:var(--article-span-background);border:1px solid #2a2a2a;border:1px solid var(--article-span-border);border-radius:14px;color:#282828;color:var(--article-span-color);display:block;margin-bottom:7px;padding:5px 15px}.example-green{background-color:#1a7b1a;color:#fff}.example-yellow{background-color:#e4c306;color:#000}.example-grey{color:#757575;color:var(--example-grey)}.example-green,.example-grey,.example-yellow{font-size:110%;font-weight:700}footer p{font-size:88%;line-height:22px}