/* Local, finite animations; no persistent player data. */
.quiz-page {max-width:1120px;}
.quiz-page>.back-link {display:none;}
.quiz-intro {display:grid;grid-template-columns:1fr 230px;gap:34px;align-items:center;padding:20px 0 38px;}
.quiz-intro h1 {font-size:clamp(44px,6.4vw,80px);line-height:1.02;letter-spacing:-3px;margin:16px 0 20px;}
.quiz-intro h1 span {color:#a35230;text-decoration:underline;text-decoration-color:#ffe099;text-decoration-thickness:10px;text-underline-offset:0px;text-decoration-skip-ink:none;}
.quiz-intro p {font-size:17px;line-height:1.7;max-width:550px;}
.quiz-tags {display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:21px 0 0;list-style:none;}
.quiz-tags li {padding:8px 12px;border-radius:25px;background:#eaf1d7;font-size:11px;}
.quiz-tags li:nth-child(2) {background:#fff0c4;}.quiz-tags li:nth-child(3) {background:#efe5f7;}
.quiz-intro-art {position:relative;background:#eee3f5;border-radius:48% 52% 42% 58%;width:220px;height:235px;transform:rotate(6deg);display:grid;place-items:center;}
.quiz-intro-art svg {width:150px;height:150px;transform:rotate(-12deg);}
.quiz-intro-art>span {position:absolute;bottom:7px;left:-18px;background:#ffdeb2;padding:12px 18px;transform:rotate(-14deg);font-size:12px;font-weight:750;letter-spacing:1px;}
.quiz-intro-art b {position:absolute;right:0;top:-12px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#ffcf73;font-size:50px;line-height:1;}
.quiz-game {border:1px solid #d7dfcd;border-radius:26px;background:#fffdf5;padding:30px;scroll-margin-top:22px;box-shadow:0 8px 0 #eaf0dc;}
.quiz-game[hidden],.quiz-game [hidden] {display:none;}
.quiz-game h2:focus {outline:none;}
.quiz-welcome {text-align:center;padding:8px 16px 18px;}
.quiz-welcome-fruits {display:flex;justify-content:center;align-items:center;margin-bottom:18px;}
.quiz-welcome-fruits svg {width:74px;height:74px;transform:rotate(-12deg);}
.quiz-welcome-fruits svg:nth-child(2) {width:90px;height:90px;transform:rotate(8deg);margin:0 12px;}
.quiz-welcome h2 {font-size:clamp(26px,3.6vw,39px);line-height:1.14;letter-spacing:-1.2px;margin:12px auto;}
.quiz-welcome p {max-width:560px;margin:0 auto 24px;line-height:1.75;font-size:15px;}
.quiz-primary {display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 24px;background:#315744;color:#fffef8;border:2px solid #315744;border-radius:40px;font:inherit;font-size:15px;font-weight:700;min-height:50px;text-decoration:none;transition:background .2s,transform .2s;}
.quiz-primary:hover {background:#214b37;transform:translateY(-2px);}
.quiz-primary span {font-size:22px;line-height:1;}
.quiz-welcome-note {display:block;font-size:11px;margin-top:16px;color:#536649;}
.quiz-progress-row {display:flex;justify-content:space-between;gap:12px;font-size:12px;align-items:center;}
.quiz-progress-row>span:last-child {background:#efe5f7;border-radius:20px;padding:7px 12px;text-align:right;}
.quiz-progress {display:flex;gap:7px;margin:14px 0 27px;}
.quiz-progress span {height:7px;flex:1;border-radius:6px;background:#e7ebdf;}
.quiz-progress span.is-done {background:#688449;}
.quiz-question-heading {display:flex;align-items:center;gap:18px;margin-bottom:25px;}
.quiz-question-heading h2 {font-size:clamp(23px,3.4vw,35px);line-height:1.2;letter-spacing:-.8px;margin:0;max-width:800px;}
.quiz-prompt-fruit {flex:0 0 76px;background:#eaf1d7;border-radius:20px;padding:6px;}
.quiz-prompt-fruit svg {display:block;width:64px;height:64px;}
.quiz-answers {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.quiz-answer {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:12px;padding:28px 16px 15px;border:2px solid transparent;border-radius:18px;font:inherit;color:#315744;transition:transform .2s,border-color .2s;}
.quiz-tone-0 {background:#ffe2cf;}.quiz-tone-1 {background:#e5edc8;}.quiz-tone-2 {background:#e9dff5;}
.quiz-choice-letter {position:absolute;top:10px;left:12px;border:1px solid #83906f;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:10px;}
.quiz-answer svg {width:92px;height:92px;transition:transform .2s;}
.quiz-answer strong {font-size:16px;line-height:1.4;text-align:center;max-width:245px;}
.quiz-answer-state {font-size:11px;font-weight:650;line-height:1.3;min-height:15px;text-align:center;}
.quiz-symbol {height:76px;font-size:55px;line-height:1.3;}
.quiz-answer:not([aria-disabled]):hover {transform:translateY(-4px);border-color:#688449;}
.quiz-answer:not([aria-disabled]):hover svg {transform:rotate(-9deg);}
.quiz-answer[aria-disabled=true] {cursor:default;}
.quiz-answer.is-correct {border-color:#386d40;background:#e0efcf;}
.quiz-answer.is-wrong {border-color:#a74b3d;background:#fce0d8;}
.quiz-feedback:empty {display:none;}
.quiz-feedback.is-visible {padding:22px 0 0;animation:quiz-reveal .28s ease-out both;}
.quiz-feedback>strong {font-size:20px;}.quiz-feedback p {font-size:14px;line-height:1.8;max-width:800px;margin:9px 0;}
.quiz-feedback a,.quiz-recap a {font-size:13px;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:4px 0;}
.quiz-question-actions {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;}
.quiz-text-button {border:0;background:none;color:#536649;font:inherit;font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:4px;padding:8px;}
.quiz-under {display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 8px 65px;}
.quiz-under p {font-size:12px;line-height:1.75;margin:0;}.quiz-under a {text-decoration:underline;text-underline-offset:3px;}
.quiz-result {position:relative;text-align:center;padding:18px 10px 26px;overflow:hidden;}
.quiz-result h2 {font-size:clamp(26px,4vw,40px);line-height:1.15;letter-spacing:-1px;margin:15px 0;}
.quiz-result p {font-size:15px;line-height:1.7;max-width:550px;margin:0 auto 22px;}
.quiz-score {display:flex;align-items:baseline;justify-content:center;gap:5px;width:160px;height:136px;background:#fff0b3;border-radius:48% 52% 43% 57%;margin:20px auto 0;padding-top:6px;transform:rotate(-4deg);}
.quiz-score strong {font-size:95px;line-height:1.3;letter-spacing:-6px;}.quiz-score span {font-size:23px;}
.quiz-result-link {display:block;width:fit-content;margin:12px auto 0;padding:8px;font-size:13px;text-decoration:underline;text-underline-offset:4px;}
.quiz-celebration {position:absolute;inset:0;pointer-events:none;}
.quiz-celebration svg {position:absolute;width:60px;height:60px;animation:quiz-pop .8s ease-out both;}
.quiz-celebration svg:nth-child(1) {left:7%;top:12%;transform:rotate(-18deg);}
.quiz-celebration svg:nth-child(2) {right:8%;top:10%;transform:rotate(20deg);animation-delay:.08s;}
.quiz-celebration svg:nth-child(3) {left:17%;top:36%;width:40px;height:40px;transform:rotate(16deg);animation-delay:.14s;}
.quiz-celebration svg:nth-child(4) {right:18%;top:35%;width:40px;height:40px;transform:rotate(-12deg);animation-delay:.2s;}
.quiz-recap {border-top:1px solid #d7dfcd;padding:10px 0 0;}.quiz-recap summary {font-size:14px;cursor:pointer;padding:14px 5px;}
.quiz-recap ol {padding-left:25px;}.quiz-recap li {padding:14px 0;border-bottom:1px solid #e0e5d8;}.quiz-recap h3 {font-size:17px;line-height:1.4;margin:0;}.quiz-recap p {font-size:13px;line-height:1.75;margin:8px 0;}.quiz-recap-state {font-weight:700;}
.quiz-read {padding:0 0 30px;}.quiz-read h2 {font-size:clamp(28px,3.5vw,42px);letter-spacing:-1px;margin:12px 0;}.quiz-read>p {font-size:14px;line-height:1.8;max-width:800px;}.quiz-read a {text-decoration:underline;text-underline-offset:4px;}
.quiz-library {margin-top:24px;border:1px solid #d7dfcd;border-radius:18px;overflow:hidden;background:#f3f6e8;}
.quiz-library>summary {cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px;font-size:15px;font-weight:650;}
.quiz-library>summary span {font-size:22px;}.quiz-library[open]>summary span {transform:rotate(45deg);}
.quiz-library>div {display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d7dfcd;border-top:1px solid #d7dfcd;}
.quiz-library article {background:#fffdf5;padding:25px;}.quiz-library h3 {font-size:18px;line-height:1.4;margin:15px 0;}.quiz-library p {font-size:13px;line-height:1.8;}.quiz-library a {font-size:12px;}
.quiz-teaser {display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;margin-block:85px;background:#f4eedf;border-radius:26px;padding:40px 48px;}
.quiz-teaser h2 {font-size:clamp(32px,4.2vw,52px);line-height:1.05;letter-spacing:-1.6px;margin:16px 0;}.quiz-teaser p {font-size:15px;line-height:1.7;max-width:460px;margin:0 0 22px;}
.quiz-teaser-art {position:relative;min-height:290px;display:block;}
.quiz-mini-card {position:absolute;width:160px;height:200px;border-radius:20px;border:1px solid #cbd8b4;background:#eaf1d7;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.quiz-mini-card svg {width:110px;height:110px;}.quiz-mini-card:nth-child(1) {left:0;top:17px;background:#fff0c4;transform:rotate(-15deg);}.quiz-mini-card:nth-child(2) {right:0;top:6px;transform:rotate(14deg);}.quiz-mini-card:nth-child(3) {left:calc(50% - 80px);top:78px;background:#fffdf5;transform:rotate(-3deg);box-shadow:0 12px 25px #68522c15;transition:transform .25s;}.quiz-mini-card strong {font-size:16px;margin-top:12px;}.quiz-teaser-art:hover .quiz-mini-card:nth-child(3) {transform:rotate(4deg) translateY(-5px);}
.quiz-question-mark {position:absolute;bottom:3px;right:-7px;border-radius:50%;background:#ffcf73;font-size:55px;line-height:1.3;width:73px;text-align:center;transform:rotate(10deg);}
@keyframes quiz-pop {0% {opacity:0;scale:.5;translate:0 16px;}100% {opacity:1;scale:1;translate:0 0;}}
@keyframes quiz-reveal {from {opacity:0;transform:translateY(5px);}to {opacity:1;transform:translateY(0);}}
@media(max-width:800px) {.quiz-intro {grid-template-columns:1fr 160px;gap:15px;}.quiz-intro-art {width:155px;height:175px;}.quiz-intro-art svg {width:115px;height:115px;}.quiz-intro-art b {width:52px;height:52px;font-size:36px;}.quiz-teaser {gap:25px;padding:32px;}.quiz-mini-card {width:135px;height:175px;}.quiz-mini-card:nth-child(3) {left:calc(50% - 68px);}.quiz-teaser-art {min-height:265px;}}
@media(max-width:600px) {.quiz-intro {grid-template-columns:1fr;padding-top:10px;}.quiz-intro-art {display:none;}.quiz-intro h1 {letter-spacing:-1.8px;font-size:clamp(40px,9vw,57px);}.quiz-intro p {font-size:15px;}.quiz-game {padding:20px 14px;border-radius:20px;}.quiz-welcome {padding:4px 2px 12px;}.quiz-welcome p {font-size:14px;}.quiz-question-heading {gap:10px;}.quiz-prompt-fruit {flex-basis:46px;padding:3px;border-radius:12px;}.quiz-prompt-fruit svg {width:40px;height:40px;}.quiz-question-heading h2 {font-size:23px;letter-spacing:-.5px;}.quiz-answers {grid-template-columns:1fr;gap:10px;}.quiz-answer {display:grid;grid-template-columns:30px 50px 1fr;column-gap:10px;row-gap:0;text-align:left;min-height:85px;padding:12px 10px;}.quiz-choice-letter {position:static;width:23px;height:23px;grid-column:1;grid-row:1;}.quiz-answer svg {width:50px;height:50px;grid-column:2;grid-row:1;}.quiz-symbol {height:50px;line-height:50px;font-size:34px;text-align:center;grid-column:2;grid-row:1;}.quiz-answer strong {font-size:14px;text-align:left;grid-column:3;grid-row:1;}.quiz-answer-state {grid-column:2/4;text-align:left;min-height:0;}.quiz-answer-state:not(:empty) {margin-top:8px;}.quiz-question-actions {gap:8px;}.quiz-primary {font-size:14px;padding:13px 21px;}.quiz-under {grid-template-columns:1fr;gap:12px;margin:25px 3px 45px;}.quiz-library>div {grid-template-columns:1fr;}.quiz-library>summary {font-size:14px;padding:18px;}.quiz-library article {padding:22px;}.quiz-celebration svg:nth-child(3),.quiz-celebration svg:nth-child(4) {display:none;}.quiz-celebration svg:nth-child(1) {left:0;top:16%;width:42px;height:42px;}.quiz-celebration svg:nth-child(2) {right:0;top:17%;width:42px;height:42px;}.quiz-teaser {grid-template-columns:1fr;padding:26px;margin-block:55px;gap:20px;}.quiz-teaser-art {max-width:310px;width:100%;justify-self:center;}.quiz-teaser h2 {font-size:36px;}}
@media(prefers-reduced-motion:reduce) {.quiz-celebration svg,.quiz-feedback.is-visible {animation:none;}.quiz-primary,.quiz-answer,.quiz-answer svg,.quiz-mini-card {transition:none;}.quiz-primary:hover,.quiz-answer:not([aria-disabled]):hover,.quiz-answer:not([aria-disabled]):hover svg,.quiz-teaser-art:hover .quiz-mini-card:nth-child(3) {transform:none;}}
@media print {.quiz-game,.quiz-teaser {display:none;}.quiz-intro-art {display:none;}.quiz-intro {display:block;}}