*{box-sizing:border-box}:root{--primary-bg: #1a1a2e;--secondary-bg: #16213e;--accent-color: #11B5E5;--text-primary: #e9ecef;--text-secondary: #ced4da;--success: #10A95B;--danger: #BA2A2A;--farewell: #7A5EA7}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background:var(--primary-bg);background-image:radial-gradient(at 40% 20%,rgba(17,181,229,.1) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(122,94,167,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(16,169,91,.1) 0px,transparent 50%);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem}main{text-align:center;max-width:800px;width:100%}header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem}header>h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:.75em auto;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,var(--accent-color),var(--farewell));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleEntrance .6s ease-out}@keyframes titleEntrance{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}header>p{font-size:1.1rem;max-width:500px;color:var(--text-secondary);text-align:center;margin:0 0 1.875em;line-height:1.6}.status{padding:1.5rem;border-radius:1rem;min-width:22rem;min-height:4.4375rem;display:flex;justify-content:center;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000001a;transition:all .3s ease;transform-origin:center;animation:statusEntrance .5s ease-out}@keyframes statusEntrance{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.status>.title{margin:0;font-size:1.825rem;font-weight:700;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.1)}.status>.message{margin:.5rem 0 0;font-size:1.1rem;color:var(--text-primary);opacity:.9}.win{background:linear-gradient(135deg,var(--success),#1ed75f);transform:scale(1.02)}.loose{background:linear-gradient(135deg,var(--danger),#e74c3c)}.farwell{background:linear-gradient(135deg,var(--farewell),#9b59b6)}.base{background:var(--secondary-bg)}.languages{display:flex;flex-wrap:wrap;gap:.5rem;max-width:600px;justify-content:center;margin:2.25rem auto}.language{border-radius:.75rem;margin:0;font-weight:700;position:relative;display:flex;justify-content:center;align-items:center;padding:.75rem 1rem;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;animation:languageEntrance .5s ease-out backwards}.language:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}@keyframes languageEntrance{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.letters{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:2.25em auto;max-width:600px}.letter{color:var(--text-primary);width:3.5rem;height:3.5rem;border:none;border-radius:.5rem;background:var(--secondary-bg);display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;margin:0;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;animation:letterEntrance .3s ease-out backwards}.letter:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent-color)}@keyframes letterEntrance{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.keyboard{max-width:700px;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:3rem auto;padding:1rem;background:var(--secondary-bg);border-radius:1rem;box-shadow:0 8px 32px #0000001a}.key{width:3rem;height:3rem;color:var(--text-primary);display:flex;justify-content:center;align-items:center;margin:0;border-radius:.5rem;border:none;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;animation:keyEntrance .3s ease-out backwards}.key:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.key:disabled{opacity:.6;cursor:not-allowed}@keyframes keyEntrance{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.base{background:linear-gradient(135deg,#fcba29,#f39c12)}.right{background:linear-gradient(135deg,var(--success),#2ecc71)}.wrong{background:linear-gradient(135deg,var(--danger),#e74c3c)}.new-game{min-width:200px;min-height:3rem;color:var(--text-primary);font-size:1.1rem;margin:2rem 0;background:linear-gradient(135deg,var(--accent-color),#3498db);border-radius:2rem;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #11b5e533;animation:newGameEntrance .5s ease-out}.new-game:hover{transform:translateY(-2px);box-shadow:0 6px 16px #11b5e54d}@keyframes newGameEntrance{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lost{position:relative}.lost:before{content:"💀";position:absolute;background:#000c;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:.75rem;font-size:1.5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:skullEntrance .3s ease-out}@keyframes skullEntrance{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.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}