*{box-sizing:border-box}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{display:flex;flex-direction:column;align-items:center;max-width:30vw}.upper-box{max-width:20rem}header{text-align:center}header>h1{color:#f9f4da}header>p{font-size:.875rem;color:#8e8e8e}.status-bar{display:flex;align-items:center;justify-content:center;text-align:center;color:#f9f4da;border-radius:5px;margin-block:1.5rem;height:5rem}div.farewell{background-color:#7a5ea7;border:1px dashed #282726;border-radius:4px}div.win{background-color:#10a95b}div.lose{background-color:#ba2a2a}.lang-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}span.lang-chip{border-radius:3px;padding:.1rem .2rem;position:relative}span.lost:before{color:#fff;content:"X";position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:.85rem;top:0;left:0;background-color:#000c}.word-revealer{display:flex;justify-content:center;gap:.25rem;margin-bottom:1rem}.word-revealer>span{height:2.75rem;aspect-ratio:1;border-bottom:1px solid #F9F4DA;background-color:#323232;padding:.5rem .95rem;font-size:1.125rem;font-weight:700;color:#f9f4da}.word-revealer>span.lost-reveal{color:red}.keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:25vw;margin-bottom:1rem}.keyboard>button{color:#000;font-family:Hanken Grotesk;font-weight:500;font-size:1.2rem;text-align:center;border:1px solid white;border-radius:.2rem;padding:.5rem;cursor:pointer}button.unchosen{background-color:#fcba29}button.correct{background-color:#10a95b}button.incorrect{background-color:#ec5d49}button.disabled{opacity:.25}button.new-game{background-color:#11b5e5;border:1px solid white;border-radius:.2rem;font-family:Hanken Grotesk;font-size:2rem;font-weight:300;width:60%;padding:.25rem .75rem;cursor:pointer}