*{box-sizing:border-box}html{font-size:clamp(16px,1.67vw,20px)}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#262626;color:#d9d9d9;padding:20px;height:100vh;display:flex;justify-content:center}main{max-width:52ch;min-width:25ch}header{margin-block:2rem;text-align:center}header>h1,header>h2{font-size:1.25rem;font-weight:500;color:#f9f4da}header>p{font-size:.875rem;color:#8e8e8e}header>*{margin:0}header>*+*{margin-top:.5rem}.game-status{visibility:hidden;opacity:0;transition:visibility 0s .5s,opacity .25s linear;margin-block:2rem;padding:1rem;height:5rem;border-radius:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f9f4da;text-align:center}.game-status.won,.game-status.lost,.game-status.farewell{visibility:visible;opacity:1;transition:opacity .5s linear}.game-status.won{background-color:#10a95b}.game-status.farewell{background-color:#7a5ea7;font-style:italic}.game-status.lost{background-color:#ba2a2a}.game-status>h2,.game-status>h3{font-size:1.4rem;line-height:1.5rem}.game-status>*{margin:0}.language-chips{margin:auto;margin-block:2rem;width:80%;display:flex;justify-content:center;gap:.2rem;flex-wrap:wrap}.language-chips>.chip{font-weight:600;font-size:.8rem;padding:.4rem;border-radius:.2rem;position:relative}.language-chips>.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{margin:auto;margin-block:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem}.word>.char-box{text-transform:uppercase;text-align:center;line-height:2.5rem;width:2.5rem;height:2.5rem;font-weight:600;font-size:1.2rem;background-color:#323232;color:#f9f4da;border-bottom:.1rem solid #F9F4DA}.word>.char-box.wrong{color:#ec5d49}.keyboard{margin-block:2rem;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem}.keyboard>button{background-color:#fcba29;color:#1e1e1e;text-transform:uppercase;text-align:center;font-weight:600;width:2.5rem;height:2.5rem;padding:0;border:.1rem solid #D7D7D7;border-radius:.2rem;cursor:pointer}.keyboard>button.wrong{background-color:#ec5d49}.keyboard>button.correct{background-color:#10a95b}.keyboard>button:disabled{cursor:not-allowed;opacity:.5}button.new-game{background-color:#11b5e5;border:.1rem solid #D7D7D7;border-radius:.5rem;width:32ch;height:2.5rem;padding:.5rem 1rem;display:block;margin-inline:auto;cursor:pointer}.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 only screen and (max-width: 600px){html{font-size:clamp(18px,2.25vw,22px)}}