@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";:root{--sunshine-yellow: #FDD835;--sunshine-yellow-light: #FFF59D;--meadow-green: #66BB6A;--meadow-green-light: #A5D6A7;--tangerine-orange: #FF7043;--tangerine-orange-dark: #E64A19;--sky-blue: #42A5F5;--sky-blue-light: #90CAF9;--cloud-white: #FFF9E6;--soft-bark: #795548;--soft-bark-light: #A1887F;--bg: var(--cloud-white);--fg: var(--soft-bark);--accent: var(--tangerine-orange);--border: rgba(121, 85, 72, .15);--font-display: "Fredoka", sans-serif;--font-body: "Nunito", sans-serif;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-xl: 48px;--shadow-soft: 0 4px 20px rgba(121, 85, 72, .1);--shadow-bouncy: 0 8px 30px rgba(121, 85, 72, .15)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-body)}@keyframes bounce-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}@keyframes pop-in{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes float-up{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-60px);opacity:0}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes gentle-bob{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(2deg)}66%{transform:translateY(-4px) rotate(-2deg)}}.bounce-hop{animation:bounce-hop .6s ease-in-out infinite}.wiggle{animation:wiggle .5s ease-in-out}.pop-in{animation:pop-in .4s ease-out}.gentle-bob{animation:gentle-bob 3s ease-in-out infinite}@media (max-width: 768px){.nav-desktop{display:none!important}.nav-mobile-toggle{display:flex!important}}:root{--ocean-deep: #087F8C;--ocean-teal: #16A6A1;--ocean-blue: #2E9CCA;--ocean-sky: #B9EAF2;--ocean-foam: #E8FBF8}.quiz-section{position:relative;overflow:hidden;background:var(--cloud-white);padding:80px 24px;transition:background .35s ease}.quiz-section-ocean{background:linear-gradient(180deg,var(--ocean-sky) 0%,var(--ocean-foam) 35%,#D9F5F2 100%)}.quiz-container{position:relative;z-index:1;max-width:1200px;margin:0 auto}.quiz-kicker{color:var(--tangerine-orange-dark);font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:8px}.quiz-section-ocean .quiz-kicker{color:var(--ocean-deep)}.quiz-section h2{color:var(--soft-bark);font-size:clamp(2rem,5vw,3rem);font-weight:600;text-align:center;margin-bottom:10px}.quiz-intro{color:var(--soft-bark-light);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;text-align:center;margin:0 auto 32px}.theme-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px;margin:0 auto 44px}.theme-choice{min-height:92px;position:relative;display:flex;align-items:center;gap:14px;padding:16px 20px;color:var(--soft-bark);background:#fff9e6e6;border:3px solid rgba(121,85,72,.2);border-radius:var(--radius-lg);text-align:left;box-shadow:0 5px #79554829;transition:transform .18s,box-shadow .18s,border-color .18s}.theme-choice:hover{transform:translateY(-3px)}.theme-choice:focus-visible,.quiz-option:focus-visible,.quiz-reset:focus-visible{outline:4px solid var(--sunshine-yellow);outline-offset:3px}.theme-choice-active{transform:translateY(-3px);box-shadow:0 8px #7955482e}.theme-choice-animal{border-color:var(--tangerine-orange);background:#fff2cc}.theme-choice-ocean{border-color:var(--ocean-teal);background:var(--ocean-foam)}.theme-choice-icon{font-size:2.5rem;line-height:1}.theme-choice strong{display:block;font-family:var(--font-display);font-size:1.25rem}.theme-choice small{display:block;font-size:.9rem;font-weight:700;color:var(--soft-bark-light);margin-top:2px}.new-theme-badge{position:absolute;right:12px;top:-12px;padding:4px 10px;border-radius:var(--radius-xl);color:#fff;background:var(--tangerine-orange);font-size:.75rem;font-weight:800;transform:rotate(4deg)}.quiz-theme-heading{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:30px;text-align:left}.quiz-theme-heading>span{font-size:3rem}.quiz-theme-heading h3{color:var(--soft-bark);font-size:clamp(1.7rem,4vw,2.3rem)}.quiz-theme-heading p{color:var(--soft-bark-light);font-weight:700}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:30px;align-items:stretch}.quiz-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:26px;overflow:visible;background:var(--cloud-white);border:3px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-bouncy)}.quiz-card-ocean{border-color:#087f8c3d;background:#fffdf3f5}.quiz-image-wrap{width:100%;aspect-ratio:4 / 3;margin-bottom:16px;overflow:hidden;border-radius:24px}.quiz-image{width:100%;height:100%;object-fit:cover;display:block}.quiz-animal-label{align-self:flex-start;margin-bottom:8px;font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.quiz-question{align-self:flex-start;min-height:3.1em;margin-bottom:16px;color:var(--soft-bark);font-size:1.35rem;font-weight:600;text-align:left}.quiz-options{display:grid;gap:10px;width:100%}.quiz-option{min-height:50px;padding:12px 14px;color:var(--soft-bark);background:#fff;border:3px solid var(--border);border-radius:var(--radius-md);font-size:1.05rem;font-weight:800;transition:transform .15s,background .15s}.quiz-option:not(:disabled):hover{transform:translateY(-2px);background:var(--sunshine-yellow-light)}.quiz-card-ocean .quiz-option:not(:disabled):hover{background:var(--ocean-foam);border-color:var(--ocean-teal)}.quiz-option-correct{background:var(--meadow-green-light);border-color:var(--meadow-green)}.quiz-option-try{background:#fff3e0;border-color:var(--tangerine-orange)}.quiz-feedback{width:100%;margin-top:18px;padding:15px 17px;color:var(--soft-bark);border-radius:var(--radius-md);text-align:left}.quiz-feedback-correct{background:var(--meadow-green-light)}.quiz-feedback-try{background:#fff3e0}.quiz-feedback-title{margin-bottom:5px;font-family:var(--font-display);font-size:1.15rem;font-weight:600}.quiz-reset{min-height:48px;margin-top:14px;padding:11px 22px;color:#fff;border-radius:var(--radius-xl);font-size:1rem;font-weight:800;box-shadow:0 4px #085a6459}.quiz-safe-note{max-width:650px;margin:34px auto 0;color:var(--soft-bark-light);font-size:.95rem;font-weight:700;text-align:center}.ocean-bubbles span{position:absolute;color:#ffffffa6;font-family:sans-serif;font-size:7rem;line-height:1}.ocean-bubbles span:nth-child(1){left:3%;top:8%}.ocean-bubbles span:nth-child(2){right:5%;top:22%;font-size:4rem}.ocean-bubbles span:nth-child(3){left:9%;bottom:15%;font-size:3rem}.ocean-bubbles span:nth-child(4){right:2%;bottom:6%;font-size:8rem}@media (max-width: 680px){.quiz-section{padding:64px 16px}.theme-selector{grid-template-columns:1fr;gap:14px}.theme-choice{min-height:84px}.quiz-grid{grid-template-columns:1fr;gap:24px}.quiz-card{padding:20px}.quiz-question{min-height:0}}