.quiz-shell{max-width:1100px;padding:var(--s6) 0 var(--s7);margin-inline:auto}.quiz-heading{max-width:760px;margin-bottom:var(--s6)}.quiz-heading h1{font-size:var(--t-2xl);letter-spacing:-.03em;text-wrap:balance;line-height:1.08}.quiz-heading p{color:var(--muted);margin-top:var(--s3);font-size:var(--t-lg)}.quiz-setup{max-width:740px}.quiz-setup>p:first-child{font-weight:600}.quiz-setup form{margin-top:var(--s5)}.quiz-levels{border:0;margin:0;padding:0}.quiz-levels legend{margin-bottom:var(--s3);font-weight:600}.quiz-levels>div{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);grid-template-columns:repeat(3,1fr);padding:5px;display:grid}.quiz-levels label{cursor:pointer;min-width:0;position:relative}.quiz-levels input{opacity:0;width:1px;height:1px;position:absolute}.quiz-levels span{min-height:54px;padding:var(--s2) var(--s3);border-radius:var(--r-sm);text-align:center;justify-content:center;align-items:center;font-weight:600;line-height:1.3;display:flex}.quiz-levels input:checked+span{background:var(--primary);color:var(--on-primary)}.quiz-levels input:focus-visible+span{outline:3px solid var(--primary);outline-offset:3px}.quiz-levels label:hover input:not(:checked)+span{background:var(--primary-soft)}.quiz-level-detail{margin-top:var(--s4);max-width:65ch;min-height:3em}.quiz-reward{margin:var(--s3) 0 var(--s4);color:var(--muted)}.quiz-reward strong{color:var(--ink);font-variant-numeric:tabular-nums}.quiz-rule{margin-top:var(--s5);color:var(--muted);max-width:65ch;font-size:var(--t-sm)}.quiz-progress-row{justify-content:space-between;gap:var(--s3);font-weight:600;display:flex}.quiz-progress-row p:last-child{color:var(--muted)}.quiz-play progress{appearance:none;background:var(--line);border-radius:var(--r-pill);width:100%;height:5px;margin:var(--s3) 0 var(--s5);border:0;display:block;overflow:hidden}.quiz-play progress::-webkit-progress-bar{background:var(--line)}.quiz-play progress::-webkit-progress-value{background:var(--primary)}.quiz-play progress::-moz-progress-bar{background:var(--primary)}.quiz-question{gap:var(--s6);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;display:grid}.quiz-photo{min-width:0;margin:0}.quiz-photo-frame{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface);position:relative;overflow:hidden}.quiz-photo img{object-fit:contain;width:100%;height:100%;display:block}.quiz-photo-slot{width:100%;height:100%}.quiz-photo-loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.quiz-photo figcaption{margin-top:var(--s2);color:var(--muted);font-size:var(--t-sm);overflow-wrap:anywhere}.quiz-photo figcaption a{color:inherit;text-underline-offset:3px}.quiz-answer-panel h2{font-size:var(--t-xl);margin-bottom:var(--s4);text-wrap:balance}.quiz-choices{gap:var(--s3);display:grid}.quiz-choice{gap:var(--s3);text-align:left;width:100%;min-height:88px;padding:var(--s3) var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;align-items:center;display:flex}.quiz-choice-number{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;width:2ch}.quiz-choice-body{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.quiz-choice strong{font-weight:600}.quiz-choice small,.quiz-choice em{font-size:var(--t-sm);color:var(--muted)}.quiz-choice:not(:disabled):hover{border-color:var(--primary);background:var(--primary-soft)}.quiz-choice:disabled{cursor:default;opacity:1}.quiz-choice[data-correct]{border-color:var(--primary);background:var(--primary-soft)}.quiz-choice[data-correct] strong,.quiz-choice[data-correct] em,.quiz-choice[data-correct] small,.quiz-choice[data-correct] .quiz-choice-number{color:var(--primary)}.quiz-choice[data-selected]:not([data-correct]){border-style:dashed}.quiz-feedback{margin-top:var(--s4)}.quiz-feedback p{margin-bottom:var(--s3);font-weight:600}.quiz-feedback[data-correct] p{color:var(--primary)}.quiz-result{max-width:740px}.quiz-result h2{font-size:var(--t-2xl);letter-spacing:-.02em}.quiz-result-correct{margin:var(--s3) 0 var(--s4);font-size:var(--t-lg)}.quiz-result-earned{font-weight:600;font-size:var(--t-xl);color:var(--primary)}.quiz-save{border-top:1px solid var(--line);margin:var(--s6) 0 var(--s5);padding-top:var(--s5)}.quiz-save h3{font-size:var(--t-xl)}.quiz-save p{color:var(--muted);margin:var(--s2) 0 var(--s4);max-width:65ch}[data-quiz-account-saved]{margin:var(--s4) 0;color:var(--muted)}.quiz-local-score{margin-top:var(--s6);color:var(--muted);font-variant-numeric:tabular-nums}.quiz-status{margin-top:var(--s5)}.quiz-status p{margin-bottom:var(--s3)}.quiz-status a{margin-left:var(--s3)}.quiz-shell [tabindex="-1"]:focus{outline:0}.quiz-result:not([hidden]) .quiz-save{animation:.55s cubic-bezier(.16,1,.3,1) both quiz-save-reveal}@keyframes quiz-save-reveal{0%{clip-path:inset(0 0 10%);transform:translateY(10px)}to{clip-path:inset(0);transform:translateY(0)}}@media (width<=760px){.quiz-shell{padding-top:var(--s5)}.quiz-heading{margin-bottom:var(--s5)}.quiz-question{gap:var(--s4);grid-template-columns:1fr}.quiz-photo-frame{aspect-ratio:4/3}.quiz-levels span{padding-inline:var(--s2);font-size:var(--t-sm);min-height:64px}.quiz-choice{min-height:80px}}@media (prefers-reduced-motion:reduce){.quiz-result:not([hidden]) .quiz-save{animation:none}}