*{box-sizing:border-box}#root{height:max-content}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#262626;color:#d9d9d9;padding:20px;height:100vh;display:flex;justify-content:center}header{text-align:center}header>h1{font-weight:500;color:#f9f4da}header>p{max-width:350px;margin-inline:auto;line-height:1.5;font-size:16px;color:#8e8e8e}.status-section{display:flex;justify-content:center;align-items:center;flex-direction:column;height:90px;margin-block:30px;padding:8px 10px;border-radius:6px;background-color:#7a5ea7;color:#f9f4da}.status-section:empty{background-color:transparent}.status-section.won{background:#10a95b}.status-section.lost{background:#ba2a2a}.status-section>h2{margin:5px}.status-section>div{margin:5px}.status-section>p{font-style:italic;font-weight:400}.languages-container{display:flex;flex-wrap:wrap;max-width:550px;justify-content:center;gap:3px;margin-inline:auto}.language-box{border-radius:3px;padding:5px 10px;position:relative}.language-box.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}.current-word-container{display:flex;justify-content:center;gap:2px;margin-block:60px}.current-word-letter{display:flex;justify-content:center;align-items:center;width:70px;height:70px;font-size:24px;font-weight:700;background-color:#323232;border-bottom:2px solid #F9F4DA;text-transform:uppercase}.current-word-letter.game-lost-letter{color:#ec5d49}.alphabet-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;max-width:500px;margin:80px auto}.alphabet-letter{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:#fcba29;border:1px solid #D7D7D7;color:#1e1e1e;font-weight:600;font-family:Hanken Grotesk,Arial,sans-serif;text-transform:uppercase;font-size:18px;border-radius:3px;cursor:pointer}.alphabet-letter.correct{background-color:#10a95b}.alphabet-letter.wrong{background-color:#ec5d49}.alphabet-letter:disabled{cursor:not-allowed;opacity:.5;color:#3e3e3e}button.new-game{background-color:#11b5e5;border:1px solid #D7D7D7;border-radius:4px;width:200px;padding:15px 12px;display:block;margin-inline:auto;font-family:Hanken Grotesk,Arial,sans-serif;font-size:18px;font-weight:500;cursor:pointer;color:#fff}.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}@media screen and (max-width: 500px){header>h1{font-size:24px}header>p{font-size:14px}main{width:100vw;padding-inline:20px}.status-section{margin-inline:20px;height:55px}.status-section>h2{font-size:18px;margin:0}.status-section>div{margin:0;font-size:14px}.current-word-container{margin-block:30px}.current-word-letter{height:auto;aspect-ratio:1}.alphabet-container{margin:30px auto}.alphabet-letter{width:45px;height:auto;aspect-ratio:1}button.new-game{position:fixed;bottom:0;left:0;width:100%}}