body {
    font-family: 'Poppins', sans-serif;
}

.btn-primary {
    background-color: #6c5ce7;
    border: none;
}

.btn-primary:hover {
    background-color: #5649c0;
}

/* Grid do Baralho */
.deck-grid {
    margin-top: 20px;
}

.card-back {
    width: 65px;
    height: 110px;
    background: linear-gradient(135deg, #2c3e50 0%, #000000 100%);
    border: 2px solid #fff;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card-back:hover {
    transform: translateY(-10px);
    border-color: #6c5ce7;
    box-shadow: 0 8px 15px rgba(108, 92, 231, 0.4);
}

/* Animação de embaralhar */
.shuffling {
    animation: shuffleAnim 0.6s infinite alternate;
}

@keyframes shuffleAnim {
    from {
        transform: rotate(-2deg) translateX(-5px);
    }

    to {
        transform: rotate(2deg) translateX(5px);
    }
}

/* Responsividade Mobile */
@media (max-width: 576px) {
    .card-back {
        width: 50px;
        height: 85px;
    }
}

.etica-box {
    font-size: 0.85rem;
    line-height: 1.4;
    text-align: left;
    background-color: #f8f9fa !important;
}

.etica-box i {
    color: #6c5ce7;
}

/* Deixa o botão de reiniciar mais sutil para não incentivar o vício no clique */
.btn-outline-primary {
    border-color: #6c5ce7;
    color: #6c5ce7;
}

.btn-outline-primary:hover {
    background-color: #6c5ce7;
    color: white;
}