@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Baloo+2:wght@600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sky:#2fb0e8;--sky-deep:#1789c4;--sky-deepest:#0d5f91;--sun:#ffce3d;--sun-deep:#ffb400;--coral:#ff5b5b;--coral-deep:#e0393f;--grass:#38bd63;--grass-deep:#1f9a48;--violet:#8a63ff;--ink:#1c2340;--paper:#fffaf0;--cloud:#fff;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--shadow-soft:0 8px 0 #1c234033;--shadow-pop:0 10px 24px #1c234047;--font-display:"Baloo 2", "Fredoka", system-ui, sans-serif;--font-body:"Fredoka", system-ui, sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 15% 10%, #ffffff59, transparent 40%), linear-gradient(180deg, var(--sky) 0%, var(--sky-deep) 55%, var(--sky-deepest) 100%);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0}button{font-family:var(--font-body)}a{color:inherit}:focus-visible{outline:4px solid var(--violet);outline-offset:3px;border-radius:var(--radius-sm)}#root{min-height:100vh}.big-btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;min-height:44px;box-shadow:var(--shadow-soft);text-align:center;border:none;padding:16px 24px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-block}.big-btn:hover{transform:translateY(-2px)}.big-btn:active{transform:translateY(1px)}.big-btn--coral{background:linear-gradient(160deg, var(--coral) 0%, var(--coral-deep) 100%);color:var(--cloud)}.big-btn--ghost{background:var(--cloud);color:var(--ink)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{z-index:1;flex-direction:column;flex:1;width:100%;max-width:960px;margin:0 auto;padding:0 16px 32px;display:flex;position:relative}@media (width>=640px){.app-main{padding:0 24px 40px}}.app-main__loading{color:var(--cloud);text-align:center;font-family:var(--font-display);margin-top:40px;font-weight:600}.site-footer{z-index:1;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding:24px 16px 16px;display:flex;position:relative}.site-footer__share{flex-direction:column;align-items:center;gap:8px;display:flex}.site-footer__share-label{color:var(--cloud);font-family:var(--font-display);opacity:.9;font-size:.85rem;font-weight:600}.site-footer__share-icons{gap:10px;display:flex}.site-footer__icon-btn{background:var(--cloud);width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-soft);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .12s,background .12s,color .12s;display:flex}.site-footer__icon-btn:hover{transform:translateY(-2px)}.site-footer__icon-btn:active{transform:translateY(1px)}.site-footer__icon{fill:currentColor;width:20px;height:20px}.site-footer__icon-btn--whatsapp:hover{color:var(--cloud);background:#25d366}.site-footer__icon-btn--x:hover{color:var(--cloud);background:#000}.site-footer__icon-btn--facebook:hover{color:var(--cloud);background:#1877f2}.site-footer__badge{opacity:.8;border-radius:4px}.site-footer__disclaimer{max-width:480px;color:var(--cloud);opacity:.75;text-align:center;margin:4px 0 0;padding:0 8px;font-size:.72rem;line-height:1.5}.site-footer__credit{color:var(--cloud);opacity:.8;font-family:var(--font-display);align-items:center;gap:6px;margin-top:4px;font-size:.78rem;font-weight:600;text-decoration:none;transition:opacity .12s,color .12s;display:flex}.site-footer__credit:hover{opacity:1;color:var(--sun)}.site-footer__credit-icon{fill:currentColor;width:16px;height:16px}.spinning-globe{filter:drop-shadow(0 3px #0000001f);flex-shrink:0;width:32px;height:32px;display:block}.spinning-globe__land{animation:4.5s linear infinite spinning-globe-scroll}@keyframes spinning-globe-scroll{0%{transform:translate(0)}to{transform:translate(-32px)}}@media (prefers-reduced-motion:reduce){.spinning-globe__land{animation:none}}.header{z-index:1;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:960px;margin:0 auto;padding:14px 16px;display:flex;position:relative}.header__brand{color:var(--cloud);align-items:center;gap:8px;text-decoration:none;display:flex}.header__globe{width:38px;height:38px}.header__title{font-family:var(--font-display);color:var(--sun);text-shadow:0 2px #1c234059,0 0 14px #ffce3d99;white-space:nowrap;font-size:1.75rem;font-weight:800}.header__stats{align-items:center;gap:8px;display:flex}.header__stat{background:var(--cloud);color:var(--ink);font-weight:700;font-family:var(--font-display);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;display:flex}.header__mute{background:var(--cloud);width:44px;height:44px;box-shadow:var(--shadow-soft);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:transform .12s;display:flex}.header__mute:hover{transform:scale(1.08)}.header__mute:active{transform:scale(.94)}@media (width<=420px){.header__title{font-size:1.35rem}.header__stat{padding:5px 9px;font-size:.85rem}}@media (width<=360px){.header{gap:6px;padding:10px}.header__globe{width:26px;height:26px}.header__title{font-size:1.05rem}.header__stats{gap:5px}.header__stat{padding:4px 7px;font-size:.75rem}.header__mute{width:40px;height:40px;font-size:1.1rem}}.sky-decor{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.sky-decor__sun{background:radial-gradient(circle at 35% 30%, #fff6d5 0%, var(--sun) 45%, var(--sun-deep) 100%);border-radius:50%;width:70px;height:70px;animation:4s ease-in-out infinite sun-pulse;position:absolute;top:6%;right:8%;box-shadow:0 0 40px 10px #ffce3d73}@keyframes sun-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.sky-decor__cloud{opacity:.55;width:90px;height:30px;position:absolute}.sky-decor__cloud span{background:#fff;border-radius:50%;position:absolute}.sky-decor__cloud span:first-child{width:46px;height:46px;top:4px;left:0}.sky-decor__cloud span:nth-child(2){width:60px;height:60px;top:-10px;left:26px}.sky-decor__cloud span:nth-child(3){width:42px;height:42px;top:6px;left:56px}.sky-decor__cloud--1{animation:34s linear infinite drift-right;top:12%;left:-120px}.sky-decor__cloud--2{animation:46s linear -12s infinite drift-right;top:32%;left:-160px;transform:scale(1.3)}.sky-decor__cloud--3{animation:28s linear -6s infinite drift-right;top:58%;left:-100px;transform:scale(.8)}@keyframes drift-right{0%{transform:translateX(0) scale(var(--cloud-scale,1))}to{transform:translateX(calc(100vw + 200px)) scale(var(--cloud-scale,1))}}.sky-decor__star{color:#fff;opacity:.7;animation:2.4s ease-in-out infinite twinkle;position:absolute}.sky-decor__star--1{font-size:1rem;animation-delay:0s;top:18%;left:14%}.sky-decor__star--2{font-size:.75rem;animation-delay:.8s;top:44%;right:16%}.sky-decor__star--3{font-size:.9rem;animation-delay:1.5s;top:70%;left:22%}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:.85;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.sky-decor__sun,.sky-decor__cloud,.sky-decor__star{animation:none}}.home{text-align:center;flex-direction:column;align-items:center;padding-top:8px;display:flex}.home__mascot{filter:drop-shadow(0 10px 12px #00000026);font-size:5rem;animation:2.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}.home__title{color:var(--cloud);text-shadow:0 3px #2c335740;margin-top:8px;font-size:2rem}.home__subtitle{color:var(--cloud);opacity:.95;max-width:32ch;margin:10px 0 28px;font-size:1.05rem}.home__modes{grid-template-columns:1fr;gap:20px;width:100%;max-width:520px;display:grid}@media (width>=560px){.home__modes{grid-template-columns:1fr 1fr}}.mode-card{color:var(--cloud);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);border:4px solid #ffffff59;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:28px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.mode-card:hover{transform:translateY(-4px)scale(1.02)}.mode-card:active{transform:translateY(1px)scale(.98)}.mode-card--coral{background:linear-gradient(160deg, var(--coral) 0%, var(--coral-deep) 100%)}.mode-card--grass{background:linear-gradient(160deg, var(--grass) 0%, var(--grass-deep) 100%)}.mode-card__icon{font-size:3rem;animation:3.2s ease-in-out infinite icon-wiggle;display:inline-block}.mode-card--grass .mode-card__icon{animation-delay:.6s}@keyframes icon-wiggle{0%,to{transform:rotate(0)scale(1)}10%{transform:rotate(-8deg)scale(1.05)}20%{transform:rotate(8deg)scale(1.05)}30%{transform:rotate(-4deg)scale(1)}40%{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.mode-card__icon{animation:none}}.mode-card__label{font-family:var(--font-display);text-shadow:0 2px #2c335733;font-size:1.3rem;font-weight:700}.mode-card__hint{opacity:.9;font-size:.9rem}@media (width<=480px){.home__mascot{font-size:3.6rem}.home__title{margin-top:4px;font-size:1.6rem}.home__subtitle{margin:6px 0 18px}.home__modes{gap:12px}.mode-card{gap:2px;padding:16px 14px}.mode-card__icon{font-size:2.2rem}.mode-card__label{font-size:1.1rem}}.continent-picker{text-align:center;flex-direction:column;align-items:center;padding-top:12px;display:flex}.continent-picker__title{color:var(--cloud);text-shadow:0 2px #2c335740;margin-bottom:20px;font-size:1.5rem}.continent-picker__grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:480px;display:grid}.continent-chip{font-family:var(--font-display);color:var(--ink);background:var(--cloud);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);cursor:pointer;border:none;min-height:44px;padding:18px 10px;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .12s}.continent-chip:hover{transform:translateY(-2px)}.continent-chip:active{transform:translateY(1px)}@media (width<=480px){.continent-picker__title{margin-bottom:12px;font-size:1.2rem}.continent-picker__grid{gap:10px}.continent-chip{padding:12px 8px;font-size:.9rem}}.flag-question{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.flag-question__card{background:var(--cloud);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);border:6px solid #fff9;padding:18px}.flag-question__flag{border-radius:var(--radius-sm);width:min(280px,60vw);height:auto;display:block;box-shadow:0 2px 8px #00000026}.flag-question__options{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:520px;display:grid}.answer-btn{font-family:var(--font-display);color:var(--ink);background:var(--cloud);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);cursor:pointer;border:4px solid #0000;min-height:44px;padding:18px 14px;font-size:1.05rem;font-weight:600;transition:transform .12s,background .15s,border-color .15s;position:relative}.answer-btn:hover:not(:disabled){border-color:var(--sky);transform:translateY(-2px)}.answer-btn:active:not(:disabled){transform:translateY(1px)}.answer-btn:disabled{cursor:default}.answer-btn--correct{background:linear-gradient(160deg, var(--grass) 0%, var(--grass-deep) 100%);color:var(--cloud);animation:.35s pop}.answer-btn--wrong{background:linear-gradient(160deg, #ffb0b0 0%, var(--coral) 100%);color:var(--cloud);animation:.35s shake}.answer-btn__mark{margin-left:6px;font-weight:800}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (width<=380px){.flag-question__options{grid-template-columns:1fr}}@media (width<=480px){.flag-question{gap:14px}.flag-question__card{border-width:4px;padding:10px}.flag-question__flag{width:min(200px,52vw)}.flag-question__options{gap:10px}.answer-btn{padding:12px;font-size:.95rem}}.mascot-bubble{background:var(--cloud);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:10px;max-width:90vw;padding:8px 18px 8px 8px;display:flex}.mascot-bubble__emoji{font-size:1.8rem;display:inline-block}.mascot-bubble--happy .mascot-bubble__emoji{animation:.5s bounce}.mascot-bubble--sad .mascot-bubble__emoji{animation:.5s wobble}.mascot-bubble__text{font-family:var(--font-display);color:var(--ink);font-size:.95rem;font-weight:600}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.progress-dots{justify-content:center;gap:8px;margin-bottom:6px;display:flex}.progress-dots__dot{background:#fff6;border-radius:50%;width:12px;height:12px;transition:all .2s}.progress-dots__dot--active{background:var(--sun);transform:scale(1.3)}.progress-dots__dot--done{background:var(--grass)}.round-summary{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:24px;display:flex}.round-summary__mascot{font-size:4.5rem;animation:.4s pop-in}.round-summary__title{color:var(--cloud);text-shadow:0 3px #2c335740;font-size:1.8rem}.round-summary__stats{color:var(--cloud);margin:6px 0 26px;font-size:1.05rem}.round-summary__actions{flex-direction:column;gap:14px;width:100%;max-width:320px;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.flag-quiz{flex-direction:column;align-items:center;gap:18px;padding-top:8px;display:flex}