:root{--ink:#2a2050;--ink-soft:#5a4f80;--cream:#fffaf0;--sky:#7ec8ff;--sun:#ffd23a;--coral:#ff5a6a;--leaf:#4cc65e;--grape:#8a6aff;--ocean:#2a8ae0;--shadow:#2a205038;--font:"Baloo 2", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:linear-gradient(#bfe6ff,#fff4e0)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid var(--grape);outline-offset:3px}a{color:var(--ocean)}.screen{flex-direction:column;align-items:center;gap:14px;min-height:100%;padding:20px 16px 32px;display:flex;position:relative;overflow-x:hidden}.screen>*{width:100%;max-width:760px}h2{text-align:center;margin:8px 0 0;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;line-height:1.05}h3{margin:0 0 8px;font-size:1.2rem;font-weight:800}.lead{text-align:center;color:var(--ink-soft);margin:0;font-size:1.2rem;font-weight:700}.logo{text-align:center;letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(2.6rem,11vw,4.6rem);font-weight:800;line-height:1}.logo span{color:hsl(calc(var(--i) * 27 + 340), 85%, 58%);text-shadow:0 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;animation:.7s cubic-bezier(.2,1.6,.4,1) both hop;animation-delay:calc(var(--i) * 45ms);display:inline-block}.logo.small{text-align:left;margin:0;font-size:clamp(1.8rem,7vw,2.4rem)}.logo.small span{-webkit-text-stroke:1.5px var(--ink);text-shadow:0 3px 0 var(--ink)}@keyframes hop{0%{opacity:0;transform:translateY(-40px)scale(.6)}}.big-btn{background:var(--leaf);color:#fff;min-height:64px;box-shadow:0 7px 0 #2f9a43, 0 12px 20px var(--shadow);text-shadow:0 2px #0000002e;border:0;border-radius:22px;padding:10px 34px;font-size:1.6rem;font-weight:800;transition:transform 80ms,box-shadow 80ms;width:auto!important}.big-btn.alt{background:var(--ocean);box-shadow:0 7px 0 #1a62a8, 0 12px 20px var(--shadow)}.big-btn:active{box-shadow:0 2px 0 #2f9a43, 0 4px 10px var(--shadow);transform:translateY(5px)}.round-btn{width:52px;height:52px;box-shadow:0 4px 0 #d8d0ea, 0 8px 14px var(--shadow);background:#fff;border:0;border-radius:50%;flex:none;place-items:center;font-size:1.9rem;font-weight:800;line-height:1;display:grid}.round-btn svg{width:26px;height:26px;fill:var(--ink)}.round-btn:active{transform:translateY(3px);box-shadow:0 1px #d8d0ea}.round-btn.back{z-index:2;position:absolute;top:14px;left:14px;width:52px!important}.pill-btn{background:var(--grape);color:#fff;border:0;border-radius:999px;padding:6px 18px;font-size:1.05rem;font-weight:800;box-shadow:0 4px #5f45c0}.pill-btn.danger{background:var(--coral);box-shadow:0 4px #c8384a}.link{color:var(--ink-soft);background:0 0;border:0;padding:0;text-decoration:underline}.hero-screen{background:radial-gradient(circle at 50% 35%,#fff 0,#ffe9f6 35%,#bfe6ff 75%);justify-content:center}.hero-stage{height:min(360px,48vh);width:min(360px,90vw)!important}.hero-name{text-align:center;margin:-6px 0 0;font-size:1.4rem}.hero-name b{color:var(--coral)}.hero-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-card{background:#fff;border:3px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 10px;font-size:1.15rem;font-weight:800;display:inline-flex;box-shadow:0 4px #d8d0ea}.hero-card.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 16%, #fff)}.hero-dot{background:var(--c);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 -3px #0003}.stage{display:block}.map-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.map-tools{gap:10px;display:flex}.map-me{box-shadow:0 6px 18px var(--shadow);background:#ffffffbf;border-radius:26px;align-items:center;gap:14px;padding:8px 18px 8px 8px;display:flex}.me-hero{background:radial-gradient(circle,#fff,#ffe3f1);border:0;border-radius:22px;flex:none;width:96px;height:96px;padding:0;overflow:hidden}.me-stage{width:100%;height:100%}.me-stars{align-items:center;gap:6px;margin:0 0 6px;font-size:1.2rem;display:flex}.me-stars b{font-size:1.6rem}.worlds{flex-direction:column;gap:14px;margin:8px 0 0;padding:0;list-style:none;display:flex}.world{--tilt:calc((var(--i) - 5) * .4deg);align-self:flex-start;width:min(86%,440px)}.world:nth-child(2n){align-self:flex-end}.world button{text-align:left;color:#fff;background:var(--w,var(--leaf));width:100%;box-shadow:0 7px 0 var(--wd,#2f9a43), 0 12px 22px var(--shadow);transform:rotate(var(--tilt));animation:.5s cubic-bezier(.2,1.5,.4,1) both pop-in;animation-delay:calc(var(--i) * 50ms);border:0;border-radius:26px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:12px 16px;display:grid;position:relative}.world button:active:not(:disabled){transform:rotate(var(--tilt)) translateY(5px);box-shadow:0 2px 0 var(--wd,#2f9a43)}.world-badge{width:64px;height:64px;color:var(--wd,var(--ink));background:#fff;border-radius:50%;grid-row:1/3;place-items:center;font-size:1.5rem;font-weight:800;display:grid;box-shadow:inset 0 -5px #0000001a}.world-name{text-shadow:0 2px #0003;font-size:1.35rem;font-weight:800}.world.locked button{cursor:default;background:#c8c2d8;box-shadow:0 7px #a29cb4}.world.locked .world-badge{color:#a29cb4}.lock-note{opacity:.9;font-size:.9rem;font-weight:700}@keyframes pop-in{0%{opacity:0;transform:scale(.7) rotate(var(--tilt))}}.meadow{--w:#5ac85a;--wd:#3a9a3e}.beach{--w:#2ec4e8;--wd:#1a92b8}.forest{--w:#3a9a5a;--wd:#276e40}.desert{--w:#f0a83a;--wd:#c07a1a}.snow{--w:#7ab4f0;--wd:#4a84c8}.volcano{--w:#e8584a;--wd:#a8302a}.islands{--w:#20b4c8;--wd:#12808f}.jungle{--w:#2f9a50;--wd:#1f6a36}.candy{--w:#ff7ac0;--wd:#d04a92}.space{--w:#6a5ad8;--wd:#42349a}.rainbow{--w:linear-gradient(90deg, #ff5a6a, #ffa53a, #ffd23a, #4cc65e, #4ab0ff, #8a6aff);--wd:#5f45c0}.stars{gap:2px;display:inline-flex}.stars svg{fill:#ffffff73;stroke:#2a205040;stroke-width:1px;width:24px;height:24px}.stars svg.on{fill:var(--sun);stroke:#c89a10}.stars.big svg{width:64px;height:64px}.stars.big svg.on{animation:.4s cubic-bezier(.2,1.8,.4,1) star-pop}@keyframes star-pop{0%{transform:scale(.2)rotate(-40deg)}}.foot{text-align:center;color:var(--ink-soft);margin-top:10px;font-size:.9rem}.learn-screen,.result-screen{background:linear-gradient(var(--w,#5ac85a) 0, #fff7e8 62%)}.learn-screen h2,.result-screen h2{color:#fff;text-shadow:0 3px 0 var(--wd,#0003);padding-top:40px}.learn-screen .lead{color:#fff;text-shadow:0 2px #0000002e}.table-list{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid;max-width:520px!important}.table-list li{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:8px 18px;font-size:1.45rem;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 4px #e2dcef}.table-list li b{color:var(--coral);font-size:1.7rem}.table-list li.now{background:var(--sun);transform:scale(1.08);box-shadow:0 5px #c89a10}.table-list li.said{opacity:.75}.play{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.play-canvas{width:100%;height:100%;display:block}.play-top{align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.progress{background:#ffffffbf;border-radius:999px;flex:1;height:22px;position:relative;box-shadow:inset 0 3px #00000014}.progress-fill{background:linear-gradient(90deg, var(--sun), #ffa53a);border-radius:999px;height:100%;transition:width .4s}.progress-chest{width:34px;height:28px;box-shadow:inset 0 -12px 0 #8a4e1e, 0 0 0 3px var(--sun);background:#a8642a;border-radius:6px 6px 4px 4px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.score{text-align:center;background:#fff;border-radius:16px;min-width:88px;padding:4px 14px;box-shadow:0 4px #d8d0ea}.score b{font-size:1.5rem}.streak{color:var(--coral);margin-top:-6px;font-weight:800;display:block}.question{box-shadow:0 7px 0 #d8d0ea, 0 14px 30px var(--shadow);white-space:nowrap;background:#fff;border-radius:28px;align-items:center;gap:10px;padding:6px 26px;font-size:clamp(2.6rem,10vw,4.4rem);font-weight:800;line-height:1.1;animation:.45s cubic-bezier(.2,1.6,.4,1) drop;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.question i{color:var(--grape);font-style:normal}.question .qmark{color:var(--coral);animation:1.2s ease-in-out infinite wiggle;display:inline-block}@keyframes drop{0%{opacity:0;transform:translate(-50%,-60px)scale(.7)}}@keyframes wiggle{50%{transform:rotate(12deg)scale(1.15)}}.bubble{color:#fff;text-align:center;white-space:nowrap;border-radius:26px;flex-direction:column;align-items:center;padding:10px 28px;animation:.4s cubic-bezier(.2,1.6,.4,1) drop;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 7px #0000002e}.bubble strong{font-size:clamp(2rem,8vw,3rem);line-height:1.1}.bubble span{font-size:1.15rem;font-weight:700}.bubble.good{background:var(--leaf)}.bubble.learn{background:var(--grape)}.hint{text-align:center;color:#fff;text-shadow:0 2px #00000059;margin:0;font-size:1.15rem;font-weight:800;position:absolute;bottom:14px;left:0;right:0}.result-stage{height:min(280px,34vh);width:min(280px,70vw)!important}.result-line{text-align:center;margin:0;font-size:1.25rem}.to-learn{background:#fff;border-radius:20px;padding:10px 18px;box-shadow:0 4px #e2dcef;max-width:420px!important}.to-learn p{margin:0 0 4px;font-weight:800}.to-learn ul{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:1.25rem;list-style:none;display:flex}.to-learn b{color:var(--coral)}.result-btns{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;display:flex}.progress-screen{background:linear-gradient(#e2d8ff,#fff7ec 40%)}.progress-screen h2{padding-top:40px}.progress-screen section{background:#fff;border-radius:24px;padding:14px 16px;box-shadow:0 5px #e2dcef}.kpis{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.kpis div{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:10px 6px;display:flex;box-shadow:0 5px #e2dcef}.kpis b{color:var(--grape);font-size:2rem;line-height:1}.kpis span{color:var(--ink-soft);font-size:.85rem;font-weight:700;line-height:1.15}.legend{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 8px;font-size:.9rem;font-weight:700;display:flex}.legend i{border-radius:5px;width:16px;height:16px;display:inline-block}.grid{gap:3px;display:grid;overflow-x:auto}.grid-row{grid-template-columns:28px repeat(10,minmax(26px,1fr));gap:3px;display:grid}.grid-row span{border-radius:7px;place-items:center;height:30px;font-size:.85rem;font-weight:800;display:grid}.grid-row.head span,.grid-row [role=rowheader]{color:var(--grape)}.b-known{background:var(--leaf);color:#fff}.b-almost{background:var(--sun);color:var(--ink)}.b-weak{background:var(--coral);color:#fff}.b-new{color:#b4acc8;background:#ece8f4}.tables{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tables li{grid-template-columns:110px 1fr auto;align-items:center;gap:10px;font-weight:800;display:grid}.tables .bar{background:#ece8f4;border-radius:999px;height:14px;overflow:hidden}.tables .bar i{background:linear-gradient(90deg, var(--sun), var(--leaf));border-radius:999px;height:100%;display:block}.tables .stars svg{fill:#e4def0;width:20px;height:20px}.tables .stars svg.on{fill:var(--sun)}.chart{width:100%;max-height:160px}.chart rect.top{fill:var(--leaf)}.chart rect.mid{fill:var(--sun)}.chart rect.low{fill:var(--coral)}.chart text{fill:var(--ink-soft);font-size:9px;font-weight:800;font-family:var(--font)}.history{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.history li{background:#f6f3fb;border-radius:12px;grid-template-columns:1fr 1.2fr auto auto;align-items:center;gap:10px;padding:4px 8px;font-size:.95rem;font-weight:700;display:grid}.history time{color:var(--ink-soft);font-size:.85rem}.history .stars svg{fill:#e4def0;width:16px;height:16px}.history .stars svg.on{fill:var(--sun)}.legal-screen{background:#fff7ec}.legal-screen h2{padding-top:40px;font-size:1.8rem}.legal-screen section{background:#fff;border-radius:20px;padding:12px 18px;box-shadow:0 4px #ece6f4}.legal-screen p{margin:0 0 8px;font-size:1rem;line-height:1.5}@media (width<=520px){.kpis{grid-template-columns:repeat(2,1fr)}.world{width:94%}.table-list li{padding:6px 12px;font-size:1.2rem}.history li{grid-template-columns:1fr auto auto}.history li time{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.result-screen .stars.big{justify-content:center}.modes{justify-content:center;gap:12px;display:flex;max-width:520px!important}.mode-card{background:#fff;border:4px solid #0000;border-radius:24px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 8px 12px;display:flex;box-shadow:0 5px #e2dcef}.mode-card svg{width:60px;height:60px}.mode-card b{font-size:1.15rem;line-height:1.1}.mode-card span{color:var(--ink-soft);font-size:.9rem;font-weight:700}.mode-card.on{border-color:var(--leaf);background:#f0fff0}.steer{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;left:12px;right:12px}.steer-btn{pointer-events:auto;width:84px;height:84px;color:var(--ink);box-shadow:0 6px 0 #d8d0ea, 0 10px 20px var(--shadow);background:#ffffffeb;border:0;border-radius:50%;font-size:3.2rem;font-weight:800;line-height:1}.steer-btn:active{transform:translateY(4px);box-shadow:0 2px #d8d0ea}.hint.inline{flex:1;position:static}.peek{background:#ffffffeb;border:0;border-radius:999px;padding:8px 20px;font-size:1.1rem;font-weight:800;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px #d8d0ea}.bubble{top:168px;bottom:auto}@media (width<=600px){.bubble{top:150px}}.home{position:fixed;inset:0;overflow:hidden}.home-canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.home-top{text-align:center;pointer-events:none;padding:18px 16px 0;position:absolute;top:0;left:0;right:0}.home-tag{color:#fff;text-shadow:0 2px #2a20508c;margin:2px 0 0;font-size:clamp(1.05rem,3.6vw,1.4rem);font-weight:800}.home-bottom{padding:40px 16px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#ffffffbf 45%);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.home .hero-name{margin:0;font-size:1.45rem}.home .hero-name b{text-shadow:0 2px #2a205040}.home .logo{font-size:clamp(2.6rem,11vw,5rem)}.map-screen{background:linear-gradient(#8fd3ff 0,#c6ecff 35%,#fff2d8 100%)}.sky-deco i{opacity:.85;z-index:0;background:#fff;border-radius:60px;width:180px;height:60px;position:absolute;box-shadow:40px -22px 0 6px #fff,-36px -10px #fff}.sky-deco i:first-child{top:90px;left:6%;transform:scale(.8)}.sky-deco i:nth-child(2){top:260px;right:4%}.sky-deco i:nth-child(3){top:720px;left:3%;transform:scale(.6)}.sky-deco i:nth-child(4){top:1150px;right:8%;transform:scale(.9)}.map-head,.map-me,.isles,.foot{z-index:1;position:relative}.isles{flex-direction:column;gap:4px;margin:8px 0 0;padding:0 0 10px;list-style:none;display:flex;position:relative}.isles:before{content:"";z-index:-1;opacity:.9;background:radial-gradient(circle,#fffffff2 5px,#0000 6px) top/22px 22px repeat-y;width:46%;position:absolute;top:60px;bottom:60px;left:50%;transform:translate(-50%)}.isle{align-self:flex-start;width:min(64%,300px);margin-left:4%;position:relative}.isle:nth-of-type(2n){align-self:flex-end;margin-right:4%}.isle button{width:100%;animation:.5s cubic-bezier(.2,1.5,.4,1) both pop-in;animation-delay:calc(var(--i) * 60ms);--tilt:0deg;background:0 0;border:0;flex-direction:column;align-items:center;gap:0;padding:0;display:flex}.isle-pic{aspect-ratio:1;width:min(220px,100%);animation:4s ease-in-out infinite float;animation-delay:calc(var(--i) * -.7s);display:block;position:relative}.isle-pic img{filter:drop-shadow(0 14px 10px #2a205038);width:100%;height:100%;display:block}.isle button:hover:not(:disabled) .isle-pic,.isle button:focus-visible .isle-pic{animation-play-state:paused;transform:scale(1.06)}@keyframes float{50%{transform:translateY(-8px)}}.isle-badge{z-index:1;background:var(--w,var(--leaf));color:#fff;box-shadow:0 4px 0 var(--wd,#2f9a43);border-radius:999px;margin-top:-26px;padding:2px 16px;font-size:1.35rem;font-weight:800}.isle-name{color:var(--ink);text-shadow:0 2px #fffc;margin-top:4px;font-size:1.3rem;font-weight:800}.isle .stars svg{fill:#fffc;stroke:#2a20504d;width:26px;height:26px}.isle .stars svg.on{fill:var(--sun);stroke:#c89a10}.isle.locked .isle-pic img{filter:grayscale()brightness(1.1)opacity(.65)drop-shadow(0 10px 8px #2a205026)}.isle.locked .isle-badge{background:#b8b2c8;box-shadow:0 4px #9a94ac}.isle.locked button{cursor:default}.isle-lock{place-items:center;display:grid;position:absolute;inset:0}.isle-lock svg{fill:#fff;filter:drop-shadow(0 3px #2a205059);width:54px;height:54px}.isle .lock-note{color:var(--ink-soft);font-size:.9rem;font-weight:700}.isle-here{background:var(--coral);color:#fff;border-radius:14px 14px 14px 4px;padding:4px 12px;font-weight:800;animation:.6s cubic-bezier(.2,1.6,.4,1) both hop,1.6s ease-in-out .6s infinite bob;position:absolute;top:8px;right:6%;box-shadow:0 4px #c8384a}@keyframes bob{50%{transform:translateY(-6px)}}@media (width<=520px){.isle{width:72%}}.isles:before{display:none}.trail{z-index:-1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.trail path{fill:none;stroke:#fff;stroke-width:9px;stroke-linecap:round;stroke-dasharray:0 22;filter:drop-shadow(0 2px #2a205026)}.by-rk{pointer-events:auto;color:#fff;background:#1d183cd1;border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:4px 14px 4px 4px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px #00000040}.by-rk img{border-radius:50%;width:30px;height:30px}.by-rk b{letter-spacing:.04em}.paces{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.paces span{color:var(--ink-soft);font-weight:800}.paces button{background:#fff;border:3px solid #0000;border-radius:999px;padding:6px 16px;font-size:1.05rem;font-weight:800;box-shadow:0 4px #e2dcef}.paces button.on{border-color:var(--ocean);background:#eaf5ff}.pass-note{text-align:center;background:#fff;border-radius:18px;margin:0;padding:8px 16px;font-weight:700;box-shadow:0 4px #e2dcef;max-width:420px!important}.pass-note b{color:var(--coral)}@media (width<=520px){.progress-screen section{padding:12px 10px}.grid{overflow:visible}.grid-row{grid-template-columns:18px repeat(10,minmax(0,1fr));gap:2px}.grid-row span{border-radius:5px;height:26px;font-size:.68rem}}