*{box-sizing:border-box}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#262626;color:#fff;padding:0;height:100vh}main{display:flex;flex-direction:column;align-items:center}header{text-align:center}header>h1{font-size:2rem;font-weight:500;color:#fff}header>p{font-size:.875rem;max-width:350px;color:#8e8e8e}section.game-status{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f9f4da;border-radius:4px;margin-block:30px;padding:5px 0;width:100%;max-width:350px;min-height:60px}section.game-status.won{background-color:#10a95b}section.game-status.lost{background-color:#ec5d49}section.game-status.farewell{background-color:#7a5ea7;border:1px dashed #323232}section.game-status>p{margin:5px}section.game-status>p.farewell-message{font-style:italic;font-weight:400}section.game-status>h2{font-size:1.25rem;margin:5px}section.language-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:350px;margin-bottom:36px}span.chip{padding:5px;border-radius:3px;position:relative}span.chip.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}section.word{display:flex;justify-content:center;gap:5px;margin-bottom:36px}section.word>span{color:#fff;height:40px;width:40px;background-color:#323232;display:flex;justify-content:center;align-items:center;font-size:1.125rem;border-bottom:1px solid #F9F4DA}section.word>span.missed-letter{color:#ec5d49}section.keyboard{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:450px;margin-bottom:35px}section.keyboard>button{font-weight:700;height:35px;width:35px;background-color:#fcba29;border-radius:3px;border:none;cursor:pointer;transition:background-color .3s ease}section.keyboard>button.correct{background-color:#10a95b}section.keyboard>button.wrong{background-color:#ec5d49}section.keyboard>button:disabled{cursor:not-allowed;opacity:.6}.new-game-wrapper{height:20px;display:flex;justify-content:center;margin-bottom:0}.new-game-wrapper .new-game{color:#fff;font-family:Hanken Grotesk,Arial,sans-serif;font-size:16px;background-color:#11b5e5;border:none;border-radius:4px;font-weight:700;width:200px;height:40px;padding:6px 12px;display:block;margin-inline:auto;cursor:pointer;transition:opacity .2s ease-in}.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}main{transition:background-color .5s ease,color .5s ease}.theme-normal{color:#d9d9d9}.theme-tech .keyboard>button{background-color:#1f6feb;transition:background-color .5s ease}.theme-tech .keyboard>button.correct{background-color:#10a95b}.theme-tech .keyboard>button.wrong{background-color:#f85149}.theme-tech .new-game{background-color:#fcba29}.theme-normal .new-game{background-color:#1f6feb}.new-game:hover{opacity:.8}.toggle-wrapper{display:flex;justify-content:center}.toggle-container{display:flex;align-items:center;gap:15px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{width:50px;height:26px;background-color:#ccc;border-radius:15px;position:relative;transition:background-color .3s ease}.toggle-switch.active{background-color:#10a95b}.toggle-circle{height:20px;width:20px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:left .3s ease}.toggle-switch.active .toggle-circle{left:27px}.toggle-label{font-weight:700;font-size:.9rem}.fade-in{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width: 767px){div#root{padding-top:0}section.keyboard>button{width:37px;height:37px;color:#000}}#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}