:root{--green:#6aaa64;--darkendGreen:#538d4e;--yellow:#c9b458;--darkendYellow:#b59f3b;--lightGray:#d8d8d8;--gray:#86888a;--darkGray:#939598;--white:#fff;--black:#212121;--orange:#f5793a;--blue:#85c0f9;--header-height:50px;--keyboard-height:200px;--game-max-width:500px;--color-tone-1:#1a1a1b;--color-tone-2:#787c7e;--color-tone-3:#878a8c;--color-tone-4:#d3d6da;--color-tone-5:#edeff1;--color-tone-6:#f6f7f8;--color-tone-7:#fff;--opacity-50:hsla(0,0%,100%,.5);font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:16px}.nightmode{--color-tone-1:#d7dadc;--color-tone-2:#818384;--color-tone-3:#565758;--color-tone-4:#3a3a3c;--color-tone-5:#272729;--color-tone-6:#1a1a1b;--color-tone-7:#121213;--opacity-50:rgba(0,0,0,.5)}.nightmode,:root{--color-background:var(--color-tone-7)}:root{--color-present:var(--yellow);--color-correct:var(--green);--color-absent:var(--color-tone-2);--tile-text-color:var(--color-tone-7);--key-text-color:var(--color-tone-1);--key-evaluated-text-color:var(--color-tone-7);--key-bg:var(--color-tone-4);--key-bg-present:var(--color-present);--key-bg-correct:var(--color-correct);--key-bg-absent:var(--color-absent);--modal-content-bg:var(--color-tone-7)}.nightmode{--color-present:var(--darkendYellow);--color-correct:var(--darkendGreen);--color-absent:var(--color-tone-4);--tile-text-color:var(--color-tone-1);--key-text-color:var(--color-tone-1);--key-evaluated-text-color:var(--color-tone-1);--key-bg:var(--color-tone-2);--key-bg-present:var(--color-present);--key-bg-correct:var(--color-correct);--key-bg-absent:var(--color-absent);--modal-content-bg:var(--color-tone-7)}.colorblind{--color-correct:var(--orange);--color-present:var(--blue);--tile-text-color:var(--white);--key-bg-present:var(--color-present);--key-bg-correct:var(--color-correct);--key-bg-absent:var(--color-absent)}.slide-in{animation:SlideIn .1s linear}.slide-out{animation:SlideOut .15s linear}.invalid{animation-duration:.6s;animation-name:Shake}@keyframes Shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.win{animation-duration:1s;animation-name:Bounce}@keyframes Bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-30px)}50%{transform:translateY(5px)}60%{transform:translateY(-15px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.pending{animation-duration:.1s;animation-name:PopIn}@keyframes PopIn{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.flip-out{animation-duration:.25s;animation-name:FlipOut;animation-timing-function:ease-in}@keyframes FlipOut{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}.flip-in{animation-duration:.25s;animation-name:FlipIn;animation-timing-function:ease-in}@keyframes FlipIn{0%{transform:rotateX(-90deg)}to{transform:rotateX(0deg)}}.fade-out{animation-duration:.1s;animation-name:FadeOut;animation-timing-function:linear}@keyframes FadeOut{0%{opacity:1}to{opacity:0}}.tile{align-items:center;aspect-ratio:1;border:2px solid var(--color-tone-4);box-sizing:border-box;color:var(--tile-text-color);display:inline-flex;font-size:2em;font-weight:700;height:calc(100% - 5px);justify-content:center;margin:0 0 5px 5px;user-select:none}.pending{border-color:var(--color-tone-3);color:var(--color-tone-1)}.absent{background-color:var(--color-absent);border:none}.elsewhere{background-color:var(--color-present);border:none}.correct{background-color:var(--color-correct);border:none}#board{aspect-ratio:5/6;box-sizing:content-box;margin:auto;padding:5px 5px 0 0;width:335px}.row{aspect-ratio:5;display:inline-flex;vertical-align:top;width:100%}#keyboard{border-bottom:2px solid #ffffff00;box-sizing:border-box;height:var(--keyboard-height);padding:0 5px}.keyboard-row{flex-direction:row;height:calc(33.33333% - 8px);margin-bottom:8px}.key,.keyboard-row{align-items:center;display:flex;justify-content:center}.key{-webkit-tap-highlight-color:rgba(0,0,0,.3);background-color:var(--key-bg);border:0;border-radius:4px;color:var(--key-text-color);cursor:pointer;font-family:inherit;font-weight:700;height:100%;margin:0 3px;padding:0;user-select:none;width:10%}.absent-key{background-color:var(--color-absent)}.absent-key,.somewhere-key{color:var(--key-evaluated-text-color)}.somewhere-key{background-color:var(--color-present)}.correct-key{background-color:var(--color-correct);color:var(--key-evaluated-text-color)}.extra-wide-key{width:15%}.spacer{width:5%}.option{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:8px 4px 4px}.option-label{font-size:18px}.option-desc{color:var(--color-tone-2);font-size:12px}.switch{display:inline-block;height:20px;position:relative;width:32px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--color-tone-3);border-radius:9999px;bottom:0;cursor:pointer;left:0;right:0;top:0;-webkit-transition:.4s}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--white);border-radius:50%;bottom:4px;content:"";height:12px;left:4px;width:12px}input:checked+.slider{background-color:var(--color-correct)}input:checked+.slider:before{transform:translateX(12px)}select{background:none;border:2px solid var(--color-tone-4);border-radius:4px;color:var(--color-tone-1);outline:none;padding:2px}option{background-color:var(--color-background);outline:none}option:focus{background-color:var(--color-correct)}#overlay{align-items:center;background:var(--opacity-50);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}#overlay-inner{background-color:var(--color-background);border:1px solid var(--color-tone-4);border-radius:4px;display:flex;flex-direction:column;margin:auto;padding:4px;width:var(--game-max-width)}#overlay-content{color:var(--color-tone-1);padding:4px}@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)}}#toast{background-color:var(--color-tone-1);border-radius:4px;color:var(--color-tone-7);left:50%;padding:16px;pointer-events:none;position:absolute;top:10%;transform:translate(-50%);width:fit-content}body,html{height:100%}body{background-color:var(--color-background);margin:0;overflow-y:hidden;padding:0}.hidden{display:none!important}#game{display:flex;flex-direction:column;height:100%;margin:auto;max-width:var(--game-max-width)}header{align-items:center;border-bottom:1px solid var(--color-tone-4);color:var(--color-tone-1);display:flex;height:var(--header-height);justify-content:space-between;width:100%}.title{font-size:36px;font-weight:700;left:0;letter-spacing:.2rem;pointer-events:none;position:absolute;right:0;text-align:center;text-transform:uppercase}.icon{background:none;border:none;color:var(--color-tone-3);cursor:pointer;padding:4px}
/*# sourceMappingURL=index.3ab8a715.css.map */