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

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

@font-face{font-family:"Chewy";font-weight:400;font-style:normal;font-display:swap;src:url(5b7f757c805d454a.woff2) format("woff2")}
@font-face{font-family:"Patrick Hand";font-weight:400;font-style:normal;font-display:swap;src:url(e68d4c7011a0ff32.woff2) format("woff2")}

/* Baloo 2 and Nunito: SIL Open Font License, Google Fonts. Embedded for portable rendering. */
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600 900;font-display:swap;src:url(0a2b54ebe02c542d.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600 900;font-display:swap;src:url(6a71d6d8060121da.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}}

/* SOUND SAFARI · storybook edition */
: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}}


/* Bright explorer edition: explicit text colours, no text-clipping effects. */
: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}}

/* Joyful original-book palette, upgraded materials and motion. */
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)}}

/* Playful rising clouds remain behind all controls and learning content. */
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}}


/* All appearances use one identical lion head and textured mouth atlas. */
.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}}


/* Independent sprite contours exclude neighbouring objects, with padding around the complete silhouette. */
#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}

/* Open storybook safari scene. No moon, large discs or frames around Leo. */
.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)}}
/* An intact, standing guide sits beside the instruction bubble. */
.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}}


/* Floating letter friends: clear of Leo's face and waving paw. */
.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}

/* Footer rows occupy their own space; borders never cross the captions. */
.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}}


/* Keep the landscape edge above, rather than behind, the footer text. */
.cover-jungle .cover-landscape{bottom:68px}.cover-jungle .cover-bottom{background:#315D97}
@media(max-width:760px){.cover-jungle .cover-landscape{bottom:62px}}

.cover-author{display:flex;align-items:center;gap:9px;color:#FFF0BC;font-size:13px;line-height:1.5;margin:0 0 2px}.cover-author>span{font-size:10px;color:#E2E5FF;letter-spacing:1px;text-transform:uppercase}.cover-author strong{font-weight:900;letter-spacing:.2px}
.map-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 24px}.map-tabs{display:flex;gap:5px;background:#FFFFFF33;padding:5px;border:1px solid #FFFFFF44;border-radius:17px}.map-tabs button{padding:10px 17px;border:0;border-radius:12px;background:transparent;color:#F4F3FF;font:900 14px Nunito;box-shadow:none}.map-tabs button.selected{background:white;color:#6652B2;box-shadow:0 3px 0 #35256B22}.map-actions .row{gap:10px}.map-continue{font-size:17px!important;padding:12px 20px!important}.map-actions .cb{font-size:16px;padding:12px 18px}
.group-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:0 0 22px}.group-stop{min-width:0;padding:13px 5px;background:#FFFFFFE8;border:2px solid #FFFFFF88;border-radius:20px;box-shadow:0 5px 0 #30267122;color:#7565A4;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .2s,background .2s}.group-stop.active{background:#FFF4BB;border-color:#FFDF69;transform:translateY(-4px)}.group-stop-star{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--group-color);color:white;font:900 22px 'Baloo 2'}.group-stop b{font:900 13px Nunito}.group-stop small{font-size:10px}.group-stop.complete .group-stop-star{background:#FFBF25}
.sound-group-panel{padding:27px 28px 22px;background:#FCFBFF;border:2px solid white;border-radius:30px;box-shadow:0 9px 0 #35266E22,0 20px 40px #253C7222;color:#443A70}.group-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.group-panel-heading h2{font:800 30px 'Baloo 2';line-height:1.2;margin:6px 0;color:#56468F}.group-panel-heading p{font:700 13px Nunito;color:#8B7DA6;margin:5px 0}.group-progress{flex:none;background:#FFF0AF;border:1px solid #FFE07D;border-radius:14px;padding:10px 15px;color:#A37317;font-size:17px}.group-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;max-width:none}.sound-tile{min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;aspect-ratio:.86}.sound-tile .tile-letter{font-size:32px;line-height:1.2}.tile-sound-tag{display:block;max-width:100%;font:900 9px Nunito;letter-spacing:.2px;background:#FFFFFFD9;color:#5D4D8C;padding:4px 6px;border-radius:8px;line-height:1.2;text-align:center}.group-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.group-bottom-row>span{font:800 17px 'Baloo 2';letter-spacing:1px;color:#A194B8}.group-bottom-row button{font-size:14px;padding:9px 14px}.letter.multi{font-size:clamp(70px,8vw,112px)!important;letter-spacing:0!important;line-height:1.2!important}.letter.multi span{margin-left:10px}.phoneme-ipa{white-space:nowrap;color:#8B66BA;font-weight:900}.compare-btn{font-size:13px!important;padding:9px 12px!important}.detect-tag{display:block;font:900 13px Nunito;color:#8D7CA5;line-height:1.5;margin-top:5px}.bigL{overflow-wrap:anywhere}.sound-controls{flex-wrap:wrap}
@media(max-width:760px){.cover-author{justify-content:center;font-size:12px;margin:0 0 3px}.cover-author>span{font-size:9px}.map-actions{justify-content:center;gap:15px;margin:19px 0}.map-tabs{width:100%}.map-tabs button{flex:1;font-size:12px;padding:10px 8px}.map-actions .row{gap:8px}.map-continue{font-size:14px!important;padding:11px 14px!important}.map-actions .cb{font-size:13px;padding:11px 13px}.group-picker{display:flex;overflow-x:auto;gap:9px;padding:5px 2px 10px;margin-bottom:13px;scroll-snap-type:x proximity}.group-stop{flex:0 0 72px;scroll-snap-align:start;padding:10px 4px;border-radius:16px}.group-stop-star{width:29px;height:29px;font-size:19px;border-radius:10px}.group-stop b{font-size:11px}.group-stop small{font-size:9px}.sound-group-panel{padding:19px 13px 16px;border-radius:24px}.group-panel-heading{gap:10px;margin-bottom:17px}.group-panel-heading h2{font-size:23px}.group-panel-heading p{font-size:11px;line-height:1.6;max-width:23ch}.group-progress{padding:7px 9px;font-size:13px;border-radius:11px}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sound-tile{aspect-ratio:.8;border-radius:18px;gap:5px}.sound-tile .tile-letter{font-size:25px}.sound-tile .tile-picture{width:53px;height:53px}.sound-tile .art3d{width:48px;height:48px}.tile-sound-tag{font-size:7px;padding:4px;letter-spacing:0}.group-bottom-row{gap:10px;margin-top:17px}.group-bottom-row>span{font-size:12px;letter-spacing:.4px;max-width:55%}.group-bottom-row button{font-size:11px;padding:9px 10px;flex:none}.letter.multi{font-size:clamp(65px,20vw,88px)!important}.letter.multi span{margin-left:7px}}

/* Author ribbon below the title, in the book's own colours. */
.cover-author{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:9px 15px 9px 9px;margin:1px 0 3px;border:1px solid #FFFFFF40;border-radius:18px;background:linear-gradient(115deg,#FFFFFF21,#FFFFFF0C);box-shadow:0 4px 0 #2C32751C;line-height:1.35}.author-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#FFE88C,#FFC75C);color:#856027;box-shadow:inset 0 2px 0 #FFFFFF66}.author-icon svg{width:21px;height:21px}.author-copy{display:flex;flex-direction:column;gap:2px}.cover-author .author-kicker{font:900 8px Nunito;letter-spacing:1.8px;color:#E4E8FF;text-transform:uppercase}.cover-author .author-copy strong{font:900 14px Nunito;letter-spacing:.2px;color:#FFF1B7}
/* The learning route starts with A–Z, followed by seven sound groups. */
.map-tabs{padding:6px;gap:6px;border-radius:20px}.map-tabs button{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:11px 17px;text-align:left;min-height:63px}.map-tabs .map-tab-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#FFFFFF22;font:900 15px 'Baloo 2';color:inherit}.map-tabs button.selected .map-tab-number{background:#F1E9FF;color:#8B65C7}.map-tab-copy{display:flex;flex-direction:column;gap:3px}.map-tab-copy b{font:900 13px Nunito}.map-tab-copy small{font:700 9px Nunito;opacity:.8}.map-tabs button:focus-visible,.word-token:focus-visible,.word-slot:focus-visible{outline:3px solid #FFCB55;outline-offset:3px}
/* Reading workshop: letter identities stay distinct, including repeats. */
.word-workshop{width:100%;max-width:900px;margin:0 auto;text-align:center}.word-game-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.word-game-kicker{font:900 10px Nunito;letter-spacing:1.8px;color:#9B8AAD}.word-rounds{display:flex;gap:8px}.word-rounds span{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:#ECE7F6;color:#B1A4C7;font:900 16px 'Baloo 2'}.word-rounds .current{background:#E5DBFF;color:#8A65CC;box-shadow:0 3px 0 #CCB9EE}.word-rounds .done{background:#FFF0B0;color:#E8A800;box-shadow:0 3px 0 #F6D977}.word-prompt{display:flex;align-items:center;justify-content:center;gap:28px;margin:12px auto 25px}.word-picture{display:grid;place-items:center;width:135px;height:135px;flex:none;border-radius:29px;background:#FFFFFF;border:3px solid #EEE7FB;box-shadow:0 6px 0 #DCD2ED55;padding:11px;cursor:pointer}.word-picture .art3d{display:block!important;width:105px!important;height:105px!important;max-width:100%;max-height:100%}.word-prompt>div{text-align:left;max-width:390px}.word-prompt h3{font:800 28px 'Baloo 2';line-height:1.2;color:#6A549A;margin:0 0 7px}.word-prompt p{font:800 13px Nunito;color:#A38EB4;line-height:1.6;margin:0 0 11px}.word-listen{display:inline-flex;align-items:center;gap:7px;font-size:13px!important;padding:9px 13px!important;min-height:42px}.word-listen svg{width:19px;height:19px}.word-answer{font:900 31px 'Baloo 2';letter-spacing:2px;color:#528D76}.word-slots{width:min(100%,calc(var(--word-length)*64px));display:grid;grid-template-columns:repeat(var(--word-length),minmax(0,1fr));gap:7px;margin:0 auto 14px}.word-slot{min-width:0;min-height:64px;padding:3px;background:#FFFDFE;border:2px solid #DCD1F1;border-radius:14px;color:#7152A0;font:900 clamp(22px,3vw,36px) 'Baloo 2';line-height:1.2;box-shadow:0 4px 0 #D9CEEB66;cursor:pointer}.word-slot.empty{border-style:dashed;background:#F7F2FE;color:#D7CBE8;box-shadow:none}.word-slot.correct{border-color:#8ED8B1;background:#ECFFF2;color:#3DA77C}.word-slot.incorrect{border-color:#E8A3B0;background:#FFF0F3}.word-slot.drop-ready{border-color:#F3BD39;background:#FFF8D4;transform:translateY(-3px)}.word-bank-label{font:800 11px Nunito;color:#B2A2BF;margin:18px 0 13px}.word-bank{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:11px;min-height:72px;margin:0 auto 14px;max-width:720px}.word-token{flex:none;width:56px;height:62px;padding:0;border-radius:15px;border:2px solid #FFFFFF77;background:var(--token-color);color:white;font:900 34px 'Baloo 2';line-height:1;box-shadow:0 5px 0 #483C6B30,inset 0 2px 0 #FFFFFF33;cursor:grab;touch-action:manipulation;transition:transform .15s,opacity .15s}.word-token:hover{transform:translateY(-3px)}.word-token:active{cursor:grabbing}.word-token.used{opacity:.2;box-shadow:none;transform:scale(.94);cursor:default}.word-feedback{font:800 12px Nunito;color:#AE9BBB;line-height:1.6;min-height:38px;padding:5px 8px}.word-feedback.try-again{color:#CA7A8E}.word-feedback.success{color:#3EA27E}.word-game-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.word-tools{display:flex;gap:8px;flex-wrap:wrap}.word-tools button{font-size:12px;padding:10px 13px;min-height:44px}.word-check{font-size:16px!important;min-height:48px;padding:12px 23px!important}.word-workshop button:disabled,.nav button:disabled{cursor:default;opacity:.4;transform:none;box-shadow:none}.word-workshop .word-token.used{opacity:.2}.word-workshop .word-slot.correct:disabled{opacity:1}
@media(max-width:760px){.cover-author{align-self:center;padding:8px 12px 8px 8px;gap:9px;border-radius:16px;margin:0 0 2px}.author-icon{width:31px;height:31px;border-radius:10px}.cover-author .author-copy strong{font-size:12px}.cover-author .author-kicker{font-size:7px;letter-spacing:1.6px}.map-tabs{padding:5px;gap:5px}.map-tabs button{padding:10px 9px;gap:7px;min-height:62px}.map-tabs .map-tab-number{width:25px;height:28px;font-size:13px;border-radius:9px}.map-tab-copy b{font-size:11px}.map-tab-copy small{font-size:8px;white-space:nowrap}.word-game-top{margin-bottom:15px}.word-game-kicker{font-size:8px;letter-spacing:1px}.word-rounds{gap:6px}.word-rounds span{width:25px;height:25px;border-radius:9px;font-size:14px}.word-prompt{gap:13px;margin:9px auto 20px}.word-picture{width:91px;height:99px;padding:9px;border-radius:22px}.word-picture .art3d{width:72px!important;height:72px!important}.word-prompt>div{max-width:185px}.word-prompt h3{font-size:20px;margin-bottom:4px}.word-prompt p{font-size:10px;line-height:1.5;margin-bottom:7px}.word-listen{font-size:10px!important;padding:8px 10px!important;gap:5px;min-height:38px}.word-listen svg{width:15px;height:15px}.word-slots{gap:4px;margin-bottom:10px}.word-slot{min-height:48px;font-size:clamp(18px,5.8vw,27px);border-radius:9px;border-width:2px}.word-bank{gap:8px;min-height:60px;margin-bottom:10px}.word-token{width:43px;height:51px;border-radius:12px;font-size:29px;box-shadow:0 4px 0 #483C6B30}.word-bank-label{font-size:9px;line-height:1.5;margin:14px 0 11px}.word-feedback{font-size:10px;min-height:43px;padding:4px}.word-game-actions{justify-content:center;gap:13px;margin-top:10px}.word-tools{justify-content:center;gap:7px}.word-tools button{font-size:10px;padding:9px 11px;min-height:42px}.word-check{width:100%;font-size:14px!important;min-height:46px;padding:11px 17px!important}.word-answer{font-size:24px;letter-spacing:1px}}

.author-copy{text-transform:none;letter-spacing:normal}

.cover-author .author-copy,.cover-author .author-copy strong{text-transform:none;letter-spacing:normal}

/* Dedicated author credit at the foot of the cover. */
.cover-jungle .hero{padding-bottom:22px}
.cover-credit-row{position:relative;z-index:2;display:flex;justify-content:flex-end;flex:0 0 auto;padding:0 0 24px}
.cover-credit-row .cover-author{align-self:auto;margin:0;text-align:left}
@media(max-width:760px){.cover-jungle .hero{padding-bottom:24px}.cover-credit-row{padding-bottom:23px}.cover-credit-row .cover-author{gap:9px;padding:8px 12px 8px 8px}.cover-credit-row .author-icon{width:30px;height:30px}.cover-credit-row .author-copy strong{font-size:12px}}

/* Keep the author credit tucked neatly into the outer cover edge. */
.cover-credit-row{margin-right:-44px;padding-bottom:12px}
.cover-jungle .hero{padding-bottom:12px}
@media(max-width:760px){.cover-credit-row{margin-right:-10px;padding-bottom:12px}.cover-jungle .hero{padding-bottom:16px}}

/* Quiet author signature in the upper corner of the book cover. */
.cover-jungle .cover-credit-row{position:absolute;top:23px;right:28px;left:auto;z-index:4;margin:0;padding:0;max-width:calc(100% - 56px)}
.cover-credit-row .cover-author{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;max-width:100%;text-align:right;justify-content:flex-end}
.cover-credit-row .author-icon{display:none}
.cover-credit-row .author-copy{align-items:flex-end;gap:3px}
.cover-credit-row .author-kicker{font-size:8px;letter-spacing:2px;color:#FFE9A4}
.cover-credit-row .author-copy strong{font:800 14px/1.4 Nunito;color:#FFF9E9;letter-spacing:.1px}
.cover-jungle .hero{padding-top:38px;padding-bottom:34px}
@media(max-width:760px){.cover-jungle .cover-credit-row{top:19px;right:20px;max-width:calc(100% - 40px)}.cover-credit-row .cover-author{padding:0}.cover-credit-row .author-copy strong{font-size:12px}.cover-credit-row .author-kicker{font-size:7px;letter-spacing:1.6px}.cover-jungle .hero{padding-top:51px;padding-bottom:29px}}

/* Curriculum details belong with the cover's other book information. */
.cover-curriculum{display:flex;align-items:center;gap:8px;margin-top:-5px;font:800 10px/1.5 Nunito;letter-spacing:.3px;color:#E6E9FF}

@media(max-width:760px){.cover-curriculum{justify-content:center;font-size:9px;margin-top:-2px}}
/* A colourful hardcover and a paper index. Lesson styling remains original. */
#app{isolation:isolate}.safari-arrive{animation:pb-arrive .48s cubic-bezier(.2,.7,.2,1) both}@keyframes pb-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.reading-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 2px 17px;margin-bottom:18px;border-bottom:1px solid #FFFFFF32;position:relative}.reading-navigation::before{content:"";position:absolute;left:-14px;top:7px;bottom:19px;width:4px;border-radius:8px;background:linear-gradient(#FFE47A,#FFC47E)}.reading-navigation button{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:9px 13px;border-radius:12px;border:1px solid #FFFFFF4A;background:#FFFFFF1C;color:#FFFDF5;font:900 11px Nunito;box-shadow:none}.reading-navigation svg{width:17px;height:17px}.reading-location{font:800 12px Nunito;color:#F1EAFF;display:flex;align-items:center;gap:11px}.reading-location i{font-style:normal;color:#FFE47F}.safari-reading{border-left:2px solid #FFFFFF15;border-right:2px solid #FFFFFF15;border-radius:24px}
.pb-cover-stage{max-width:1000px;margin:auto;text-align:center;perspective:2200px}.pb-cover-top{display:flex;align-items:center;justify-content:space-between;font:900 9px Nunito;letter-spacing:1.3px;color:#F3EFFF;margin:0 0 27px;padding:0 3px}.pb-cover-top>span:first-child{font-size:13px;letter-spacing:.8px;color:#FFF0AC}
.pb-cover-scene{perspective:2200px;margin:0 auto;width:min(500px,90%);padding:0 18px 22px 8px}.pb-book{position:relative;transform:rotate(-1.5deg);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.6,.2,1);filter:drop-shadow(12px 20px 20px #2C226344)}
.pb-paper-block{position:absolute;inset:8px -12px -10px 6px;border-radius:8px 24px 25px 8px;border-right:7px solid #3E3D9E;border-bottom:7px solid #34378B;background:repeating-linear-gradient(0deg,#FFFCEF 0 2px,#E2D8C3 2px 3px,#FFF9E9 3px 5px);box-shadow:0 1px 0 #FFFDF6,3px 3px 0 #FFFFFF30;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8C71B2;overflow:hidden}
.pb-paper-block:before{content:"";position:absolute;inset:0 6px 0 0;background:linear-gradient(90deg,#DDD2BB,#FFFDF5 7%);border-radius:6px 18px 18px 6px}.pb-paper-block>span{position:relative;font:800 47px/1.1 'Baloo 2';z-index:1}.pb-paper-block>span>b{color:#28BCA5}.pb-paper-block>i{position:relative;font:900 45px Nunito;color:#F3BF4F;margin:20px;font-style:normal}
.pb-book-front{position:relative;transform-origin:1% 50%;transform-style:preserve-3d;backface-visibility:hidden;transform:rotateY(-7deg);transition:transform 1s cubic-bezier(.35,.03,.16,1),filter 1s;border-radius:7px 22px 22px 7px;background:#4B46B2;box-shadow:inset 1px 0 1px #FFFFFFA0,2px 2px 0 #34347B}
.pb-spine{position:absolute;top:0;bottom:0;left:-16px;width:22px;border-radius:5px 0 0 5px;background:linear-gradient(90deg,#2A2977,#4542A4 50%,#5D55C7);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;rotate:180deg;gap:24px;color:#FFEA9B;z-index:4;border-left:1px solid #FFFFFF25;box-shadow:3px 0 9px #28245C44}.pb-spine span{font:900 9px Nunito;letter-spacing:2px}.pb-spine small{font:800 6px Nunito;letter-spacing:1.2px}.pb-spine i{font-style:normal;font-size:11px}
.pb-cover-face{position:relative;overflow:hidden;padding:23px 26px 20px 33px;border:1px solid #C6BDF9;border-radius:7px 22px 22px 7px;background:radial-gradient(ellipse at 14% 20%,#9165EC70,transparent 58%),linear-gradient(145deg,#5845BA,#536ED1 58%,#20A9B5);box-shadow:inset 12px 0 15px #28217444,inset 18px 0 1px #FFFFFF13;color:white}
.pb-cover-face:before{content:"";position:absolute;inset:12px 11px 11px 25px;border:1px solid #FFFFFF35;border-radius:4px 13px 13px 4px;pointer-events:none;z-index:4}.pb-cover-face:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#FFFFFF25 .8px,transparent .9px);background-size:29px 29px;mask-image:linear-gradient(90deg,#000,transparent 65%);pointer-events:none}
.pb-cover-eyebrow{position:relative;font:900 7px Nunito;letter-spacing:1.9px;color:#F5EEFF;z-index:2}.pb-cover-title{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;margin:25px 0 17px}.pb-title-row{display:flex;justify-content:center;gap:6px}.pb-title-row>span{display:grid;place-items:center;width:48px;height:55px;border-radius:12px;background:linear-gradient(145deg,var(--t),var(--b));box-shadow:0 5px 0 #2D2B7B66,inset 0 2px 0 #FFFFFF66;font:800 39px/1 'Baloo 2';color:white;transform:rotate(var(--angle));text-shadow:0 2px 0 #30226A20}
.pb-cover-tagline{font:900 13px Nunito;color:#FFEE99;margin:0;position:relative;z-index:2}.pb-cover-leo{position:relative;z-index:2;width:310px;max-width:100%;height:315px;margin:10px auto 1px;padding:0;min-height:0;isolation:isolate}.pb-cover-leo .mascot-touch{padding:0;width:100%;height:100%;border:0;background:none;box-shadow:none;max-width:none}.pb-cover-leo .hero-mascot{width:100%;height:100%;max-width:none;max-height:none;filter:drop-shadow(0 8px 5px #20276825)}.pb-cover-leo .leo-bubble{position:absolute;top:16px;left:-17px;padding:8px 10px;border-radius:12px 12px 12px 3px;background:#FFFFFF;color:#7761A5;font:900 8px Nunito;rotate:-5deg;z-index:5;box-shadow:0 3px 0 #2B347A22}.pb-floating-letter{position:absolute;width:40px;height:43px;display:grid;place-items:center;font:900 22px Nunito;border-radius:11px;z-index:4;box-shadow:0 4px 0 #29327433;animation:pb-bob 5s ease-in-out infinite}.pb-aa{left:-5px;top:107px;background:#FFE274;color:#AE7C24;rotate:-12deg}.pb-bb{right:-7px;top:204px;background:#BA9AF7;color:white;rotate:12deg;animation-delay:-2s}.pb-cover-star{position:absolute;right:6px;top:35px;color:#FFCE86;font:900 28px Nunito;rotate:12deg}.pb-cover-hello{position:absolute;bottom:0;left:0;right:0;font:800 7px Nunito;color:#D7FFF1}.pb-cover-author{position:relative;z-index:3;margin:18px 0 18px}.pb-cover-author>span{display:block;font:900 6px Nunito;letter-spacing:2.1px;color:#D8E6FF;margin-bottom:5px}.pb-cover-author strong{font:900 15px Nunito;color:#FFF2B7;letter-spacing:.1px}.pb-cover-facts{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:14px;margin:0 9px;padding-top:14px;border-top:1px solid #FFFFFF30;font:800 8px Nunito;color:#DCF6F2}.pb-cover-facts b{font-size:13px;color:#FFF0A6;margin-right:3px}.pb-cover-facts i{width:3px;height:3px;border-radius:50%;background:#FFFFFF66}.pb-cover-hills{position:absolute;left:-35px;right:-35px;height:140px;bottom:-95px;rotate:-7deg;background:#08AF9B;opacity:.5;border-radius:50% 50% 0 0;box-shadow:0 -27px 0 #65DBBD33,0 -52px 0 #83D8D622}
@keyframes pb-bob{50%{translate:0 -7px}}
.pb-book.opening{transform:translateX(65px) rotate(0)}.pb-book.opening .pb-book-front{transform:rotateY(-162deg);filter:brightness(.85)}
.pb-open{display:inline-flex;align-items:center;gap:30px;background:linear-gradient(110deg,#5DE5B4,#18BDA3);color:white;border:1px solid #8DF3CE;border-radius:16px;box-shadow:0 5px 0 #118E7C,0 10px 20px #2D347744;font:900 15px Nunito;padding:12px 13px 12px 23px;margin:20px 0 0;transition:transform .2s,box-shadow .2s}.pb-open b{display:grid;place-items:center;width:33px;height:34px;background:#FFFFFF2D;border-radius:10px;font:900 22px Nunito}.pb-open:hover{transform:translateY(-2px);box-shadow:0 7px 0 #118E7C,0 12px 20px #2D347744}.pb-cover-bottom{font:800 10px Nunito;color:#EAE4FF;margin:17px 0 0}.pb-cover-stage .source-note{font-size:8px;color:#DED9F5;margin-top:24px}
.pb-reader-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.pb-reader-top>span{font:900 9px Nunito;letter-spacing:.8px;color:#F2E9FF}.pb-reader-top>span i{font-style:normal;color:#FFE486;margin:0 10px}.pb-reader-top>button{display:inline-flex;align-items:center;gap:7px;background:#FFFFFF22;border:1px solid #FFFFFF44;box-shadow:none;padding:10px 13px;border-radius:12px;font:900 10px Nunito;color:white}.pb-reader-top svg{width:17px;height:17px}
.pb-open-book{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;min-height:810px;background:#5C4BB1;border:5px solid #6652BA;border-radius:14px 21px 21px 14px;box-shadow:0 3px 0 #E7DEC9,0 6px 0 #FFF9E9,0 9px 0 #D5C8BA,0 12px 0 #FFF5E5,0 16px 0 #3E398D77,0 27px 40px #332F7F30;isolation:isolate;perspective:2000px}
.pb-left-page,.pb-right-page{min-width:0;position:relative;background:#FFFEFA;display:flex;flex-direction:column;padding:25px 29px 19px;color:#847294}.pb-left-page{border-radius:8px 1px 0 9px;background:linear-gradient(90deg,#FFFEFA 88%,#F5EFE2 97%,#D7CBB3)}.pb-right-page{border-radius:1px 14px 13px 1px;background:linear-gradient(90deg,#D1C5AC,#F4EDDD 2%,#FFFEFA 7%);padding-left:32px}
.pb-binding{position:absolute;left:46%;top:1px;bottom:1px;width:19px;translate:-50% 0;background:linear-gradient(90deg,transparent,#5C4C3430 50%,#FFFFFF22 65%,transparent);z-index:4;pointer-events:none}.pb-ribbon{position:absolute;top:-6px;right:23px;width:20px;height:59px;background:linear-gradient(90deg,#FFB73F,#FFE07F 50%,#E3A92D);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);z-index:5}
.pb-running{display:flex;justify-content:space-between;align-items:center;gap:8px;font:900 7px Nunito;letter-spacing:.8px;color:#B3A1BA;border-bottom:1px solid #ECE3ED;padding-bottom:12px;margin-bottom:24px;padding-right:10px}.pb-chapter-kicker{font:900 7px Nunito;letter-spacing:1.1px;color:#B4A1C3;margin:1px 0 13px}.pb-left-page h1{position:relative;font:800 45px/1.02 'Baloo 2',Nunito;letter-spacing:-.7px;color:#796098;margin:0 0 14px}.pb-left-page h1 em{font-style:normal;color:#25AD9B}.pb-left-page h1 i{font:900 27px Nunito;color:#FFC34E;font-style:normal;margin-left:13px;display:inline-block;rotate:12deg}.pb-index-intro{font:700 11px/1.8 Nunito;color:#B09EBB;margin:0 0 23px}
.pb-route-tabs{display:flex;flex-direction:column;gap:11px;margin:0 0 17px}.pb-route-tabs>button{display:flex;align-items:center;gap:12px;padding:12px 13px;background:#F4F0FB;border:1px solid #E8DFF2;border-radius:14px;box-shadow:0 3px 0 #E8DEF0;color:#AA92BC;text-align:left;transition:background .2s,transform .2s}.pb-route-tabs>button>span{display:grid;place-items:center;width:33px;height:36px;flex:none;border-radius:10px;background:#E8DDF6;font:900 11px Nunito;color:#AB8FC9}.pb-route-tabs b{font:900 14px Nunito}.pb-route-tabs small{display:block;font:700 9px Nunito;margin-top:3px}.pb-route-tabs i{font:900 20px Nunito;margin-left:auto;font-style:normal}.pb-route-tabs>button[aria-selected="true"]{background:linear-gradient(115deg,#9D7DE9,#8274D8);border-color:#B69BFA;color:white;box-shadow:0 4px 0 #6F59B5}.pb-route-tabs>button[aria-selected="true"]>span{background:#FFFFFF28;color:white}.pb-route-tabs>button:hover{transform:translateY(-2px)}
.pb-group-jumps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:2px 0 10px}.pb-group-jumps>button{padding:7px 0;border:0;border-radius:7px;box-shadow:0 2px 0 #D9D1E7;background:#F0EAF8;color:#B39CC3;font:900 10px Nunito}.pb-group-jumps>button[aria-current="page"]{background:var(--jump);color:white;box-shadow:0 3px 0 #8C78A3}
.pb-index-leo{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-height:140px;max-height:220px;margin:3px 0 10px}.pb-index-leo .lion-guide{width:170px!important;height:190px!important;max-height:100%}.pb-index-leo>span{position:absolute;top:12px;left:6%;font:900 9px/1.5 Nunito;padding:9px 11px;rotate:-7deg;background:#FFF0BD;border:1px solid #FFE29A;border-radius:13px 13px 3px 13px;color:#BA8B2C}
.pb-index-certificate{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;background:#FFF2CB;border:1px solid #EEDCAE;border-radius:13px;box-shadow:0 3px 0 #E8D8B2;color:#B28E39;margin-top:auto}.pb-index-certificate>span{display:grid;place-items:center;flex:none;width:32px;height:35px;border-radius:10px;background:#FFDD7B;font-size:22px;color:#C39631}.pb-index-certificate b{font:900 11px Nunito}.pb-index-certificate small{display:block;font:700 8px Nunito;color:#BAA576;margin-top:3px}.pb-index-certificate i{margin-left:auto;font:900 17px Nunito;font-style:normal;color:#BC9B4B}.pb-left-foot,.pb-right-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:18px;padding-top:12px;border-top:1px solid #EAE1EB;color:#B7A5BE;font:900 7px Nunito;letter-spacing:.5px}.pb-left-foot b{color:#C5A23C;font-size:9px}.pb-right-foot b{color:#A18AB0;font-size:10px}
.pb-page-content{display:flex;flex-direction:column;flex:1;min-width:0}.pb-page-heading>span{font:900 7px Nunito;letter-spacing:1.2px;color:#BFA9CE}.pb-page-heading h2{font:800 29px/1.1 'Baloo 2',Nunito;color:#87629E;margin:8px 0 7px;letter-spacing:-.3px}.pb-page-heading p{font:700 10px/1.7 Nunito;color:#B6A4C0;margin:0 0 20px}
.pb-sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.pb-sound-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:128px;padding:12px 5px 10px;background:linear-gradient(145deg,var(--tile),var(--tile2));border:2px solid #FFFFFF55;border-radius:17px;box-shadow:0 5px 0 color-mix(in srgb,var(--tile),#564679 33%);color:white;transition:transform .18s,box-shadow .18s}.pb-sound-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 color-mix(in srgb,var(--tile),#564679 33%)}.pb-card-art{display:grid;place-items:center;width:58px;height:58px;max-width:80%;padding:6px;background:#FFFFFFED;border-radius:17px}.pb-card-art .art3d{display:block;width:100%;height:100%}.pb-sound-card>b{font:900 25px Nunito;line-height:1.15}.pb-sound-card>small{font:800 8px Nunito;opacity:.9}.pb-sound-card>i{position:absolute;right:7px;top:7px;font:900 11px Nunito;color:#FFFFFFAB;font-style:normal}.pb-sound-card.completed>i{color:#FFF1A9;font-size:14px}.pb-group-grid .pb-sound-card{min-height:165px;gap:10px}.pb-group-grid .pb-card-art{width:70px;height:70px;border-radius:20px}.pb-group-grid .pb-sound-card>b{font-size:30px}
.pb-page-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:13px 0 16px;border-top:1px dashed #E0D3EA}.pb-page-controls>button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 11px;min-height:35px;background:#F1EAF9;border:1px solid #E7DDF0;border-radius:9px;box-shadow:0 2px 0 #DED1E9;color:#A58AB9;font:900 9px Nunito}.pb-page-controls>button:disabled{opacity:.35;box-shadow:none;cursor:default}.pb-page-controls>span{font:900 9px Nunito;color:#B29DC2;white-space:nowrap}.pb-page-controls>span i{font-style:normal;color:#DBD1E5;margin:0 5px}.pb-enter-adventure{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;border:1px solid #77E5C7;background:linear-gradient(110deg,#51D6AC,#19B79D);border-radius:13px;color:white;box-shadow:0 4px 0 #118E7D;font:900 14px Nunito;text-align:left;flex:none}.pb-enter-adventure small{display:block;font:700 8px Nunito;color:#D7FFF2;margin-top:3px}.pb-enter-adventure>b{font:900 25px Nunito}.pb-reader-hint{text-align:center;font:800 9px Nunito;color:#E6DDF8;margin:28px 0 0}
.pb-turn-sheet{position:fixed;z-index:10000;pointer-events:none;transform-style:preserve-3d;transform-origin:left center;animation:pb-turn .74s cubic-bezier(.3,.03,.18,1) forwards;perspective:1800px}.pb-turn-front,.pb-turn-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:0 14px 13px 0}.pb-turn-front{background:#FFFEFA;box-shadow:-8px 4px 22px #5C426B33}.pb-turn-front>.pb-right-page{width:100%;height:100%;box-sizing:border-box}.pb-turn-back{transform:rotateY(180deg);background:linear-gradient(90deg,#DDCFB3,#FFFBF0 9%,#FFFEFA 85%,#E1D4BF);box-shadow:5px 1px 25px #4B365933}.pb-turn-back:after{content:"";position:absolute;inset:25px;border:1px solid #EEE5D7;border-radius:4px;opacity:.7}.pb-turn-backwards{transform-origin:right center;animation-name:pb-turn-backward}@keyframes pb-turn{0%{transform:perspective(1800px) rotateY(0)}100%{transform:perspective(1800px) rotateY(-178deg)}}@keyframes pb-turn-backward{0%{transform:perspective(1800px) rotateY(0)}100%{transform:perspective(1800px) rotateY(178deg)}}
.pb-route-tabs button:focus-visible,.pb-open:focus-visible,.pb-sound-card:focus-visible,.pb-page-controls button:focus-visible,.pb-enter-adventure:focus-visible{outline:3px solid #FFCD5C;outline-offset:4px}
@media(min-width:761px) and (max-width:1000px){.pb-left-page,.pb-right-page{padding:23px 20px 18px}.pb-left-page h1{font-size:35px}.pb-right-page{padding-left:24px}.pb-page-heading h2{font-size:24px}.pb-sound-grid{gap:9px}.pb-sound-card{min-height:115px}.pb-card-art{width:49px;height:49px;border-radius:14px}.pb-sound-card>b{font-size:22px}.pb-group-grid .pb-sound-card{min-height:153px}.pb-group-grid .pb-card-art{width:60px;height:60px}.pb-route-tabs b{font-size:12px}.pb-route-tabs small{font-size:8px}.pb-enter-adventure{font-size:12px}.pb-index-certificate small{font-size:7px}}
@media(max-width:760px){.reading-navigation{gap:8px;padding-bottom:13px;margin-bottom:16px}.reading-navigation button{font-size:9px;padding:8px 10px;min-height:34px;gap:5px}.reading-navigation svg{width:15px;height:15px}.reading-location{font-size:9px;gap:6px}.reading-navigation::before{left:-8px;width:3px;bottom:16px}.safari-reading{border-radius:18px}.pb-cover-top{margin-bottom:23px;font-size:6px;letter-spacing:.6px;gap:12px;padding:0 4px}.pb-cover-top>span:first-child{font-size:10px;letter-spacing:.4px}.pb-cover-top>span:last-child{max-width:135px;line-height:1.5;text-align:right}.pb-cover-scene{width:min(350px,94%);padding:0 12px 18px 10px}.pb-book{rotate:0;transform:rotate(-1deg)}.pb-spine{left:-11px;width:16px;gap:20px}.pb-spine span{font-size:7px;letter-spacing:1.2px}.pb-spine small{font-size:5px;letter-spacing:.7px}.pb-paper-block{inset:7px -9px -9px 3px;border-right-width:5px;border-bottom-width:5px;border-radius:6px 20px 21px 6px}.pb-cover-face{padding:22px 14px 18px 22px;border-radius:7px 19px 20px 7px}.pb-cover-face:before{inset:10px 9px 10px 17px}.pb-cover-eyebrow{font-size:5.5px;letter-spacing:1.2px}.pb-cover-title{gap:9px;margin:23px 0 16px}.pb-title-row{gap:4px}.pb-title-row>span{width:clamp(30px,9vw,37px);height:44px;border-radius:9px;font-size:30px;box-shadow:0 4px 0 #2D2B7B66,inset 0 2px 0 #FFFFFF66}.pb-cover-tagline{font-size:10px}.pb-cover-leo{width:240px;height:260px;margin:13px auto 0}.pb-cover-leo .leo-bubble{font-size:6.5px;padding:7px 8px;left:-2px;top:4px;border-radius:10px 10px 10px 2px}.pb-floating-letter{width:31px;height:34px;font-size:17px;border-radius:9px}.pb-aa{left:-2px;top:100px}.pb-bb{right:-4px;top:172px}.pb-cover-star{font-size:21px;right:8px;top:27px}.pb-cover-hello{font-size:6px;bottom:0}.pb-cover-author{margin:15px 0}.pb-cover-author>span{font-size:5px;letter-spacing:1.5px}.pb-cover-author strong{font-size:12px}.pb-cover-facts{font-size:6px;gap:9px;padding-top:12px;margin:0 3px}.pb-cover-facts b{font-size:10px;margin-right:2px}.pb-open{font-size:13px;padding:10px 11px 10px 19px;gap:22px;margin-top:19px}.pb-open b{width:29px;height:31px;font-size:19px}.pb-cover-bottom{font-size:8px;margin-top:15px}.pb-cover-stage .source-note{font-size:7px;margin-top:23px}.pb-book.opening{transform:translateX(35px)}.pb-paper-block>span{font-size:34px}.pb-reader-top{gap:8px;margin-bottom:19px;flex-wrap:wrap}.pb-reader-top>span{display:none}.pb-reader-top>button{font-size:9px;padding:9px 11px}.pb-open-book{display:block;border-width:4px;border-radius:14px;min-height:0;box-shadow:0 3px 0 #E7DEC9,0 6px 0 #FFF9E9,0 9px 0 #D5C8BA,0 13px 0 #3E398D77,0 23px 33px #332F7F30}.pb-left-page{padding:23px 20px 20px;border-radius:9px 9px 0 0;background:linear-gradient(140deg,#FFFDF7,#F6F0FF);border-bottom:1px solid #DFD2E9}.pb-running{font-size:6px;margin-bottom:18px;padding-bottom:10px;letter-spacing:.5px}.pb-left-page>.pb-running{display:none}.pb-chapter-kicker{font-size:6px;letter-spacing:.8px;margin:0 0 10px}.pb-left-page h1{font-size:31px;line-height:1.03;margin:0 0 13px;max-width:210px}.pb-left-page h1 i{font-size:19px;margin-left:8px}.pb-index-intro{font-size:9px;line-height:1.6;margin:0 0 17px;max-width:210px}.pb-route-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.pb-route-tabs>button{padding:10px 8px;gap:7px;border-radius:12px}.pb-route-tabs>button>span{width:25px;height:29px;font-size:9px;border-radius:8px}.pb-route-tabs b{font-size:11px}.pb-route-tabs small{font-size:6.5px;line-height:1.5;margin-top:2px}.pb-route-tabs i{display:none}.pb-index-leo{position:absolute;top:16px;right:7px;width:100px;height:116px;min-height:0;max-height:none;margin:0;pointer-events:none}.pb-index-leo .lion-guide{width:100%!important;height:100%!important}.pb-index-leo>span{display:none}.pb-index-certificate{margin-top:16px;padding:10px;gap:8px}.pb-index-certificate>span{width:28px;height:29px;border-radius:8px;font-size:19px}.pb-index-certificate b{font-size:10px}.pb-index-certificate small{font-size:7px}.pb-index-certificate i{font-size:15px}.pb-left-foot{display:none}.pb-group-jumps{margin:15px 0 0;gap:6px}.pb-group-jumps>button{padding:7px 0;font-size:10px}.pb-binding{display:none}.pb-ribbon{right:19px;height:44px;width:15px}.pb-right-page{padding:22px 17px 17px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#EAE0D2,#FFFEFA 3%,#FFFEFA 98%,#EAE0D2)}.pb-right-page>.pb-running{font-size:6px;margin-bottom:17px}.pb-page-heading>span{font-size:6px}.pb-page-heading h2{font-size:24px;line-height:1.1;margin:7px 0}.pb-page-heading p{font-size:9px;margin-bottom:17px}.pb-sound-grid{gap:10px;margin-bottom:20px}.pb-sound-card{min-height:109px;border-radius:13px;padding:10px 3px 9px;gap:6px}.pb-card-art{width:47px;height:47px;padding:5px;border-radius:14px}.pb-sound-card>b{font-size:23px}.pb-sound-card>small{font-size:6px}.pb-sound-card>i{top:5px;right:5px;font-size:9px}.pb-group-grid .pb-sound-card{min-height:138px;gap:9px}.pb-group-grid .pb-card-art{width:57px;height:57px;border-radius:16px}.pb-group-grid .pb-sound-card>b{font-size:26px}.pb-page-controls{padding:12px 0 16px;margin-top:0}.pb-page-controls>button{font-size:9px;padding:9px 10px;min-height:35px}.pb-page-controls>span{font-size:8px}.pb-enter-adventure{font-size:13px;padding:12px 15px;border-radius:12px}.pb-enter-adventure small{font-size:7px}.pb-enter-adventure>b{font-size:22px}.pb-right-foot{margin-top:19px;padding-top:11px;font-size:6px}.pb-reader-hint{font-size:8px;margin-top:26px}.pb-turn-front>.pb-right-page{padding:22px 17px 17px;border-radius:0 0 10px 10px}.pb-turn-front,.pb-turn-back{border-radius:0 0 10px 10px}}
@media(max-width:350px){.pb-cover-scene{width:95%;padding-left:9px}.pb-cover-face{padding-left:20px;padding-right:10px}.pb-title-row{gap:3px}.pb-title-row>span{width:30px;height:38px;font-size:26px;border-radius:8px}.pb-cover-leo{width:215px;height:235px}.pb-cover-tagline{font-size:9px}.pb-cover-author strong{font-size:11px}.pb-cover-eyebrow{font-size:5px}.pb-cover-facts{gap:7px;font-size:5px}.pb-cover-facts b{font-size:9px}.pb-left-page{padding-left:15px;padding-right:15px}.pb-left-page h1{font-size:28px;max-width:187px}.pb-index-leo{width:85px;height:106px;right:0;top:16px}.pb-route-tabs>button{gap:5px;padding:10px 6px}.pb-route-tabs b{font-size:9.5px}.pb-route-tabs small{font-size:6px}.pb-right-page{padding-left:13px;padding-right:13px}.pb-page-heading h2{font-size:22px}.pb-sound-grid{gap:9px}.pb-card-art{width:41px;height:41px;border-radius:12px}.pb-sound-card{min-height:99px}.pb-sound-card>b{font-size:21px}.pb-group-grid .pb-card-art{width:49px;height:49px}.pb-group-grid .pb-sound-card{min-height:130px}.reading-location{font-size:8px}.reading-navigation button{font-size:8px;padding:8px}}
@media(prefers-reduced-motion:reduce){.safari-arrive,.pb-floating-letter,.pb-turn-sheet{animation:none!important}.pb-book,.pb-book-front,.pb-open,.pb-sound-card{transition:none!important}}

.pb-paper-block{z-index:0}.pb-book-front{z-index:2}
.pb-paper-block>span,.pb-paper-block>i{opacity:0;transition:opacity .3s ease}
.pb-book.opening .pb-paper-block>span,.pb-book.opening .pb-paper-block>i{opacity:1;transition-delay:.15s}
.pb-page-controls>button{font-size:11px;min-height:39px;padding:10px 13px}
.pb-page-controls>button:not(:disabled){background:#9876DE;color:white;border-color:#B69AEE;box-shadow:0 3px 0 #795CB6}
@media(max-width:760px){.pb-page-controls>button{font-size:10px;min-height:38px;padding:10px 12px}}
/* Warm light behind the closed cover; the safari inside keeps its original colours. */
body[data-view="cover"]{background:radial-gradient(ellipse at 20% 5%,#FFF5E1 0,transparent 52%),radial-gradient(ellipse at 92% 72%,#D2F1E8 0,transparent 52%),linear-gradient(135deg,#F9F2FC,#E8E5F7 58%,#E4F0EC) fixed!important}
.pb-cover-top{color:#9E8DAF}.pb-cover-top>span:first-child{color:#8D6CB5}.pb-cover-bottom{color:#9C8BAA}.pb-cover-stage .source-note{color:#B2A3BB}
.pb-cover-face{background:radial-gradient(ellipse at 10% 16%,#8D6DEF66,transparent 55%),linear-gradient(150deg,#3E42A7,#4364C8 57%,#09A998);border-color:#D3CAFF;box-shadow:inset 13px 0 16px #211F684D,inset 20px 0 1px #FFFFFF17}
.pb-cover-scene{filter:drop-shadow(0 15px 20px #796C9D20)}.pb-book{filter:drop-shadow(12px 20px 19px #63537533)}.pb-cover-face:before{border-color:#E3D6A55E}.pb-paper-block:before{background:radial-gradient(ellipse at 83% 16%,#F8E9FF 0,transparent 53%),linear-gradient(90deg,#D6C9AC,#FFFDF6 8%)}
.pb-paper-block{display:block}.pb-welcome-page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:29px 27px 23px 34px;opacity:0;transition:opacity .35s ease}
.pb-book.opening .pb-welcome-page{opacity:1;transition-delay:.23s}
.pb-welcome-top{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font:900 7px Nunito;letter-spacing:1.1px;color:#B39AC2;border-bottom:1px solid #EBDFF0;padding-bottom:14px}
.pb-welcome-heading>span{display:block;font:900 7px Nunito;letter-spacing:1.3px;color:#BF9DC6;margin:25px 0 14px}.pb-welcome-heading h2{font:800 43px/1.04 'Baloo 2',Nunito;letter-spacing:-.5px;color:#8D6AAC;margin:0}.pb-welcome-heading h2 em{font-style:normal;color:#27AE9D}.pb-welcome-heading p{font:700 11px/1.9 Nunito;color:#B29ABA;margin:16px 0 0}
.pb-welcome-leo{position:relative;flex:1;min-height:0;max-height:225px;display:flex;align-items:center;justify-content:center;width:100%;margin:14px 0}.pb-welcome-leo .lion-guide{width:200px!important;height:220px!important;max-height:100%}.pb-welcome-leo>span{position:absolute;color:#EEC564;font:900 24px Nunito}.pb-welcome-leo>span:first-child{left:20%;top:22%}.pb-welcome-leo>span:last-child{right:15%;top:45%;font-size:17px;color:#C6A2E8}
.pb-welcome-steps{display:flex;justify-content:center;gap:8px;width:100%;margin:3px 0 20px}.pb-welcome-steps>span{font:900 9px Nunito;color:#B49ABD;border:1px solid #E7DCF0;background:#F6F0FB;border-radius:20px;padding:7px 12px}.pb-welcome-steps b{color:#64BBA3;margin-right:4px}.pb-welcome-signature{font:800 8px/1.7 Nunito;color:#B3A0BE;border-top:1px solid #E7DDEC;padding-top:13px;width:100%}.pb-welcome-signature strong{display:block;color:#9C7EAD;font-size:11px;margin-top:2px}
.pb-reader-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-top:27px}.pb-reader-bottom .pb-reader-hint{margin:0}.pb-paper-sound{display:inline-flex;align-items:center;gap:6px;background:#FFFFFF22;border:1px solid #FFFFFF38;box-shadow:none;color:#F4EEFF;font:800 9px Nunito;padding:7px 10px;border-radius:20px}.pb-paper-sound>span{font-size:12px;color:#FFE393}.pb-cover-stage .pb-paper-sound{background:#FFFFFF80;color:#A28AAE;border-color:#FFFFFFB0;margin-top:16px;box-shadow:0 2px 0 #D8C9DF44}.pb-cover-stage .pb-paper-sound>span{color:#C5A35C}
.pb-compact-index{min-height:810px}.pb-compact-index .pb-left-page h1{font-size:42px;line-height:1.02}.pb-compact-index .pb-index-intro{margin-bottom:22px}.pb-compact-index .pb-page-heading h2{font-size:27px}.pb-compact-index .pb-page-heading p{margin-bottom:17px}
.pb-all-letters{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:20px}.pb-all-letters .pb-sound-card{min-height:83px;border-radius:11px;padding:7px 2px;gap:4px;border-width:1px;box-shadow:0 3px 0 color-mix(in srgb,var(--tile),#564679 33%)}.pb-all-letters .pb-card-art{width:35px;height:35px;padding:4px;border-radius:10px;max-width:83%}.pb-all-letters .pb-sound-card>b{font-size:19px}.pb-all-letters .pb-sound-card>i{font-size:7px;top:4px;right:4px}.pb-all-letters .pb-sound-card.completed>i{font-size:10px}
.pb-all-groups{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.pb-compact-group{padding:10px 11px 11px;border:1px solid #E9E0EE;border-left:3px solid var(--group);border-radius:12px;background:#FFFFFFA8;box-shadow:0 2px 0 #EFE8F3}
.pb-compact-group-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:8px}.pb-compact-group-title>button{display:flex;align-items:center;gap:8px;padding:0;background:none;border:0;box-shadow:none;text-align:left;flex:1;min-width:0;border-radius:0;color:#9577A6}.pb-compact-group-title>button>span{display:grid;place-items:center;flex:none;width:26px;height:29px;border-radius:8px;background:var(--group);color:white;font:900 12px Nunito}.pb-compact-group-title b{font:900 11px Nunito}.pb-compact-group-title small{display:block;font:700 7px Nunito;color:#B49BC0;margin-top:2px}.pb-compact-group-title i{font:900 15px Nunito;color:var(--group);font-style:normal;margin-left:4px}.pb-compact-group-title>em{font:900 8px Nunito;color:#C1A75B;white-space:nowrap;font-style:normal}
.pb-compact-sounds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.pb-compact-sounds>button{position:relative;min-width:0;min-height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#F7F2FC;border:1px solid #E8DDF0;border-radius:7px;padding:4px 0;box-shadow:0 2px 0 #E5D8ED;color:#AC8DBD}.pb-compact-sounds b{font:900 14px Nunito;white-space:nowrap}.pb-compact-sounds small{font:800 6px Nunito;color:#BBA2C9}.pb-compact-sounds>button>i{position:absolute;right:1px;top:0;font:900 7px Nunito;color:#D0A94A;font-style:normal}.pb-compact-sounds>button.completed{background:#FFF3C9}.pb-compact-sounds>button:hover{color:var(--group);background:#FFF8E9;transform:translateY(-1px)}
.pb-compact-index .pb-page-controls{padding-top:15px}.pb-compact-index .pb-right-foot{margin-top:20px}
.pb-turn-sheet{animation-duration:.88s;animation-timing-function:cubic-bezier(.32,.025,.13,1)}.pb-turn-front:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#4C365C40,transparent 19%,#FFFDF300 60%,#45394A25);pointer-events:none;animation:pb-leaf-light .88s ease both}.pb-turn-back{border-radius:0 17px 17px 0;background:radial-gradient(ellipse at 75% 15%,#FFF2F7,transparent 65%),linear-gradient(90deg,#D6C7AB,#FFFBF1 9%,#FFFEF9 88%,#DCCFB8)}
.pb-back-watermark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#E0C690;font:900 36px Nunito;opacity:.45}.pb-back-watermark>span{font:800 25px 'Baloo 2';color:#C7AFD4;letter-spacing:.3px}
@keyframes pb-leaf-light{0%{opacity:0}35%{opacity:.6}65%{opacity:1}100%{opacity:.3}}
@keyframes pb-turn{0%{transform:perspective(1800px) rotateY(0) skewY(0)}35%{transform:perspective(1800px) rotateY(-56deg) skewY(-.8deg)}70%{transform:perspective(1800px) rotateY(-133deg) skewY(-.3deg)}100%{transform:perspective(1800px) rotateY(-178deg) skewY(0)}}
@keyframes pb-turn-backward{0%{transform:perspective(1800px) rotateY(0) skewY(0)}35%{transform:perspective(1800px) rotateY(56deg) skewY(.8deg)}70%{transform:perspective(1800px) rotateY(133deg) skewY(.3deg)}100%{transform:perspective(1800px) rotateY(178deg) skewY(0)}}
@media(min-width:761px) and (max-width:1000px){.pb-all-letters{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pb-all-letters .pb-sound-card{min-height:76px}.pb-all-letters .pb-card-art{width:30px;height:30px;padding:3px;border-radius:8px}.pb-all-letters .pb-sound-card>b{font-size:17px}.pb-compact-index .pb-left-page h1{font-size:34px}.pb-compact-index .pb-page-heading h2{font-size:24px}.pb-compact-group{padding:9px 8px}.pb-compact-group-title small{font-size:6px}.pb-compact-sounds{gap:4px}.pb-compact-sounds b{font-size:12px}}
@media(max-width:760px){.pb-welcome-page{padding:23px 19px 19px 27px}.pb-welcome-top{font-size:5px;padding-bottom:10px;letter-spacing:.8px}.pb-welcome-heading>span{font-size:5px;letter-spacing:1px;margin:22px 0 12px}.pb-welcome-heading h2{font-size:33px}.pb-welcome-heading p{font-size:8px;margin-top:12px}.pb-welcome-leo{max-height:190px;margin:11px 0}.pb-welcome-leo .lion-guide{width:165px!important;height:185px!important}.pb-welcome-leo>span{font-size:19px}.pb-welcome-leo>span:first-child{left:11%}.pb-welcome-leo>span:last-child{right:7%;font-size:14px}.pb-welcome-steps{gap:5px;margin-bottom:14px}.pb-welcome-steps>span{font-size:7px;padding:6px 9px}.pb-welcome-signature{font-size:6px;padding-top:11px}.pb-welcome-signature strong{font-size:9px}.pb-reader-bottom{gap:9px;margin-top:25px}.pb-reader-bottom .pb-reader-hint{font-size:7px;line-height:1.6;max-width:31ch}.pb-paper-sound{font-size:8px;padding:7px 9px}.pb-cover-stage .pb-paper-sound{margin-top:13px}.pb-compact-index .pb-left-page h1{font-size:30px;max-width:200px}.pb-compact-index .pb-index-intro{margin-bottom:17px;max-width:195px}.pb-compact-index .pb-page-heading h2{font-size:23px;max-width:25ch}.pb-compact-index .pb-page-heading p{font-size:8px;margin-bottom:15px}.pb-all-letters{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:20px}.pb-all-letters .pb-sound-card{min-height:76px;border-radius:10px;gap:4px;padding:7px 1px}.pb-all-letters .pb-card-art{width:31px;height:31px;padding:4px;border-radius:9px}.pb-all-letters .pb-sound-card>b{font-size:18px}.pb-all-groups{gap:10px;margin-bottom:20px}.pb-compact-group{padding:10px 9px}.pb-compact-group-title{margin-bottom:8px}.pb-compact-group-title b{font-size:11px}.pb-compact-group-title small{font-size:7px}.pb-compact-group-title>button>span{width:25px;height:28px;font-size:11px}.pb-compact-sounds{gap:5px}.pb-compact-sounds b{font-size:14px}.pb-compact-sounds>button{min-height:32px}.pb-back-watermark{font-size:29px}.pb-back-watermark>span{font-size:21px}}
@media(max-width:350px){.pb-welcome-heading h2{font-size:29px}.pb-welcome-heading p{font-size:7px}.pb-welcome-leo{max-height:166px}.pb-welcome-steps>span{font-size:6px;padding:6px 8px}.pb-compact-index .pb-left-page h1{font-size:27px;max-width:180px}.pb-compact-index .pb-page-heading h2{font-size:21px}.pb-all-letters{gap:7px}.pb-all-letters .pb-card-art{width:27px;height:27px;padding:3px;border-radius:8px}.pb-all-letters .pb-sound-card{min-height:69px;border-radius:8px}.pb-all-letters .pb-sound-card>b{font-size:16px}.pb-compact-sounds b{font-size:12px}.pb-compact-group-title small{font-size:6px}.pb-compact-sounds{gap:4px}}

.pb-compact-group{padding:7px 9px 8px}.pb-compact-group-title{margin-bottom:5px}.pb-compact-group-title>button>span{width:23px;height:25px;font-size:11px}.pb-compact-sounds>button{min-height:26px;padding:3px 0}.pb-all-groups{gap:8px}
@media(max-width:760px){.pb-compact-group{padding:8px 9px 9px}.pb-compact-sounds>button{min-height:31px}.pb-all-groups{gap:9px}}

.pb-welcome-page{opacity:1;transition:none}.pb-book.opening .pb-welcome-page{opacity:1;transition:none}

.pb-paper-sound>span{display:inline-flex;align-items:center}.pb-paper-sound svg{width:13px;height:13px}

.pb-welcome-next{display:inline-flex;align-items:center;justify-content:center;gap:20px;font:900 11px Nunito;color:#A087B3;background:#F1E8FA;border:1px solid #E3D6ED;border-radius:10px;box-shadow:0 3px 0 #D9C9E6;padding:10px 17px;margin:0 0 16px;opacity:0;pointer-events:none}
.pb-book.opening .pb-welcome-next{opacity:1;pointer-events:auto}.pb-welcome-next>span{font-size:17px}.pb-welcome-next:hover{background:#EBDDFA;transform:translateY(-1px)}
.pb-welcome-leo{max-height:200px}.pb-welcome-steps{margin-bottom:15px}
@media(max-width:760px){.pb-welcome-next{font-size:9px;padding:8px 14px;margin-bottom:12px;border-radius:8px}.pb-welcome-leo{max-height:165px}.pb-welcome-steps{margin-bottom:11px}}
/* A portrait hardcover with one consistent palette and editorial rhythm. */
body[data-view="cover"],body[data-view="contents"]{background:radial-gradient(ellipse at 12% 8%,#EADFFF,transparent 48%),radial-gradient(ellipse at 90% 75%,#BFEDE8,transparent 55%),linear-gradient(145deg,#E7E9FF,#D9F3F8 60%,#DCEDE9) fixed!important}
body[data-view="cover"] .cloud-world{display:block!important;opacity:1!important}body[data-view="cover"] .rising-cloud{opacity:.75!important}
.cb-stage{max-width:1080px;margin:0 auto 36px;perspective:2400px}.cb-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 23px;padding:0 10px;color:#625785;font:900 9px Nunito;letter-spacing:1.6px}.cb-brand>span:first-child{font-size:13px;color:#56438F}.cb-brand>span:last-child{font-size:8px;letter-spacing:1.2px}.cb-scene{position:relative;width:min(550px,94%);padding:0 16px 18px;margin:auto;perspective:2400px}.cb-scene.is-open{width:100%}.cb-book{position:relative;border-radius:9px 25px 25px 9px;background:#4A3895;isolation:isolate;box-shadow:3px 4px 0 #FFF9E8,6px 7px 0 #CCBEA3,9px 10px 0 #FFF6DF,13px 14px 0 #4D3B96,0 28px 48px #4A487B30;transform-style:preserve-3d;min-width:0}.cb-book:after{content:"";position:absolute;right:-9px;top:9px;bottom:4px;width:12px;z-index:-1;border-right:3px solid #4D3B96;border-radius:0 20px 18px 0;background:repeating-linear-gradient(0deg,#FFF9E9 0 2px,#D8CAB0 2px 3px,#FFFEF2 3px 5px)}
.cb-front{position:relative;z-index:4;transform-origin:left center;backface-visibility:hidden;border-radius:9px 24px 24px 9px;transform-style:preserve-3d;background:#51429C}.cb-front-face{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:760px;padding:35px 36px 27px 43px;overflow:hidden;border:1px solid #B6A2EF;border-radius:9px 24px 24px 9px;background:radial-gradient(ellipse at 50% 43%,#8A70DC75,transparent 64%),linear-gradient(165deg,#6448B6 0%,#514CA9 48%,#276C9D 76%,#247F92 100%);box-shadow:inset 14px 0 18px #2E21564D,inset 22px 0 1px #FFFFFF15;color:white}.cb-front-face:before{content:"";position:absolute;inset:13px 13px 13px 25px;border:1px solid #FFE4AF66;border-radius:4px 14px 14px 4px;pointer-events:none;z-index:5}.cb-front-face:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#FFF8D850 .8px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(100deg,#000,transparent 90%);pointer-events:none}.cb-spine{position:absolute;left:-15px;top:0;bottom:0;width:22px;z-index:6;writing-mode:vertical-rl;rotate:180deg;display:flex;align-items:center;justify-content:center;gap:35px;background:linear-gradient(90deg,#342568,#4F3C95 65%,#7860BA);border-radius:5px 0 0 5px;color:#FFE4A5;box-shadow:2px 0 8px #251F5533}.cb-spine>span{font:900 9px Nunito;letter-spacing:2px}.cb-spine small{font:800 6px Nunito;letter-spacing:1px}.cb-spine i{font-style:normal;font-size:14px}
.cb-cover-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%}.cb-cover-eyebrow{font:900 8px Nunito;letter-spacing:2.5px;color:#E5DDF7}.cb-cover-title{display:flex;flex-direction:column;align-items:center;margin:22px 0 13px;gap:0;font:800 84px/.88 'Baloo 2',Nunito;letter-spacing:1px;text-shadow:0 4px 0 #33276455}.cb-title-word{display:block;color:#FFF8E7}.cb-title-word:last-child{color:#FFDA83;font-size:1.1em;letter-spacing:2px}.cb-cover-tagline{font:800 12px Nunito;color:#F0E9FF;letter-spacing:.2px;margin:0}.cb-cover-description{display:none}.cb-cover-leo{position:relative;width:335px;max-width:100%;height:345px;min-height:0;padding:0;margin:19px auto 15px;isolation:isolate;z-index:2}.cb-cover-leo .mascot-touch{padding:0;width:100%;height:100%;max-width:none;background:none;border:0;box-shadow:none}.cb-cover-leo .hero-mascot{width:100%;height:100%;max-width:none;max-height:none;filter:drop-shadow(0 12px 8px #1E3B6533)}.cb-cover-leo .leo-bubble{position:absolute;top:9px;left:-7px;padding:9px 12px;border-radius:15px 15px 3px 15px;background:#FFF9E9;color:#65508D;font:900 9px Nunito;rotate:-7deg;z-index:5;box-shadow:0 3px 0 #44357433}.cb-floating{position:absolute;display:grid;place-items:center;width:44px;height:48px;border-radius:13px;font:900 24px Nunito;z-index:5;box-shadow:0 4px 0 #30266B40;animation:cb-float 5s ease-in-out infinite}.cb-aa{top:110px;left:-23px;background:#FFD778;color:#835528;rotate:-12deg}.cb-bb{top:205px;right:-17px;background:#96E5D3;color:#236960;rotate:12deg;animation-delay:-2.4s}.cb-star{position:absolute;right:6px;top:22px;color:#FFD77C;font:900 31px Nunito;animation:cb-float 6s ease-in-out infinite}.cb-leo-label{position:absolute;bottom:0;left:0;right:0;font:800 8px Nunito;color:#DEF7F1;letter-spacing:.4px}.cb-cover-foot{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:auto}.cb-author{text-align:center;color:#FFF5D8}.cb-author>span{display:block;font:800 7px Nunito;letter-spacing:2.1px;color:#CBE9EB;margin-bottom:5px}.cb-author strong{font:900 15px Nunito;letter-spacing:.2px}.cb-facts{display:flex;justify-content:center;gap:0;padding-top:14px;border-top:1px solid #FFFFFF33;width:100%;max-width:345px;font:800 9px Nunito;color:#DDF2F0}.cb-facts>span{flex:1}.cb-facts>span+span{border-left:1px solid #FFFFFF33}.cb-facts b{font:900 16px Nunito;color:#FFE7A7;margin-right:3px}.cb-cover-land{position:absolute;left:-15%;right:-15%;height:220px;bottom:-70px;z-index:0;border-radius:50% 50% 0 0;rotate:-7deg;background:#3ABCB65C;box-shadow:0 -30px 0 #6ED3C62B,0 -57px 0 #C7EAC218;pointer-events:none}
.cb-clasp{position:absolute;right:-17px;top:48%;z-index:8;display:flex;align-items:center;justify-content:center;width:77px;height:94px;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;color:#956628;transform-origin:right center;transition:transform .25s}.cb-clasp-strap{position:absolute;top:14px;left:-10px;right:0;height:65px;z-index:-1;border-radius:13px 6px 6px 13px;background:linear-gradient(90deg,#C89847,#EBC67C 55%,#D2A552);border:1px solid #FFE9AF;box-shadow:0 4px 0 #332F6533}.cb-clasp-plate{width:54px;height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:13px;background:linear-gradient(135deg,#FFF3CE,#F3CA72);border:2px solid #FFEBC0;box-shadow:0 4px 0 #AD823F,0 8px 12px #3A2E5933}.cb-clasp-plate svg{width:26px;height:26px}.cb-clasp-plate b{font:900 7px Nunito;letter-spacing:1.2px}.cb-clasp:hover{transform:translateX(-3px) rotate(-3deg)}.cb-clasp:focus-visible{outline:3px solid #FFFFFF;outline-offset:5px;border-radius:12px}.cb-clasp>small{display:none}
.cb-welcome{position:absolute;inset:0;visibility:hidden;display:none;grid-template-columns:1fr 1fr;min-width:0;background:#FFFCF2;border:5px solid #59439E;border-radius:9px 24px 24px 9px;z-index:1}.cb-book.opening .cb-welcome{position:relative;visibility:visible;display:grid;min-height:690px}.cb-book.opening .cb-front{position:absolute;left:50%;top:0;width:50%;height:100%;pointer-events:none;transform:rotateY(-178deg)}.cb-book.opening .cb-front-face{height:100%;min-height:0}.cb-book.opening .cb-clasp{display:none}.cb-book.ready .cb-front{visibility:hidden}.cb-welcome-left,.cb-welcome-right{position:relative;min-width:0;display:flex;flex-direction:column;padding:29px 35px 23px}.cb-welcome-left{border-radius:5px 0 0 5px;background:linear-gradient(90deg,#FFFCF3 88%,#F4EBDB 97%,#C7B697)}.cb-welcome-right{border-radius:0 17px 17px 0;background:linear-gradient(90deg,#D6C5A9,#F9F3E6 3%,#FFFCF3 9%)}.cb-welcome-gutter{position:absolute;top:0;bottom:0;left:50%;translate:-50% 0;width:18px;background:linear-gradient(90deg,transparent,#66503A22,transparent);z-index:3;pointer-events:none}.cb-running{display:flex;justify-content:space-between;align-items:center;gap:9px;font:900 8px Nunito;letter-spacing:.8px;color:#8E7F9C;border-bottom:1px solid #E4DCCD;padding-bottom:13px;margin-bottom:32px}.cb-kicker{font:900 8px Nunito;letter-spacing:1.2px;color:#6F58A2;margin-bottom:14px}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2{font:800 43px/1.04 'Baloo 2',Nunito;color:#59428F;letter-spacing:-.7px;margin:0 0 20px}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2 em{font-style:normal;color:#208B84}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2 i{display:inline-block;color:#E7AD3F;font:900 27px Nunito;font-style:normal;rotate:12deg;margin-left:8px}.cb-welcome-leo{position:relative;flex:1;min-height:190px;display:flex;align-items:center;justify-content:center;margin:2px 0 17px}.cb-welcome-leo .lion-guide{width:230px!important;height:265px!important;max-height:100%}.cb-welcome-leo>span{position:absolute;left:0;top:19px;font:900 9px/1.6 Nunito;background:#FFF0BD;color:#8A692A;border:1px solid #F4D58F;border-radius:13px 13px 3px 13px;padding:9px 11px;rotate:-6deg}.cb-welcome-signature{font:800 8px Nunito;color:#9281A0;text-align:center;margin:5px 0 22px}.cb-welcome-signature strong{display:block;font:900 13px Nunito;color:#665087;margin-top:6px}.cb-paper-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #E4DCCD;padding-top:13px;margin-top:auto;font:900 7px Nunito;letter-spacing:.5px;color:#8E7F9C}.cb-paper-footer b{font-size:10px;color:#695486}.cb-welcome-intro{font:700 12px/1.8 Nunito;color:#8D7C9B;margin:0 0 23px}.cb-welcome-steps{display:flex;flex-direction:column;gap:13px;margin-bottom:27px}.cb-welcome-steps>div{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #E4DBEF;border-radius:14px;background:#F4EFF9}.cb-welcome-steps>div>span{display:grid;place-items:center;flex:none;width:35px;height:38px;border-radius:11px;font:900 11px Nunito;background:#DFD1F1;color:#705494}.cb-welcome-steps>div:nth-child(2){background:#EFF8F3;border-color:#D7EAE1}.cb-welcome-steps>div:nth-child(2)>span{background:#CDEBDD;color:#438674}.cb-welcome-steps>div:nth-child(3){background:#FFF7E2;border-color:#F2E6C4}.cb-welcome-steps>div:nth-child(3)>span{background:#FFE3A0;color:#A1752A}.cb-welcome-steps b{font:900 13px Nunito;color:#665183}.cb-welcome-steps small{display:block;font:700 9px/1.6 Nunito;color:#8E7E9A;margin-top:3px}.cb-start{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-radius:13px;border:1px solid #73D5BC;background:linear-gradient(110deg,#31B69D,#1C978E);color:white;box-shadow:0 4px 0 #17796F;text-align:left;font:900 13px Nunito;margin-top:auto;margin-bottom:24px;opacity:0;pointer-events:none;transition:opacity .3s,transform .2s}.cb-start small{display:block;font:700 8px/1.6 Nunito;color:#D9FFF3;margin-top:4px}.cb-start>b{font:900 24px Nunito}.cb-book.ready .cb-start{opacity:1;pointer-events:auto}.cb-start:hover{transform:translateY(-2px)}
/* The same paper, binding, ink and accent colours continue into the index. */
.pb-reader-top,.pb-open-book{max-width:1048px;margin-left:auto;margin-right:auto}.pb-open-book{border-color:#59439E;background:#59439E;grid-template-columns:1fr 1fr}.pb-binding{left:50%}.pb-left-page{background:linear-gradient(90deg,#FFFCF3 88%,#F4EBDB 97%,#C7B697)}.pb-right-page{background:linear-gradient(90deg,#D6C5A9,#F9F3E6 3%,#FFFCF3 9%)}.pb-reader-top>span,.pb-reader-top .cb-index-count{color:#76628E}.pb-reader-top>button{background:#FFFFFF80;border-color:#FFFFFF;color:#654D8C}.pb-reader-top>span i{color:#BD8E36}.pb-running,.pb-left-foot,.pb-right-foot{color:#8E7F9C;border-color:#E4DCCD}.pb-chapter-kicker,.pb-page-heading>span{color:#806498}.pb-left-page h1,.pb-page-heading h2{color:#59428F}.pb-left-page h1 em{color:#208B84}.pb-index-intro,.pb-page-heading p{color:#8D7C9B}.pb-route-tabs>button{color:#70598B;background:#F1EBF8;border-color:#E4D9EF;box-shadow:0 3px 0 #DFD3EB}.pb-route-tabs>button[aria-selected="true"]{background:linear-gradient(115deg,#8060C3,#6453A9);border-color:#A68ACF;box-shadow:0 4px 0 #4F3C88}.pb-route-tabs>button>span{color:#76559E;background:#E2D6EF}.pb-enter-adventure{background:linear-gradient(110deg,#31B69D,#1C978E);border-color:#73D5BC;box-shadow:0 4px 0 #17796F}.pb-index-certificate{color:#956F2A;background:#FFF0C6;border-color:#EDD49A}.pb-index-certificate small{color:#A48C57}.pb-compact-group-title>button{color:#70578C}.pb-compact-group-title small{color:#907B9D}.pb-compact-sounds button{color:#70578C}.pb-paper-sound,.pb-reader-bottom,.pb-reader-hint{display:none!important}.pb-compact-index .pb-page-controls{display:none}.pb-compact-index .pb-enter-adventure{margin-top:auto}.pb-compact-index .pb-right-foot{margin-top:23px}.safari-reading{position:relative;border:3px solid #FFFFFF4D;border-radius:28px;background:transparent;box-shadow:0 4px 0 #FFFFFF1A,0 16px 35px #382A7525;margin-top:12px;margin-bottom:27px}.reading-navigation:before{left:-15px;width:5px;box-shadow:0 2px 0 #4F358522}.safari-reading:after{content:"";position:absolute;left:12px;right:12px;bottom:-8px;height:4px;border-radius:0 0 15px 15px;background:#FFF3D940;pointer-events:none;z-index:-1}
@keyframes cb-float{50%{translate:0 -9px;rotate:4deg}}
@media(max-width:900px) and (min-width:761px){.cb-welcome-left,.cb-welcome-right{padding:25px 23px 21px}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2{font-size:35px}.cb-welcome-intro{font-size:10px}.cb-welcome-steps{gap:10px}.cb-welcome-steps>div{padding:10px}.cb-welcome-steps small{font-size:8px}.cb-welcome-leo .lion-guide{width:190px!important;height:220px!important}.cb-start{font-size:11px}.cb-start small{font-size:7px}}
@media(max-width:760px){.cb-brand{font-size:7px;margin-bottom:21px;padding:0 3px}.cb-brand>span:first-child{font-size:10px;letter-spacing:.9px}.cb-brand>span:last-child{font-size:6px;letter-spacing:.6px;max-width:130px;text-align:right;line-height:1.6}.cb-scene{width:min(470px,96%);padding:0 12px 16px}.cb-front-face{min-height:0;padding:27px 24px 24px 31px}.cb-cover-eyebrow{font-size:6px;letter-spacing:1.8px}.cb-cover-title{font-size:clamp(49px,12vw,72px);margin:20px 0 12px}.cb-cover-tagline{font-size:9px}.cb-cover-leo{width:270px;height:285px;margin:18px auto 13px}.cb-cover-leo .leo-bubble{font-size:7px;padding:7px 9px;left:0;top:7px}.cb-floating{width:34px;height:38px;border-radius:10px;font-size:19px}.cb-aa{left:-7px;top:99px}.cb-bb{right:0;top:174px}.cb-star{font-size:24px;right:6px;top:21px}.cb-leo-label{font-size:6px}.cb-cover-foot{gap:17px}.cb-author>span{font-size:6px}.cb-author strong{font-size:12px}.cb-facts{font-size:7px;padding-top:12px}.cb-facts b{font-size:13px}.cb-front-face:before{inset:11px 10px 11px 20px}.cb-spine{left:-11px;width:17px;gap:27px}.cb-spine>span{font-size:7px}.cb-spine small{font-size:5px}.cb-clasp{right:-15px;width:62px;height:80px;top:47%}.cb-clasp-strap{height:54px;left:-6px}.cb-clasp-plate{width:43px;height:61px;border-radius:11px}.cb-clasp-plate svg{width:22px;height:22px}.cb-clasp-plate b{font-size:6px}.cb-book.opening .cb-welcome{grid-template-columns:1fr;min-height:0}.cb-book.opening .cb-front{left:0;width:100%}.cb-welcome-gutter{display:none}.cb-welcome-left,.cb-welcome-right{padding:25px 24px 22px}.cb-welcome-left{background:linear-gradient(180deg,#FFFCF3 94%,#EADFCB);border-bottom:1px solid #DDCDB5;border-radius:4px 15px 0 0}.cb-welcome-right{background:linear-gradient(180deg,#F0E5D1,#FFFCF3 7%);border-radius:0 0 15px 4px;padding-top:29px}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2{font-size:35px}.cb-running{font-size:6px;margin-bottom:22px}.cb-kicker{font-size:7px}.cb-welcome-intro{font-size:10px}.cb-welcome-leo{min-height:210px;max-height:240px;margin:0 0 16px}.cb-welcome-leo .lion-guide{width:190px!important;height:220px!important}.cb-welcome-leo>span{font-size:7px;top:12px}.cb-welcome-signature{font-size:7px}.cb-welcome-signature strong{font-size:11px}.cb-paper-footer{font-size:6px}.cb-welcome-steps b{font-size:12px}.cb-welcome-steps small{font-size:8px}.cb-start{font-size:12px}.cb-start small{font-size:7px}.safari-reading{border-width:2px;border-radius:21px}.reading-navigation:before{left:-9px;width:3px}.pb-reader-top .cb-index-count{display:none}}
@media(max-width:350px){.cb-front-face{padding-left:26px;padding-right:20px}.cb-cover-title{font-size:49px}.cb-cover-leo{width:225px;height:255px;margin-top:16px}.cb-cover-eyebrow{font-size:5px}.cb-cover-tagline{font-size:8px}.cb-author strong{font-size:11px}.cb-facts{font-size:6px}.cb-facts b{font-size:11px}.cb-aa{left:0;top:90px}.cb-bb{right:0;top:160px}.cb-welcome-left,.cb-welcome-right{padding-left:18px;padding-right:18px}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2{font-size:31px}.cb-start{font-size:10px}.cb-start small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.cb-floating,.cb-star{animation:none!important}.cb-clasp,.cb-start{transition:none!important}.cb-book.opening .cb-front{visibility:hidden}}
/* A brighter world outside; a keepsake adventure atlas inside. */
body[data-view="cover"]{background:radial-gradient(ellipse at 51% 30%,#FFF1A7 0%,#FFF5C633 39%,transparent 66%),radial-gradient(ellipse at 0 92%,#FFAFD9 0%,transparent 55%),linear-gradient(155deg,#53D5EE 0%,#A5E9EC 38%,#C5CDFB 72%,#EAC8F2 100%) fixed!important}
body[data-view="contents"]{background:radial-gradient(ellipse at 9% 7%,#8FDDED,transparent 56%),radial-gradient(ellipse at 95% 95%,#F7BAD6,transparent 55%),linear-gradient(135deg,#B9DBF5,#D8CEF4 65%,#EBC9E4) fixed!important}
.cb-brand{color:#36527B}.cb-brand>span:first-child{color:#354873}.cb-brand>span:last-child{color:#48647E}.cb-book{box-shadow:3px 4px 0 #FFF9E8,6px 7px 0 #CCBEA3,9px 10px 0 #FFF6DF,13px 14px 0 #4D3B96,0 32px 60px #354C8740}.cb-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.cb-rainbow{position:absolute;width:380px;height:470px;border:25px solid #FFB4C5;border-bottom:0;border-radius:230px 230px 0 0;left:-230px;top:10%;rotate:22deg;opacity:.55;box-shadow:inset 0 0 0 22px #FFD57E,inset 0 0 0 44px #FFF4BA,inset 0 0 0 66px #86DCC6,inset 0 0 0 88px #94BDEB;mask-image:linear-gradient(#000 50%,transparent)}.cb-sky-star{position:absolute;color:#FFF9CC;text-shadow:0 3px 0 #FFFFFF55;font:900 35px Nunito;animation:cb-sky-glimmer 6s ease-in-out infinite}.cb-sky-star.s1{left:18%;top:18%;rotate:-10deg}.cb-sky-star.s2{right:15%;top:36%;font-size:25px;animation-delay:-2s}.cb-sky-star.s3{right:21%;bottom:13%;font-size:17px;animation-delay:-4s}.cb-sky-letter{position:absolute;right:6%;top:15%;font:800 90px 'Baloo 2',Nunito;color:#FFFFFF40;rotate:17deg;animation:cb-float 9s ease-in-out infinite}.cb-sky-letter:last-child{right:auto;left:8%;top:auto;bottom:18%;font-size:65px;rotate:-15deg;animation-delay:-4s}.cb-sky-hill{position:absolute;left:-15%;right:-15%;bottom:-20%;height:34%;border-radius:50% 50% 0 0;rotate:-6deg;background:#61CFC95C;box-shadow:0 -30px 0 #B4EAC64D}
@keyframes cb-sky-glimmer{50%{translate:0 -8px;scale:.83;opacity:.6}}
.cb-book.opening .cb-welcome{min-height:760px}.cb-book.is-turning,.cb-book.is-turning *{visibility:hidden!important}.cb-clasp.unlatching{transform:translateX(6px) rotateY(-47deg) rotate(7deg);transition:transform .2s ease}
.cb-opening-viewport{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none}.cb-opening-rig{position:absolute;perspective:2400px;perspective-origin:0 50%;transform-origin:0 0;isolation:isolate}.cb-turning-cover{position:absolute;inset:0;transform-origin:0 50%;transform-style:preserve-3d;z-index:4}.cb-opening-front,.cb-opening-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}.cb-opening-front{border-radius:9px 24px 24px 9px;box-shadow:5px 4px 13px #34285A40}.cb-opening-front>.cb-front-face{height:100%;min-height:0!important;margin:0}.cb-opening-back{transform:rotateY(180deg);border-radius:20px 0 0 20px;background:#FFFCF3;border:3px solid #59439E;box-shadow:-4px 3px 12px #3B2B5540}.cb-opening-back>.cb-welcome-left{height:100%;width:100%;border-radius:16px 0 0 16px}.cb-opening-under{position:absolute;inset:0;border:4px solid #59439E;border-radius:0 22px 22px 0;background:#FFFCF3;box-shadow:4px 5px 0 #FFF1CE,7px 9px 0 #59439E;overflow:hidden}.cb-opening-under>.cb-welcome-right{width:100%;height:100%}.cb-opening-under>.cb-welcome{display:grid;position:relative;visibility:visible;border:0;min-height:0;inset:auto}.cb-turn-shadow{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#36234C70,transparent 72%);pointer-events:none}.cb-opening-rig .cb-floating,.cb-opening-rig .cb-star,.cb-opening-rig .lion-arm{animation-play-state:paused!important}
/* Index: an illustrated two-page atlas, distinct from the learning screens. */
.pb-open-book.pb-compact-index{grid-template-columns:1fr 1fr;min-height:790px;border-color:#5C4599;box-shadow:0 3px 0 #E9DAB7,0 6px 0 #FFF5DA,0 9px 0 #D0B994,0 13px 0 #FFF4DC,0 17px 0 #574085,0 30px 45px #493E7930}.pb-binding{left:50%;width:20px}.pb-compact-index .pb-left-page{padding:27px 29px 22px;background:radial-gradient(ellipse at 5% 80%,#F2D5A455,transparent 55%),linear-gradient(90deg,#FFF5D9 88%,#F2E0BC 97%,#BBA47D);overflow:hidden}.pb-compact-index .pb-right-page{padding:27px 29px 22px 32px;background:linear-gradient(90deg,#CAB7D5,#EFE5F5 3%,#FBF6FF 9%)}.pb-compact-index .pb-running{color:#998170;border-color:#DCC9A5;font-size:7px;margin-bottom:25px}.pb-compact-index .pb-right-page>.pb-running{color:#96829F;border-color:#E0D3E9}.pb-chapter-kicker{color:#AE7F31;letter-spacing:1.8px}.pb-compact-index .pb-left-page h1{font-size:46px;line-height:1.01;color:#5C458B;margin:0 0 15px}.pb-compact-index .pb-left-page h1 em{color:#B6802F}.pb-index-intro{color:#9A8366;font-size:11px;line-height:1.8}.pb-route-tabs{position:relative;gap:15px;padding-left:0;margin-top:4px;margin-bottom:20px}.pb-route-tabs:before{content:"";position:absolute;left:31px;top:-10px;bottom:-20px;border-left:2px dashed #D6B574;z-index:0;pointer-events:none}.pb-route-tabs>button{position:relative;z-index:1;min-height:76px;border-radius:6px 17px 17px 6px;border:1px solid #DBC4A0;box-shadow:0 4px 0 #E2CFAE;background:#FFFDF5;color:#776248;padding:13px 14px;text-align:left}.pb-route-tabs>button>span{width:36px;height:39px;background:#F7E7C6;color:#AB803A;border-radius:50%;font-size:12px}.pb-route-tabs>button[aria-selected="true"]{background:#6A4EAB;border-color:#8A6BC2;box-shadow:0 4px 0 #4E357F;color:#FFF9E9}.pb-route-tabs>button[aria-selected="true"]>span{background:#F9D989;color:#735129}.pb-route-tabs b{font-size:14px}.pb-route-tabs small{font-size:8px;line-height:1.6}.pb-index-leo{position:relative;min-height:175px;max-height:220px;margin:4px 0 20px}.pb-index-leo:before{content:"";position:absolute;width:178px;height:148px;border:1px dashed #D8B975;border-radius:50%;background:radial-gradient(ellipse,#FFE8A0AA,transparent 72%);rotate:-15deg}.pb-index-leo .lion-guide{position:relative;z-index:1;width:180px!important;height:200px!important}.pb-index-leo>span{background:#FFF9E4;border-color:#EBD18E;color:#9F7935;z-index:2}.pb-index-certificate{position:relative;background:#FFE5A6;border-color:#E7C272;color:#916524;box-shadow:0 3px 0 #D9BA7B;border-radius:13px;padding:13px 12px}.pb-index-certificate small{color:#AD8D52}.pb-left-foot{color:#A88D63;border-color:#DBC9A5}.pb-page-heading>span{font-size:8px;letter-spacing:1.6px;color:#9E7FAE}.pb-compact-index .pb-page-heading h2{font-size:30px;color:#6C4F92;margin:9px 0 8px}.pb-page-heading p{color:#9A84AB;font-size:10px}.pb-all-letters{gap:9px;margin-top:1px}.pb-all-letters .pb-sound-card{background:#FFFEFD;border:1px solid color-mix(in srgb,var(--tile),#FFF 65%);border-radius:6px 6px 14px 14px;min-height:83px;padding:8px 2px 7px;gap:2px;box-shadow:0 3px 0 color-mix(in srgb,var(--tile),#EBE3F3 75%);transition:transform .2s,box-shadow .2s;overflow:hidden}.pb-all-letters .pb-sound-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--tile)}.pb-all-letters .pb-sound-card>b{font:800 22px/1 'Baloo 2',Nunito;color:color-mix(in srgb,var(--tile),#453254 42%);text-shadow:none}.pb-all-letters .pb-card-art{width:37px;height:37px;background:color-mix(in srgb,var(--tile),#FFF 91%);border-radius:50%;padding:4px}.pb-all-letters .pb-sound-card>i{color:color-mix(in srgb,var(--tile),#4C375B 42%);font-size:7px}.pb-all-letters .pb-sound-card:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:0 6px 0 color-mix(in srgb,var(--tile),#EBE3F3 65%)}.pb-all-letters .pb-sound-card.completed{outline:2px solid #EBC778;outline-offset:2px}.pb-all-letters .pb-sound-card.completed>i{color:#C58A23}.pb-all-groups{gap:9px}.pb-compact-group{background:#FFFDFA;border:1px solid #E3D4EB;border-left:4px solid var(--group);box-shadow:0 2px 0 #E5DBED;border-radius:5px 14px 14px 5px;padding:8px 10px 9px}.pb-compact-group-title b{color:#75538E}.pb-compact-group-title small{color:#A289AE}.pb-compact-sounds>button{background:#F7EFFB;color:#70538D;box-shadow:0 2px 0 #DED0EB;border:1px solid #E8DCED;border-radius:7px;min-height:29px}.pb-enter-adventure{background:#6A4EAB;border-color:#9676C7;box-shadow:0 4px 0 #4E357F;border-radius:12px;font-size:13px;padding:14px 15px}.pb-enter-adventure small{color:#E7D8F6}.pb-right-foot{border-color:#E0D3E9;color:#A48BAF}.pb-ribbon{right:25px;background:linear-gradient(90deg,#E8AD49,#FFD883 50%,#D69D38)}.pb-reader-top>button{background:#FFF9EAB0;color:#70548D;border-color:#FFFFFF}.pb-reader-top>span{color:#6C5788}.pb-turn-back{background:linear-gradient(90deg,#CDB9D8,#F1E7F7 6%,#FBF6FF)}
@media(min-width:761px) and (max-width:1000px){.pb-compact-index .pb-left-page,.pb-compact-index .pb-right-page{padding:24px 21px}.pb-compact-index .pb-left-page h1{font-size:38px}.pb-compact-index .pb-page-heading h2{font-size:26px}.pb-route-tabs b{font-size:12px}.pb-all-letters{gap:7px}.pb-all-letters .pb-sound-card{min-height:80px}.pb-all-letters .pb-card-art{width:32px;height:32px}}
@media(max-width:760px){.cb-rainbow{width:250px;height:350px;left:-205px;top:18%;opacity:.4}.cb-sky-star.s1{left:5%;top:12%;font-size:21px}.cb-sky-star.s2{right:3%;top:73%;font-size:20px}.cb-sky-star.s3,.cb-sky-letter{display:none}.cb-sky-hill{bottom:-12%;height:25%}.cb-book.opening .cb-welcome{min-height:0}.cb-opening-back{border-radius:14px 0 0 14px}.pb-open-book.pb-compact-index{grid-template-columns:1fr;min-height:0}.pb-compact-index .pb-left-page{padding:24px 20px 22px;background:radial-gradient(ellipse at 90% 10%,#FFE3A26B,transparent 70%),#FFF5D9}.pb-compact-index .pb-right-page{padding:25px 19px 20px;background:linear-gradient(180deg,#E9DAF0,#FBF6FF 4%);border-top:1px solid #DCC5D8}.pb-compact-index .pb-left-page h1{font-size:33px;max-width:205px;line-height:1.04}.pb-chapter-kicker{font-size:6px;letter-spacing:1px}.pb-index-intro{max-width:205px;font-size:9px;margin-bottom:20px}.pb-route-tabs{gap:9px;flex-direction:row;margin-bottom:17px}.pb-route-tabs:before{left:20px;right:20px;top:50%;bottom:auto;border-left:0;border-top:2px dashed #D6B574}.pb-route-tabs>button{min-height:70px;flex:1;gap:7px;padding:10px 8px;border-radius:6px 13px 13px 6px}.pb-route-tabs>button>span{width:26px;height:29px;font-size:9px}.pb-route-tabs b{font-size:10px}.pb-route-tabs small{font-size:6.5px}.pb-index-leo{position:absolute;right:8px;top:20px;width:92px;height:125px;min-height:0;margin:0}.pb-index-leo:before{width:90px;height:100px}.pb-index-leo .lion-guide{width:100px!important;height:119px!important}.pb-index-leo>span{display:none}.pb-index-certificate{padding:11px 10px}.pb-index-certificate b{font-size:10px}.pb-index-certificate small{font-size:7px}.pb-compact-index .pb-page-heading h2{font-size:26px;max-width:25ch}.pb-all-letters{gap:9px;grid-template-columns:repeat(5,minmax(0,1fr))}.pb-all-letters .pb-sound-card{min-height:78px;padding:8px 2px 6px}.pb-all-letters .pb-sound-card>b{font-size:21px}.pb-all-letters .pb-card-art{width:33px;height:33px}.pb-compact-index .pb-running{font-size:6px;margin-bottom:24px}.pb-compact-group{padding:9px 9px 10px}.pb-compact-sounds>button{min-height:32px}.pb-enter-adventure{font-size:12px;padding:13px 14px}.pb-binding{display:none}.pb-ribbon{right:19px;width:16px;height:48px}}
@media(max-width:350px){.pb-compact-index .pb-left-page{padding-left:16px;padding-right:16px}.pb-compact-index .pb-left-page h1{font-size:29px;max-width:174px}.pb-index-leo{width:77px;right:5px;top:21px}.pb-index-leo .lion-guide{width:83px!important;height:105px!important}.pb-index-intro{font-size:8px;max-width:175px}.pb-route-tabs>button{gap:5px;padding:9px 6px}.pb-route-tabs b{font-size:8.5px}.pb-route-tabs small{font-size:5.5px}.pb-route-tabs>button>span{width:23px;height:26px;font-size:8px}.pb-compact-index .pb-right-page{padding-left:14px;padding-right:14px}.pb-all-letters{gap:7px}.pb-all-letters .pb-card-art{width:29px;height:29px}.pb-all-letters .pb-sound-card{min-height:73px}.pb-all-letters .pb-sound-card>b{font-size:19px}.pb-compact-index .pb-page-heading h2{font-size:23px}.pb-enter-adventure{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cb-sky-star,.cb-sky-letter{animation:none!important}}
/* One bright world, one stable reader canvas. */
body[data-view="cover"],body[data-view="contents"]{--reader-ink:#59408B;--reader-teal:#159F9E;--reader-gold:#F5C765;background:radial-gradient(ellipse at 50% 27%,#FFF1ABAA,transparent 46%),radial-gradient(ellipse at 7% 85%,#20C8C5BB,transparent 54%),linear-gradient(145deg,#39CFE5 0%,#58ADE6 42%,#7073D6 75%,#9168CD 100%) fixed!important}
.cb-brand,.cb-brand>span:first-child,.cb-brand>span:last-child,.pb-reader-top>span,.pb-reader-top .cb-index-count{color:#F9F5E9;text-shadow:0 1px 2px #404F9233}.cb-sky-hill{background:#228CBA40;box-shadow:0 -30px 0 #70DACB33}.cb-rainbow{opacity:.4}.cb-front-face{background:radial-gradient(ellipse at 50% 35%,#9E71E06B,transparent 65%),linear-gradient(165deg,#6746B2,#4F4FA7 48%,#247E9F 85%,#208F9B)}.cb-book{box-shadow:3px 4px 0 #FFF5D9,6px 7px 0 #C4AB80,9px 10px 0 #FFF0CF,12px 14px 0 #4F398A,0 28px 55px #263E7D44}
body.book-expanded{overflow:hidden;overscroll-behavior:none}body.book-expanded #app{max-width:none;height:100dvh;margin:0;padding:0;animation:none!important;transform:none!important}body.book-expanded #app.safari-arrive{animation:none!important;transform:none!important}
body.book-expanded .cb-stage{max-width:none;margin:0;perspective:none}body.book-expanded .cb-brand,.pb-reader-top{position:fixed;left:26px;right:26px;top:12px;height:38px;max-width:none;margin:0;padding:0;z-index:6}.cb-brand .cb-close-reader{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;font:900 10px Nunito;color:#FFF8DF;background:#FFFFFF20;border:1px solid #FFFFFF50;border-radius:11px;box-shadow:none}.cb-close-reader svg{width:16px;height:16px}.cb-close-reader{display:none}body:not(.book-expanded) .cb-close-reader{display:none}
body.book-expanded .cb-scene.is-open,.pb-open-book.pb-compact-index{position:fixed;inset:62px 26px 26px;width:auto;max-width:none;height:auto;min-height:0;margin:0;padding:0;border-radius:12px 23px 23px 12px}
body.book-expanded .cb-scene.is-open .cb-book{height:100%;min-height:0}body.book-expanded .cb-book.opening .cb-welcome{height:100%;min-height:0;overflow:hidden;grid-template-columns:1fr 1fr;border-radius:12px 23px 23px 12px}
.cb-welcome-left,.cb-welcome-right,.pb-compact-index .pb-left-page,.pb-compact-index .pb-right-page{min-height:0;background-color:#FFFCF0;color:#685581}.cb-welcome-left,.pb-compact-index .pb-left-page{background:radial-gradient(ellipse at 6% 80%,#FFE39D40,transparent 58%),linear-gradient(90deg,#FFFCF0 90%,#EFE4CE 98%,#C6B28F)}.cb-welcome-right,.pb-compact-index .pb-right-page{background:linear-gradient(90deg,#CDBB9B,#F6EDDB 2%,#FFFCF0 8%)}
body.book-expanded .cb-welcome-left,body.book-expanded .cb-welcome-right,.pb-compact-index .pb-left-page,.pb-compact-index .pb-right-page{padding:clamp(22px,2.5vw,40px);overflow:auto;scrollbar-width:thin;scrollbar-color:#C6B1D7 #F7EEDC;overscroll-behavior:contain}
.cb-running,.pb-compact-index .pb-running,.pb-compact-index .pb-right-page>.pb-running{color:#99819B;border-color:#E4D4B9}.cb-kicker,.pb-chapter-kicker,.pb-page-heading>span{color:#A97B30;letter-spacing:1.5px}.cb-welcome h2,.pb-compact-index .pb-left-page h1{color:#59408B}.cb-welcome h2 em,.pb-compact-index .pb-left-page h1 em{color:#15958E}.pb-compact-index .pb-left-page h1{font-size:clamp(34px,3.7vw,56px);line-height:1.04}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2{font-size:clamp(34px,3.7vw,56px);line-height:1.04}.cb-welcome-intro,.pb-index-intro,.pb-page-heading p{color:#8F7C98}.pb-compact-index .pb-page-heading h2{font-size:clamp(25px,2.2vw,36px);color:#65498E;line-height:1.12}.cb-start,.pb-enter-adventure{background:linear-gradient(110deg,#19B4A1,#138F96);border-color:#64D4C0;box-shadow:0 4px 0 #117978;color:white}.cb-start small,.pb-enter-adventure small{color:#D6FFF0}.pb-route-tabs>button{border-color:#E1D0BA;background:#FFFDF6;color:#816B8D;box-shadow:0 4px 0 #E5D7BD}.pb-route-tabs>button[aria-selected="true"]{background:linear-gradient(115deg,#805DC2,#6046A4);border-color:#A086CD;box-shadow:0 4px 0 #4F3586;color:#FFFCF2}.pb-route-tabs>button[aria-selected="true"]>span{background:#FFE295;color:#8B642A}.pb-route-tabs:before{border-color:#D8BC7D}.pb-index-certificate{background:#FFE7A7;border-color:#EDCA78;box-shadow:0 3px 0 #D7B367}.pb-left-foot,.pb-right-foot{color:#A28A9C;border-color:#E4D4B9}.pb-enter-adventure{flex-shrink:0}.pb-compact-index .pb-page-content{flex:1 0 auto;min-height:0}.pb-all-letters{flex-shrink:0;gap:clamp(7px,.8vw,13px)}.pb-all-letters .pb-sound-card{min-height:clamp(80px,9.5vh,108px);border-radius:7px 7px 15px 15px}.pb-all-letters .pb-card-art{width:clamp(35px,3.6vw,49px);height:clamp(35px,3.6vw,49px)}.pb-all-letters .pb-sound-card>b{font-size:clamp(20px,2vw,28px)}.pb-compact-group{background:#FFFEF8;border-color:#E3D6EA}.pb-compact-sounds>button{background:#F2EBF8;border-color:#E6D9EE}.pb-reader-top>button{background:#FFFFFF22;border-color:#FFFFFF55;color:#FFF8E9}.pb-ribbon{right:24px}.pb-open-book .pb-binding{left:50%}.pb-index-leo{flex-shrink:1;min-height:110px;max-height:210px}.pb-index-leo .lion-guide{max-height:100%}.pb-index-leo:before{max-height:100%}.pb-index-certificate{flex-shrink:0}.cb-welcome-leo{min-height:140px;max-height:290px}.cb-welcome-leo .lion-guide{max-height:100%}.cb-welcome-signature,.cb-paper-footer{flex-shrink:0}.cb-start{flex-shrink:0}.cb-welcome-steps{gap:11px}.cb-welcome-steps>div{padding:12px}.cb-welcome-left .cb-running,.cb-welcome-right .cb-running{margin-bottom:25px}
.reader-leaf-back .pb-left-page h1{font-size:clamp(34px,3.7vw,56px);line-height:1.04;color:#59408B}.reader-leaf-back .pb-left-page h1 em{color:#15958E}
/* All spread changes keep the same physical bounds and gutter. */
.reader-transition{position:fixed;inset:0;z-index:105;overflow:hidden;pointer-events:none;perspective:2400px}.reader-still-left,.reader-turning-leaf,.reader-mobile-old{position:absolute;min-width:0;min-height:0}.reader-still-left{z-index:1;overflow:hidden}.reader-turning-leaf{z-index:3;transform-origin:0 50%;transform-style:preserve-3d}.reader-leaf-front,.reader-leaf-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#FFFCF0}.reader-leaf-back{transform:rotateY(180deg)}.reader-still-left>.cb-welcome-left,.reader-leaf-front>.cb-welcome-right,.reader-leaf-back>.pb-left-page{width:100%;height:100%;min-height:0;box-sizing:border-box;padding:clamp(22px,2.5vw,40px);overflow:hidden;display:flex;flex-direction:column}.reader-transition .cb-start{opacity:1;pointer-events:none}.reader-leaf-front:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#55402D30,transparent 35%,#FFFFFF1A)}.reader-mobile-old{overflow:auto;border-radius:9px 18px 18px 9px;background:#FFFCF0;scrollbar-width:none;transform-origin:0 50%}.reader-mobile-old>.cb-welcome{display:grid;position:relative;inset:auto;visibility:visible;grid-template-columns:1fr;border:0;min-height:0}.reader-mobile-old .cb-welcome-left,.reader-mobile-old .cb-welcome-right{padding:24px 22px}.reader-leaf-back .pb-left-page{background:linear-gradient(90deg,#FFFCF0 90%,#EFE4CE 98%,#C6B28F)}
@media(max-height:780px) and (min-width:761px){body.book-expanded .cb-welcome-left,body.book-expanded .cb-welcome-right,.pb-compact-index .pb-left-page,.pb-compact-index .pb-right-page{padding:23px 28px}.cb-welcome h2,.pb-compact-index .pb-left-page h1{font-size:38px}.cb-running,.pb-compact-index .pb-running{margin-bottom:19px}.cb-welcome-intro{margin-bottom:18px}.cb-welcome-steps{gap:9px;margin-bottom:21px}.cb-welcome-steps>div{padding:9px 11px}.cb-welcome-leo{min-height:130px}.cb-welcome-leo .lion-guide{height:210px!important}.cb-welcome-signature{margin-bottom:15px}.pb-route-tabs{gap:12px;margin-bottom:16px}.pb-route-tabs>button{min-height:65px;padding:10px 12px}.pb-index-leo{margin:0 0 12px;max-height:160px}.pb-index-leo .lion-guide{height:155px!important}.pb-index-intro{margin-bottom:16px}.pb-index-certificate{padding:10px}.pb-left-foot,.pb-right-foot{margin-top:15px;padding-top:10px}.reader-still-left>.cb-welcome-left,.reader-leaf-front>.cb-welcome-right,.reader-leaf-back>.pb-left-page{padding:23px 28px}}
@media(max-width:760px){body.book-expanded .cb-brand,.pb-reader-top{left:12px;right:12px;top:8px;height:35px}body.book-expanded .cb-scene.is-open,.pb-open-book.pb-compact-index{inset:51px 12px 19px;border-radius:10px 19px 19px 10px}.pb-open-book.pb-compact-index{display:block;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}body.book-expanded .cb-book.opening .cb-welcome{display:block;overflow:auto;scrollbar-width:thin}body.book-expanded .cb-welcome-left,body.book-expanded .cb-welcome-right,.pb-compact-index .pb-left-page,.pb-compact-index .pb-right-page{height:auto;overflow:visible;padding:24px 22px}.cb-welcome-left{border-bottom:1px solid #E4D4B9;background:#FFFCF0}.cb-welcome-right,.pb-compact-index .pb-right-page{background:linear-gradient(180deg,#EFE1C7,#FFFCF0 35px)}.pb-compact-index .pb-left-page{background:#FFFCF0;overflow:hidden;min-height:345px}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2{font-size:35px}.pb-compact-index .pb-left-page h1{font-size:33px;max-width:205px}.cb-welcome-leo{min-height:210px;max-height:220px}.cb-welcome-leo .lion-guide{height:220px!important}.cb-welcome-signature{margin-bottom:20px}.cb-welcome-intro{font-size:11px}.cb-welcome-steps{gap:11px;margin-bottom:24px}.cb-start{margin-bottom:24px}.pb-all-letters{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.pb-all-letters .pb-sound-card{min-height:80px}.pb-all-letters .pb-card-art{width:33px;height:33px}.pb-all-letters .pb-sound-card>b{font-size:21px}.pb-compact-index .pb-page-heading h2{font-size:26px}.pb-index-leo{position:absolute;right:8px;top:20px;width:92px;height:125px;min-height:0}.pb-index-leo .lion-guide{height:119px!important}.pb-route-tabs{margin-top:8px;margin-bottom:22px}.pb-route-tabs>button{min-height:68px}.cb-brand .cb-close-reader{font-size:9px;padding:8px 10px}.reader-mobile-old :is(.cb-welcome,.cb-opening-rig,.reader-transition) h2{font-size:35px}.pb-reader-top>span{font-size:8px}.pb-enter-adventure{margin-bottom:5px}.pb-open-book .pb-binding{display:none}.reader-transition .cb-welcome-left,.reader-transition .cb-welcome-right{overflow:hidden}}
@media(max-width:350px){body.book-expanded .cb-welcome-left,body.book-expanded .cb-welcome-right,.pb-compact-index .pb-left-page,.pb-compact-index .pb-right-page{padding-left:16px;padding-right:16px}.pb-compact-index .pb-left-page h1{font-size:29px;max-width:175px}.pb-index-leo{right:3px;width:78px}.pb-index-leo .lion-guide{width:82px!important;height:105px!important}.pb-all-letters{gap:7px}.pb-all-letters .pb-sound-card{min-height:73px}.pb-all-letters .pb-card-art{width:29px;height:29px}.pb-compact-index .pb-page-heading h2{font-size:23px}:is(.cb-welcome,.cb-opening-rig,.reader-transition) h2{font-size:31px}}

/* Keep running titles and page numbers still while long chapter content scrolls. */
@media(min-width:761px){.pb-compact-index .pb-right-page{overflow:hidden}.pb-compact-index .pb-page-content{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C6B1D7 #F7EEDC;padding-bottom:5px}.pb-compact-index .pb-right-page>.pb-running,.pb-compact-index .pb-right-foot{flex-shrink:0}.pb-compact-index .pb-right-foot{margin-top:15px}.pb-all-letters .pb-card-art{width:clamp(34px,3vw,42px);height:clamp(34px,3vw,42px)}.pb-all-letters .pb-sound-card>b{font-size:clamp(20px,1.7vw,26px)}.pb-all-letters .pb-sound-card{min-height:78px}.reader-leaf-back .pb-left-page h1{font-size:clamp(34px,3.7vw,56px)}}
.cb-opening-under{border:0;outline:4px solid #59439E}.cb-opening-back{border:0;outline:3px solid #59439E}.pb-turn-front.pb-compact-index,.reader-leaf-back.pb-compact-index{min-height:0}
@media(max-height:780px) and (min-width:761px){.reader-leaf-back .pb-left-page h1{font-size:38px}}
.pb-compact-index .pb-enter-adventure{margin-top:16px;margin-bottom:3px}.pb-compact-index .pb-right-foot{margin-top:15px}

@media(min-width:761px){.pb-all-letters{margin-bottom:12px}.pb-all-letters .pb-sound-card{padding:6px 2px 5px;min-height:76px}.pb-compact-index .pb-page-heading p{margin-bottom:13px}}
@media(min-width:1100px) and (max-height:780px){.pb-all-letters{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.pb-all-letters .pb-sound-card{min-height:69px;padding:5px 2px}.pb-all-letters .pb-card-art{width:34px;height:34px}.pb-all-letters .pb-sound-card>b{font-size:20px}.pb-compact-index .pb-page-heading h2{font-size:25px}}
/* Shared outer geometry: closed cover, open book and activity frame. */
body{--book-side:26px;--book-top:62px;--book-bottom:26px}
body[data-view="cover"]:not(.book-expanded){height:100dvh;overflow:hidden;overscroll-behavior:none}
body[data-view="cover"]:not(.book-expanded) #app{max-width:none;height:100dvh;margin:0;padding:0;animation:none!important;transform:none!important}
body[data-view="cover"]:not(.book-expanded) .cb-stage{max-width:none;margin:0}
body[data-view="cover"]:not(.book-expanded) .cb-brand{position:fixed;left:var(--book-side);right:var(--book-side);top:12px;height:38px;margin:0;padding:0}
body[data-view="cover"]:not(.book-expanded) .cb-scene{position:fixed;left:50%;top:var(--book-top);width:min(550px,calc(100vw - 56px));max-width:none;margin:0;transform:translateX(-50%);padding:0 16px 18px}
body[data-view="cover"]:not(.book-expanded) .cb-book{transform-origin:50% 0;will-change:auto}
body.book-expanded .cb-scene.is-open,.pb-open-book.pb-compact-index{inset:var(--book-top) var(--book-side) var(--book-bottom);transform:none}
body:is([data-view="map"],[data-view="lesson"],[data-view="win"],[data-view="cert"]){height:100dvh;overflow:hidden;overscroll-behavior:none}
#app.safari-reading{position:fixed;inset:var(--book-top) var(--book-side) var(--book-bottom);width:auto;height:auto;max-width:none;min-height:0;margin:0;padding:25px 30px 28px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#FFF7DB88 #FFFFFF12;border:3px solid #FFF6DC80;border-radius:12px 23px 23px 12px;background:transparent;box-shadow:0 3px 0 #FFF1DACC,0 6px 0 #C5AD8BAA,0 9px 0 #FFF1DACC,0 12px 0 #55409E99,0 24px 44px #352C7833;animation:none!important;transform:none!important;scroll-padding-top:24px}
#app.safari-reading:after{display:none}
#app.safari-reading .reading-navigation{position:fixed;left:var(--book-side);right:var(--book-side);top:12px;height:38px;min-height:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:0;border:0;box-sizing:border-box}
#app.safari-reading .reading-navigation:before{display:none}
#app.safari-reading .reading-navigation button{min-height:37px;padding:9px 13px;border-radius:11px;font-size:11px;background:#FFFFFF22;border-color:#FFFFFF55;flex-shrink:0}
#app.safari-reading .reading-location{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:center;font-size:11px}
#app.safari-reading>.top{margin-top:0}
@media(max-width:760px){body{--book-side:12px;--book-top:51px;--book-bottom:19px}body[data-view="cover"]:not(.book-expanded) .cb-brand{top:8px;height:35px}body[data-view="cover"]:not(.book-expanded) .cb-scene{width:min(470px,calc(100vw - 40px));padding:0 12px 16px}#app.safari-reading{padding:19px 14px 24px;border-width:2px;border-radius:10px 19px 19px 10px;scroll-padding-top:18px}#app.safari-reading .reading-navigation{top:8px;height:35px;gap:7px}#app.safari-reading .reading-navigation button{min-height:34px;padding:8px 10px;font-size:9px;gap:5px}#app.safari-reading .reading-navigation svg{width:15px;height:15px}#app.safari-reading .reading-location{font-size:9px;gap:5px}}
@media(max-width:350px){#app.safari-reading{padding-left:11px;padding-right:11px}#app.safari-reading .reading-navigation button{font-size:8px;padding-left:8px;padding-right:8px}#app.safari-reading .reading-location{font-size:8px;gap:4px}}
/* Keep the spacious book frame; give the learning material a readable measure. */
.learning-content{width:100%;max-width:1040px;margin:0 auto;min-width:0}
.learning-content>.top{margin-top:0}
body[data-view="map"] .learning-content{max-width:1040px}
body[data-view="map"] .learning-content>.top{margin-bottom:16px}
body[data-view="map"] .family-bar{max-width:760px;margin-bottom:18px;padding:10px 15px;gap:9px;border-radius:17px}
body[data-view="map"] .family-bar label{font-size:14px}
body[data-view="map"] .family-bar select{font-size:14px;padding:7px 10px;max-width:205px}
body[data-view="map"] .family-bar button{font-size:13px;padding:8px 12px}
body[data-view="map"] .family-bar small{font-size:11px}
body[data-view="map"] .map-welcome{padding:12px 19px;gap:18px;margin-bottom:16px;border-radius:22px;box-shadow:0 5px 0 #32317F22}
body[data-view="map"] .map-welcome .mwrap{width:72px;height:85px}
body[data-view="map"] .map-welcome h1.t{font-size:26px;line-height:1.2}
body[data-view="map"] .map-welcome p{font-size:12px;line-height:1.65;margin:5px 0 0}
body[data-view="map"] .map-welcome .eyebrow{font-size:9px;letter-spacing:1.5px}
body[data-view="map"] .map-actions{gap:12px;margin:16px 0 20px}
body[data-view="map"] .map-tabs{padding:5px;gap:4px;border-radius:16px}
body[data-view="map"] .map-tabs button{min-height:52px;padding:8px 13px;gap:8px}
body[data-view="map"] .map-tab-number{width:26px;height:28px;font-size:13px}
body[data-view="map"] .map-tab-copy b{font-size:12px}
body[data-view="map"] .map-tab-copy small{font-size:8px}
body[data-view="map"] .map-continue{font-size:14px!important;padding:10px 15px!important}
body[data-view="map"] .map-actions .cb{font-size:13px;padding:10px 14px}
body[data-view="map"] .alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:13px;margin:18px 0 22px}
body[data-view="map"] .alphabet-grid .sound-tile{aspect-ratio:.92;border-radius:18px;padding:9px 4px;gap:5px}
body[data-view="map"] .sound-tile .tile-picture{width:48px;height:48px;border-radius:14px;font-size:39px}
body[data-view="map"] .sound-tile .tile-letter{font-size:28px;line-height:1.15}
body[data-view="map"] .tile small{font-size:12px}
body[data-view="map"] .sound-group-panel{padding:20px 22px 18px;border-radius:24px}
body[data-view="map"] .group-panel-heading{margin-bottom:18px}
body[data-view="map"] .group-panel-heading h2{font-size:25px}
body[data-view="map"] .group-panel-heading p{font-size:12px}
body[data-view="map"] .group-grid{max-width:850px;margin:0 auto;gap:13px}
body[data-view="map"] .group-grid .sound-tile{aspect-ratio:.95;border-radius:18px}
body[data-view="map"] .group-stop{padding:10px 4px;border-radius:16px}
body[data-view="map"] .group-stop-star{width:29px;height:31px;font-size:19px;border-radius:10px}
body[data-view="map"] .group-stop b{font-size:12px}
body[data-view="map"] .group-picker{gap:10px;margin-bottom:17px}
@media(max-width:760px){.learning-content{max-width:100%}body[data-view="map"] .map-welcome{padding:12px 13px;gap:12px;border-radius:19px}body[data-view="map"] .map-welcome .mwrap{width:57px;height:72px}body[data-view="map"] .map-welcome h1.t{font-size:21px}body[data-view="map"] .map-welcome p{font-size:10px}body[data-view="map"] .map-welcome .eyebrow{font-size:7px;letter-spacing:1px}body[data-view="map"] .family-bar{padding:10px;gap:8px;margin-bottom:16px}body[data-view="map"] .family-bar select{max-width:158px}body[data-view="map"] .family-bar small{font-size:10px}body[data-view="map"] .map-actions{justify-content:center;gap:12px;margin:15px 0 17px}body[data-view="map"] .map-tabs{width:100%}body[data-view="map"] .map-tabs button{min-height:50px;padding:8px;gap:6px}body[data-view="map"] .map-tab-copy b{font-size:11px}body[data-view="map"] .map-tab-copy small{font-size:7px}body[data-view="map"] .map-continue{font-size:12px!important;padding:10px 12px!important}body[data-view="map"] .map-actions .cb{font-size:12px;padding:10px 12px}body[data-view="map"] .alphabet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}body[data-view="map"] .alphabet-grid .sound-tile{aspect-ratio:.78;padding:7px 3px;border-radius:15px}body[data-view="map"] .sound-tile .tile-picture{width:42px;height:42px;font-size:34px;border-radius:12px}body[data-view="map"] .sound-tile .tile-letter{font-size:24px}body[data-view="map"] .group-grid{gap:10px}body[data-view="map"] .group-grid .sound-tile{aspect-ratio:.8;border-radius:15px}body[data-view="map"] .sound-group-panel{padding:17px 12px}body[data-view="map"] .group-panel-heading h2{font-size:22px}body[data-view="map"] .group-panel-heading p{font-size:11px}body[data-view="map"] .group-picker{gap:9px}body[data-view="map"] .group-stop{padding:9px 4px}}
@media(max-width:350px){body[data-view="map"] .alphabet-grid{gap:8px}body[data-view="map"] .sound-tile .tile-picture{width:36px;height:36px;font-size:29px}body[data-view="map"] .sound-tile .tile-letter{font-size:21px}body[data-view="map"] .map-welcome h1.t{font-size:19px}body[data-view="map"] .map-welcome .mwrap{width:49px;height:63px}body[data-view="map"] .map-continue{font-size:11px!important}body[data-view="map"] .map-actions .cb{font-size:11px}}

/* A continuous chapter entry: the frame stays still while paper and content crossfade. */
.adventure-transition{position:fixed;inset:0;z-index:120;overflow:hidden;pointer-events:none;background-attachment:fixed;isolation:isolate}
.adventure-transition .pb-open-book,.adventure-transition .pb-reader-top{pointer-events:none}
.adventure-transition *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.adventure-transition{display:none}}

/* The real welcome pages remain mounted throughout opening and completion. */
.cb-book.live-opening{transform-origin:0 0;background:#FFFCF0;will-change:transform,clip-path}
.cb-book.live-opening .cb-front{visibility:hidden!important}
.cb-book.live-opening .cb-welcome{perspective:2400px;perspective-origin:50% 50%}
.cb-book.live-opening .cb-welcome-left{transform-origin:100% 50%;backface-visibility:hidden;z-index:3;will-change:transform}
.cb-book.live-opening .cb-start{opacity:1;transition:none;pointer-events:none}
.cb-book.ready .cb-start{opacity:1}

/* One invitation, spoken by Leo: a small speech balloon beside his face. */
.cb-cover-leo{height:345px;margin-top:32px;margin-bottom:18px}
.cb-cover-leo .leo-bubble{position:absolute;left:-14px;top:-8px;bottom:auto;right:auto;width:156px;min-height:67px;max-width:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:11px 14px;background:#FFFBEA;color:#65508C;border:1.5px solid #FFE6AC;border-radius:19px 19px 5px 19px;box-shadow:0 4px 0 #2C347A30;text-align:left;rotate:-5deg;z-index:6;line-height:1.35;letter-spacing:0;transition:transform .18s ease,box-shadow .18s ease;isolation:isolate}
.cb-cover-leo .leo-bubble:after{content:"";position:absolute;right:14px;bottom:-10px;width:18px;height:13px;background:#FFFBEA;clip-path:polygon(0 0,100% 0,100% 100%);filter:drop-shadow(1px 1px 0 #FFE6AC);z-index:-1}
.leo-greeting{font:900 15px/1.2 Nunito;color:#705195;white-space:nowrap}.leo-invite{font:800 10px/1.4 Nunito;color:#AB8042;white-space:nowrap}.leo-invite>span{color:#D4A348;margin-left:3px}
.cb-cover-leo .leo-bubble:hover{transform:translateY(-2px);box-shadow:0 6px 0 #2C347A30}.cb-cover-leo .leo-bubble:focus-visible{outline:3px solid white;outline-offset:5px}
@media(max-width:760px){.cb-cover-leo{height:285px;margin-top:28px;margin-bottom:18px}.cb-cover-leo .leo-bubble{left:-8px;top:-8px;width:135px;min-height:59px;padding:9px 11px;gap:4px;border-radius:16px 16px 4px 16px}.leo-greeting{font-size:13px}.leo-invite{font-size:9px}.cb-cover-leo .leo-bubble:after{right:12px;bottom:-9px;width:15px;height:12px}}
@media(max-width:350px){.cb-cover-leo{height:255px;margin-top:26px;margin-bottom:16px}.cb-cover-leo .leo-bubble{left:-5px;top:-10px;width:123px;min-height:55px;padding:8px 10px}.leo-greeting{font-size:12px}.leo-invite{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cb-cover-leo .leo-bubble{transition:none}}