:root{--color-dark: #282726;--color-black: #1e1e1e;--color-pale-yellow: #f9f4da;--color-light-gray: #8e8e8e;--color-darker-gray: #323232;--color-light-green: #10a95b;--color-pale-green: #10a95b;--color-bright-red: #ba2a2a;--color-pale-red: #ec5d49;--color-purple: #7a5ea7;--color-dark-yellow: #fcba29;--color-white-gray: #d7d7d7;--color-baby-blue: #11b5e5;--color-faded-blue: #1b6f88;--color-background-app: var(--color-dark);--color-status-new: var(--color-black);--color-status-correct: var(--color-faded-blue);--color-status-win: var(--color-light-green);--color-status-lose: var(--color-bright-red);--color-status-wrong: var(--color-purple);--color-current-word: var(--color-darker-gray);--color-keyboard-default: var(--color-dark-yellow);--color-keyboard-correct: var(--color-pale-green);--color-keyboard-wrong: var(--color-pale-red);--color-button-new-game: var(--color-baby-blue);--color-text-game-title: var(--color-pale-yellow);--color-text-game-description: var(--color-light-gray);--color-text-status: var(--color-pale-yellow);--color-text-current-word: var(--color-pale-yellow);--color-text-word-missed: var(--color-pale-red);--color-text-keyboard: var(--color-black);--color-text-button-new-game: var(--color-dark);--border-radius: .25rem;--color-border-keyboard: var(--color-white-gray);--color-border-new-game: var(--color-white-gray)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:inherit}body{background:var(--color-background-app);font-family:Hanken Grotesk,Arial,sans-serif;padding:2.5rem 2rem;line-height:1.5;display:flex;justify-content:center}#root{display:flex;flex-direction:column;align-items:center;gap:2.2rem;max-width:610px}@media (min-width: 426px){#root{gap:3rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}header{text-align:center;max-width:100%;font-weight:500}header>h1{font-size:1.25rem;color:var(--color-text-game-title)}header>p{margin-top:.2rem;font-size:.875rem;color:var(--color-text-game-description);line-height:1.4}@media (min-width: 426px){header{max-width:360px}header>h1{font-size:2rem}header>p{font-size:1.125rem;margin-top:.4rem}}section.game-status{border-radius:var(--border-radius);width:100%;font-weight:500;text-align:center;padding:.4rem;color:var(--color-text-status);min-height:4.5rem;display:flex;justify-content:center;flex-direction:column;margin-top:-.8rem}section.game-status>h2{font-size:1.25rem}section.game-status>p{font-size:1rem}section.game-status.new{background-color:var(--color-status-new)}section.game-status.correct{background-color:var(--color-status-correct)}section.game-status.win{background-color:var(--color-status-win)}section.game-status.lose{background-color:var(--color-status-lose)}section.game-status.wrong{background-color:var(--color-status-wrong)}section.language-chips{max-width:98%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem}section.language-chips>span{padding:.25rem .5rem;border-radius:var(--border-radius);font-weight:700;font-size:.85rem;position:relative}section.language-chips>span.lost:before{content:"💀";border-radius:var(--border-radius);position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:.85rem;top:0;left:0;background-color:#000000b3}section.current-word{display:flex;gap:.15rem}section.current-word>span{display:flex;justify-content:center;align-items:center;color:var(--color-text-current-word);background-color:var(--color-darker-gray);height:2.5rem;width:2.5rem;border-bottom:.1rem solid var(--color-pale-yellow);font-weight:700;font-size:1.125rem}section.current-word>span.red-text{color:var(--color-text-word-missed)}section.keyboard-elements{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}section.keyboard-elements>button{color:var(--color-text-keyboard);border:1px solid var(--color-border-keyboard);border-radius:var(--border-radius);font-size:1rem;font-weight:600;width:2.5rem;height:2.5rem;cursor:pointer}section.keyboard-elements>button:disabled{opacity:.5;cursor:not-allowed}section.keyboard-elements>button.default{background-color:var(--color-keyboard-default)}section.keyboard-elements>button.correct{background-color:var(--color-keyboard-correct)}section.keyboard-elements>button.wrong{background-color:var(--color-keyboard-wrong)}.new-game{font-weight:700;font-size:1.1rem;color:var(--color-text-button-new-game);background-color:var(--color-button-new-game);border:1px solid var(--color-border-new-game);border-radius:var(--border-radius);padding:.5rem 4rem;cursor:pointer}