*{box-sizing:border-box}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#262626;color:#d9d9d9;padding:20px;height:100vh}header{text-align:center}header>h1{font-weight:500;color:#f9f4da}header>p{font-size:.875rem;max-width:350px;color:#8e8e8e;margin:20px auto}main{display:flex;flex-direction:column;align-items:center;gap:40px}section.game-status{height:50px}.lost,.won,.farewelText{display:flex;flex-direction:column;align-items:center;border-radius:4px;color:#f9f4da;width:360px;padding:0 20px}.won{background-color:#208b47}.lost{background-color:#e24530}.farewelText{background-color:#d874d8}.lost>h1,.won>h1{margin:5px;font-size:24px}.lost>p,.won>p{margin:5px;font-size:16px}section.language-chips{display:flex;flex-wrap:wrap;justify-content:center;padding:0 50px;max-width:350px;gap:5px}span.chip{padding:5px;border-radius:5px;position:relative}span.chip.wrong:before{content:"💀";position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:5px;font-size:.85rem;top:0;left:0;background-color:#000000b3}section.word{display:flex;justify-content:center}.word>span{margin:1px;height:42px;width:42px;padding:14px;border-radius:2px;background-color:#454545;border-bottom:2px solid #cbcbcb}section.word>span.missed-letter{color:#ec5d49}section.keyboard{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:350px}section.keyboard>button{height:38px;width:38px;border-radius:8px;background-color:#ffaf37;color:#262626;border:1px solid #F9F4DA;cursor:pointer}section.keyboard>button.correct{background-color:#10a95b}section.keyboard>button.wrong{background-color:#ec5d49}section.keyboard>button:disabled{cursor:not-allowed;opacity:.7}button{display:flex;justify-content:center;width:150px;padding:10px;border-radius:8px;font-weight:700;background-color:#3dc5e3;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}