*{box-sizing:border-box}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#262626;color:#d9d9d9;padding:20px;height:100vh}main{display:flex;flex-direction:column;align-items:center}header{text-align:center}header>h1{font-size:2.25rem;font-weight:500;color:#f9f4da}header>p{font-size:1.225rem;max-width:650px;color:#8e8e8e}section.game-status{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f9f4da;width:100%;max-width:350px;min-height:80px;border-radius:4px;margin:5px 0 30px}section.game-status.won{background-color:#10a95b}section.game-status.lost{background-color:#ba2a2a}section.game-status.farewell{background-color:#7a5ea7;border:1px dashed #323232}section.game-status>p{text-align:center;margin:5px;font-size:1.25rem}section.game-status>p.farewell-message{font-style:italic;font-weight:400}section.game-status>h2{font-size:1.75rem;margin:3px}section.language-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:650px;margin-bottom:26px}span.chip{border-radius:3px;padding:4.5px 8px;position:relative;font-size:1.25rem}span.chip.lost:before{content:"💀";position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:1.25rem;top:0;left:0;background-color:#000000b3}section.word{display:flex;justify-content:center;gap:4px;margin-bottom:26px}section.word>span{height:60px;width:60px;background-color:#323232;display:flex;justify-content:center;align-items:center;font-size:1.425rem;border-bottom:2px solid #F9F4DA}section.word>span.missed-letter{color:#ec5d49}section.keyboard{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:650px;margin-bottom:26px}section.keyboard>button{height:50px;width:50px;font-size:1.25rem;background-color:#191919;border:2px solid white;color:#fff;border-radius:7px;cursor:pointer;transition:transform .3s ease-in-out}section.keyboard>button:hover{transform:scale(1.1)}section.keyboard>button.correct{background-color:#10a95b}section.keyboard>button.wrong{background-color:#ec5d49}section.keyboard>button:disabled{cursor:not-allowed;transform:none;opacity:.5}button.new-game{background-color:#289ecd;color:#f9f4da;font-family:Hanken Grotesk,Arial,sans-serif;border:none;border-radius:8px;width:265px;height:50px;padding:10px 14px;cursor:pointer;font-size:1.45rem;font-weight:500;transition:background-color .2s ease,transform .1s ease}button.new-game:hover{background-color:#1d8db9}button.new-game:active{background-color:#167ca6;transform:translateY(1px)}@media (max-width: 480px){section.word>span{height:40px;width:40px;font-size:1.1rem}section.keyboard>button{height:36px;width:36px;font-size:1rem}button.new-game{width:90%}header>h1{font-size:1.5rem}header>p{font-size:1rem}}