:root{--quiz-navy:#082958;--quiz-blue:#0d4f96;--quiz-red:#e1222f;--quiz-ice:#eef8fb;--quiz-yellow:#ffd84a;--quiz-green:#15805f;--quiz-ink:#10213a}
.quiz-page{background:radial-gradient(circle at 10% 10%,#d9f5ff 0,transparent 30%),linear-gradient(180deg,#f8fcfd 0,#edf6f8 100%);color:var(--quiz-ink)}
.quiz-shell{width:min(960px,calc(100% - 28px));margin:0 auto;padding:28px 0 72px}
.quiz-breadcrumbs{font-weight:800;font-size:.9rem;margin-bottom:18px}.quiz-breadcrumbs a{color:var(--quiz-blue)}
.quiz-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);gap:24px;align-items:center;background:var(--quiz-navy);color:white;border-radius:28px;padding:clamp(24px,5vw,52px);box-shadow:0 22px 55px rgba(8,41,88,.19);overflow:hidden;position:relative}
.quiz-hero:after{content:"";position:absolute;width:220px;height:220px;border:28px solid rgba(255,255,255,.08);border-radius:50%;right:-55px;bottom:-95px}
.quiz-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900;color:#8fdffc}.quiz-page .quiz-hero h1{color:#fff;font-size:clamp(2.4rem,7vw,5rem);line-height:.92;margin:.3em 0 .2em;max-width:680px}.quiz-hero p{font-size:clamp(1rem,2.3vw,1.3rem);max-width:620px;margin:0}
.quiz-hero-art{position:relative;z-index:1}.quiz-hero-art img{display:block;width:100%;max-height:260px;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(0,0,0,.24))}
.quiz-app{margin-top:26px;position:relative}.quiz-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.quiz-sound{border:2px solid var(--quiz-navy);border-radius:999px;background:white;color:var(--quiz-navy);font:inherit;font-weight:900;padding:9px 14px;cursor:pointer}.quiz-sound:hover,.quiz-sound:focus-visible{background:var(--quiz-ice);outline:4px solid #ffd84a80;outline-offset:2px}
.quiz-card{background:white;border:1px solid #cfe1e8;border-radius:26px;padding:clamp(22px,5vw,46px);box-shadow:0 16px 42px rgba(8,41,88,.12)}.quiz-card[hidden]{display:none}.quiz-card:focus{outline:none}.quiz-card:focus-visible{outline:4px solid var(--quiz-yellow);outline-offset:4px}
.quiz-card h2{font-size:clamp(1.75rem,5vw,3rem);line-height:1.05;margin:0 0 12px}.quiz-intro{font-size:1.08rem;max-width:700px}
.quiz-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.quiz-category{min-height:112px;border:3px solid #d4e3e9;background:#f7fbfc;border-radius:18px;color:var(--quiz-ink);font:inherit;font-weight:900;padding:14px 10px;cursor:pointer;display:grid;place-items:center;gap:6px}.quiz-category span{font-size:1.7rem}.quiz-category[aria-pressed="true"]{border-color:var(--quiz-red);box-shadow:0 0 0 4px #e1222f1f;background:#fff7f7}.quiz-category:hover,.quiz-category:focus-visible{border-color:var(--quiz-blue);outline:3px solid #8fdffc;outline-offset:2px}
.quiz-primary,.quiz-secondary,.quiz-hint,.quiz-next{min-height:52px;border-radius:14px;padding:12px 22px;font:inherit;font-weight:900;cursor:pointer}.quiz-primary,.quiz-next{border:2px solid var(--quiz-red);background:var(--quiz-red);color:white;box-shadow:0 5px 0 #a30e1a}.quiz-primary:hover,.quiz-next:hover{transform:translateY(-1px)}.quiz-primary:focus-visible,.quiz-next:focus-visible,.quiz-secondary:focus-visible,.quiz-hint:focus-visible{outline:4px solid var(--quiz-yellow);outline-offset:3px}.quiz-secondary,.quiz-hint{border:2px solid var(--quiz-navy);background:white;color:var(--quiz-navy)}
.quiz-progress-line{height:12px;background:#dfecef;border-radius:99px;overflow:hidden;margin:8px 0 20px}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--quiz-red),#ff5a57);border-radius:99px;transition:width .3s ease}.quiz-status{display:flex;justify-content:space-between;gap:12px;font-weight:900}.quiz-chip{display:inline-block;background:#dff5fb;color:var(--quiz-navy);border-radius:999px;padding:6px 11px;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:900}.quiz-question{font-size:clamp(1.55rem,4.5vw,2.5rem)!important;margin:16px 0 20px!important}.quiz-answers{display:grid;gap:12px}.quiz-answer{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:13px;text-align:left;width:100%;min-height:68px;padding:10px 16px;border:3px solid #cadde4;border-radius:17px;background:white;color:var(--quiz-ink);font:inherit;font-size:1.04rem;font-weight:800;cursor:pointer}.quiz-answer:not(:disabled):hover,.quiz-answer:not(:disabled):focus-visible{border-color:var(--quiz-blue);background:#f0f9ff;outline:3px solid #8fdffc;outline-offset:2px}.answer-letter{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--quiz-navy);color:white}.quiz-answer.is-correct{border-color:var(--quiz-green);background:#eaf9f2}.quiz-answer.is-correct .answer-letter{background:var(--quiz-green)}.quiz-answer.is-wrong{border-color:#cf4851;background:#fff0f1}.quiz-answer.is-wrong .answer-letter{background:#b81f2a}.quiz-answer:disabled{color:var(--quiz-ink);opacity:1;cursor:default}
.quiz-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px}.quiz-hint-box{background:#fff7c9;border-left:6px solid #e5b900;padding:14px 16px;border-radius:10px;margin-top:16px;font-weight:800}.quiz-feedback{margin-top:18px;border-radius:17px;padding:18px 20px}.quiz-feedback.is-right{background:#e5f8ef;border:2px solid #5aaf8b}.quiz-feedback.is-try-again{background:#fff3d7;border:2px solid #e9b632}.quiz-feedback h3{margin:0 0 5px;font-size:1.3rem}.quiz-feedback p{margin:0;line-height:1.55}.quiz-feedback:focus{outline:none}.quiz-feedback:focus-visible{outline:4px solid var(--quiz-yellow)}
.quiz-result{text-align:center}.quiz-medal{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:radial-gradient(circle,#fff 0 28%,var(--quiz-red) 29% 43%,white 44% 55%,var(--quiz-blue) 56%);font-size:2rem;font-weight:1000;color:var(--quiz-navy);box-shadow:0 10px 28px #0829582b}.quiz-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.quiz-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.quiz-note{border-radius:18px;padding:20px;background:#fff;border:1px solid #cadde4}.quiz-note h2{font-size:1.25rem;margin:0 0 8px}.quiz-note p{margin:0}.quiz-sources{grid-column:1/-1}.quiz-sources details{background:white;border:1px solid #cadde4;border-radius:18px;padding:16px 20px}.quiz-sources summary{cursor:pointer;font-weight:900}.quiz-source-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px}.quiz-source-links a{color:var(--quiz-blue);font-weight:700}
.quiz-app:before,.quiz-app:after{content:"";position:absolute;pointer-events:none;opacity:0}.quiz-app.celebrate:before,.quiz-app.celebrate:after{opacity:1;animation:quiz-pop .65s ease-out both}.quiz-app.celebrate:before{content:"★  ●  ★  ●";font-size:28px;letter-spacing:16px;color:var(--quiz-red);left:8%;top:18%}.quiz-app.celebrate:after{content:"●  ★  ●  ★";font-size:24px;letter-spacing:14px;color:#e4b600;right:5%;top:28%}@keyframes quiz-pop{0%{transform:translateY(25px) scale(.4);opacity:0}45%{opacity:1}100%{transform:translateY(-55px) scale(1.2);opacity:0}}
@media(max-width:720px){.quiz-hero{grid-template-columns:1fr;padding-bottom:18px}.quiz-hero-art{display:none}.quiz-categories{grid-template-columns:1fr 1fr}.quiz-category{min-height:94px}.quiz-notes{grid-template-columns:1fr}.quiz-sources{grid-column:auto}.quiz-card{border-radius:20px}.quiz-answer{font-size:1rem}.quiz-status{font-size:.9rem}}
@media(max-width:420px){.quiz-shell{width:min(100% - 18px,960px);padding-top:18px}.quiz-categories{grid-template-columns:1fr}.quiz-category{min-height:72px;grid-template-columns:42px 1fr;text-align:left}.quiz-card{padding:20px 16px}.quiz-topbar{align-items:flex-start}.quiz-sound{font-size:.85rem}.quiz-answer{grid-template-columns:40px 1fr;padding:9px 11px}.answer-letter{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.quiz-app.celebrate:before,.quiz-app.celebrate:after{display:none}}