@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;font-family:Hanken Grotesk,sans-serif}body{background-color:#282726;color:#f9f4da;margin:0}main{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:min(1rem,2vw);gap:min(2rem,3vh)}button{transition:.2s;cursor:pointer}button:not(:disabled):hover{filter:brightness(.95)}button:not(:disabled):active{filter:brightness(.85)}button:disabled{cursor:default}header{max-width:40ch}header>p{color:#8e8e8e}p{margin:0}h1{font-size:min(1.5rem,8vw)}.status{border-radius:4px;width:40ch;max-width:100%;min-height:4lh;display:flex;justify-content:center;flex-direction:column;padding:.5rem;gap:.5rem}.status.won{background-color:#10a95b}.status.lost{background-color:#ba2a2a}.status.farewell{background-color:#7a5ea7}.status.farewell>p{font-style:italic}.status.farewell>p:before,.status.farewell>p:after{content:'"'}.status>:is(h2,p){margin:0}.languages{display:flex;justify-content:center;flex-wrap:wrap;max-width:40ch;gap:.2rem}.language{padding:.3em .4em;border-radius:3px;font-weight:700;position:relative}.language:after{content:"💀";position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#000000b3;border-radius:3px;opacity:0;transition:.2s ease-in}.language.dead:after{opacity:1}.letters{display:flex;gap:.2rem}.letter{width:40px;height:40px;max-width:11vmin;max-height:11vmin;font-size:min(1.1rem,5vmin);display:flex;justify-content:center;align-items:center;background-color:#323232;border-bottom:1px solid #F9F4DA;font-weight:700}.letter.missed{color:#ba2a2a}.keyboard{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:min(.4rem,1.7vmin);max-width:50ch}.key{width:40px;height:40px;max-width:11vmin;max-height:11vmin;font-size:min(1.1rem,5vmin);font-weight:600;color:#1e1e1e;text-transform:uppercase;display:flex;justify-content:center;align-items:center;border:1px solid #D7D7D7;border-radius:4px;background-color:#fcba29}.key.correct{background-color:#10a95b}.key.incorrect{background-color:#ec5d49}button.new-game{background-color:#11b5e5;border:1px solid #D7D7D7;border-radius:4px;padding:.4em 4em;font-size:1.2rem;font-weight:600}.source-button{position:fixed;right:1rem;bottom:1rem;width:2rem;height:2rem;border-radius:50%;cursor:pointer;transition:.2s}.source-button:hover{opacity:.9;scale:1.1}.source-button:active{opacity:.7}.source-button svg{width:100%!important;height:100%!important}.source-button path{transition:.2s}