.theme-eng { background: linear-gradient(135deg, #ede7f6 0%, #d1c4e9 100%); }
.theme-eng .game-header h1 { color: #4527a0; }

.word-card {
    background: white; border-radius: 20px; padding: 25px; margin: 15px auto;
    max-width: 450px; box-shadow: 0 8px 30px rgba(0,0,0,0.08); text-align: center;
}
.hint-text {
    font-size: 1.3rem; font-weight: 700; color: #333; margin-bottom: 15px;
    font-family: 'Nunito', sans-serif; line-height: 1.5;
}
.letter-boxes {
    display: flex; gap: 6px; justify-content: center; margin-bottom: 18px; flex-wrap: wrap;
}
.letter-box {
    width: 36px; height: 42px; border: 2px solid #d1c4e9; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; font-weight: 800; font-family: 'Baloo 2', cursive;
    color: #4527a0; background: #f3e5f5; text-transform: uppercase;
    transition: all 0.15s;
}
.letter-box.filled { background: #ede7f6; border-color: #7e57c2; }
.letter-box.correct { background: #e8f5e9; border-color: #4caf50; color: #2e7d32; }
.letter-box.wrong { background: #ffebee; border-color: #f44336; color: #c62828; }

.answer-input {
    width: 100%; padding: 14px; font-size: 1.2rem; text-align: center;
    border: 2px solid #d1c4e9; border-radius: 12px; font-family: 'Nunito', sans-serif;
    outline: none; margin-bottom: 12px; box-sizing: border-box;
    text-transform: uppercase; letter-spacing: 3px; font-weight: 700;
}
.answer-input:focus { border-color: #7e57c2; }

.btn-submit-word {
    padding: 12px 35px; border: none; border-radius: 99px;
    background: #7e57c2; color: white; font-size: 1.2rem;
    font-family: 'Baloo 2', cursive; cursor: pointer;
    box-shadow: 0 4px 0 #4527a0; transition: all 0.15s;
}
.btn-submit-word:active { transform: translateY(4px); box-shadow: 0 0 0; }

@media (max-width: 450px) {
    .letter-box { width: 30px; height: 36px; font-size: 1.1rem; }
    .hint-text { font-size: 1.1rem; }
}