.quiz-container{max-width:900px;width:95%;margin:10px auto 10px auto;padding:25px;background:#1F1F1F;border-radius:14px;color:#fff;font-family:Arial,Helvetica,sans-serif;}
.quiz-title{text-align:center;font-size:20px;margin-bottom:25px;}
.quiz-timer{text-align:center;font-size:18px;margin-bottom:15px;color:#FFA500;}
.quiz-select select,.quiz-select button{width:100%;padding:12px;margin:10px 0;border-radius:10px;border:none;background:#2E2E2E;color:#fff;font-size:16px;}
.quiz-select button:hover{background:#1E90FF;cursor:pointer;}
.quiz-question{background:#252525;padding:18px;margin-bottom:18px;border-radius:12px;transition:border 0.3s,background 0.3s;}
.quiz-question h3{margin-bottom:12px;font-size:16px;}
.quiz-answers{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;}
.quiz-btn{flex:1 1 45%;padding:12px;background:#2F2F2F;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background 0.2s,transform 0.1s;text-align:center;}
.quiz-btn:hover{background:#3A3A3A;}
.quiz-btn.selected{background:#1E90FF;transform:scale(1.05);}
.poker-result-ok{margin:15px 0;color:#3CB371;font-weight:bold;font-size:16px;}
.poker-result-no{margin:15px 0;color:#FF4C4C;font-weight:bold;font-size:16px;}
.quiz-submit{width:100%;margin-top:20px;padding:14px;font-size:16px;border:none;border-radius:10px;background:#1E90FF;color:#fff;cursor:pointer;transition:0.2s;}
.quiz-submit:hover{background:#1C7ED6;}
.quiz-replay{text-align:center;margin-top:20px;}
.quiz-replay .quiz-submit{background:#FF8C00;}
.quiz-replay .quiz-submit:hover{background:#FFA500;}
/* Popup résumé */
.quiz-summary {
    display: none;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.7);
    color: #fff;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.quiz-summary-content {
    background: #1f1f1f;
    padding: 20px;
    border-radius: 12px;
    min-width: 300px;
    max-height: 80%;
    overflow-y: auto;
    text-align: left;
}

.quiz-card {
    padding: 12px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    color: #fff;
}

.btn-close {
    margin-top: 15px;
    padding: 10px 20px;
    border: none;
    background: #1E90FF;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
}

@media(max-width:600px){.quiz-container{padding:15px;}.quiz-question h3{font-size:14px;}.quiz-btn{flex:1 1 100%;font-size:14px;}.quiz-submit{font-size:14px;padding:12px;}}