.nightmode,:root{--key-text-color:var(--color-tone-1);--modal-content-bg:var(--color-tone-7)}.colorblind,.nightmode,:root{--key-bg-present:var(--color-present);--key-bg-present-shadow:var(--color-present-dark);--key-bg-correct:var(--color-correct);--key-bg-correct-shadow:var(--color-correct-dark);--key-bg-absent:var(--color-absent);--key-bg-absent-shadow:var(--color-absent-dark)}body,html{height:100%}.app-modal,.consent-modal,body{background-color:var(--color-background)}.app-modal .title,.language-modal .title{font-weight:700;letter-spacing:1px;border-bottom:1px solid var(--color-tone-4);text-transform:uppercase}body,html{font-size:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}:root{--green-1:#65a55f;--green-2:#538d4d;--green-3:#3f6c3b;--yellow-1:#c8b356;--yellow-2:#b59e3a;--yellow-3:#95822d;--white:#fff;--orange-1:#f37637;--orange-2:#c95f2a;--blue-1:#84c0f8;--blue-2:#4f8dc8;font-family:Montserrat,'Clear Sans','Helvetica Neue',Arial,sans-serif;font-size:16px;--header-height:50px;--game-max-width:500px;--color-tone-1:#171718;--color-tone-15:#666a6b;--color-tone-2:#7a7b7c;--color-tone-3:#858b8e;--color-tone-35:#c1c4c9;--color-tone-4:#d0d2d5;--color-tone-5:#efefef;--color-tone-6:#f4f7f9;--color-tone-7:#ffffff;--opacity-50:rgba(255, 255, 255, 0.5);--color-present:var(--yellow-1);--color-present-dark:var(--yellow-2);--color-correct:var(--green-1);--color-correct-dark:var(--green-2);--color-absent:var(--color-tone-2);--color-absent-dark:var(--color-tone-15);--tile-text-color:var(--color-tone-7);--key-evaluated-text-color:var(--color-tone-7);--key-bg:var(--color-tone-4);--key-bg-shadow:var(--color-tone-35);--btn-bg:var(--color-tone-6);--btn-shadow:var(--color-tone-5);--btn-active-bg:var(--color-tone-4);--btn-active-shadow:var(--color-tone-3)}.nightmode{--color-tone-1:#d8dbde;--color-tone-2:#848484;--color-tone-3:#575758;--color-tone-4:#3b3b40;--color-tone-5:#212020;--color-tone-6:#181819;--color-tone-7:#0f0f10;--opacity-50:rgba(0, 0, 0, 0.5);--color-present:var(--yellow-2);--color-present-dark:var(--yellow-3);--color-correct:var(--green-2);--color-correct-dark:var(--green-3);--color-absent:var(--color-tone-4);--color-absent-dark:var(--color-tone-5);--tile-text-color:var(--color-tone-1);--key-evaluated-text-color:var(--color-tone-1);--key-bg:var(--color-tone-2);--key-bg-shadow:var(--color-tone-3);--btn-bg:var(--color-tone-5);--btn-shadow:var(--color-tone-4);--btn-active-bg:var(--color-tone-2);--btn-active-shadow:var(--color-tone-3)}.nightmode,:root{--color-background:var(--color-tone-7)}.colorblind{--color-present:var(--blue-1);--color-present-dark:var(--blue-2);--color-correct:var(--orange-1);--color-correct-dark:var(--orange-2);--tile-text-color:var(--white)}body{margin:0;padding:0;overflow-y:hidden;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.language-modal{display:none;color:#fff;text-align:center}.language-modal .title{color:var(--color-tone-1);padding:10px 0;font-size:22px;margin-bottom:5px}.consent-modal button.back,.language-modal button.select-language{text-align:left;padding:10px 15px;margin:5px auto;background-color:var(--key-bg-correct);border-radius:10px;border:0;border-bottom:5px solid var(--key-bg-correct-shadow);font-size:17px;font-weight:700;cursor:pointer;width:200px;color:#fff;font-family:Montserrat;-webkit-tap-highlight-color:transparent}.consent-modal button.back:hover,.language-modal button.select-language:hover{opacity:.9}.consent-modal button.back:active,.language-modal button.select-language:active{transform:translate(0,5px);-webkit-transform:translate(0,5px)}.language-modal a,.language-modal a:visited{color:var(--color-tone-2);text-decoration:none}.app-modal .title,.consent-modal a,.consent-modal-inner{color:var(--color-tone-1)}.flag{width:18px;height:12px;margin-right:3px}.app-modal,.consent-modal{height:calc(100% - 50px);display:none;text-align:center;position:absolute;z-index:10000;width:100%;overflow:scroll}.consent-modal{height:calc(100% - 40px);width:calc(100% - 40px);padding:20px}.app-modal .title{font-size:25px;padding-top:15px;padding-bottom:15px;margin-bottom:35px}.app-modal .dismiss,.app-modal h3{padding:0 20px;color:var(--color-tone-1)}.consent-modal-inner{text-align:left;margin:0 auto;font-size:15px;max-width:500px}.app-modal img{width:100%;max-width:300px}.app-modal .dismiss a{font-size:15px;color:var(--color-tone-2)}