/* ---------- Quiz info modal ---------- */
.mq-btn-history { background:rgba(59,130,246,.12); border:1px solid rgba(59,130,246,.3); color:#93C5FD; }
.mq-btn-history:hover { background:rgba(59,130,246,.25); border-color:var(--info); }
.quiz-info-content-template { display:none; }
.quiz-info-popup-title { font-size:1.35rem; font-weight:700; color:#C4B5FD; margin-bottom:1rem; letter-spacing:.02em; }
.quiz-info-grid { display:flex; flex-direction:column; gap:.8rem; }
.quiz-info-quiz-title { font-size:1.65rem; font-weight:700; color:var(--text-primary); margin-bottom:1rem; line-height:1.35; }
.quiz-info-row { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.75rem .85rem; border-radius:12px; background:rgba(139,92,246,.08); }
.quiz-info-label { font-size:1.15rem; color:var(--text-muted); }
.quiz-info-value { font-size:1.15rem; color:var(--text-primary); text-align:right; font-weight:600; }
.quiz-info-modal-backdrop { position:fixed; inset:0; background:rgba(5,8,18,.72); display:flex; align-items:center; justify-content:center; padding:1.2rem; z-index:2500; opacity:0; pointer-events:none; transition:opacity .2s ease; }
.quiz-info-modal-backdrop.is-open { opacity:1; pointer-events:auto; }
.quiz-info-modal { width:min(900px, 100%); max-height:90vh; overflow:auto; background:linear-gradient(160deg, rgba(14,21,44,.98), rgba(12,16,34,.98)); border:1px solid rgba(139,92,246,.42); border-radius:20px; box-shadow:0 30px 60px rgba(0,0,0,.45); padding:1.8rem; position:relative; }
.quiz-info-close-btn { position:absolute; top:.9rem; right:.9rem; border:1px solid rgba(139,92,246,.35); background:rgba(139,92,246,.12); color:var(--text-primary); width:40px; height:40px; border-radius:10px; cursor:pointer; font-size:1.1rem; font-weight:700; transition:all .2s; }
.quiz-info-close-btn:hover { background:rgba(139,92,246,.28); transform:translateY(-1px); }
@media (max-width: 768px) {
    .quiz-info-modal { padding:1rem; }
    .quiz-info-popup-title { font-size:1.15rem; }
    .quiz-info-quiz-title { font-size:1.35rem; }
    .quiz-info-label, .quiz-info-value { font-size:1rem; }
    .quiz-info-row { align-items:flex-start; flex-direction:column; gap:.35rem; }
}