body{--link-color:#8080ff;--overlay-filter:transparent;--letter-border:#ccc;--letter-text:#fff;--background:#fff;--background2:#edf0f5;--background-page:#d5f0ff;--background-button:#cce9ff;--background-button2:#b8ffc9;--button-hover:#5277ae30;--button-hover2:#5277ae30;--text-button2:#626568;--text:#000;--letter-neutral:#e7ebf1;--letter-correct:#22c55e;--letter-elsewhere:#eab308;--letter-absent:#94a3b8}body.dark{--link-color:#36c2fd;--overlay-filter:#0404cd;--background-dark:#121212;--background:#0f172a;--background2:#142a40;--background-page:#334155;--background-button:#3072ce;--background-button2:#48b63f;--button-hover:#0e2d58;--button-hover2:#388b31;--text-button2:hsla(0,0%,100%,.9);--text:hsla(0,0%,100%,.9);--letter-neutral:#475569;--letter-correct:#33a75d;--letter-elsewhere:#c6a934;--letter-absent:#222d3b}body.color-blind{--letter-correct:#f17e2d;--letter-elsewhere:#3f94e9}*{box-sizing:border-box}button{font-family:inherit;font-size:inherit;line-height:inherit}#root{font-family:Nunito,sans-serif;font-size:16px;position:relative}body.dark #root{background-color:var(--background-dark);color:var(--text)}.overlay{background-color:var(--overlay-filter);height:100%;opacity:8%;pointer-events:none;position:absolute;width:100%;z-index:999}@media screen and (max-width:479px){#root{font-size:15px}}.card{margin:0 4px;max-width:100%;-webkit-user-select:none;user-select:none}.card__top{align-items:center;display:flex;justify-content:center;margin-bottom:10px;text-align:center}.card__caption{color:#000;font-size:18px;font-weight:700}.card__item{margin-bottom:20px}.card__input{border:none;border-radius:5px;color:#fff;font-family:Nunito,sans-serif;font-size:28px;font-weight:700;height:54px;max-width:100%;min-width:0;outline:none;padding:0;text-align:center;text-transform:uppercase;width:100%}.card__input:focus::-webkit-input-placeholder{color:transparent}.card__input:focus::placeholder{color:transparent}.card__button{align-items:center;background-color:#4c8cef;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;margin-bottom:10px;padding:15px 30px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none}.card__button span{font-weight:700}.controls{align-items:center;display:flex;flex-direction:column}.controls__title{font-size:18px;font-weight:700;margin-left:5px;margin-top:18px;text-transform:capitalize}.controls__body{margin:15px 0}.controls__button{background-color:#eaeef8;border:none;border-radius:18%;color:#626568;cursor:pointer;height:35px;margin:0 5px;padding:0;text-align:center;text-decoration:none;width:35px}.controls__button:last-child{margin-right:0}.controls__button:first-child{margin-left:0}.controls__button.active{background-color:#22c55e;color:#fff}.word__badge{background-color:#ebedf3;border-radius:8px;color:#13141c;font-size:18px;font-weight:400;margin-bottom:15px;margin-left:7px;margin-right:7px;padding:10px 20px;text-decoration:none;text-transform:uppercase}.solver__container{margin:0 auto;max-width:720px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.result__container-outer{padding:30px}.result__container-inner,.solver__row{display:flex;flex-wrap:wrap;justify-content:center}.cell{align-items:center;background-color:var(--letter-neutral);border:1px solid #ccc;border-radius:5px;color:var(--text);display:flex;flex:1 1;font-size:28px;font-weight:700;height:54px;justify-content:center;margin:3px;max-width:54px;outline:none;text-align:center;text-transform:uppercase}.cell:first-child{margin-left:0}.cell:last-child{margin-right:0}.correct{background-color:var(--letter-correct);border:none;color:var(--letter-text)}@media screen and (max-width:479px){.card__input,.cell{font-size:24px}}