.app{display:flex;flex-direction:column;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:solid 1px;height:5rem}.header--center{justify-content:center}.header__title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.header__logo{height:50px;display:block}.header__icons{display:flex;gap:.5rem;align-items:center}.header__icon{cursor:pointer;font-size:1.5rem}@media screen and (min-width: 768px){.header__icon{font-size:1.75rem}}.modal{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;position:fixed;top:4rem;padding:1rem;border-radius:8px;color:var(--text-color);background-color:var(--background-color);width:80%}@media screen and (min-width: 768px){.modal{max-width:900px;padding:2rem}}.modal__wrapper{display:flex;justify-content:center}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3}.modal__close-icon-wrapper{cursor:pointer;position:absolute;right:1rem;top:1rem;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.modal__close-icon{font-size:1.25rem}.help__title{font-size:1.3rem;margin:3.5rem 0 2rem}.help__list{list-style-type:disc;margin:1rem;list-style-position:inside}.help__item{margin-bottom:1rem}.help__grid{display:block;width:100%;max-width:250px;margin-top:1rem}@media screen and (min-width: 768px){.help__grid{margin-left:2rem}}.help__boundary-gap{display:block;width:100%;max-width:250px;margin-top:1rem}@media screen and (min-width: 768px){.help__boundary-gap{margin-left:2rem}}.help__tooltip{font-size:.8rem;margin-left:1.75rem;display:flex;align-items:center;gap:.25rem;cursor:pointer}.help__tooltip-text{color:#e1e1e1}.help__tooltip-icon{color:#969696}.help__login{margin-top:1rem;margin-right:2rem;text-decoration:underline;cursor:pointer;text-align:center}.help__login:hover{color:#aaa}.settings__title{padding-bottom:1rem}.settings__option{font-size:1rem;line-height:1rem}.settings__list{display:flex;flex-direction:column;gap:1rem;list-style-type:none;margin:0;padding:0}.settings__item{display:flex;align-items:center;gap:1rem}.confirm{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;position:fixed;top:4rem;padding:1rem;border-radius:8px;color:var(--text-color);background-color:var(--background-color);width:50%;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 768px){.confirm{max-width:500px;padding:2rem}}.confirm__wrapper{display:flex;justify-content:center}.confirm__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3}.confirm__info-ctrl-wrapper{display:flex;flex-direction:column}.confirm__close-icon-wrapper{cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-self:flex-end}.confirm__close-icon{font-size:1.25rem}.confirm__option-wrapper{display:flex;justify-content:center;gap:1rem}.confirm__option-btn{flex-grow:1}.results{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.results__title{text-align:center;font-size:2rem;margin:3.5rem 0 2rem}.results__score-subtitle{font-size:1.5rem}.results__stats{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.results__stat{font-weight:700}.results__stat--score{font-size:1.5rem}.auth{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.auth__title{text-align:center;margin:3.5rem 0 2rem}.auth__logout-btn{background-color:var(--background-color);padding:.75rem 2rem;border-radius:1rem;font-weight:600;margin-bottom:1.5rem;cursor:pointer}.auth__login-list{display:flex;flex-direction:column;gap:1rem;color:#000}.auth__login-btn{display:flex;justify-content:space-between;align-items:center;border-radius:.25rem;cursor:pointer}.auth__login-btn--google{background-color:#4285f4}.auth__login-btn--x{background-color:#000}.auth__login-btn--facebook{background-color:#0866ff}.auth__login-btn--discord{background-color:#5865f2}.auth__login-btn:hover{box-shadow:0 0 10px #679ffa99}.auth__login-btn:active{background-color:#c8e0fc}.auth__login-text{color:#fff;font-size:.9375rem;font-weight:700;display:flex;justify-content:center;flex-grow:1;padding:0 .5rem}.auth__btn-icon-wrapper{display:flex;padding:.15rem;margin:2px;border-radius:.15rem;background-color:#fff}.auth__btn-icon{font-size:2rem}.auth__btn-icon--x{color:#000}.auth__btn-icon--facebook{color:#0866ff}.auth__btn-icon--discord{color:#fff;background-color:#5865f2;border-radius:50%;padding:3px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px white inset}.signup{display:flex;flex-direction:column}.signup__title{margin:3.5rem 0 2rem;text-align:center}.signup__form{display:flex;flex-direction:column;gap:1rem}.signup__fieldset{display:flex;flex-direction:column;position:relative}.signup__field-label{padding-bottom:.5rem;font-size:.875rem;font-weight:600}.signup__field-input{height:2.75rem;font-size:1rem;border-radius:.25rem;border:1px solid black;width:100%;padding-left:.75rem;background-color:var(--button-background-color)}.signup__field-input--error{border-color:#d0021b}.signup__field-input--disabled{color:#787878;border:1px solid rgb(120,120,120)}.signup__field-input--disabled:-webkit-autofill{-webkit-text-fill-color:rgb(120,120,120)}.signup__field-input:focus{outline:none}.signup__field-btn{cursor:pointer;background:none;border-top:1px;border-right:1px;border-bottom:1px;border-left:none;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;position:absolute;top:28px;right:1px;font-weight:600;height:42px;width:50px}.signup__field-btn--disabled{color:#787878}.signup__field-btn:hover{background-color:#f0f0f0}.signup__notification-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;border-radius:.25rem;padding-left:.25rem}.signup__notification-wrapper--error{background-color:var(--error-background-color)}.signup__notification-wrapper--success{background-color:var(--success-background-color)}.signup__notification-msg{font-size:.875rem;padding-right:.5rem}.signup__notification-msg--error{color:var(--error-text-color)}.signup__notification-msg--success{color:var(--success-text-color)}.signup__notification-icon{font-size:12px}.signup__notification-icon--error{color:var(--error-text-color)}.signup__notification-icon--success{color:var(--success-text-color)}.signup__submit-btn{margin-top:1rem;padding:.90625rem 0;text-align:center;border-radius:.25rem;background-color:var(--button-background-color);color:var(--button-text-color);font-weight:700;border:none}*,*:before,*:after{margin:0;box-sizing:border-box}ul,ol{list-style:none;padding:0;margin:0}html,body,.app{background-color:var(--background-color);color:var(--text-color)}.button{background-color:var(--button-background-color);color:#1b1b1b;border-radius:.25rem;padding:.5rem 1rem;font-weight:700;cursor:pointer;display:flex;justify-content:center}.button:hover{background-color:#d3d3d3}.main__container{display:flex;flex-direction:column;align-items:center;flex-grow:1;margin:1rem .5rem 0;min-height:100vh}@media screen and (min-width: 1280px){.main__container{margin-bottom:5rem;margin:0 .5rem}}.main__control-bar{display:none;justify-content:end;width:100%;gap:1rem;margin-right:1rem}@media screen and (min-width: 1280px){.main__control-bar{display:flex}}.main__control-item{width:100px;border-right:1px solid white;border-left:1px solid white;border-bottom:1px solid white;padding:.5rem 0;position:relative}.main__control-item--active{background-color:#cecece}.main__control-item:hover{cursor:pointer;background-color:#5e5e5e}.main__control-btn{display:flex;justify-content:center;align-items:center;width:100%;-webkit-user-select:none;user-select:none}.main__dropdown{width:100%;position:absolute;z-index:1;left:0;top:41px}.main__dropdown-item{display:flex;justify-content:center;align-items:center;padding:.5rem 0;border-right:1px solid white;border-left:1px solid white;border-bottom:1px solid white;background-color:var(--background-color);-webkit-user-select:none;user-select:none}.main__dropdown-item:hover{background-color:#5e5e5e}.main__cluelist-container{display:flex;width:100%;position:relative;overflow:hidden}@media screen and (min-width: 1280px){.main__cluelist-container{display:flex;justify-content:center;gap:1rem;margin:0 auto}}.main__zoom-wrapper{display:flex;overflow:hidden;width:100%;aspect-ratio:1}@media screen and (min-width: 768px){.main__zoom-wrapper{width:calc(100% - 266px)}}@media screen and (min-width: 1280px){.main__zoom-wrapper{max-width:780px}}.main__grid-container,.main__grid-container--zoom{display:grid;width:100%;aspect-ratio:1;gap:1px;background-color:var(--inner-border-color);border:2px solid var(--outer-border-color);transition:transform .3s ease,width .3s ease,height .3s ease}.main__grid-container--zoom{transform:scale(2)}.main__clue-container{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;border:1px white solid;margin-top:.5rem;width:100%;-webkit-user-select:none;user-select:none}@media screen and (min-width: 768px){.main__clue-container{display:none}}.main__clue-icon{flex-shrink:0;box-sizing:content-box;padding:.5rem}.main__clue-text{flex-grow:1;font-size:1rem;text-align:center;padding:.25rem 0;line-height:1}.main__input-overlay{display:none}@media screen and (min-width: 1280px){.main__input-overlay{display:block}}.cell{background-color:var(--background-color);display:flex;justify-content:center;align-items:center;position:relative}.cell:after{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}.cell--blank{background-color:#000;background-color:#0e0e0e}.cell--border-top:after{border-top:3px solid black}.cell--border-right:after{border-right:3px solid black}.cell--border-bottom:after{border-bottom:3px solid black}.cell--border-left:after{border-left:3px solid black}.cell--selected{background-color:#f8b256;color:#000}.cell--highlighted{background-color:#5db6ff;color:#000}.cell--incorrect:before{content:"";position:absolute;bottom:0;left:0;width:140%;height:1px;background:red;transform:rotate(-44deg);transform-origin:top left}@media screen and (min-width: 768px){.cell--incorrect:before{height:2px}}.cell__label{font-size:3cqi;position:absolute;left:8%;top:0}@media screen and (min-width: 768px){.cell__label{font-size:clamp(1rem,2cqi,3rem);left:5px}}@media screen and (min-width: 1280px){.cell__label{font-size:1.5rem}}.cell__text{font-size:6cqi;position:absolute;top:15%;width:100%;height:100%;text-align:center}.cell__text--revealed{color:#1a98e0}.cell__text--incorrect{color:red}@media screen and (min-width: 768px){.cell__text{font-size:clamp(2rem,4.75cqi,4rem);top:10%}}@media screen and (min-width: 1280px){.cell__text{font-size:3.5rem}}.clue-list{flex:1;display:none}@media screen and (min-width: 768px){.clue-list{display:flex;flex-direction:column;gap:1rem;height:100%;width:250px;position:absolute;right:0}}@media screen and (min-width: 1280px){.clue-list{flex-direction:row;position:relative;max-width:780px}}.clue-list__section{flex:1;display:flex;flex-direction:column;min-height:0}@media screen and (min-width: 1280px){.clue-list__section{min-height:unset}}.clue-list__list-container{flex:1;overflow-y:auto}.clue-list__list{display:flex;flex-direction:column;gap:.4rem}.clue-list__item{cursor:pointer;line-height:1.2}.clue-list__item--highlighted{background-color:#5db6ff;color:#000}.clue-list__label{font-weight:700;margin-right:.75rem}.keyboard{display:block;margin:.5rem 0;width:100%;position:relative}@media screen and (min-width: 1280px){.keyboard{display:none}}.keyboard__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.keyboard__container{display:flex;flex-direction:column;gap:.6rem;width:100%;position:relative}.keyboard__key-row{display:flex;align-items:stretch;gap:.35rem;width:100%}.keyboard__key,.keyboard__dropdown-btn,.keyboard__zoom-btn,.keyboard__layout-toggle-btn,.keyboard__backspace-btn{display:flex;justify-content:center;align-items:center;padding:.4rem 0;font-size:1.4rem;background-color:#888;border-radius:5px;-webkit-user-select:none;user-select:none;flex-grow:1;flex-basis:0;flex-shrink:0;box-shadow:0 2px 3px #0003,0 1px 1px #0003 inset;transition:background-color .2s,transform .2s}.keyboard__key:active,.keyboard__dropdown-btn:active,.keyboard__zoom-btn:active,.keyboard__layout-toggle-btn:active,.keyboard__backspace-btn:active{background-color:#e0e0e0}.keyboard__layout-toggle-btn,.keyboard__backspace-btn{background-color:#5e5e5e;flex-grow:1.5}.keyboard__backspace-btn{background-color:#5e5e5e;flex-grow:1.5;font-size:1.8rem}.keyboard__zoom-btn{font-size:1.2rem;padding:.2rem 0}.keyboard__dropdown-btn{font-size:1.2rem;padding:.2rem 0;position:relative}.keyboard__dropdown-btn--active{border-bottom-left-radius:0;border-bottom-right-radius:0}.keyboard__dropdown-list{position:absolute;width:100%;top:2.3rem;z-index:2}.keyboard__dropdown-item{display:flex;justify-content:center;align-items:center;padding:.2rem 0;background-color:#888;-webkit-user-select:none;user-select:none;border-bottom:1px solid black}.keyboard__dropdown-item:hover{background-color:#5e5e5e}.privacy__flex-container{display:flex;flex-direction:column;align-items:center;height:100vh;margin:0 .5rem 1rem}.privacy__content-container{margin-top:2rem;padding:2rem 1rem 0;max-width:500px;border:white solid 1px;border-radius:8px;height:100%}@media screen and (min-width: 768px){.privacy__content-container{padding:2rem 4rem 0}}.privacy__title{margin-bottom:1rem}.privacy__list{list-style-type:circle;margin:1rem;list-style-position:inside}.privacy__item,.privacy__subtitle{margin-bottom:.5rem}.not-found__container{display:flex;flex-direction:column;align-items:center;padding-top:1rem;height:100vh}.not-found__subtitle{font-size:1.2rem}.footer{display:flex;justify-content:center;align-items:center;padding-bottom:1rem}.default-theme{--background-color: #ffffff;--text-color: #000000;--button-background-color: #007bff;--button-text-color: #ffffff;--error-text-color: #a61717;--error-background-color: rgba(255, 255, 255, 0);--success-text-color: #0e680e;--success-background-color: rgba(255, 255, 255, 0);--outer-border-color: #000000;--inner-border-color: #575757;--text-hightlight-color: #b4b4b4}.dark-theme{--background-color: #333333;--text-color: #ffffff;--button-background-color: #ffffff;--button-text-color: #000000;--error-text-color: #ffffff;--error-background-color: #a61717;--success-text-color: #ffffff;--success-background-color: #0e680e;--outer-border-color: #000000;--inner-border-color: #575757;--text-hightlight-color: #b4b4b4}.loading__container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 7.5rem)}.loading__spinner{border:.5rem solid #5db6ff;border-top:.5rem solid #f8b256;border-radius:50%;width:4rem;height:4rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}