@import"https://fonts.googleapis.com/css2?family=Creepster&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#171717;color:#d9d9d9;padding:20px;height:100vh}header{text-align:center;padding:20px;margin:0}header>h1{font-size:1.5rem;font-weight:500;color:#facc15}header>p{font-size:1rem;max-width:400px;color:#8e8e8e}main{display:flex;flex-direction:column;align-items:center}section.game-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto;border-radius:4px;margin-block:30px;width:100%;max-width:400px;min-height:60px}section.game-status>h2{font-size:1.25rem;margin:5px}section.game-status>p{font-size:1rem;margin:5px;color:#d4d4d4}.game-status.won{background-color:#1f5130}.game-status.lost{background-color:#511f1f}.game-status.incorrect{background-color:#4b1f51;font-weight:400}.game-status.incorrect>p{font-family:Creepster,cursive;font-weight:400;font-size:1.1rem}section.life-status-section{display:flex;gap:8px;justify-content:center;margin:20px 0}.heart{width:48px;height:48px;overflow:hidden;image-rendering:pixelated}.heart img{display:block;height:48px;width:auto}.heart.broken img{transform:translate(-96px)}section.current-word{display:flex;justify-content:center;margin-top:20px;gap:2px;margin-bottom:20px}span.letter-box{height:40px;width:40px;font-size:1.125rem;border-bottom:1px solid #D9D9D9;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#2b2b2b}section.current-word>span.letter-box.missed-letter{color:#8b0000;font-weight:700}section.keyboard-section{display:flex;justify-content:center;margin-top:20px}div.keyboard{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:450px}div.keyboard>button{height:35px;width:35px;background-color:#facc15;border:none;border-radius:4px;cursor:pointer}div.keyboard>button:hover{background-color:#2b2b2b;cursor:pointer}section.new-game-btn-section{display:flex;justify-content:center;margin-top:30px}section.new-game-btn-section>button{width:225px;height:40px;background-color:#2dd4bf;display:block;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}div.keyboard>button.key{color:#171717;font-weight:600}div.keyboard>button.wrong{background-color:#8b0000;cursor:not-allowed}div.keyboard>button.correct{background-color:#16a34a;border:2px solid #24fe74;cursor:not-allowed}section.keyboard>button:disabled{cursor:not-allowed;opacity:.5}.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}@keyframes damage-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes damage-flash{0%,to{filter:brightness(1)}50%{filter:brightness(2) drop-shadow(0 0 10px #ff0000)}}.heart.taking-damage{animation:damage-shake .5s ease-in-out,damage-flash .5s ease-in-out}