.qplay{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px #1b2a4a14;border:1px solid var(--cream-dark);max-width:660px;margin:0 auto 2.5rem}.qplay-banner{position:relative;max-height:200px;overflow:hidden}.qplay-banner img{width:100%;max-height:200px;object-fit:cover;display:block}.qplay-banner-over{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--white))}.qplay-body{padding:1.8rem 2.2rem 2.2rem}.qplay-progress{width:100%;height:6px;background:var(--cream-dark);border-radius:3px;overflow:hidden;margin-bottom:1.2rem}.qplay-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--crimson),var(--crimson-light));border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.qplay-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.qplay-counter{font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 14px;border-radius:20px;background:var(--navy);color:var(--cream)}.qplay-quiz-name{font-size:.82rem;color:var(--text-light);font-weight:600}.qplay-question{font-family:var(--font-display);font-size:1.4rem;color:var(--navy);line-height:1.35;margin-bottom:1.6rem;padding-bottom:1rem;border-bottom:2px solid var(--cream-dark)}.qplay-qimg{margin-bottom:1.2rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--cream-dark)}.qplay-qimg img{width:100%;max-height:220px;object-fit:cover;display:block}.qplay-choices{display:grid;gap:10px;margin-bottom:1.5rem}.qplay-choice{display:flex;align-items:center;gap:14px;padding:.9rem 1.2rem;border-radius:var(--radius-md);border:2px solid var(--cream-dark);background:var(--cream);cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text);transition:all .2s ease;text-align:left;width:100%;line-height:1.4;position:relative}.qplay-choice:hover:not(:disabled){border-color:var(--navy);background:var(--white);box-shadow:0 2px 8px #1b2a4a0f;transform:translateY(-1px)}.qplay-choice.selected{border-color:var(--navy);background:var(--white);box-shadow:0 2px 12px #1b2a4a1a}.qplay-choice.selected .qplay-letter{background:var(--navy);color:var(--cream)}.qplay-choice.correct{border-color:var(--grass);background:#2d5a270a}.qplay-choice.correct .qplay-letter{background:var(--grass);color:var(--white)}.qplay-choice.correct:after{content:"✓";position:absolute;right:1rem;font-size:1.1rem;font-weight:800;color:var(--grass)}.qplay-choice.wrong{border-color:var(--crimson);background:#c41e3a08}.qplay-choice.wrong .qplay-letter{background:var(--crimson);color:var(--white)}.qplay-choice.wrong:after{content:"✗";position:absolute;right:1rem;font-size:1.1rem;font-weight:800;color:var(--crimson)}.qplay-choice.dimmed{opacity:.3;pointer-events:none}.qplay-choice:disabled{cursor:default}.qplay-letter{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:.9rem;flex-shrink:0;background:var(--cream-dark);color:var(--navy);transition:all .2s ease;border:1px solid rgba(27,42,74,.08)}.qplay-validate{display:block;width:100%;padding:1rem;border-radius:var(--radius-md);border:none;background:var(--crimson);color:var(--white);font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s ease;letter-spacing:.3px}.qplay-validate:hover:not(:disabled){background:var(--crimson-light);transform:translateY(-2px);box-shadow:0 4px 16px #c41e3a4d}.qplay-validate:disabled{background:var(--navy);opacity:.15;color:var(--white);cursor:not-allowed;transform:none;box-shadow:none}.qplay-feedback{text-align:center;margin-top:1.2rem}.qplay-feedback.is-correct{padding:1.4rem 1.5rem;border-radius:var(--radius-lg);background:#2d5a270d;border:2px solid rgba(45,90,39,.15)}.qplay-feedback.is-wrong{padding:1.4rem 1.5rem;border-radius:var(--radius-lg);background:#c41e3a08;border:2px solid rgba(196,30,58,.12)}.qplay-feedback-title{font-family:var(--font-display);font-size:1.2rem;font-weight:900}.is-correct .qplay-feedback-title{color:var(--grass)}.is-wrong .qplay-feedback-title{color:var(--crimson)}.qplay-feedback-detail{font-size:.88rem;margin-top:.4rem;color:var(--text-light);line-height:1.5}.qplay-feedback-detail strong{color:var(--grass);font-weight:700}.qplay-next{margin-top:1.2rem;display:inline-flex;align-items:center;gap:6px;padding:.65rem 1.8rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .2s;border:none;letter-spacing:.2px}.qplay-next-primary{background:var(--crimson);color:var(--white)}.qplay-next-primary:hover{background:var(--crimson-light);transform:translateY(-1px);box-shadow:0 3px 12px #c41e3a40}.qplay-next-secondary{background:var(--navy);color:var(--cream)}.qplay-next-secondary:hover{background:var(--navy-dark);transform:translateY(-1px);box-shadow:0 3px 12px #1b2a4a33}.qplay-result{text-align:center;padding:1rem 0 .5rem}.qplay-score-ring{width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative}.qplay-score-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:6px solid var(--cream-dark)}.qplay-score-ring:after{content:"";position:absolute;inset:0;border-radius:50%;border:6px solid transparent}.ring-good{background:#2d5a270a}.ring-good:after{border-color:var(--grass)}.ring-mid{background:#d4a33c0a}.ring-mid:after{border-color:var(--gold)}.ring-bad{background:#c41e3a0a}.ring-bad:after{border-color:var(--crimson)}.qplay-score-big{font-family:var(--font-display);font-size:2.4rem;font-weight:900;line-height:1;position:relative;z-index:1}.ring-good .qplay-score-big{color:var(--grass)}.ring-mid .qplay-score-big{color:var(--gold)}.ring-bad .qplay-score-big{color:var(--crimson)}.qplay-score-pct{font-family:var(--font-body);font-size:.78rem;font-weight:700;margin-top:4px;opacity:.6;position:relative;z-index:1}.ring-good .qplay-score-pct{color:var(--grass)}.ring-mid .qplay-score-pct{color:var(--gold)}.ring-bad .qplay-score-pct{color:var(--crimson)}.qplay-result-msg{font-family:var(--font-display);font-size:1.35rem;color:var(--navy);margin:0 0 .3rem;line-height:1.3}.qplay-result-sub{color:var(--text-light);font-size:.88rem;margin:0 0 1.5rem}.qplay-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.qplay-result-actions .btn{padding:.65rem 1.6rem;font-size:.88rem}@media(max-width:520px){.qplay-body{padding:1.2rem 1.2rem 1.5rem}.qplay-question{font-size:1.15rem;margin-bottom:1.2rem;padding-bottom:.8rem}.qplay-choice{padding:.75rem 1rem;gap:10px;font-size:.9rem}.qplay-letter{width:32px;height:32px;font-size:.82rem}.qplay-score-ring{width:115px;height:115px}.qplay-score-big{font-size:1.9rem}.qplay-result-msg{font-size:1.15rem}.qplay-meta{flex-direction:column;align-items:flex-start;gap:6px}}