:root{--ink:#123d77;--mint:#36c894;--mint-dark:#1a9c75;--paper:#fffdf6;--line:#c9e7f7;--blue:#2473bd;--pink:#ff7185;--cream:#fff8e7}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#d9f5f1;color:var(--ink);font-family:Nunito,sans-serif}.quiz-shell{width:min(calc(100% - 32px),1050px);min-height:calc(100vh - 32px);margin:16px auto;overflow:hidden;border:7px solid #15384a;border-radius:28px;background:var(--paper);box-shadow:0 10px 0 rgba(18,57,75,.17)}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;height:74px;padding:0 clamp(20px,5vw,58px);border-bottom:2px solid rgba(18,61,119,.08)}.quiz-brand{color:var(--ink);font:800 clamp(19px,2.4vw,25px)/1 'Baloo 2',cursive;text-decoration:none;text-transform:uppercase}.quiz-brand span{color:#20a6cf}.quiz-menu{border:0;background:transparent;color:var(--ink);font-size:28px}.quiz-hero{display:flex;align-items:center;justify-content:center;gap:30px;padding:23px 24px 7px;text-align:center}.eyebrow{margin:0;color:#2274b8;font-size:12px;font-weight:900;letter-spacing:1.3px}.eyebrow span{color:#20a6cf;font-size:18px}.quiz-hero h1{margin:0;font:800 clamp(43px,6vw,64px)/.92 'Baloo 2',cursive}.quiz-hero p:not(.eyebrow){margin:5px 0 0;font-size:20px;font-weight:900}.brain{font-size:65px;filter:drop-shadow(0 5px 0 rgba(255,113,133,.2));transform:rotate(10deg)}.progress-wrap{width:min(650px,calc(100% - 40px));margin:0 auto 14px;text-align:center}.progress-label{display:inline-block;padding:4px 14px;border-radius:999px;background:#dff4ff;color:#2473bd;font-size:13px;font-weight:900}.progress{height:9px;margin-top:8px;overflow:hidden;border-radius:999px;background:#dceff4}.progress i{display:block;width:20%;height:100%;border-radius:inherit;background:var(--mint);transition:width .3s}.quiz-main{position:relative;min-height:530px;padding:18px clamp(24px,7vw,100px) 44px;background:linear-gradient(180deg,#fffdf6,#f8fffc)}.quiz-card{position:relative;z-index:2;width:min(650px,100%);margin:0 auto;padding:27px 34px 30px;border:3px solid var(--line);border-radius:34px;background:#effbff;box-shadow:0 10px 0 rgba(80,186,220,.12);text-align:center}.question-type{margin:0;color:#2473bd;font-size:12px;font-weight:900;letter-spacing:1.2px}.quiz-card h2{max-width:510px;margin:7px auto 20px;font:800 clamp(27px,4vw,39px)/1.05 'Baloo 2',cursive}.answers{display:grid;gap:10px}.answer{display:flex;align-items:center;gap:13px;width:100%;min-height:58px;padding:7px 14px;border:2px solid #c6dff4;border-radius:16px;background:#fff;color:var(--ink);font-size:18px;font-weight:900;text-align:left;transition:.2s}.answer:hover{transform:translateY(-2px);border-color:#79b8e3}.answer-letter{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#276cae;font-weight:900}.answer.is-correct{border-color:#36c894;background:#dcfae9}.answer.is-correct .answer-letter{background:#28a978}.answer.is-wrong{border-color:#ff8d9e;background:#fff0f2}.answer:disabled{cursor:default}.feedback{display:flex;align-items:center;justify-content:center;gap:11px;min-height:58px;margin-top:15px;padding:10px 15px;border:2px solid #36c894;border-radius:18px;background:#fffdf6}.feedback strong{color:#159063;font:800 28px/1 'Baloo 2',cursive}.feedback span{font-size:14px;font-weight:900;text-align:left}.next-button{min-width:235px;min-height:52px;margin-top:16px;padding:0 20px;border:0;border-radius:18px;color:#fff;background:var(--mint);box-shadow:0 5px 0 var(--mint-dark);font-size:17px;font-weight:900}.next-button:disabled{background:#a7cfc3;box-shadow:0 5px 0 #83b7a8;cursor:not-allowed}.quiz-boy{position:absolute;z-index:1;bottom:-30px;left:max(4%,calc(50% - 460px));width:190px;max-height:300px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 5px rgba(37,92,89,.14))}footer{display:flex;min-height:64px;align-items:center;justify-content:center;gap:20px;color:#21568e;font:800 15px 'Baloo 2',cursive;letter-spacing:.7px;text-transform:uppercase}footer i{color:#49b980;font-style:normal}@media(max-width:720px){.quiz-shell{width:min(calc(100% - 16px),650px);min-height:calc(100vh - 16px);margin:8px auto;border-width:5px;border-radius:22px}.quiz-topbar{height:64px;padding:0 18px}.quiz-hero{gap:12px;padding:18px 18px 5px}.quiz-hero h1{font-size:45px}.quiz-hero p:not(.eyebrow){font-size:17px}.brain{font-size:50px}.quiz-main{min-height:540px;padding:15px 15px 180px}.quiz-card{padding:22px 16px 24px;border-radius:25px}.quiz-card h2{font-size:29px}.answer{min-height:53px;font-size:16px}.quiz-boy{bottom:-23px;left:50%;width:158px;max-height:255px;transform:translateX(-50%)}.feedback{align-items:flex-start}.feedback strong{font-size:24px}.next-button{width:100%}footer{font-size:12px;gap:12px}}/* Animated quiz character */
.quiz-main::before,.quiz-main::after{position:absolute;z-index:1;pointer-events:none;color:#ffc01d;font-size:28px;opacity:.8;content:'✦';animation:quiz-spark 2.8s ease-in-out infinite}.quiz-main::before{left:calc(50% - 325px);bottom:150px}.quiz-main::after{left:calc(50% - 250px);bottom:220px;animation-delay:-1.2s}.quiz-boy{animation:boy-float 3.4s ease-in-out infinite;transform-origin:50% 100%;transition:filter .25s}.quiz-boy.is-correct{animation:boy-celebrate .9s cubic-bezier(.2,.8,.25,1) both}.quiz-boy.is-wrong{animation:boy-shake .45s ease both}.quiz-boy:hover{filter:drop-shadow(0 12px 7px rgba(37,92,89,.18)) brightness(1.04)}.quiz-main:has(.quiz-boy.is-correct)::before,.quiz-main:has(.quiz-boy.is-correct)::after{animation:quiz-spark-pop .9s ease-out both}@keyframes boy-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes boy-celebrate{0%{transform:translateY(0) scale(1) rotate(0)}35%{transform:translateY(-22px) scale(1.04) rotate(-3deg)}65%{transform:translateY(-10px) scale(1.02) rotate(3deg)}100%{transform:translateY(0) scale(1) rotate(0)}}@keyframes boy-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px) rotate(-2deg)}75%{transform:translateX(8px) rotate(2deg)}}@keyframes quiz-spark{0%,100%{transform:translateY(3px) scale(.8) rotate(0);opacity:.35}50%{transform:translateY(-12px) scale(1.15) rotate(20deg);opacity:1}}@keyframes quiz-spark-pop{0%{transform:scale(.2) rotate(0);opacity:0}55%{transform:scale(1.35) rotate(45deg);opacity:1}100%{transform:scale(.8) rotate(90deg);opacity:0}}@media(max-width:720px){.quiz-main::before{left:14%;bottom:185px}.quiz-main::after{left:27%;bottom:245px}.quiz-boy{animation-duration:3.1s}}@media(prefers-reduced-motion:reduce){.quiz-boy,.quiz-main::before,.quiz-main::after{animation:none!important}}
/* Place the assistant beside the question instead of at the bottom. */
.quiz-boy{top:185px;bottom:auto;left:3%;width:170px;max-height:275px;z-index:3}
@media (min-width:1000px){.quiz-boy{top:205px;left:4%;width:190px;max-height:300px}.quiz-card{margin-left:auto;margin-right:8%}}
@media (max-width:720px){.quiz-boy{top:300px;bottom:auto;left:2px;width:112px;max-height:190px;z-index:3}.quiz-card{position:relative;z-index:2;margin:0 auto}.quiz-main{padding-left:14px;padding-right:14px}}
/* Bottom companion layout: scientist + result card, matching the quiz reference. */
.quiz-main{min-height:690px;padding-bottom:40px}.quiz-card{position:relative;z-index:2}.result-stage{position:relative;z-index:2;display:grid;grid-template-columns:210px minmax(300px,460px);align-items:end;justify-content:center;gap:18px;width:min(690px,100%);min-height:250px;margin:14px auto 0}.quiz-boy{position:relative;z-index:2;top:auto!important;bottom:auto!important;left:auto!important;width:205px!important;max-height:300px!important;margin:0!important;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 5px rgba(37,92,89,.14))}.result-side{display:grid;gap:12px;align-content:end;padding-bottom:14px}.buddy-message,.feedback{position:relative;display:flex;align-items:center;justify-content:center;min-height:96px;margin:0!important;padding:14px 20px;border:3px solid #36c894;border-radius:24px;background:#fffdf6;box-shadow:0 7px 0 rgba(54,200,148,.12);text-align:center}.buddy-message{flex-wrap:wrap;gap:5px;color:#159063}.buddy-message span{color:#ffc01d;font-size:28px}.buddy-message strong,.feedback strong{font:800 30px/1 'Baloo 2',cursive}.buddy-message p{width:100%;margin:0;color:var(--ink);font-size:14px;font-weight:900}.feedback{gap:10px}.feedback::before,.feedback::after{color:#ffc01d;font-size:27px;content:'✦'}.feedback strong{color:#159063}.feedback span{font-size:15px;font-weight:900;line-height:1.2}.next-button{justify-self:center;width:min(260px,100%);margin:0!important}.quiz-main::before{left:calc(50% - 355px);bottom:190px}.quiz-main::after{left:calc(50% + 230px);bottom:125px}@media(min-width:1000px){.quiz-card{margin:0 auto}.result-stage{grid-template-columns:225px minmax(350px,460px)}.quiz-boy{width:220px!important;max-height:320px!important}}@media(max-width:720px){.quiz-main{min-height:0;padding:15px 14px 28px}.result-stage{grid-template-columns:120px minmax(0,1fr);gap:4px;min-height:200px;margin-top:8px}.quiz-boy{width:132px!important;max-height:210px!important}.result-side{gap:8px;padding-bottom:0}.buddy-message,.feedback{min-height:92px;padding:10px 11px;border-radius:18px}.buddy-message span,.feedback::before,.feedback::after{font-size:19px}.buddy-message strong,.feedback strong{font-size:23px}.buddy-message p,.feedback span{font-size:12px}.next-button{width:100%;min-height:48px;font-size:15px}.quiz-main::before{left:8%;bottom:145px}.quiz-main::after{left:auto;right:6%;bottom:95px}}@media(max-width:390px){.result-stage{grid-template-columns:104px minmax(0,1fr)}.quiz-boy{width:115px!important;max-height:190px!important}.buddy-message,.feedback{min-height:84px}.buddy-message p,.feedback span{font-size:11px}}

/* Ready helper removed: keep the lower result area compact before answering. */
.result-side:has(.feedback[hidden]){display:none}.result-stage:has(.feedback[hidden]){min-height:0;margin-top:0}.result-stage:has(.feedback[hidden]) .quiz-boy{display:none}