/* Conteneur principal */
.casinowar-tapis {
    background: url('/jeux/casinowar/assets/tapis.png') center center no-repeat;
    max-width: 900px;
    padding: 25px;
    border-radius: 25px;
    border: 2px solid black;
    -moz-border-radius: 10px;
    margin: 15px auto;
    box-shadow: 0 0 5px #0ff;
}

#war-table {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin: 20px 0;
}

.war-card {
    width: 80px;
    height: 120px;
    perspective: 600px;
    display: inline-block;
    margin: 0 10px;
}

.war-card-inner {
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
    transform-style: preserve-3d;
    position: relative;
}

.war-card.flipped .war-card-inner {
    transform: rotateY(180deg);
}

.casinowar-result-ok, .casinowar-result-no {
    margin:10px 0;
    padding:10px;
    border-radius:10px;
}
.casinowar-result-ok { border: dashed lightgreen; color: white; max-width: 600px; margin: 10px auto 0 auto; }
.casinowar-result-no { border: dashed lightcoral; color: white; max-width: 600px; margin: 10px auto 0 auto; }

.war-card-front,
.war-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 5px;
}

.war-card-back {
    transform: rotateY(0deg);
}

.war-card-front {
    transform: rotateY(180deg);
}


.bouton-action {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    justify-content: center;
}