:root,:before,:after{box-sizing:border-box}body{color:#d9d9d9;background:radial-gradient(circle at top,#2d2d2d 0%,#1a1a1a 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:Hanken Grotesk,Arial,sans-serif;display:flex}main{flex-direction:column;align-items:center;width:100%;max-width:600px;animation:.8s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{text-align:center;margin-bottom:20px}header>h1{background:linear-gradient(135deg,#f9f4da 0%,#fcba29 100%);-webkit-text-fill-color:transparent;letter-spacing:3px;text-transform:uppercase;filter:drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;margin:0;font-size:2.5rem;font-weight:800}header>p{color:#a0a0a0;max-width:400px;margin-top:10px;font-size:.95rem;line-height:1.4}section.game-status{color:#f9f4da;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;height:85px;margin-block:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 32px #0000004d}section.game-status.won{background-color:#10a95b33;border-color:#10a95b;box-shadow:0 0 20px #10a95b4d}section.game-status.lost{background-color:#ba2a2a33;border-color:#ba2a2a;box-shadow:0 0 20px #ba2a2a4d}section.game-status.farewell{background-color:#7a5ea733;border:1px dashed #7a5ea780;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}section.game-status>h2{text-shadow:0 2px 4px #00000080;margin:0;font-size:1.5rem}section.game-status>p{opacity:.9;margin:5px 0 0;font-size:1rem}section.language-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:450px;margin-bottom:40px;display:flex}span.chip{border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;transition:all .3s;position:relative;box-shadow:0 2px 4px #0003}span.chip.lost{filter:grayscale()opacity(.3);transform:scale(.9)}span.chip.lost:before{content:"💀";background-color:#0006;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;display:flex;position:absolute;top:0;left:0}section.word{justify-content:center;gap:8px;margin-bottom:50px;display:flex}section.word>span{color:#f9f4da;background:#ffffff0d;border-bottom:3px solid #f9f4da;border-radius:4px 4px 0 0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}section.word>span.missed-letter{color:#ec5d49;text-shadow:0 0 10px #ec5d4966;border-bottom-color:#ec5d49}section.keyboard{flex-wrap:wrap;justify-content:center;gap:10px;max-width:500px;margin-bottom:40px;display:flex}section.keyboard>button{color:#f9f4da;cursor:pointer;background-color:#3d3d3d;border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px #2a2a2a}section.keyboard>button:hover:not(:disabled){background-color:#4d4d4d;transform:translateY(-2px);box-shadow:0 6px #2a2a2a}section.keyboard>button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #2a2a2a}section.keyboard>button.correct{text-shadow:0 1px 2px #0000004d;background-color:#10a95b;box-shadow:0 4px #0d8a4a}section.keyboard>button.wrong{opacity:.4;background-color:#323232;box-shadow:0 4px #1a1a1a}section.keyboard>button:disabled{cursor:not-allowed}button.new-game{letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:#1a1a1a;background:linear-gradient(135deg,#11b5e5 0%,#008cba 100%);border:none;border-radius:12px;width:240px;height:48px;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.5s ease-out popIn;box-shadow:0 4px 15px #11b5e566}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}button.new-game:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 8px 25px #11b5e580}button.new-game:active{transform:scale(.95)}.sr-only{width:1px;height:1px;clip-path:rect(0, 0, 0, 0);white-space:nowrap;border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=500px){header>h1{font-size:1.8rem}section.keyboard>button{width:36px;height:36px;font-size:.9rem}section.word>span{width:36px;height:36px;font-size:1.2rem}}