.dropzone {
    display: inline-block;
    width: 160px;
    height: 50px;
    border: 2px dashed var(--bs-border-color);
    text-align: center;
    vertical-align: middle;
    background: var(--bs-tertiary-bg); /* S'adapte au mode clair et sombre */
    color: var(--bs-body-color); /* S'adapte pour la couleur du texte */
    border-radius: 8px;
    margin: 0 6px;
    font-size: 1.1em;
}
.dropzone.over {
    background: rgba(25, 135, 84, 0.2);
    border-color: #198754;
}
.word {
    display: inline-block;
    padding: 12px 18px;
    margin: 6px;
    background: var(--bs-primary);
    color: #fff;
    border-radius: 8px;
    cursor: grab;
    font-weight: bold;
}
.word.dragging {
    opacity: 0.5;
}