.quiz-launch{display:flex;align-items:flex-start;flex-direction:column;gap:2px;margin-top:28px;padding:13px 17px;border:1px solid rgba(255,255,255,.34);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;cursor:pointer;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.quiz-launch:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}.quiz-launch span{color:var(--gold);font-size:.57rem;font-weight:850;letter-spacing:.11em}.quiz-launch b{font:700 1rem/1.4 Georgia,serif}
.quiz-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:0;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 28px 90px rgba(5,20,34,.45)}.quiz-dialog::backdrop{background:rgba(8,25,40,.75);backdrop-filter:blur(8px)}.quiz-shell{min-height:560px}.quiz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;background:var(--navy);color:#fff}.quiz-head p{margin:0;color:var(--gold);font-size:.6rem;font-weight:850;letter-spacing:.14em}.quiz-head h2{margin:3px 0 0;font:500 1.7rem/1.1 Georgia,serif}.quiz-head button{width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;font-size:1.55rem;cursor:pointer}.quiz-status{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:10px 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.08em}.quiz-status time{color:var(--orange);font-variant-numeric:tabular-nums}.quiz-status span:last-child{text-align:right}.quiz-stage{padding:28px 24px 30px}.quiz-question-label{margin:0 0 7px;color:var(--orange);font-size:.62rem;font-weight:850;letter-spacing:.11em}.quiz-stage h3{margin:0 0 22px;color:var(--navy);font:600 clamp(1.35rem,3vw,2rem)/1.3 Georgia,serif}.quiz-options{display:grid;gap:9px}.quiz-option{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;text-align:left;font:inherit}.quiz-option:hover:not(:disabled){border-color:var(--green);background:#f6f8f5}.quiz-option:disabled{cursor:default}.quiz-option .letter{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e7eef0;color:var(--navy);font-size:.7rem;font-weight:850}.quiz-option.correct{border-color:#37765d;background:#eaf3ed}.quiz-option.wrong{border-color:#bb756e;background:#f7eae8}.quiz-feedback{margin-top:18px;padding:16px 18px;border-left:4px solid var(--green);background:#e7eef0}.quiz-feedback b{display:block;color:var(--navy);font-family:Georgia,serif}.quiz-feedback p{margin:5px 0 0;color:#4d6170}.quiz-next,.quiz-action{margin-top:17px;padding:11px 16px;border:0;border-radius:9px;background:var(--orange);color:#fff;font-weight:850;cursor:pointer}.quiz-intro{display:grid;gap:18px}.quiz-intro p{margin:0;color:#4d6170}.quiz-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quiz-rules span{padding:12px;border:1px solid var(--line);background:#fff;font-size:.72rem;text-align:center}.quiz-results{text-align:center}.score-ring{display:grid;place-items:center;width:130px;height:130px;margin:4px auto 18px;border:8px solid var(--gold);border-radius:50%;background:var(--navy);color:#fff}.score-ring b{font:700 2.7rem/1 Georgia,serif}.score-ring span{font-size:.65rem;letter-spacing:.08em}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:330px;margin:18px auto}.result-grid span{height:18px;border-radius:4px;background:#bb756e}.result-grid .hit{background:#37765d}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.result-actions button{margin-top:8px}.quiz-action.secondary{background:var(--navy)}.quiz-action.ghost{border:1px solid var(--line);background:#fff;color:var(--navy)}.bonus-card{padding:19px;border:1px solid var(--gold);background:#fff;text-align:left}.bonus-card a{color:var(--green);font-weight:750}.share-note{min-height:1.4em;margin:10px 0 0;color:var(--muted);font-size:.72rem}
@media(max-width:600px){.quiz-dialog{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0}.quiz-shell{min-height:100%}.quiz-head,.quiz-stage{padding-left:18px;padding-right:18px}.quiz-status{padding-left:18px;padding-right:18px}.quiz-rules{grid-template-columns:1fr}.quiz-stage h3{font-size:1.3rem}.quiz-option{padding:12px}.quiz-launch{width:100%}}