*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#333;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}main{padding:50px;width:1200px;display:flex;flex-direction:column;align-items:center}header{text-align:center;margin-bottom:20px}header h1{font-size:2rem;margin-bottom:10px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-transform:uppercase;font-weight:700}header p{font-size:1rem;color:#ccc}.game-status{min-height:90px;width:600px;margin-bottom:10px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;box-shadow:0 4px 8px #0003;transition:background-color .3s ease,opacity .3s ease,transform .3s ease;transform:translateY(0)}.game-status.won{background-color:#227c22}.game-status.lost{background-color:#f44336}.game-status.message{background-color:#6748c5}.game-status.default{opacity:0;pointer-events:none}.game-status:not(.default){animation:fadeSlide .3s ease-out}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.game-status h2{margin:0;font-size:1.5rem;color:#fff;display:inline-block;min-height:32px}.game-status p{margin:0;font-size:1rem;color:#fff;display:inline-block;min-height:20px}.language-list{display:flex;flex-direction:column;align-items:center;width:100%}.language-list-container{width:100%;max-width:600px;background-color:#4444445c;border-radius:5px;padding:10px;display:flex;flex-direction:row;margin-top:20px;flex-wrap:wrap;justify-content:center;align-items:center}.language-list h2{margin:6px 0 0;font-size:1rem;color:#ffffffa5;display:block;text-align:center}.language-list-item{display:flex;justify-content:space-between;align-items:center;padding:7px 17px;margin:5px;background-color:#444;border-radius:5px;box-shadow:0 2px 4px #0000001a}.language-list-item.lost{opacity:.3;text-decoration:line-through}.guess-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:600px;margin-top:30px}.guess-letter{width:40px;height:40px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;background-color:#555;border-radius:3px;margin:2px;font-size:1.2rem;font-weight:700;border-bottom:#ffffff 2px solid}.guess-letter.missed{color:#f44336}.keyboard{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:500px;margin-top:20px;margin-bottom:20px;flex-wrap:wrap;background-color:#4444445c;border-radius:5px;padding:10px}.letter-button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;background-color:#fdfd60;border-radius:3px;margin:3px;font-size:1.2rem;font-weight:700;border:#ccc 1px solid;color:#060101;cursor:pointer;box-shadow:0 2px 4px #0000001a}.letter-button:hover{background-color:#fdfd60c9;box-shadow:0 4px 8px #0003}.letter-button.correct{background-color:#4caf50;color:#fff}.letter-button.incorrect{background-color:#f44336;color:#fff}.letter-button.disabled{opacity:.5;cursor:not-allowed}.new-game-button{padding:10px 30px;background-color:#309be8;color:#020106;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0000001a}.new-game-button:hover{background-color:#309be8c9;box-shadow:0 4px 8px #0003}