/* Krawz Arena - Card Visibility & Anti-Flickering System */
/* Autoridade Suprema de Visibilidade */

/* 1. Garantia de Container */
.arena-combate .card-container {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    /* Previne flickering em transformações 3D */
    transform-style: preserve-3d;
    will-change: transform;
}

/* 2. Kill-Switch de Combate (Quando data-combate="on") */
/* Neste modo, o verso DEVE sumir e a frente DEVE aparecer, sem exceções */
.arena-combate[data-combate='on'] .card-back {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.arena-combate[data-combate='on'] .card-front {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
    /* Garante que a frente cubra tudo */
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

.arena-combate[data-combate='on'] .card-flipper {
    /* Trava o flipper na posição virada (frente visível) */
    transform: rotateY(180deg) !important;
    transition: none !important;
}

/* 3. Proteção de Transição (Force Visible) */
.card-container.force-visible .card-front {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 4. Correção de Z-Index durante Animações */
.card-container.attacking,
.card-container.taking-damage,
.card-container.damage-pulse {
    z-index: 100 !important;
}

.card-container.attacking .card-front,
.card-container.taking-damage .card-front {
    /* Garante que o conteúdo da frente fique visível durante animações */
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
}