*{box-sizing:border-box}body{margin:0;padding:20px;display:flex;flex-direction:column;align-items:center;height:100vh;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#262626;color:#fff;text-align:center}header{text-align:center}header>h1{font-weight:500;font-size:1.25rem;color:#f9f4da}header>p{font-size:.9rem;max-width:400px;color:#8e8e8e;margin:auto}.status-section{margin:25px auto;padding:1px;text-align:center;border-radius:.25rem;max-width:400px;min-height:60px}.status-section>h2{font-size:1.25rem;font-weight:500;margin-bottom:6px}.status-section>p{margin-top:0}.status-section.won{background-color:#10a95b!important}.status-section.lost{background-color:#ba2a2a!important}.status-section.wrong{background-color:#7a5ea7}.status-section.wrong>h2:after{content:" 🫡"}.languages-section{justify-self:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;max-width:350px;justify-content:center}.languages-section>span{padding:5px;border-radius:3px;font-weight:700;font-size:.8rem;position:relative}span.chip{border-radius:3px;padding:4.5px;position:relative}span.chip.lost:before{content:"💀";position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:.85rem;top:0;left:0;background-color:#000000b3}.word-section{margin-top:35px;margin-bottom:50px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;justify-content:center}.word-section>span{font-size:1.125rem;font-weight:700;color:#f9f4da;padding:10px;background-color:#323232;border-bottom:1px solid white;width:40px;height:40px}.alphabet-section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:500px}.alphabet-section.disabled>button{cursor:not-allowed}.alphabet-section>button{background-color:#fcba29;padding:6px;border:1px solid #D7D7D7;border-radius:4px;width:40px;height:40px;font-weight:600;cursor:pointer}button.new-game{margin-top:50px;background-color:#11b5e5;border:1px solid #D7D7D7;border-radius:4px;width:225px;height:40px;padding:6px 12px;display:block;margin-inline:auto;cursor:pointer}.alphabet-section>button.guess-correct{background-color:#10a95b!important}.alphabet-section>button.guess-wrong{background-color:#ec5d49!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}