*{box-sizing:border-box}body{margin:0;font-family:Hanken Grotesk,Arial,Helvetica,sans-serif;background:#262626;color:#d9d9d9;padding:20px;font-size:1rem}main{display:flex;flex-direction:column;align-items:center;height:100vh}h1,h2,p{margin:0;color:#f9f4da;font-weight:500}.header-title{margin-block:.5rem}.subtitle{color:#8e8e8e;font-size:.875rem;line-height:1.6;max-width:350px;margin:0 auto}.section-game-status{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#323232;padding:.5rem;border-radius:4px;max-width:300px;width:100%;margin-block:1.5rem;min-height:6rem}.section-game-status_won{background:#10a95b}.section-game-status_lost{background:#ba2a2a}.section-game-status_farewell{background-color:#7a5ea7;border:1px dashed #323232;font-style:italic;font-weight:400}@media (min-width: 600px){h1,h2{font-size:1.25rem}.section-game-status{width:100%;max-width:425px;min-height:80px;padding:.75em;margin:1.5rem auto}}.section-language-container{margin:0 auto 36px;width:auto;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}@media (min-width: 600px){.section-language-container{max-width:350px}}.span-languages{font-family:Hanken Grotesk,Arial,Helvetica,sans-serif;font-size:.75rem;font-weight:700;padding:.5em 1em;border-radius:3px;border:none;position:relative}.span-languages-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;z-index:1;pointer-events:none}.section-word-display{display:flex;gap:2px;justify-content:center;margin-bottom:36px}.span-letter{width:40px;height:40px;border-bottom:1px solid #f9f4da;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.125rem;padding:.5em;background:#323232}.span-letter_missing{background:#ec5d49}.section-keyboard{width:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding-top:20px}@media (min-width: 600px){.section-keyboard{max-width:425px}}.btn{width:2.5rem;height:2.5rem;padding:.5em;border-radius:4px;border:1px solid #d7d7d7;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-weight:600;transition:transform .2s ease-in-out}@media (min-width: 600px){.btn{width:35px;height:35px}}.btn:hover,.btn:focus{transform:scale(1.1)}.btn-keyboard{color:#282726;background:#fcba29}.btn-keyboard_correct{background:#10a95b}.btn-keyboard_incorrect{background:#ec5d49}.btn-keyboard:disabled{cursor:not-allowed;opacity:.5}.btn-new-game{margin-top:36px;background:#11b5e5;border-radius:4px;padding:6px 12px;min-width:10em}@media (min-width: 600px){.btn-new-game{width:225px;height:40px}}.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}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}