.letter, .dropzone {
    width: 56px;
    height: 56px;
    margin: 6px;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.letter {
    background-color: #0d6efd;
    color: white;
    cursor: pointer;
}

.letter:hover {
    transform: scale(1.08);
}

.dropzone {
    border: 2px dashed #555;
    background-color: #f8f9fa;
}

.correct {
    background-color: #198754 !important;
    color: white !important;
}

.incorrect {
    background-color: #dc3545 !important;
    color: white !important;
    animation: shake 0.4s;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.selected {
    border: 3px solid #0d6efd;
}
        @keyframes shake {
            0% { transform: translate(0); }
            25% { transform: translate(-5px); }
            50% { transform: translate(5px); }
            75% { transform: translate(-5px); }
            100% { transform: translate(0); }
        }
				#game {
            margin-top: 20px;
        }