:root{--green:#6aaa64;--darkenedGreen:#538d4e;--yellow:#c9b458;--darkenedYellow:#b59f3b;--lightGrey:#d8d8d8;--grey:#86888a;--darkGrey:#939598;--white:#fff;--black:#212121;--paleRed:#f5c6cb;--darkRed:#721c24;--orange:#f5793a;--blue:#85c0f9}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,sans-serif;margin:0;overflow-y:hidden;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:min(16px,min(6vw,6vh)) solid #d8d8d8;border:min(16px,min(6vw,6vh)) solid var(--lightGrey);border-radius:50%;border-top:min(16px,min(6vw,6vh)) solid #939598;border-top:min(16px,min(6vw,6vh)) solid var(--darkGrey);display:block;height:min(120px,min(50vw,50vh));margin:min(10vw,8vh) auto auto;width:min(120px,min(50vw,50vh))}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.game{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:600px;width:100%}.header{align-items:center;border-bottom:1px solid #d8d8d8;border-bottom:1px solid var(--lightGrey);display:flex;justify-content:center}.title{font-size:1.7rem;font-weight:700;letter-spacing:.2rem;margin-bottom:2vh;margin-top:2vh;text-align:center;text-transform:uppercase}@media (max-width:600px){.title{font-size:min(calc((100vw - min(45vw, 200px))/13),1.7rem);letter-spacing:.1rem}}.give-up{background-color:#f5793a;background-color:var(--orange);border-radius:5px;color:#fff;color:var(--white);font-size:min(3vw,1rem);height:min(6vw,30px);left:calc(50% - 285px);width:min(14vw,70px)}.give-up,.settings{align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;top:2vh}.settings{fill:#939598;fill:var(--darkGrey);height:min(5vw,30px);right:calc(50% - 285px);width:min(5vw,30px)}.settings:focus,.settings:hover{fill:#212121;fill:var(--black)}.report{stroke-width:2;fill:none;stroke:#939598;stroke:var(--darkGrey);stroke-linejoin:round;stroke-linecap:round;align-items:center;cursor:pointer;display:flex;height:min(5vw,30px);justify-content:center;position:absolute;right:calc(50% - 245px);top:2vh;width:min(5vw,30px)}.report:focus,.report:hover{stroke:#212121;stroke:var(--black)}.dot{stroke-width:1;fill:#939598;fill:var(--darkGrey)}.dot:focus,.dot:hover{fill:#212121;fill:var(--black)}@media (max-width:600px){.give-up{left:2.6vw}.settings{right:2.6vw}.report{right:10vw}}.failed-card{background-color:#f5c6cb;background-color:var(--paleRed);border-radius:10px;color:#721c24;color:var(--darkRed);font-size:min(1.5rem,4vw);height:35vh;max-width:600px;text-align:center;width:100%}.failed-card,.game-area{align-items:center;display:flex;justify-content:center}.game-area{--word-length:0;flex-direction:column;margin-top:min(4vw,3vh)}.word-area{--area-size:min(16vw,8vh);grid-gap:min(min(1vw,.5vh),5px);display:grid;height:calc(var(--area-size)*4.4);max-height:310px;max-width:350px;width:calc(var(--area-size)*5)}.letter-row{grid-gap:min(min(1vw,.5vh),5px);display:grid;grid-template-columns:repeat(var(--word-length),1fr);padding-left:max(0%,calc(100%*(5 - var(--word-length))/10));width:min(100%,calc(100%*var(--word-length)/5))}.answer-row{margin-top:min(min(5.5vw,2.7vh),32px)}.answer-row[data-animation=shake]{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-name:Shake;animation-name:Shake}.square{align-items:center;background-color:#fff;background-color:var(--white);box-sizing:border-box;color:#fff;color:var(--white);display:flex;font-size:calc(min(min(8vw, 4vh), 2rem)*min(5 / var(--word-length), 1));font-weight:700;height:min(16vw,8vh);justify-content:center;margin:0;padding:0;text-transform:uppercase;width:min(100%,min(16vw,8vh))}.square[data-state=green]{background-color:#6aaa64;background-color:var(--green)}.square[data-state=yellow]{background-color:#c9b458;background-color:var(--yellow)}.square[data-state=grey]{background-color:#86888a;background-color:var(--grey)}.square[data-state=empty]{border:2px solid #d8d8d8;border:2px solid var(--lightGrey);color:#212121;color:var(--black);padding-bottom:calc(100% - 4px)}.square[data-state=input]{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-name:PopIn;animation-name:PopIn;border:2px solid #939598;border:2px solid var(--darkGrey);color:#212121;color:var(--black)}.square[data-animation=flip-in]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:FlipIn;animation-name:FlipIn;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.square[data-animation=flip-out]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:FlipOut;animation-name:FlipOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.square[data-animation=bounce]{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:Bounce;animation-name:Bounce}.keyboard{bottom:min(7vh,30px);display:flex;flex-direction:column;position:fixed}.key-row{--num-keys:0;margin-top:min(7px,1vh)}.key,.key-row{display:flex;justify-content:center}.key{align-items:center;background-color:#d8d8d8;background-color:var(--lightGrey);border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:700;height:min(60px,10vh);margin-right:min(7px,min(1vw,1vh));width:min(45px,min(8vw,10vh))}.key[data-width=wide]{width:min(72px,max(13vw,50px))}.key[data-colour=green]{background-color:#6aaa64;background-color:var(--green);color:#fff;color:var(--white)}.key[data-colour=yellow]{background-color:#c9b458;background-color:var(--yellow);color:#fff;color:var(--white)}.key[data-colour=darkGrey]{background-color:#939598;background-color:var(--darkGrey);color:#fff;color:var(--white)}.report-container{background-color:#000;background-color:rgba(0,0,0,.2);display:none;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.report-container[data-animation=in]{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:FadeIn;animation-name:FadeIn}.report-container[data-animation=out]{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:FadeOut;animation-name:FadeOut}.report-modal{background-color:#fff;background-color:var(--white);border-radius:20px;height:180px;position:relative;top:min(200px,30vh);width:min(90%,540px)}.report-modal[data-animation=in]{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:MoveUp;animation-name:MoveUp}.report-modal[data-animation=out]{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:MoveDown;animation-name:MoveDown}.report-content{display:block;padding:20px}.report-title{padding-bottom:10px}.checkbox-container{padding:4px 0}.report-submit{background-color:#6aaa64;background-color:var(--green);border:none;border-radius:5px;bottom:20px;color:#fff;color:var(--white);font-size:16px;padding:10px 30px;position:absolute;right:20px;text-align:center}.settings-menu{background-color:#fff;background-color:var(--white);display:none;height:100vh;position:fixed;top:0;width:min(100%,600px);z-index:1}.settings-menu[data-animation=in]{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:FadeInTop;animation-name:FadeInTop}.settings-menu[data-animation=out]{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:FadeOutTop;animation-name:FadeOutTop}.settings-title{font-size:min(5vw,1rem);font-weight:550;letter-spacing:.05rem;padding-top:min(8vw,3vh);text-align:center;text-transform:uppercase}.close{color:#939598;color:var(--darkGrey);font-size:min(28px,5vw);font-weight:700;position:absolute;right:1vw;top:2vh;width:min(5vw,30px)}.close:focus,.close:hover{color:#000;cursor:pointer}.settings-body{padding:2px 16px}.settings-footer{bottom:0;font-size:.5rem;padding:16px;position:absolute;text-align:right;width:calc(100% - 32px)}.setting-box{border-bottom:1px solid #d8d8d8;border-bottom:1px solid var(--lightGrey);font-size:min(1rem,6vw);margin-top:20px;padding-bottom:20px}.slider{-webkit-appearance:none;background:#d8d8d8;background:var(--lightGrey);border-radius:5px;float:right;height:15px;outline:none;position:relative;width:50%}@media (max-width:420px){.slider{display:block;float:none;margin-top:10px;width:100%}}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6aaa64;background:var(--green);border-radius:50%;cursor:pointer;height:25px;width:25px}@-webkit-keyframes FadeIn{0%{opacity:0}to{opacity:1}}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes FadeOut{0%{opacity:1}to{opacity:0}}@keyframes FadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes MoveUp{0%{opacity:0;top:min(300px,40vh)}to{opacity:1;top:min(200px,30vh)}}@keyframes MoveUp{0%{opacity:0;top:min(300px,40vh)}to{opacity:1;top:min(200px,30vh)}}@-webkit-keyframes MoveDown{0%{opacity:1;top:min(200px,30vh)}to{opacity:0;top:min(300px,40vh)}}@keyframes MoveDown{0%{opacity:1;top:min(200px,30vh)}to{opacity:0;top:min(300px,40vh)}}@-webkit-keyframes FadeInTop{0%{opacity:0;top:100px}to{opacity:1;top:0}}@keyframes FadeInTop{0%{opacity:0;top:100px}to{opacity:1;top:0}}@-webkit-keyframes FadeOutTop{0%{opacity:1;top:0}to{opacity:0;top:100px}}@keyframes FadeOutTop{0%{opacity:1;top:0}to{opacity:0;top:100px}}@-webkit-keyframes PopIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes PopIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes FlipIn{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes FlipIn{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes FlipOut{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes FlipOut{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes Shake{10%,90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}20%,80%{-webkit-transform:translateX(2px);transform:translateX(2px)}30%,50%,70%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}40%,60%{-webkit-transform:translateX(4px);transform:translateX(4px)}}@keyframes Shake{10%,90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}20%,80%{-webkit-transform:translateX(2px);transform:translateX(2px)}30%,50%,70%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}40%,60%{-webkit-transform:translateX(4px);transform:translateX(4px)}}@-webkit-keyframes Bounce{0%,20%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}80%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Bounce{0%,20%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}80%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.4c4928a6.css.map*/