@font-face{font-family:SafariArabic;src:url(735ec34a71bbd1bae111.woff2);font-weight:400 800;font-display:swap}

@font-face{font-family:Pacifico;font-weight:400;font-style:normal;font-display:swap;src:url(b9646bf2b9da09527b36.woff2) format("woff2")}

@font-face{font-family:"Chewy";font-weight:400;font-style:normal;font-display:swap;src:url(4de019f9864e2c04dc7c.woff2) format("woff2")}
@font-face{font-family:"Patrick Hand";font-weight:400;font-style:normal;font-display:swap;src:url(52b31bbea6b1ac6d5802.woff2) format("woff2")}


@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600 900;font-display:swap;src:url(30fb2500f737a262ff3e.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600 900;font-display:swap;src:url(1fbfa063f91ad35ef94a.woff2) format("woff2")}

:root{--c1:#6C5CE7;--c2:#4DA3FF;--ink:#2A2468;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{color:#fff;font-family:Nunito,system-ui,sans-serif;font-weight:800;background:linear-gradient(160deg,var(--c1),var(--c2)) fixed;transition:background .5s;overflow-x:hidden}
body:before,body:after{content:"☁️";position:fixed;font-size:5rem;opacity:.35;animation:drift 40s linear infinite;pointer-events:none}
body:before{top:12%;left:-10%}body:after{top:62%;left:-20%;animation-duration:60s;font-size:7rem}
@keyframes drift{to{transform:translateX(130vw)}}
h1,h2,button,.big{font-family:'Baloo 2',system-ui,sans-serif}
#app{max-width:900px;margin:0 auto;padding:12px 16px 40px;position:relative}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.pill{background:#fff3;backdrop-filter:blur(8px);border-radius:99px;padding:6px 16px;font-weight:800}
button{border:0;cursor:pointer;color:var(--ink);font-weight:800;font-size:1.15rem;border-radius:20px;padding:12px 24px;background:linear-gradient(#FFE066,#FFB703);box-shadow:0 6px 0 #b8710a,0 10px 18px #0003;transition:transform .08s,box-shadow .08s}
button:active{transform:translateY(5px);box-shadow:0 1px 0 #b8710a}
button:focus-visible{outline:4px solid #fff;outline-offset:2px}
button.alt{background:#fff;box-shadow:0 6px 0 #0003}button.go{background:linear-gradient(#5BE3A0,#12B886);color:#fff;box-shadow:0 6px 0 #0b7a58,0 10px 18px #0003}
.say{font-size:1.4rem;padding:14px 30px}
h1.t{font-size:clamp(2.4rem,9vw,4rem);margin:4px 0;line-height:1;text-shadow:0 4px 0 #0003}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;margin:14px 0}
.tile{position:relative;aspect-ratio:1;border-radius:26px;font-size:2.3rem;line-height:1;color:#fff;padding:0;background:linear-gradient(145deg,var(--a),var(--b));box-shadow:0 6px 0 #0004,inset 0 3px 0 #fff5;text-shadow:0 2px 0 #0003}
.tile small{position:absolute;top:5px;right:8px;font-size:.95rem}
.tile:hover{transform:translateY(-3px) rotate(-3deg)}
.prog{height:16px;background:#0003;border-radius:9px;overflow:hidden;margin:8px 0}
.prog i{display:block;height:100%;background:linear-gradient(90deg,#FFE066,#FF8FA3);border-radius:9px;transition:width .6s}
.steps{display:flex;gap:8px;justify-content:center;margin:4px 0 12px}
.steps b{width:46px;height:12px;border-radius:9px;background:#fff4}.steps b.on{background:#fff;box-shadow:0 0 12px #fff}
.stage{background:#fffffff2;color:var(--ink);border-radius:36px;padding:18px 14px;box-shadow:0 10px 0 #0003,0 20px 40px #0003;text-align:center;position:relative}
.letter{font:800 clamp(7rem,32vw,12rem)/1 'Baloo 2';margin:0;background:linear-gradient(145deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 7px 0 #0002);display:inline-block;cursor:pointer}
.letter span{font-size:.7em}.letter.pl{animation:wob .45s ease-in-out 4}
@keyframes wob{50%{transform:scale(1.12) rotate(-4deg)}}
.q{font:800 1.45rem 'Baloo 2';margin:4px 0 8px}.q b{color:var(--c1)}
.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:12px 0}
.wcard{width:min(200px,30%);min-width:116px;flex:1;border-radius:28px;padding:14px 6px;color:#fff;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 7px 0 #0003}
.wcard .em{font-size:3.7rem;display:block;background:#fff;border-radius:50%;width:92px;height:92px;line-height:92px;margin:0 auto 6px;box-shadow:inset 0 -6px 0 #0001}
.wcard .w{font:800 1.9rem/1.2 'Baloo 2';display:block}
.hl{display:inline-block;background:#FFE066;color:var(--ink);border-radius:10px;padding:0 6px;line-height:1.1;margin:0 1px}
.pop{animation:pop .6s cubic-bezier(.3,1.6,.5,1) both}@keyframes pop{from{transform:scale(.3);opacity:0}}
.tw{position:relative;width:min(320px,80vw);aspect-ratio:1;margin:6px auto;border-radius:30px;background:#f3f0ff;box-shadow:inset 0 0 0 4px #ddd6ff}
.tw canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;border-radius:30px}
.bub{width:150px;height:150px;border-radius:50%;margin:6px auto;display:flex;align-items:center;justify-content:center;font:800 5rem 'Baloo 2';color:#fff;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 0 0 8px #fff,0 0 0 12px var(--c2);animation:pulse 1.8s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 14px #fff,0 0 0 20px var(--c2)}}
.bub.ok{animation:wob .5s 2}
.opt{font-size:4.4rem;line-height:1;padding:12px 16px;background:#fff;border-radius:28px;min-width:104px;touch-action:none;cursor:grab;box-shadow:0 6px 0 #0003,0 0 0 4px var(--c2);user-select:none;position:relative;z-index:2}
.opt.bad{animation:shake .4s}@keyframes shake{25%{translate:-10px}75%{translate:10px}}
.conf{position:fixed;top:-40px;font-size:2rem;animation:fall 2.4s ease-in forwards;pointer-events:none;z-index:9}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}
.modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}
.modal .stage{max-width:420px;width:100%}
input{font:800 1.5rem 'Baloo 2';padding:12px 18px;border-radius:18px;border:4px solid var(--c2);width:100%;text-align:center;color:var(--ink);margin:10px 0 16px}
.foot{font-size:.78rem;opacity:.85;margin-top:26px;text-align:center;line-height:1.5;font-weight:700}
.foot a{color:#fff}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.top .bar{flex:1;height:20px;background:#0004;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0005}
.bar i{display:block;height:100%;border-radius:12px;background:repeating-linear-gradient(-45deg,#FFE066 0 12px,#FFB703 12px 24px);background-size:34px 34px;animation:stripe 1s linear infinite;transition:width .8s cubic-bezier(.3,1.4,.5,1)}
@keyframes stripe{to{background-position:34px 0}}
.pill.bump{animation:bump .8s}@keyframes bump{40%{transform:scale(1.5) rotate(-8deg);background:#FFE066;color:#2A2468}}
.coach{display:flex;align-items:center;gap:10px;background:#fff3;backdrop-filter:blur(10px);border-radius:30px;padding:8px 14px 8px 8px;margin-bottom:12px;text-align:left}
.coach .ln{font-size:3.4rem;line-height:1;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(5deg)}}
.coach b{display:block;font:800 1.2rem 'Baloo 2'}.coach small{display:block;opacity:.9;font-size:1rem}
.spk{padding:0;width:48px;height:48px;border-radius:50%;flex:none;font-size:1.4rem;background:linear-gradient(#6CC0FF,#2F80ED);box-shadow:0 4px 0 #1c5bb0}
.nav{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.nav button{background:linear-gradient(#FF8A65,#FF5A3C);color:#fff;box-shadow:0 6px 0 #b83a1f}.nav button.alt{background:#fff3;color:#fff;box-shadow:0 6px 0 #0003}.nav span{font:800 1.1rem 'Baloo 2'}
.bks{display:flex;gap:10px;justify-content:center;margin:6px 0}
.bk{flex:1;max-width:150px;min-height:150px;border:4px dashed var(--c2);border-radius:24px;background:#f3f0ff;padding:6px}
.bk b{font:800 3rem/1 'Baloo 2';color:var(--c1)}.bk .slot{font-size:3.2rem;min-height:60px}
.bk.hot{background:#d7f7e4;border-color:#12B886}
.sl{width:62px;height:72px;border:4px dashed var(--c2);border-radius:18px;font:800 2.6rem/66px 'Baloo 2';color:var(--c1);background:#f3f0ff}
.tl{font:800 2.6rem 'Baloo 2';width:64px;height:76px;padding:0}.tl.used{visibility:hidden}.sl.bad{animation:shake .4s}
.sky{position:relative;height:320px;overflow:hidden;border-radius:26px;background:linear-gradient(#bfe6ff,#fff);margin:8px 0}
.bl{position:absolute;bottom:-90px;width:68px;height:80px;border-radius:50% 50% 48% 48%;font:800 2.2rem/80px 'Baloo 2';color:#fff;text-shadow:0 2px 0 #0003;animation:rise linear forwards;cursor:pointer;box-shadow:inset -8px -8px 0 #0002}
.bl:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:24px;background:#0003}
@keyframes rise{to{transform:translateY(-440px)}}
.cover{min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;gap:10px}
.cover .fl{position:fixed;bottom:-80px;font:800 4rem 'Baloo 2';opacity:.28;animation:up linear infinite;pointer-events:none}
@keyframes up{to{transform:translateY(-120vh) rotate(40deg)}}
.logo{font:800 clamp(3.4rem,15vw,7rem)/.95 'Baloo 2';margin:0;text-shadow:0 8px 0 #0003;position:relative}
.logo span{display:inline-block;animation:hop 1.6s ease-in-out infinite;animation-delay:calc(var(--i)*.1s)}@keyframes hop{40%{transform:translateY(-14px)}}
.cover .lion{font-size:7rem;animation:bob 2.2s ease-in-out infinite;filter:drop-shadow(0 10px 0 #0003)}
.cover p{font-size:1.25rem;max-width:26ch;margin:0 0 10px}
.tw .fg{position:absolute;font-size:2.6rem;pointer-events:none;animation:tap 1s infinite;transform-origin:0 0}@keyframes tap{50%{transform:translate(10px,14px) scale(.85)}}
.meter{height:14px;border-radius:9px;background:#ddd6ff;overflow:hidden;width:min(320px,80vw);margin:6px auto}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#FFE066,#12B886);transition:width .2s}

.cb{background:linear-gradient(#FF9EC4,#E9569A);color:#fff;box-shadow:0 6px 0 #a3336d,0 10px 18px #0003}
.mas{width:100%;height:100%;animation:bob 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 0 #0003)}
.mas .eyes{transform-origin:100px 100px;animation:blink 4s infinite}@keyframes blink{94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.coach .mas{width:64px;height:64px;flex:none}.mwrap{width:150px;height:150px}.mwrap.sm{width:84px;height:84px;margin:0 auto}
.coach{position:relative}.coach>div{background:#fff;color:var(--ink);border-radius:20px;padding:8px 14px;flex:1}.coach small{font-size:.95rem;opacity:.8}
.stage{animation:slide .45s cubic-bezier(.2,.9,.3,1)}@keyframes slide{from{opacity:0;transform:translateX(34px)}}
.tw{background:#EAF4FF;box-shadow:inset 0 0 0 4px #cfe4ff}.tw canvas.shk{animation:shake .4s}
.cover{background:linear-gradient(#5B8DEF,#8EC5FF 55%,#FFD6A5);border-radius:36px;padding:22px 12px 110px;margin-top:6px;box-shadow:0 10px 0 #0003}
.sun{position:absolute;top:-70px;right:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(#FFF3A8,#FFD43B 60%,transparent 62%);box-shadow:0 0 90px #FFE066;animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.cover .fl{position:absolute;bottom:-60px}.cover .badge{background:#fff;color:var(--ink);font:800 1rem 'Baloo 2';padding:4px 18px;border-radius:99px;box-shadow:0 4px 0 #0003;z-index:1}
.cover .mwrap{z-index:1}.cover .logo,.cover p,.cover button,.chips{position:relative;z-index:1}.cover .ar{font-size:1.5rem;font-weight:800;margin:0;direction:rtl}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chips span{background:#fff4;border-radius:99px;padding:4px 14px;font-size:.9rem;backdrop-filter:blur(6px)}
.hills{position:absolute;bottom:0;left:0;width:100%;height:110px}
.cert{background:#fff;color:var(--ink);border-radius:34px;padding:22px 18px;max-width:560px;width:100%;text-align:center;border:10px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#FF6B6B,#FFB703,#12B886,#4DA3FF,#9B6BFF) border-box;box-shadow:0 20px 60px #0008;max-height:96vh;overflow:auto}
.cert h2{font:800 clamp(1.8rem,7vw,2.8rem) 'Baloo 2';color:#4D6FFF;margin:0}.cert p{margin:4px 0}.cert .medal{font-size:3.4rem;animation:wob 1.2s 2}
.cert input{margin:6px 0 0;border:0;border-bottom:0;font-size:2rem;color:#FF4F7B}.cert .ln{display:block;height:5px;background:repeating-linear-gradient(90deg,#FFB703 0 12px,transparent 12px 20px);margin:0 auto 8px;width:80%}
.cert .stars span{font-size:2.4rem;display:inline-block;animation:pop .6s both}.cert .stars span:nth-child(2){animation-delay:.25s}.cert .stars span:nth-child(3){animation-delay:.5s}
.sf{position:relative;min-height:92vh;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:26px 12px 160px;margin-top:6px;background:linear-gradient(#2B2F77,#7B4FA3 38%,#F27A5E 72%,#FFC15E);box-shadow:0 10px 0 #0003}
.sf>*{position:relative;z-index:2}.sf .sun2{position:absolute;z-index:0;left:50%;bottom:70px;width:300px;height:300px;margin-left:-150px;border-radius:50%;background:radial-gradient(#FFF1A8 0 55%,#FFD35C 56%);box-shadow:0 0 90px #FFD35C}
.sf .scene{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:170px}.sf .fl{position:absolute;z-index:1;bottom:-60px;font:800 4rem 'Baloo 2';opacity:.22;animation:up linear infinite;pointer-events:none}
.sf .mwrap{width:150px;height:150px}.logo2{--s:clamp(44px,12.5vw,84px);margin:4px 0;line-height:1}.logo2 div{white-space:nowrap}
.blk{display:inline-grid;place-items:center;width:var(--s);height:var(--s);margin:3px;border-radius:18%;font:800 calc(var(--s)*.68)/1 'Baloo 2';color:#fff;background:var(--bg);box-shadow:0 6px 0 #0004,inset 0 4px 0 #fff4;animation:hop 1.8s ease-in-out infinite;animation-delay:calc(var(--i)*.09s)}
.sf .ar{font-size:1.5rem;margin:0;direction:rtl;max-width:none}.sf .tg{margin:0 0 8px;font-size:1.2rem;max-width:none}
.pic{font-size:4.4rem;line-height:1;padding:14px 18px;background:#fff;border-radius:28px;min-width:104px;box-shadow:0 6px 0 #0003,0 0 0 4px var(--c2)}.pic.ok{background:#d7f7e4;box-shadow:0 6px 0 #0003,0 0 0 5px #12B886}.pic.bad{animation:shake .4s}
.dots{margin:2px 0 10px}.dots i{display:inline-block;width:16px;height:16px;border-radius:50%;background:#ddd6ff;margin:0 5px}.dots i.on{background:#12B886}
.cpage{display:flex;flex-direction:column;align-items:center;gap:14px}.cpage canvas{width:100%;max-width:900px;border-radius:14px;box-shadow:0 14px 40px #0005;background:#fff}.cname{width:100%;max-width:520px;padding:14px 18px}.cname b{font:800 1.3rem 'Baloo 2'}
@media print{body *{visibility:hidden}#cv,#cv *{visibility:visible}#cv{position:absolute;left:0;top:0;width:100%;box-shadow:none}}
.cv2{position:relative;min-height:92vh;border-radius:36px;overflow:hidden;margin-top:6px;padding:28px 16px 140px;display:flex;align-items:center;justify-content:center;background:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1.2px 1.2px at 95px 105px,#fffa,transparent),linear-gradient(#171A55,#32267E 55%,#7A3E9D);background-size:150px 150px,150px 150px,auto;box-shadow:0 10px 0 #0003}
.moon2{position:absolute;top:26px;right:7%;width:64px;height:64px;border-radius:50%;background:#FFE9A6;box-shadow:0 0 40px #FFE9A6aa}.fl2{position:absolute;bottom:-60px;font:800 3.4rem 'Baloo 2';color:#fff;opacity:.1;animation:up linear infinite;pointer-events:none}
.hero{position:relative;z-index:2;display:grid;gap:14px;justify-items:center;text-align:center;max-width:980px;width:100%}.hero .leo{width:min(285px,65vw);animation:bob 3s ease-in-out infinite;filter:drop-shadow(0 12px 0 #0003)}.hero .txt{display:flex;flex-direction:column;align-items:center;gap:10px}
.cv2 .eyes{transform-origin:100px 104px;animation:blink 4s infinite}.wave{transform-origin:181px 234px;animation:wv 1.2s ease-in-out infinite}@keyframes wv{50%{transform:rotate(-14deg)}}
.bd2{background:#FFE066;color:var(--ink);font:800 1rem 'Baloo 2';padding:4px 18px;border-radius:99px}.hero .ar{font-size:1.6rem;margin:0;direction:rtl}.hero .tg{margin:0 0 6px;font-size:1.15rem}
.scene2{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:120px}.logo2{--s:clamp(38px,min(12vw,7.2vw),72px)}
@media(min-width:760px){.hero{grid-template-columns:.85fr 1.15fr;text-align:left;align-items:center}.hero .txt{align-items:flex-start}.hero .leo{width:min(360px,100%)}}
.bks .bk:only-child{max-width:340px;min-height:150px}.bk .slot{font-size:2.2rem;display:flex;flex-wrap:wrap;justify-content:center}
.bigL{font:800 3.2rem/1 "Baloo 2";color:var(--c1);margin-bottom:6px}
.leo-intro{font-size:.9rem;color:#FFE4AA;letter-spacing:.03em}.audio-settings{color:#EEE6FF;font-size:.82rem;margin-top:8px;text-underline-offset:4px}.hero .leo svg{display:block;width:100%;height:auto}.hero{gap:24px}.cv2 .eyes{transform-box:fill-box;transform-origin:center}.mas .eyes{transform-box:fill-box;transform-origin:center}
#audioNotice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:80;background:#fff5df;color:#5B391E;padding:14px 20px;border-radius:16px;box-shadow:0 5px 25px #0003;width:min(92%,560px);text-align:center}
@media(max-width:759px){.cv2{padding-top:18px}.hero{gap:8px}.hero .leo{width:min(210px,50vw)}.hero .tg{font-size:1rem}}


:root{--ink:#263F40;--paper:#FFFDF6;--teal:#238887;--coral:#EE7E60;--gold:#ECC35C}
body{background:#F5F1E6!important;color:var(--ink);font-family:Nunito,system-ui,sans-serif}
body:before,body:after{display:none}#app{max-width:1180px;padding:20px 30px 32px}
button{font-size:1.15rem;border-radius:18px;padding:13px 24px;background:#F1C963;box-shadow:0 5px 0 #C49A39;color:#263F40;transition:transform .15s,box-shadow .15s}button:hover{filter:brightness(1.025);transform:translateY(-2px)}button:active{transform:translateY(3px)}button:focus-visible{outline:3px solid #E8805D;outline-offset:5px}
button.go{background:#238887;box-shadow:0 5px 0 #155F65;color:#fff}button.alt{background:#fffdf6;color:#335456;box-shadow:0 4px 0 #D8DCCF;border:1px solid #DFE3D8}
.brandbar{display:flex;justify-content:space-between;align-items:center;padding:2px 5px 20px}.brand{font:800 18px 'Baloo 2',sans-serif;letter-spacing:2px;display:flex;align-items:center;gap:9px}.brand i{font-style:normal;color:#D89436;font-size:29px}.edition{font-size:10px;letter-spacing:2px;color:#758580}
.cv2{min-height:690px;padding:30px 38px 76px;border-radius:35px;background:#FFFDF6;box-shadow:0 12px 35px #4F584510;border:1px solid #E7E6D9;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}
.cover-dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#C7D7C6 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,#0008,transparent 63%)}
.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:40px;width:100%;max-width:none;text-align:left}.hero .leo{width:100%;position:relative;animation:none;filter:none;display:flex;align-items:center;justify-content:center;min-height:480px;padding-bottom:35px}
.hero-mascot{display:block!important;width:105%;max-width:490px;height:auto;position:relative;z-index:2;filter:drop-shadow(0 18px 12px #385A4D18);animation:floatLeo 5s ease-in-out infinite}.mascot-arch{position:absolute;inset:32px 0 35px;border-radius:48% 48% 38% 38%;background:#DDEADB;transform:rotate(-5deg)}.mascot-arch:after{content:'';position:absolute;inset:15px;border:1px dashed #ABC3A5;border-radius:inherit}
.floating-stamp{position:absolute;z-index:3;display:grid;place-items:center;font:800 34px 'Baloo 2';box-shadow:0 5px 0 #182E3612}.stamp-a{left:-9px;top:100px;width:70px;height:70px;border-radius:20px;background:#F6CD71;color:#6C5127;transform:rotate(-12deg)}.stamp-star{right:0;top:23px;background:#F8D7C7;color:#CB7656;width:58px;height:58px;border-radius:50%;transform:rotate(10deg)}
.mascot-name{position:absolute;bottom:6px;left:50%;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;z-index:4;background:#FFFDF6;border:1px solid #D9DDCC;border-radius:99px;padding:9px 17px;font-size:12px;color:#42655D;box-shadow:0 5px 16px #345F4810}
.hero .txt{align-items:flex-start;gap:15px}.bd2{font:800 10px Nunito,sans-serif;letter-spacing:1.8px;background:transparent;padding:0;color:#497E6B;display:flex;align-items:center;gap:9px;box-shadow:none}.bd2 span{width:8px;height:8px;background:#84AA77;border-radius:50%}
.cover-title{font:800 clamp(40px,4.6vw,64px)/1.12 'Baloo 2',system-ui,sans-serif;letter-spacing:-1.7px;margin:0;color:#244B47}.cover-title em{font-style:normal;color:#DE805F}.cover-description{font-size:16px;line-height:1.8;color:#72817B;font-weight:700;margin:0}.cover-description strong{color:#46675E}.cover-ar{font-size:16px;color:#9B7D57;margin:0}
.start-btn{min-width:235px;margin-top:7px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:40px;font-size:21px!important;border-radius:17px!important;padding:15px 24px!important}.start-btn span{font:400 27px Nunito}
.cover-facts{display:flex;gap:22px;color:#8A9283;font-size:11px;margin-top:7px}.cover-facts span{display:flex;gap:5px;align-items:baseline}.cover-facts b{color:#456A5F;font-size:17px}.cover-bottom{position:absolute;bottom:0;left:0;right:0;background:#ECF0E3;border-top:1px solid #DFE6D7;height:51px;display:flex;align-items:center;justify-content:center;gap:28px;font-size:10px;letter-spacing:2px;color:#678474}.cover-bottom i{width:3px;height:3px;background:#A8B79B;border-radius:50%}.source-note{font-size:10px;color:#7B8B7F;text-align:center;margin:16px 0}.source-note a{color:inherit;text-underline-offset:3px}
.top{gap:17px;margin:8px 0 24px}.top .bar{height:12px;background:#E1E7D9;box-shadow:none}.bar i{background:#90B69E;animation:none}.pill{background:#FFFDF6;color:#7D672B;border:1px solid #E1D9BA;backdrop-filter:none;padding:8px 16px}.pill.bump{background:#FAE6AA}.stage{background:var(--paper);color:var(--ink);border:1px solid #E4E5D8;border-radius:30px;box-shadow:0 7px 0 #E3E5D8,0 14px 35px #4E5E3E09;padding:28px 20px}
h1.t{color:#2E5650;font-size:clamp(25px,4vw,39px);text-shadow:none;margin:0;line-height:1.2}.map-welcome{display:flex;align-items:center;text-align:left;gap:25px;margin:8px 0 14px}.map-welcome .mwrap{width:115px;height:125px;flex:none}.map-welcome p{color:#839183;margin:6px 0;font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px;color:#A58A58}.mas{object-fit:contain;filter:none;animation:none}.coach .mas{width:80px;height:90px;object-fit:contain}.coach{background:#E4EDDF;border:1px solid #D1DFCB;border-radius:25px;padding:8px 16px;gap:14px;margin-bottom:22px;backdrop-filter:none}.coach>div{background:transparent;padding:6px 0;color:#345B51}.coach b{font-size:1.13rem}.coach small{color:#708779;margin-top:4px}.spk{background:#FFFDF6;color:#388D83;box-shadow:0 4px 0 #BED0B6;font-size:1.2rem;width:46px;height:46px}
.grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:16px;margin:26px 0}.tile{aspect-ratio:.88;background:#FFFDF6!important;border:1px solid #E2E5D7;border-bottom:5px solid var(--a);box-shadow:0 4px 0 #DDE3D5;color:var(--a);text-shadow:none;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px}.tile-picture{font-size:32px}.tile-letter{font-size:33px;line-height:1.1}.tile small{font-size:14px}.tile:hover{transform:translateY(-5px);background:#fff!important}
.letter{font-size:clamp(8rem,27vw,12rem);filter:none;margin:12px 0;background:linear-gradient(145deg,var(--c1),var(--c2));cursor:pointer}.sound-caption{font-size:15px;margin:0 0 16px;color:#8C947F}.row{gap:18px;margin:20px 0}.wcard{background:#FFFDF6;color:var(--ink);border:2px solid color-mix(in srgb,var(--c1) 30%,white);border-bottom:6px solid var(--c1);box-shadow:0 4px 0 #E5E6D9;padding:22px 12px;border-radius:25px}.wcard .em{background:#F2F1E5;box-shadow:none;font-size:3.8rem;width:105px;height:105px;line-height:105px}.wcard .w{font-size:2rem;margin-top:14px}.hl{background:#FAE2A0;color:#486152;border-radius:7px;padding:1px 5px}
.nav{margin-top:24px;padding:0 5px;color:#8D967F}.nav button{background:#E88664;box-shadow:0 5px 0 #BC6449}.nav button.alt{background:#FFFDF6;color:#5C7465;box-shadow:0 4px 0 #D8DECE}.nav span{font-size:14px;letter-spacing:2px}.foot{color:#8B9584;font-size:10px;line-height:1.8;max-width:700px;margin:26px auto}.foot a{color:#5C8E7A}.tw{background:#F0F4EA;box-shadow:inset 0 0 0 3px #D6E1CB;border-radius:27px}.meter{background:#DFE7D6;height:12px}.meter i{background:#83B89E}.bks{margin:16px 0}.bk{border-color:#ABC2A7;background:#F0F5E9;border-radius:25px}.bk b{color:var(--c1)}.opt,.pic{border:1px solid #DBE2CF;box-shadow:0 5px 0 #D2DCC6;border-radius:23px;background:#FFFDF6;padding:20px;font-size:4rem}.sky{background:linear-gradient(#D5EBDD,#F4F3DF)}.bl{box-shadow:inset -6px -6px 0 #0001}.dots i{background:#DEE5D5}.dots i.on{background:#82B59D}.bigL{margin:12px 0 20px}.q{color:#557061}.cb{background:#D48D99;box-shadow:0 5px 0 #AE6C80}.mwrap.sm{width:120px;height:135px}.is-speaking .coach .mas{animation:floatLeo .7s ease-in-out infinite alternate}#audioNotice{font-size:14px;direction:rtl}
@keyframes floatLeo{50%{transform:translateY(-7px)}}
@media(max-width:760px){#app{padding:13px 15px 28px}.edition{font-size:8px;letter-spacing:1px}.brand{font-size:14px}.brandbar{padding-bottom:12px}.cv2{padding:22px 20px 82px;min-height:0;border-radius:27px}.hero{grid-template-columns:1fr;gap:15px;text-align:center}.hero .leo{min-height:290px;width:min(290px,90%);margin:0 auto;padding-bottom:26px}.hero-mascot{max-height:310px;width:auto;max-width:100%}.mascot-arch{inset:15px 12px 24px}.stamp-a{top:65px;left:0;font-size:26px;width:53px;height:53px}.stamp-star{top:10px;right:6px;width:40px;height:40px;font-size:26px}.mascot-name{font-size:10px;bottom:0;padding:7px 12px}.hero .txt{align-items:center;gap:12px}.cover-title{font-size:42px;letter-spacing:-1px}.cover-description{font-size:14px;line-height:1.7}.cover-description br:last-child{display:none}.cover-ar{font-size:14px}.bd2{font-size:8px;letter-spacing:1.4px}.cover-facts{gap:20px}.cover-bottom{gap:11px;font-size:8px;letter-spacing:1px}.start-btn{min-width:230px}.map-welcome{gap:12px}.map-welcome .mwrap{width:78px;height:95px}.map-welcome p{font-size:12px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.tile{border-radius:17px;aspect-ratio:.76}.tile-picture{font-size:25px}.tile-letter{font-size:26px}.tile small{font-size:11px;top:4px;right:5px}.coach{padding:6px 11px;gap:8px}.coach .mas{width:55px;height:67px}.coach b{font-size:.95rem}.coach small{font-size:.8rem}.spk{width:37px;height:37px}.stage{padding:22px 12px}.wcard{min-width:95px;padding:15px 4px}.wcard .em{width:73px;height:73px;line-height:73px;font-size:2.8rem}.wcard .w{font-size:1.5rem}.row{gap:12px}.opt,.pic{min-width:85px;padding:17px 12px;font-size:3rem}.nav button{font-size:1rem;padding:10px 18px}.top{margin-bottom:18px}.say{font-size:1.15rem;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.hero-mascot,.is-speaking .coach .mas{animation:none!important}}



:root{--ink:#203255;--teal:#008F97;--coral:#FF765F;--gold:#FFCF58}
body{background:radial-gradient(ellipse at 0 5%,#D6FAF1 0,transparent 46%),radial-gradient(ellipse at 98% 8%,#E3DEFF 0,transparent 46%),linear-gradient(140deg,#F5FEFA,#F4F3FF 65%,#FFF0DF)!important;background-attachment:fixed!important;color:#203255;min-height:100vh}
#app{max-width:1200px;padding:22px 28px 36px}.brandbar{padding:0 7px 21px}.brand{color:#27365C;font-size:18px;letter-spacing:1.5px}.brand i{background:#FFC952;color:#8E5711;width:39px;height:39px;display:grid;place-items:center;border-radius:13px;font-size:28px;box-shadow:0 3px 0 #E4AE3F;transform:rotate(-7deg)}.edition{color:#7282A4;font-size:10px;letter-spacing:1.6px}
.cv2{background:linear-gradient(120deg,#FAFFFB,#FFFFFF 53%,#F8F7FF);border:2px solid white;border-radius:38px;box-shadow:0 20px 65px #6D86A824;min-height:710px;padding:30px 45px 85px}.cv2:before{content:'';position:absolute;width:270px;height:270px;right:-190px;top:90px;border:35px solid #F8D07755;border-radius:50%;pointer-events:none}.cover-dots{background-image:radial-gradient(#5DBDAC 1.4px,transparent 1.4px);background-size:26px 26px;mask-image:linear-gradient(90deg,#0009,transparent 57%)}
.hero{grid-template-columns:1.08fr 1fr;gap:56px}.hero .leo{min-height:510px;padding:0 0 28px;isolation:isolate;--lean:0deg}.mascot-arch{inset:35px -4px 24px;border-radius:47% 47% 40% 40%;background:linear-gradient(150deg,#ADECDD,#83D8DA 65%,#AEB9EF);transform:rotate(-5deg);box-shadow:inset 0 0 0 9px #FFFFFF55,0 14px 25px #72BFB92B}.mascot-arch:after{inset:20px;border:2px dashed #FFFFFF88}.orbit{position:absolute;z-index:-1;width:112%;height:78%;border:1px solid #76CDC380;border-radius:50%;transform:rotate(25deg)}.orbit-two{width:97%;height:103%;transform:rotate(-23deg);border-color:#C3B6EB77}.floating-stamp{box-shadow:0 7px 0 #52659118,0 13px 25px #4A87A41C;animation:stampDrift 4s ease-in-out infinite}.stamp-a{left:-12px;top:92px;background:#FFCF58;color:#8B5A16;width:74px;height:74px;transform:rotate(-11deg);z-index:5}.stamp-b{right:-5px;top:278px;width:65px;height:65px;background:#9A88EC;color:white;border-radius:18px;transform:rotate(12deg);animation-delay:-2s;font-size:29px}.stamp-star{right:6px;top:23px;background:#FFB5A6;color:#C65C45;animation-delay:-1s}
.mascot-touch{position:relative;display:block;width:100%;max-width:470px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:45%;z-index:3;cursor:pointer;overflow:visible;transform:rotate(var(--lean))!important;transition:transform .3s ease}.mascot-touch:active{transform:rotate(var(--lean)) scale(.96)!important}.hero-mascot{width:100%;max-width:none;animation:leoBreathe 4.5s ease-in-out infinite;transform-origin:50% 95%;filter:drop-shadow(0 20px 13px #255B6E20)}.mascot-touch:hover .hero-mascot{animation:leoHello 1.4s ease-in-out infinite}.leo-bubble{position:absolute;top:11px;left:-3px;z-index:6;background:white;color:#1B7182;font-size:12px;padding:10px 16px;border-radius:17px 17px 17px 2px;box-shadow:0 6px 20px #3C7E8D20;transform:rotate(-4deg);animation:bubbleFloat 4s ease-in-out infinite}.mascot-name{color:#497B8F;border:1px solid #D6E6E7;background:#FFF;bottom:-8px;box-shadow:0 5px 20px #3C7E8D12}.leo-cheer .hero-mascot{animation:leoCelebrate .85s ease-in-out!important}.sound-rings{position:absolute;left:24px;bottom:80px;display:flex;align-items:center;gap:5px;z-index:5;opacity:0;transition:opacity .2s}.sound-rings i{height:15px;width:5px;border-radius:4px;background:#fff;animation:voiceBars .7s ease-in-out infinite alternate}.sound-rings i:nth-child(2){height:30px;animation-delay:-.2s}.sound-rings i:nth-child(3){height:21px;animation-delay:-.4s}.is-speaking .sound-rings{opacity:1}.is-speaking .hero-mascot{animation:leoListening 1.3s ease-in-out infinite}.is-speaking .leo-bubble{background:#E6FBF5}
.hero .txt{gap:13px}.bd2{font-size:10px;color:#268F8D;letter-spacing:1.4px;background:#E5FAF4;padding:9px 13px;border-radius:99px}.bd2 span{background:#31BCA9}.cover-title{font:800 clamp(64px,7vw,98px)/.88 'Baloo 2',system-ui,sans-serif;letter-spacing:-3px;margin:10px 0 4px;color:#263A69}.cover-title em{color:#00A7A3;position:relative;display:inline-block}.cover-title em>span{font:800 34px/1 Nunito;color:#FFB64E;position:absolute;right:-30px;top:4px;transform:rotate(10deg)}.cover-tagline{color:#64739B;font:800 19px 'Baloo 2',sans-serif;margin:4px 0}.cover-description{font-size:15px;color:#8B93AA;line-height:1.8}.cover-ar{color:#7884A7;font-size:15px}.start-btn{background:linear-gradient(110deg,#FF8664,#F66B70)!important;box-shadow:0 6px 0 #D44F5C,0 13px 23px #E2776C2B!important;font-size:20px!important;min-width:278px;padding:16px 22px!important;border-radius:18px!important;margin-top:8px}.cover-facts{gap:21px;color:#8993AF;font-size:11px;margin-top:13px}.cover-facts b{color:#4B62A1;font-size:20px}.cover-bottom{background:linear-gradient(90deg,#CFF2E7,#DDF2EE 50%,#E2DFFB);border-color:#D8EEEB;height:57px;color:#429593;font-weight:800;font-size:11px;letter-spacing:2px}.cover-bottom i{background:#94BFBF}.source-note{color:#9BA2B5;font-size:10px}
button{border-radius:17px;font-size:1.1rem}button.go{background:#09A8A6;box-shadow:0 5px 0 #098085;color:#fff}button.alt{background:white;color:#4C618B;border:1px solid #E1E6F2;box-shadow:0 4px 0 #DCE1EF}.lesson-header{display:flex;align-items:center;gap:16px;margin:0 0 28px;padding:0 3px}.home-btn{width:48px;height:48px;display:grid;place-items:center;padding:12px!important;border-radius:15px!important}.home-btn svg,.spk svg,.sound-controls svg,.example-listen svg{width:23px;height:23px;flex:none;display:inline-block;vertical-align:middle}.mini-brand{font:800 18px/1 'Baloo 2',sans-serif;color:#304573}.mini-brand span{display:block;color:#00A5A2}.progress-wrap{margin-left:auto;width:210px}.progress-wrap>span{display:flex;justify-content:space-between;font-size:10px;color:#8B97B1;margin-bottom:7px}.progress-wrap b{color:#3BA69E}.progress-wrap .bar{height:9px;border-radius:8px;background:#DFE6EF;overflow:hidden}.progress-wrap .bar i{background:linear-gradient(90deg,#4AC9B0,#51B9CC);height:100%;transition:width .4s}.reward-badge{display:flex;align-items:center;background:#FFF5D6;border:1px solid #F4DF9A;color:#BF8A23;font:800 16px 'Baloo 2';padding:9px 15px;border-radius:14px;white-space:nowrap}
.activity-heading{display:flex;align-items:center;justify-content:space-between;margin:0 5px 18px}.eyebrow{color:#98A3BC;font-size:10px;letter-spacing:1.7px}.activity-heading h2{font:800 32px/1.25 'Baloo 2',sans-serif;color:#2A3F6C;margin:4px 0 0}.activity-counter{background:#E4EBFF;color:#667AC6;border-radius:14px;padding:9px 15px;font:800 22px 'Baloo 2'}.activity-counter small{font-size:13px;opacity:.6}.activity-trail{display:flex;align-items:center;gap:6px;margin-bottom:24px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:thin}.activity-trail>span{display:flex;align-items:center;gap:6px;white-space:nowrap;flex:1;background:#FFFFFF66;border:1px solid #E6EAF4;border-radius:13px;padding:9px;font-size:10px;color:#A4ABC2}.activity-trail b{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:#E8ECF3;color:#96A1BE;font:800 11px Nunito}.activity-trail .current{background:white;color:#238E97;border-color:#94D8D6;box-shadow:0 4px 13px #74BEBD18}.activity-trail .current b{background:#06AAA4;color:white}.activity-trail .passed{color:#80A8A0}.activity-trail .passed b{background:#D3F2E5;color:#3BAA91}
.coach{background:#E4F5F3;border-color:#CDE9E7;padding:6px 18px;position:relative;overflow:visible;border-radius:23px;margin-bottom:23px}.coach:before{content:'';position:absolute;left:90px;bottom:-8px;width:16px;height:16px;background:#E4F5F3;transform:rotate(45deg);border-bottom:1px solid #CDE9E7;border-right:1px solid #CDE9E7}.coach .mas{width:74px;height:86px;animation:coachIdle 4s ease-in-out infinite;transform-origin:bottom}.coach>div{color:#3B777E}.coach b{font-size:1.08rem}.coach small{color:#74A2A5}.spk{background:white;color:#35A2A2;box-shadow:0 4px 0 #BBDCD9;display:grid;place-items:center}.is-speaking .coach .mas{animation:coachTalk .65s ease-in-out infinite!important}.stage{background:#FFFFFFE8;border:2px solid white;box-shadow:0 7px 0 #E2E6F1,0 16px 35px #5F78A414;border-radius:30px;padding:26px;overflow:hidden}.listen-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center;padding:4px 6px}.letter-discovery{padding:13px 0}.letter{color:var(--c1)!important;-webkit-text-fill-color:var(--c1)!important;background:none!important;background-image:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;filter:none!important;font:800 clamp(105px,17vw,190px)/1.13 'Baloo 2',system-ui,sans-serif!important;text-shadow:0 5px 0 color-mix(in srgb,var(--c1) 14%,transparent);margin:6px 0 0;display:block;cursor:pointer;letter-spacing:6px}.letter span{color:var(--c2)!important;-webkit-text-fill-color:var(--c2)!important;font-size:.74em;margin-left:4px}.letter:focus-visible{outline:3px dashed #65D2CB;outline-offset:5px;border-radius:20px}.sound-caption{font-size:12px;color:#A1A7BA;margin:4px 0 21px}.sound-controls{margin:0;gap:12px}.sound-controls .go{display:inline-flex;align-items:center;gap:10px}.sound-controls button{font-size:1rem;padding:12px 18px}.example-card{background:linear-gradient(155deg,#FFF6DE,#FFF9EF);border:1px solid #F4E5BC;border-radius:25px;padding:25px 16px;display:flex;flex-direction:column;align-items:center;gap:15px;transform:rotate(2deg)}.example-label{font-size:9px;letter-spacing:1.5px;color:#B9A577}.example-emoji{font:74px/1.3 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;display:block}.example-word{font:800 30px/1.15 'Baloo 2',sans-serif;color:#72644E}.example-word .hl{background:#FFDE80;color:#A36D15}.example-listen{display:flex;align-items:center;gap:6px;border:0!important;background:#FFFEF8!important;box-shadow:none!important;font-size:10px;padding:8px 10px!important;color:#AA9976!important;border-radius:11px}.example-listen svg{width:15px;height:15px}
.map-welcome{background:#FFF9;padding:15px 25px;border-radius:26px;border:1px solid white;margin:0 0 22px;box-shadow:0 10px 25px #6C8DA410}.map-welcome .mwrap{width:100px;height:115px}.map-welcome h1.t{color:#2A3E6D;font-size:32px}.map-welcome p{color:#939EB5}.map-welcome .eyebrow{color:#599EAA}.grid{gap:17px;margin-top:27px;grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.tile{background:linear-gradient(155deg,#FFF,#FBFCFF)!important;border:1px solid #FFF;border-bottom:5px solid var(--a);box-shadow:0 5px 0 #DAE0F1,0 9px 17px #6E8EAD0D;border-radius:22px;gap:8px;aspect-ratio:.92}.tile-letter{color:var(--a)!important;-webkit-text-fill-color:var(--a)!important;font-family:'Baloo 2',system-ui,sans-serif;font-size:34px}.tile-picture{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:31px}.tile:hover{box-shadow:0 7px 0 #D3DCF1,0 15px 22px #7B8CA828;transform:translateY(-5px) rotate(-2deg)}.tile small{filter:none}
.wcard{border:1px solid #E6EBF4;border-bottom:5px solid var(--c1);background:#FBFCFF;color:#41567E;box-shadow:0 5px 0 #E5E9F1;padding:20px 10px}.wcard .em{background:color-mix(in srgb,var(--c1) 8%,white);font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}.wcard .w{color:#526080}.hl{background:#FFE49B;color:#8A6531}.nav{margin-top:25px;color:#91A0BA}.nav button{background:linear-gradient(110deg,#FF9274,#F6777B);box-shadow:0 5px 0 #D95D6A}.nav button.alt{background:white;color:#63769F;box-shadow:0 4px 0 #DDE2F0}.nav span{font-size:12px}.tw{background:#EFF5FF;box-shadow:inset 0 0 0 3px #DDE8FA}.meter{background:#DEE7F6}.meter i{background:linear-gradient(90deg,#8EDCC7,#4ABAC1)}.bk{background:#EFF9F6;border-color:#9FDAD0}.bk.hot{background:#DCF7DC;border-color:#56C38E}.opt,.pic{background:white;box-shadow:0 5px 0 #DCE3EF;border-color:#E8EDF4;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}.sky{background:linear-gradient(#C4F1FF,#F3FBFF 70%,#DBF4E7);border:1px solid #D7EAF3;border-radius:25px}.bigL{color:var(--c1);-webkit-text-fill-color:var(--c1)}.foot{color:#A3ACC0}.foot a{color:#8195B9}.cb{background:#A18BE5;box-shadow:0 5px 0 #7C68C2}.mwrap.sm .mas{animation:leoCelebrate 1.3s ease-in-out infinite}.letter.pl{animation:letterPop .55s ease-in-out 2}.conf{font-family:system-ui}
@keyframes stampDrift{50%{translate:0 -8px;rotate:4deg}}@keyframes leoBreathe{50%{transform:translateY(-9px) rotate(1deg) scale(1.012)}}@keyframes leoHello{25%{transform:translateY(-8px) rotate(-3deg)}75%{transform:translateY(-3px) rotate(3deg)}}@keyframes leoCelebrate{20%{transform:translateY(-22px) rotate(-5deg)}45%{transform:translateY(0) rotate(3deg)}65%{transform:translateY(-12px) rotate(-3deg)}85%{transform:translateY(0)}}@keyframes leoListening{25%{transform:translateY(-5px) rotate(-2deg)}75%{transform:translateY(-2px) rotate(2deg)}}@keyframes bubbleFloat{50%{translate:0 -5px}}@keyframes voiceBars{to{transform:scaleY(.35)}}@keyframes coachIdle{50%{transform:translateY(-3px) rotate(2deg)}}@keyframes coachTalk{50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes letterPop{50%{transform:scale(1.055) rotate(-2deg)}}
@media(max-width:760px){#app{padding:15px 14px 30px}.brandbar{padding:0 1px 17px}.brand{font-size:13px;letter-spacing:1px;gap:8px}.brand i{width:31px;height:31px;font-size:22px;border-radius:10px}.edition{font-size:7px;max-width:140px;letter-spacing:1px}.cv2{padding:25px 20px 86px;border-radius:28px;min-height:0}.hero{grid-template-columns:1fr;gap:29px}.hero .leo{width:min(290px,89%);min-height:290px;padding-bottom:18px;margin:0 auto}.mascot-touch{width:100%;max-width:270px}.hero-mascot{width:100%;height:auto;max-height:none}.mascot-arch{inset:20px 0 12px}.leo-bubble{font-size:9px;top:-8px;left:-16px;padding:8px 12px}.mascot-name{bottom:-4px;font-size:9px;padding:6px 10px}.stamp-a{left:-16px;top:60px;width:49px;height:49px;font-size:24px}.stamp-b{right:-13px;top:170px;width:44px;height:44px;font-size:22px;border-radius:12px}.stamp-star{right:4px;top:9px;width:35px;height:35px;font-size:23px}.hero .txt{gap:11px}.cover-title{font-size:72px;line-height:.88;margin:9px 0 2px;letter-spacing:-2px}.cover-title em>span{right:-24px;font-size:26px}.cover-tagline{font-size:16px;margin:6px 0}.cover-description{font-size:12px}.cover-ar{font-size:13px}.bd2{font-size:8px;letter-spacing:1px;padding:8px 11px}.start-btn{min-width:255px;font-size:18px!important;padding:14px 20px!important;margin-top:4px}.cover-facts{gap:18px;font-size:10px;margin-top:11px}.cover-facts b{font-size:17px}.cover-bottom{height:53px;font-size:9px;gap:12px;letter-spacing:1px}.source-note{font-size:9px;line-height:1.7}.lesson-header{gap:11px;margin-bottom:24px}.home-btn{width:42px;height:42px;padding:10px!important;border-radius:13px!important}.mini-brand{font-size:15px}.progress-wrap{width:auto;flex:1;margin-left:2px}.progress-wrap>span{font-size:8px;gap:8px}.progress-wrap>span b{white-space:nowrap}.reward-badge{padding:7px 10px;font-size:14px}.activity-heading{margin:0 2px 13px}.activity-heading h2{font-size:25px}.eyebrow{font-size:8px;letter-spacing:1.3px}.activity-counter{font-size:18px;padding:7px 11px}.activity-trail{margin-bottom:17px;gap:5px}.activity-trail>span{padding:7px 8px;font-size:9px;flex:none}.activity-trail b{width:18px;height:18px}.coach{padding:5px 10px;gap:8px;border-radius:20px;margin-bottom:19px}.coach .mas{width:51px;height:62px}.coach b{font-size:.9rem}.coach small{font-size:.73rem;line-height:1.5}.spk{width:32px;height:32px}.spk svg{width:18px;height:18px}.coach:before{left:65px}.stage{padding:20px 12px;border-radius:24px}.listen-layout{grid-template-columns:1fr;gap:20px;padding:0}.letter-discovery{padding:6px 0 0}.letter{font-size:clamp(105px,32vw,145px)!important;line-height:1.15!important;letter-spacing:3px;margin-top:8px}.letter span{margin-left:6px}.sound-caption{font-size:10px;margin:3px 0 17px}.sound-controls{gap:10px}.sound-controls button{font-size:.9rem;padding:10px 13px}.sound-controls svg{width:19px;height:19px}.example-card{padding:16px;display:grid;grid-template-columns:65px 1fr;gap:6px 18px;text-align:left;transform:none;border-radius:20px}.example-label{grid-column:2;font-size:8px;letter-spacing:1px}.example-emoji{grid-column:1;grid-row:1/4;font-size:55px;text-align:center}.example-word{grid-column:2;font-size:26px}.example-listen{grid-column:2;font-size:9px;justify-self:start}.map-welcome{padding:12px 14px;gap:12px;border-radius:22px}.map-welcome .mwrap{width:70px;height:85px}.map-welcome h1.t{font-size:24px}.map-welcome p{font-size:11px;line-height:1.5}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{border-radius:18px;aspect-ratio:.76;gap:4px}.tile-letter{font-size:28px}.tile-picture{font-size:25px}.wcard{padding:15px 4px}.wcard .w{font-size:1.4rem}.nav{padding:0 1px}.nav button{font-size:.95rem}.foot{font-size:9px}.sound-rings{bottom:51px;left:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.mascot-touch{transform:none!important}.sound-rings{display:none}}


.emoji-art{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:-.1em;pointer-events:none;user-select:none}.example-emoji .emoji-art{width:1em;height:1em;vertical-align:middle}.wcard .em{display:grid;place-items:center}.slot .emoji-art{margin:7px;width:1.25em;height:1.25em}.pic,.opt{line-height:1.15}.cover-description{word-spacing:.02em}
@media(max-width:760px){.cover-description br{display:block!important}}

.letter[data-letter="q"]{font-size:clamp(90px,12vw,150px)!important;letter-spacing:0}
@media(max-width:760px){.letter[data-letter="q"]{font-size:clamp(76px,23vw,105px)!important}}


body{background:radial-gradient(ellipse at 10% 10%,#A078FF 0,transparent 46%),radial-gradient(ellipse at 100% 90%,#27C0DB 0,transparent 50%),linear-gradient(135deg,#6651D7,#418EE8 70%,#46C3D0)!important;background-attachment:fixed!important}
body[data-view="lesson"],body[data-view="win"]{background:linear-gradient(145deg,color-mix(in srgb,var(--c1) 85%,#43329E),var(--c2)) fixed!important}.brand,.edition{color:white}.brand i{color:#815519;background:#FFE36E;box-shadow:0 4px 0 #D5AF31}.cv2{background:radial-gradient(ellipse at 15% 40%,#9277DF88,transparent 55%),linear-gradient(135deg,#392B8E,#6847BA 56%,#328DD2);border:2px solid #FFFFFF55;box-shadow:0 15px 0 #27318144,0 30px 70px #28367F40}.cv2:before{width:220px;height:220px;top:20px;right:-75px;border:0;background:radial-gradient(circle,#FFF3A9,#FFD85F);box-shadow:0 0 90px #FFD75D66;opacity:.85}.cover-dots{background-image:radial-gradient(#FFFFFFA0 1.3px,transparent 1.3px);mask-image:linear-gradient(90deg,#000,transparent 95%)}.mascot-arch{background:linear-gradient(145deg,#92F0C8,#60D7DD 65%,#88B2FA);box-shadow:inset 0 0 0 8px #FFFFFF55,0 16px 32px #24227633}.orbit{border-color:#D7CBFF55}.orbit-two{border-color:#E5FDFB66}.leo-bubble{color:#6A4AB3;background:white;box-shadow:0 7px 0 #342B8B24}.mascot-name{background:#FFF4D4;color:#8D692F;border-color:#E9CC80;box-shadow:0 4px 0 #342B8B33}.bd2{background:#FFFFFF20;border:1px solid #FFFFFF25;color:#F7EAFF}.bd2 span{background:#FFE575}.cover-title{font-size:inherit;line-height:1;letter-spacing:0;margin:12px 0 4px;display:flex;flex-direction:column;gap:10px}.title-row{display:flex;gap:7px}.title-block{width:clamp(43px,4.9vw,65px);height:clamp(49px,5.4vw,72px);border-radius:16px;background:linear-gradient(#FFFFFF16,#00000008),var(--block);color:white;font:800 clamp(32px,3.7vw,50px)/1 'Baloo 2';display:grid;place-items:center;box-shadow:0 7px 0 #23207166,inset 0 3px 0 #FFFFFF45;text-shadow:0 2px 0 #0001;animation:blockHello 6s ease-in-out infinite;animation-delay:var(--delay)}.cover-tagline{color:#FFF0AE;font-size:18px}.cover-description{color:#E3DCFF}.start-btn{background:linear-gradient(#5EEAA5,#16BE99)!important;box-shadow:0 6px 0 #11866E,0 13px 23px #152F6633!important;color:white}.cover-facts{color:#E3DCFF}.cover-facts b{color:#FFE695}.cover-bottom{background:#FFFFFF18;border-color:#FFFFFF20;color:#F2EAFF}.cover-bottom i{background:#FFFFFF66}.source-note,.source-note a{color:#E1E5FF}
.mascot-touch,.mascot-touch:hover,.mascot-touch:active{transform:none!important;transition:none!important}.hero-mascot,.mascot-touch:hover .hero-mascot,.leo-cheer .hero-mascot,.is-speaking .hero-mascot{animation:none!important;filter:drop-shadow(0 12px 7px #1F407522)}.hero .leo{padding:0 0 24px}.rig-svg{overflow:visible;--jaw:0}.lion-puppet{transform-origin:50% 95%}.arm-wave{transform-origin:0 0;transform:rotate(0deg)}.greet-wave .arm-wave{animation:shoulderHello 1.1s cubic-bezier(.4,0,.3,1) infinite}.mouth-opening{transform:scaleY(var(--jaw));transform-origin:0 0;transition:transform .045s linear}.coach .mas,.is-speaking .coach .mas,.mwrap.sm .mas{animation:none!important}.sound-rings{display:none!important}.is-speaking .leo-bubble{background:white}.leo-bubble{animation:none}.floating-stamp{animation:stampDrift 5s ease-in-out infinite}
.mini-brand,.mini-brand span{color:white}.progress-wrap>span{color:#FFFFFFBB}.progress-wrap b{color:#FFE986}.progress-wrap .bar{background:#FFFFFF33}.progress-wrap .bar i{background:linear-gradient(90deg,#FFE979,#FFC24E)}.reward-badge{background:#FFF4CE;border-color:#FFE28D}.activity-heading h2{color:white;text-shadow:0 3px 0 #34267F18}.activity-heading .eyebrow{color:#FFFFFFBB}.activity-counter{background:#FFFFFF24;color:#FFF3A5}.activity-trail>span{background:#FFFFFF13;border:1px solid #FFFFFF20;color:#FFFFFFAA}.activity-trail b{background:#FFFFFF20;color:#FFFFFFBB}.activity-trail .current{background:white;color:#6A65BC;border-color:white;box-shadow:0 5px 0 #34317222}.activity-trail .current b{background:var(--c1);color:white}.activity-trail .passed{color:#FFF6B3}.activity-trail .passed b{background:#FFFFFF33;color:white}.coach{background:#FFFFFFED;border-color:white;box-shadow:0 5px 0 #273C8722}.coach:before{background:#FFFFFFED;border-color:white}.coach>div{color:#6359A1}.coach small{color:#9C94B8}.spk{background:#F1EAFE;color:#9474CE;box-shadow:0 4px 0 #D2C4E8}.stage{border:2px solid white;box-shadow:0 8px 0 #31327433,0 20px 45px #283B8622}.nav span{color:#FFFFFFCC}.nav button{background:linear-gradient(#FFE77F,#FFCA54);color:#806224;box-shadow:0 5px 0 #D69C26}.nav button.alt{background:#FFFFFFE8;color:#7D6CA8;box-shadow:0 4px 0 #302C8033}
.map-welcome{background:#FFFFFFF5;border-color:white;box-shadow:0 8px 0 #32317F22}.map-welcome h1.t{color:#6853B7}.map-welcome .eyebrow{color:#AA8BD6}.grid{gap:19px}.tile{background:linear-gradient(145deg,var(--a),var(--b))!important;box-shadow:0 7px 0 #29317B55,inset 0 3px 0 #FFFFFF4D;border:1px solid #FFFFFF44;border-bottom:0;color:white;aspect-ratio:.86;gap:4px;padding:10px 5px}.tile:hover{background:linear-gradient(145deg,var(--a),var(--b))!important;box-shadow:0 9px 0 #29317B55,0 15px 22px #29417A33}.tile-letter{color:white!important;-webkit-text-fill-color:white!important;text-shadow:0 2px 0 #34317233}.tile-picture{background:#FFFFFFE8;border-radius:19px;width:62px;height:62px;display:grid;place-items:center;font-size:49px;box-shadow:inset 0 -3px 0 #FFFFFF55}.tile-picture .art3d{width:1em;height:1em}.foot,.foot a{color:#E0E2FF}.wcard{background:linear-gradient(#FFF,#F9F7FF);border:2px solid color-mix(in srgb,var(--c1) 26%,white);border-bottom:6px solid var(--c1);box-shadow:0 5px 0 #E8E4F3}.wcard .em{background:radial-gradient(circle,#FFFFFF,color-mix(in srgb,var(--c1) 10%,white));width:112px;height:112px;font-size:98px}.wcard .w{color:#70619C}.example-card{background:linear-gradient(150deg,#FFF4CE,#FFFAF1);border-color:#FFDE95}.example-emoji{font-size:107px;line-height:1}.example-word{color:#90743E}.opt,.pic{background:#FBF9FF;border:2px solid #ECE6FA;box-shadow:0 5px 0 #DCD3EF;font-size:4.8rem}.opt .art3d,.pic .art3d{width:1.1em;height:1.1em}.bk{background:#F5EDFF;border:3px dashed #C9B6EB}.bk.hot{background:#E4F8E6;border-color:#88CD9B}.sky{background:radial-gradient(circle at 80% 10%,#FFF1AA,transparent 20%),linear-gradient(#CDEEFF,#E9E4FF 75%,#D2F1E0)}
.cpage{gap:20px}.cpage canvas{border-radius:24px;border:5px solid #FFFFFFBB;box-shadow:0 12px 0 #33308433,0 25px 55px #25277733}.cname{max-width:620px;padding:15px 22px;background:#FFF9FE}.cname b{font:400 30px Chewy;color:#8A6BC1}.cname input{font:400 32px 'Patrick Hand',cursive;border:2px dashed #D9C4EA;background:#FFFDFF;border-radius:16px;color:#DB5D96;padding:9px 15px;margin:5px 0}.cpage .row{margin:0 0 15px}
@keyframes shoulderHello{0%,100%{transform:rotate(-4deg)}20%{transform:rotate(13deg)}42%{transform:rotate(-11deg)}64%{transform:rotate(12deg)}84%{transform:rotate(-7deg)}}@keyframes blockHello{0%,8%,100%{transform:translateY(0) rotate(0)}3%{transform:translateY(-7px) rotate(-3deg)}}
@media(max-width:760px){.title-row{gap:6px}.title-block{width:40px;height:46px;font-size:32px;border-radius:12px;box-shadow:0 5px 0 #23207166,inset 0 2px 0 #FFFFFF45}.cover-title{gap:9px;margin:10px 0}.cover-tagline{font-size:15px}.hero .leo{width:min(310px,94%);padding-bottom:20px}.rig-svg{max-height:330px}.mascot-touch{max-width:300px}.cover-facts{color:#E3DCFF}.grid{gap:14px}.tile{aspect-ratio:.77;border-radius:18px;padding:8px 2px;gap:2px}.tile-picture{width:45px;height:45px;font-size:39px;border-radius:14px}.tile-letter{font-size:28px}.wcard .em{width:80px;height:80px;font-size:75px}.example-emoji{font-size:66px}.opt,.pic{font-size:3.5rem;padding:15px 10px}.activity-heading h2{font-size:25px}.stage{padding:20px 12px}.coach small{color:#A19ABB}.cpage canvas{border-width:3px;border-radius:16px}.cname{padding:13px 17px}.cname input{font-size:29px}}
@media(prefers-reduced-motion:reduce){.greet-wave .arm-wave,.title-block{animation:none!important}.mouth-opening{transition:none!important}}
@media print{@page{size:A4 landscape;margin:8mm}#cv{border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important;height:auto!important}body{background:white!important}}

.art3d{display:inline-block;width:1em;height:1em;background-size:600% 500%;background-repeat:no-repeat;vertical-align:-.08em;pointer-events:none;user-select:none}.example-emoji .art3d{vertical-align:middle}.wcard .em{display:grid;place-items:center}.slot .art3d{margin:7px;width:1.25em;height:1.25em}


.arm-wave{animation:idlePaw 10s ease-in-out infinite}@keyframes idlePaw{0%,75%,100%{transform:rotate(0)}82%{transform:rotate(3deg)}88%{transform:rotate(-2deg)}94%{transform:rotate(2deg)}}
.art3d{clip-path:inset(3%)}
@media(prefers-reduced-motion:reduce){.arm-wave{animation:none!important}}

@media(max-width:760px){.title-row{gap:5px}.title-block{--tile-size:clamp(31px,9vw,40px);width:var(--tile-size);height:calc(var(--tile-size)*1.15);font-size:calc(var(--tile-size)*.79)}}


body{isolation:isolate}.cloud-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}#app{position:relative;z-index:1}.rising-cloud{position:absolute;left:var(--left);bottom:-150px;width:var(--size);height:calc(var(--size)*.29);border-radius:100px;background:#FFFFFF;opacity:0;animation:cloudRise var(--duration) linear infinite;animation-delay:var(--delay);filter:drop-shadow(0 8px 7px #FFFFFF12)}.rising-cloud:before,.rising-cloud:after{content:'';position:absolute;border-radius:50%;background:inherit}.rising-cloud:before{width:43%;height:150%;left:12%;bottom:6%}.rising-cloud:after{width:54%;height:184%;right:10%;bottom:0}
@keyframes cloudRise{0%{opacity:0;transform:translate3d(-30px,0,0) scale(.9)}9%{opacity:.2}60%{opacity:.19}90%{opacity:.1}100%{opacity:0;transform:translate3d(130px,-135vh,0) scale(1.08)}}
.progress-wrap{width:min(520px,52%)}.progress-wrap>span{font-size:11px;margin-bottom:8px}.progress-wrap .bar.star-track{position:relative;height:22px;border-radius:15px;background:#00000027;box-shadow:inset 0 3px 4px #3B2B5B26,inset 0 0 0 1px #FFFFFF12;overflow:visible}.star-track:before{content:'';position:absolute;inset:0;border-radius:inherit;overflow:hidden;box-shadow:inset 0 1px 0 #0001}.progress-wrap .star-track>i{position:absolute;left:0;top:0;bottom:0;height:100%;border-radius:15px;background:repeating-linear-gradient(-45deg,#FFE973 0 12px,#FFC52F 12px 24px);background-size:34px 34px;animation:starStripes 1.1s linear infinite;box-shadow:inset 0 2px 0 #FFFFFF55;transition:width .9s cubic-bezier(.2,.9,.3,1)}.track-sheen{position:absolute;inset:2px;border-radius:inherit;overflow:hidden;pointer-events:none}.track-sheen:after{content:'';position:absolute;left:-40%;top:0;width:30%;height:100%;background:linear-gradient(100deg,transparent,#FFFFFF44,transparent);animation:starSheen 4s ease-in-out infinite}.track-star{position:absolute;left:clamp(12px,var(--progress),calc(100% - 12px));top:50%;translate:-50% -50%;color:#FFE76D;text-shadow:0 2px 0 #C98919,0 0 9px #FFD44388;font:800 28px/1 system-ui,sans-serif;animation:happyStar 3s ease-in-out infinite;transition:left .9s cubic-bezier(.2,.9,.3,1);z-index:2}.track-spark{position:absolute;color:#FFF1A1;font:800 12px/1 system-ui;pointer-events:none;animation:sparkleTrail 3s ease-in-out infinite}.spark-one{left:34%;top:-5px}.spark-two{left:73%;top:12px;animation-delay:-1.5s}.reward-badge{position:relative;display:flex;align-items:center;gap:7px;background:linear-gradient(#FFED9F,#FFD968);border:1px solid #FFE99D;box-shadow:0 4px 0 #9E6F3B33;padding:8px 13px;border-radius:99px;color:#9C6619;min-width:64px;justify-content:center}.reward-badge b{font:800 18px 'Baloo 2'}.reward-star{color:#FFB900;font-size:25px;text-shadow:0 1px 0 #C78D11;animation:rewardWiggle 3.6s ease-in-out infinite}.reward-badge>i{position:absolute;right:-3px;top:-6px;font-style:normal;font-size:14px;color:#FFF8CC;animation:badgeSpark 2s ease-in-out infinite}.new-reward{animation:earnedReward .8s ease-in-out}.new-star{animation:earnedReward .8s ease-in-out}
@keyframes starStripes{to{background-position:34px 0}}@keyframes starSheen{0%,35%{left:-40%}85%,100%{left:115%}}@keyframes happyStar{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(8deg) scale(1.12)}}@keyframes sparkleTrail{0%,100%{opacity:.25;transform:translateY(2px) scale(.7)}45%{opacity:1;transform:translateY(-5px) scale(1.2)}}@keyframes rewardWiggle{0%,75%,100%{transform:rotate(0)}81%{transform:rotate(-13deg)}88%{transform:rotate(12deg)}94%{transform:rotate(-6deg)}}@keyframes badgeSpark{50%{opacity:.25;transform:scale(.6) rotate(30deg)}}@keyframes earnedReward{35%{transform:scale(1.3) rotate(-8deg)}65%{transform:scale(.95) rotate(5deg)}}
.wcard{background:linear-gradient(140deg,var(--c1),var(--c2));border:0;border-bottom:0;box-shadow:0 7px 0 #3B275433,inset 0 2px 0 #FFFFFF22;border-radius:27px}.wcard .w{color:white}.wcard .em{background:white;box-shadow:inset 0 -5px 0 #0000000B,0 4px 10px #0001}.wcard .hl{background:#FFE575;color:#493A8A}.cpage canvas{border-radius:18px;border:0;box-shadow:0 12px 0 #33308433,0 25px 55px #25277733}
@media(max-width:760px){.progress-wrap{width:auto;flex:1}.progress-wrap>span{font-size:8px;margin-bottom:7px}.progress-wrap .bar.star-track{height:17px}.track-star{font-size:23px}.reward-badge{min-width:54px;padding:7px 10px;gap:4px}.reward-badge b{font-size:16px}.reward-star{font-size:21px}.track-spark{font-size:9px}.rising-cloud{width:calc(var(--size)*.75);height:calc(var(--size)*.22)}}
@media(prefers-reduced-motion:reduce){.rising-cloud{animation:none;opacity:.16;bottom:8%;transform:none}.rising-cloud:nth-child(even){bottom:45%}.star-track>i,.track-star,.track-spark,.reward-star,.reward-badge>i,.track-sheen:after{animation:none!important}.track-spark{opacity:.6}}
@media print{.cloud-world{display:none!important}}



.mouth-frame{opacity:0;transition:opacity .07s linear}.mouth-closed{opacity:1}[data-mouth="mid"] .mouth-closed,[data-mouth="open"] .mouth-closed{opacity:0}[data-mouth="mid"] .mouth-mid,[data-mouth="open"] .mouth-open{opacity:1}.lion-portrait{overflow:hidden;display:block;object-fit:contain}.coach .lion-portrait{width:76px;height:70px}.map-welcome .mwrap .lion-portrait{width:100%;height:100%}.mwrap.sm .lion-portrait{width:100%;height:100%}
@media(max-width:760px){.coach .lion-portrait{width:55px;height:54px}}
@media(prefers-reduced-motion:reduce){.mouth-frame{transition:none}}



#picture-definitions{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none}.art3d.isolated-art{background:none!important;clip-path:none!important;display:inline-block;width:1em;height:1em;overflow:hidden;vertical-align:-.08em;pointer-events:none}.example-emoji .isolated-art{vertical-align:middle}.slot .isolated-art{width:1.25em;height:1.25em}.wcard .em{overflow:visible}


.cv2.cover-jungle{background:radial-gradient(ellipse at 18% 28%,#4CA4D455,transparent 56%),linear-gradient(135deg,#4D50B4,#6253BB 48%,#3779BE);padding:40px 54px 102px;min-height:720px;border-radius:36px;overflow:hidden;box-shadow:0 10px 0 #30388633,0 30px 65px #283A8033}.cv2.cover-jungle:before,.cv2.cover-jungle:after{display:none!important;content:none!important}.cover-jungle .hero{grid-template-columns:1.05fr 1fr;gap:44px;position:relative;z-index:2}.jungle-speckles{position:absolute;inset:0;background-image:radial-gradient(#FFFFFF38 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#0008,transparent 70%);pointer-events:none}.corner-foliage{position:absolute;width:155px;height:220px;z-index:1;pointer-events:none}.foliage-left{left:-60px;bottom:28px;transform:rotate(30deg);opacity:.7}.foliage-right{right:-67px;top:-58px;transform:rotate(198deg);opacity:.4}.cover-jungle .leo{padding:0 0 24px;min-height:490px;isolation:isolate}.cover-jungle .mascot-touch{width:100%;max-width:455px}.cover-jungle .hero-mascot{width:100%;max-height:none;filter:drop-shadow(0 8px 5px #243B7318)}.leo-ground{position:absolute;bottom:20px;left:50%;translate:-50% 0;width:98%;height:110px;z-index:1;pointer-events:none}.cover-jungle .leo-bubble{top:22px;left:11px;padding:11px 16px;transform:rotate(-3deg);background:#FFFFFFF5;color:#5A60A4;font-size:12px;box-shadow:0 5px 20px #243B7322;border-radius:17px 17px 17px 3px;z-index:5}.cover-jungle .mascot-name{bottom:0;background:#EBFFF1;color:#418977;border:1px solid #BDEED8;box-shadow:0 4px 0 #21437D22;font-size:11px;padding:9px 16px;transform:translateX(-50%);z-index:6}.mascot-name span{color:#7AB49D;padding-left:6px}.little-spark{position:absolute;z-index:1;pointer-events:none;color:#D5E8FF;font-size:28px;animation:softSparkle 4s ease-in-out infinite}.ls-one{left:14px;top:170px}.ls-two{right:8px;top:80px;font-size:22px;animation-delay:-2s}.cover-jungle .txt{gap:16px;padding:8px 0}.cover-jungle .bd2{font-size:9px;letter-spacing:1.2px;padding:9px 12px;background:#FFFFFF14;border-color:#FFFFFF20}.cover-jungle .cover-title{margin:10px 0 5px;gap:10px}.cover-jungle .title-row{gap:7px}.cover-jungle .title-block{width:clamp(42px,4.8vw,62px);height:clamp(48px,5.4vw,70px);font-size:clamp(32px,3.8vw,48px);border-radius:14px;box-shadow:0 6px 0 #252A7355,inset 0 3px 0 #FFFFFF44}.cover-jungle .cover-tagline{font-size:19px;line-height:1.35;color:#FFF1A7;margin:4px 0 0}.cover-jungle .cover-description{font-size:14px;line-height:1.85;color:#E1E4FC;max-width:32ch}.cover-jungle .start-btn{margin-top:6px;min-width:282px;border-radius:17px!important;padding:16px 23px!important;font-size:20px!important;background:linear-gradient(#61E8B0,#1ABE9F)!important;box-shadow:0 6px 0 #148671,0 12px 25px #1B3D6333!important}.cover-jungle .cover-facts{gap:24px;margin-top:10px}.cover-jungle .cover-facts b{color:#FFEBAC;font-size:20px}.cover-landscape{position:absolute;bottom:32px;left:0;right:0;width:100%;height:150px;z-index:0;pointer-events:none}.cover-jungle .cover-bottom{z-index:3;background:#214E7C33;border-top:1px solid #FFFFFF16;color:#D8F0E8;height:54px;font-size:10px;letter-spacing:2px}.cover-jungle .cover-bottom i{background:#B8E6D466}
@keyframes softSparkle{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:.85;transform:scale(1.1)}}

.coach{padding:6px 18px 6px 5px;gap:15px;min-height:110px}.coach .lion-guide{width:102px!important;height:123px!important;flex:none;overflow:visible;align-self:center;margin:-12px 0 -9px}.coach:before{left:109px}.coach .arm-wave{animation:none!important}.coach>div{padding:9px 0}.coach b{line-height:1.4}.coach small{line-height:1.5;margin-top:5px}.map-welcome .mwrap{width:110px;height:131px}.map-welcome .lion-guide,.mwrap.sm .lion-guide{width:100%;height:100%;overflow:visible}.mas.lion-guide{object-fit:contain;display:block}.lion-guide .arm-wave{animation:none!important}
@media(max-width:760px){.cv2.cover-jungle{padding:23px 20px 82px;border-radius:29px;min-height:0}.cover-jungle .hero{grid-template-columns:1fr;gap:22px}.cover-jungle .leo{width:min(305px,97%);min-height:310px;padding:0 0 25px}.cover-jungle .mascot-touch{width:100%;max-width:300px}.cover-jungle .hero-mascot{width:100%;height:auto;max-height:none}.leo-ground{bottom:20px;height:73px;width:98%}.cover-jungle .leo-bubble{top:3px;left:-4px;font-size:9px;padding:8px 11px;border-radius:13px 13px 13px 2px}.cover-jungle .mascot-name{bottom:0;font-size:9px;padding:7px 12px}.ls-one{left:0;top:110px;font-size:19px}.ls-two{right:0;top:39px;font-size:15px}.cover-jungle .txt{gap:12px;padding:0}.cover-jungle .bd2{font-size:7px;letter-spacing:1px;padding:8px 10px}.cover-jungle .cover-title{gap:9px;margin:8px 0}.cover-jungle .title-row{gap:5px}.cover-jungle .title-block{--block-size:clamp(31px,9vw,40px);width:var(--block-size);height:calc(var(--block-size)*1.16);font-size:calc(var(--block-size)*.79);border-radius:11px;box-shadow:0 5px 0 #252A7355,inset 0 2px 0 #FFFFFF44}.cover-jungle .cover-tagline{font-size:15px;margin:6px 0 0}.cover-jungle .cover-description{font-size:12px;line-height:1.8}.cover-jungle .start-btn{font-size:18px!important;min-width:248px;padding:14px 19px!important;margin-top:7px}.cover-jungle .cover-facts{gap:20px;margin-top:10px;font-size:10px}.cover-jungle .cover-facts b{font-size:17px}.cover-landscape{height:120px;bottom:30px}.corner-foliage{width:95px;height:150px}.foliage-left{left:-42px;bottom:35px}.foliage-right{right:-48px;top:-40px}.cover-jungle .cover-bottom{height:49px;font-size:8px;letter-spacing:1px;gap:14px}.coach{padding:5px 9px 5px 2px;gap:8px;min-height:88px}.coach .lion-guide{width:68px!important;height:84px!important;margin:-6px 0 -3px}.coach:before{left:77px}.coach>div{padding:5px 0}.coach b{font-size:.88rem;line-height:1.4}.coach small{font-size:.7rem;line-height:1.5}.coach .spk{width:31px;height:31px}.map-welcome .mwrap{width:76px;height:95px}}
@media(prefers-reduced-motion:reduce){.little-spark{animation:none}}


.natural-speech-frame{opacity:0;transition:opacity .075s linear}[data-mouth="mid"] .natural-speech-frame{opacity:.55}[data-mouth="open"] .natural-speech-frame{opacity:1}.ground-in-scene{pointer-events:none}.leo-ground{display:none!important}.coach .mas.lion-guide{overflow:visible;object-fit:contain}.mas.lion-guide .arm-wave{animation:none!important}
@media(prefers-reduced-motion:reduce){.natural-speech-frame{transition:none}}



.cover-jungle .floating-stamp{pointer-events:none;z-index:4;animation:letterFriend 5s ease-in-out infinite;box-shadow:0 6px 0 #242D6B22,0 12px 22px #24356B22}
.cover-jungle .stamp-a{left:-9px;top:135px;background:#FFDA53;color:#8E5B14;--tilt:-12deg}
.cover-jungle .stamp-b{right:-6px;top:330px;background:#AA85F5;--tilt:12deg;animation-delay:-2.5s}
.cover-jungle .stamp-star{right:7px;top:70px;background:#FFB5A6;color:#BA503D;--tilt:10deg;animation-delay:-1.3s}
.cover-jungle .ls-one{left:18px;top:285px;color:#FFEC9A}.cover-jungle .ls-two{right:35px;top:240px;color:#ACF9E0}
@keyframes letterFriend{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-13px) rotate(calc(var(--tilt) + 8deg))}}
.cname #nm{font-family:Pacifico, SafariArabic,cursive;font-size:32px;color:#E8416F;line-height:1.6}.cname #nm.is-arabic{font-family:SafariArabic,sans-serif;font-weight:700}
.family-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:0 auto 24px;padding:15px 20px;background:#fff;border:2px solid #E5DCF9;border-radius:22px;max-width:800px;box-shadow:0 5px 0 #B2A1D312}
.family-bar label{font-weight:800;color:#65519C}.family-bar select,.family-bar input{font:800 16px Nunito, SafariArabic,sans-serif;border:2px solid #D5CAF1;border-radius:12px;padding:9px 12px;min-width:0;max-width:100%;background:#FAF7FF;color:#513E87}.family-bar select{max-width:230px}.family-bar button{padding:9px 15px;font-size:15px}.family-bar small{flex-basis:100%;font-size:12px;color:#80729D;text-align:center}.family-add{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;flex-basis:100%}.family-add[hidden]{display:none}.family-bar .storage-note{color:#A74A46}
@media(max-width:760px){.cover-jungle .stamp-a{left:-14px;top:78px;width:48px;height:48px;font-size:24px}.cover-jungle .stamp-b{right:-12px;top:206px;width:43px;height:43px;font-size:22px}.cover-jungle .stamp-star{right:0;top:28px;width:35px;height:35px;font-size:23px}.cover-jungle .ls-one{left:4px;top:185px;font-size:18px}.cover-jungle .ls-two{right:9px;top:156px;font-size:16px}.family-bar{padding:12px;gap:9px}.family-bar select{max-width:160px}.family-bar label{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cover-jungle .floating-stamp{animation:none}}


html,body{overflow-x:clip}.cname #nm{width:100%;min-width:0;box-sizing:border-box}


.cv2.cover-jungle{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:40px 54px 0}
.cover-jungle .hero{flex:1 0 auto;padding-bottom:42px}
.cover-jungle .cover-bottom{position:relative;inset:auto;flex:0 0 auto;align-self:stretch;margin:0 -54px;min-height:68px;height:auto;padding:20px 24px 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 25px;line-height:1.6;border-top:1px solid #FFFFFF24;background:#24497B66;box-shadow:none}
.cover-jungle .cover-bottom>span{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.6;margin:0;padding:0}
.cover-jungle .cover-bottom>i{display:block;flex:0 0 3px;width:3px;height:3px;margin:0;padding:0}
.source-note{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 14px;margin:28px auto 10px;padding:0 12px;max-width:760px;line-height:1.8;font-size:10px;color:#EEF2FF;text-align:center}
.source-note>span{display:block;line-height:inherit}.source-note a{display:inline;line-height:inherit;text-underline-offset:3px}.source-requirement{color:#DEE6FF}
@media(max-width:760px){.cv2.cover-jungle{padding:23px 20px 0}.cover-jungle .hero{padding-bottom:32px}.cover-jungle .cover-bottom{margin:0 -20px;min-height:62px;padding:18px 12px 20px;gap:8px 11px;font-size:8px;letter-spacing:1px}.source-note{margin-top:26px;gap:3px;font-size:9px;flex-direction:column;padding:0 5px}}



.cover-jungle .cover-landscape{bottom:68px}.cover-jungle .cover-bottom{background:#315D97}
@media(max-width:760px){.cover-jungle .cover-landscape{bottom:62px}}