.card-question{
    background:#1F1F1F;
    padding:15px;
    border-radius:12px;
    margin:15px 0;
}
.question-text{
    color:#FFF;
    font-weight:bold;
    margin-bottom:10px;
}
.options{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.option{
    flex:1 1 calc(50% - 10px);
    cursor:pointer;
    user-select:none;
}
.option input[type=radio]{display:none;}
.option span{
    display:block;
    padding:10px 15px;
    background:#2C2C2C;
    color:#FFF;
    border-radius:8px;
    text-align:center;
    transition: 0.2s;
}
.option span:hover{
    background:#1E90FF;
    transform: scale(1.05);
}
/* Option sélectionnée reste bleue */
.option input[type=radio]:checked + span{
    background:#1E90FF;
    transform: scale(1.05);
}

.profil-result {
    margin: 20px 0;
    font-size: 1.05rem;
}

.profil-result h3 {
    color: #ff4fa3;
    margin-bottom: 10px;
}

.desir-actions {
    text-align: center;
    margin-top: 25px;
}


.overlay-show{
    animation: popOverlay 1s ease forwards;
    background: rgba(0,0,0,0.8);
    padding:30px;
    border-radius:15px;
    display:inline-block;
}
.overlay-show h1{
    font-size:3em;
    color:gold;
    animation: pulse 1s infinite alternate;
}
.overlay-show p{
    color:#FFF;
    margin-top:15px;
    font-size:1.2em;
}
@keyframes pulse{
    0%{transform:scale(1);}
    100%{transform:scale(1.2);}
}
@keyframes popOverlay{
    0%{opacity:0; transform:scale(0.5);}
    100%{opacity:1; transform:scale(1);}
}

/* Divs résultats */
.cluedo-result-ok,
.cluedo-result-no {
    margin: 10px auto;
    padding: 10px;
    border-radius: 10px;
    max-width: 600px;
    text-align: center;
    font-weight: bold;
    display: none;
}
.cluedo-result-ok {
    border: dashed lightgreen;
}
.cluedo-result-no {
    border: dashed lightcoral;
}

.eu-ranking {
    display: inline-flex;
    gap: 15px;
}

/* Chaque partie */
.eu-ranking-entry {
    background: #1F1F1F;
    padding: 12px 15px;
    border-radius: 12px;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: transform 0.2s;
}

.eu-ranking-entry:hover {
    transform: scale(1.02);
}

.eu-highlight {
    border: 2px solid #32CD32;
}

.eu-rank {
    font-weight: bold;
    color: #FFD700;
}

.eu-player {
    font-size: 1em;
    font-weight: bold;
    color: #1E90FF;
}

.eu-values {
    font-weight: bold;
    font-size: 0.95em;
    color: #FFD700;
}

.eu-numbers {
    font-size: 0.85em;
    color: #AAA;
}