/* پنل کودک */
.kids,.kl{position:fixed;inset:0;z-index:260;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#FFF3D6 0%,#FFE9C7 30%,#E8F7F3 100%);font-family:Vazirmatn,Tahoma,sans-serif;color:#3a2f2a;padding:calc(env(safe-area-inset-top) + var(--nt,0px)) 0 calc(env(safe-area-inset-bottom) + var(--nb,0px) + 18px)}
.kl{z-index:270;display:flex;flex-direction:column}
.kbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,243,214,.96);font-weight:900}
.kbar b{flex:1;font:900 19px/1.5 Estedad,Vazirmatn}.kx{width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:18px;cursor:pointer;box-shadow:0 3px 8px rgba(120,80,20,.18)}
.kst{display:flex;gap:8px}.kst span,.kst button{border:0;background:#fff;border-radius:99px;padding:4px 12px;font:800 14px/1.8 inherit;box-shadow:0 3px 8px rgba(120,80,20,.14)}
.kbody{padding:6px 14px 20px;display:grid;gap:14px;max-width:560px;margin:auto}
.khero{display:flex;align-items:flex-end;gap:8px}.khero .char{flex:none}
.kbub{position:relative;flex:1;background:#fff;border-radius:22px;border-end-start-radius:6px;padding:12px 14px;box-shadow:0 8px 20px rgba(120,80,20,.14);display:flex;gap:8px;align-items:center}
.kbt{flex:1;display:grid;gap:2px}.kbt b{font:800 17px/1.6 Vazirmatn;color:#3a2f2a}.kbt small{color:#8a6f5a;font-size:13.5px;line-height:1.8}
.kspk{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:linear-gradient(135deg,#F5A524,#EF6C57);color:#fff;font-size:18px;cursor:pointer}
.kacc{background:#E7F8EE;border-radius:16px;padding:10px 14px;font-weight:800;color:#1c6b43;text-align:center}
.kbuy{display:flex;align-items:center;gap:12px;border:0;border-radius:22px;padding:12px 16px;background:linear-gradient(135deg,#EF6C57,#F5A524);color:#fff;font:inherit;cursor:pointer;text-align:start;box-shadow:0 10px 22px rgba(239,108,87,.4)}
.kbuy i{font-style:normal;font-size:38px}.kbuy span{display:grid}.kbuy b{font-weight:900}.kbuy small{opacity:.95}
.ktip{background:#fff;border:2px dashed #F5C58B;border-radius:18px;padding:10px 14px}.ktip b{color:#b36b00}.ktip p{margin:2px 0 0;line-height:2;text-align:justify;font-size:14.5px}
.kpath{display:grid;gap:14px}
.kisle{background:#fff;border-radius:26px;padding:12px 14px 14px;box-shadow:0 10px 24px rgba(120,80,20,.12)}.kisle.lockd{opacity:.55;filter:grayscale(.7)}
.kih{display:flex;align-items:center;gap:12px;margin-bottom:8px}.kie{font-size:40px}.kih div{flex:1;display:grid}.kih b{font:900 17px/1.6 Estedad,Vazirmatn}.kih small{color:#8a6f5a}.kid{font-weight:900;color:#b36b00;background:#FFF3D6;border-radius:99px;padding:0 12px}
.knr{display:flex;gap:10px;justify-content:space-around}
.kn{position:relative;width:62px;height:62px;border-radius:50%;border:0;font:900 20px/1 inherit;display:grid;place-items:center;cursor:pointer;color:#fff}
.kn.cur{background:linear-gradient(180deg,#57d1c6,#1FA39B);box-shadow:0 6px 0 #14776f;animation:kbn 1.6s ease-in-out infinite}
.kn.pay{background:linear-gradient(180deg,#b9a3f0,#7B6BD6);box-shadow:0 6px 0 #5a4bb0}
.kn.done{background:linear-gradient(180deg,#ffd566,#F5A524);box-shadow:0 6px 0 #c47f00;font-size:13px;color:#5a3a00}
.kn.lock{background:#d8d2c8;box-shadow:0 6px 0 #b9b2a6;cursor:not-allowed}
.kn em{position:absolute;top:-12px;font-style:normal;font-size:11px;background:#4CAF7A;color:#fff;border-radius:99px;padding:0 8px}
@keyframes kbn{50%{transform:translateY(-4px)}}
.kalb{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ks{background:#F1ECFF;border-radius:18px;padding:10px 6px;text-align:center;opacity:.5}.ks.on{opacity:1;background:#FFF3D6}.ks i{font-style:normal;font-size:38px;display:block}.ks small{font-size:12px}
/* درس */
.klp{flex:1;height:14px;background:#fff;border-radius:99px;overflow:hidden;box-shadow:inset 0 0 0 2px #F0DFC0}.klp i{display:block;height:100%;width:0;background:linear-gradient(90deg,#57d1c6,#1FA39B);border-radius:99px;transition:width .4s}
.klb{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:10px 16px}
.ksc{width:100%;max-width:520px;display:grid;gap:14px;justify-items:center;text-align:center;animation:nrise .4s}.ksc .kbub{width:100%}
.kbig{font-size:64px;line-height:1.1;animation:nbob 2.4s ease-in-out infinite}
.kcard{width:100%;background:#fff;border-radius:28px;padding:18px 14px;box-shadow:0 12px 28px rgba(120,80,20,.16);display:grid;gap:4px}
.kemo{font-size:110px;line-height:1.1;cursor:pointer;animation:nbob 2.6s ease-in-out infinite}.ken{font:900 38px/1.4 Vazirmatn;color:#2E2A44}.kfa{font-size:20px;color:#8a6f5a}
.kbtns{display:flex;gap:12px}.kround{width:64px;height:64px;border-radius:50%;border:0;background:linear-gradient(135deg,#7B6BD6,#A06BD6);color:#fff;font-size:28px;cursor:pointer;box-shadow:0 6px 0 #5a4bb0}.kround.big{width:84px;height:84px;font-size:38px}.kround:active{transform:translateY(4px);box-shadow:0 2px 0 #5a4bb0}
.kgo{width:100%;border:0;border-radius:22px;padding:14px;font:900 20px/1.4 inherit;color:#fff;background:linear-gradient(180deg,#57d1c6,#1FA39B);box-shadow:0 7px 0 #14776f;cursor:pointer}.kgo:active{transform:translateY(5px);box-shadow:0 2px 0 #14776f}
.kopt{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.ko{aspect-ratio:1;border-radius:24px;border:3px solid #F0DFC0;background:#fff;font-size:60px;cursor:pointer;box-shadow:0 6px 0 #E6D2AB}.ko:active{transform:translateY(4px)}
.ko.right{border-color:#4CAF7A;background:#E7F8EE;animation:npop .6s}.ko.wrong{border-color:#EF6C57;background:#FFF0EE;animation:kshake .4s}
@keyframes kshake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.kmsg{font-weight:900;color:#3a2f6b;min-height:28px}
.kpairs{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.kpairs>div{display:grid;gap:10px}
.kp{border-radius:20px;border:3px solid #F0DFC0;background:#fff;padding:10px;font:900 24px/1.4 Vazirmatn;cursor:pointer;box-shadow:0 5px 0 #E6D2AB;min-height:68px}.kp.e{font-size:44px}.kp.sel{border-color:#7B6BD6;background:#F1ECFF}.kp.gone{visibility:hidden}
.kturn{font-weight:900;border-radius:99px;padding:6px 20px;color:#fff;font-size:17px}.kturn.kid{background:linear-gradient(135deg,#F5A524,#EF6C57)}.kturn.par{background:linear-gradient(135deg,#1FA39B,#7B6BD6)}
.ksticker{background:#fff;border-radius:22px;padding:12px 18px;display:grid;gap:4px;box-shadow:0 8px 20px rgba(120,80,20,.14)}.ksticker i{font-style:normal;font-size:56px;animation:npop 1s both}
html.kopen body{overflow:hidden}

/* تصویرهای سه‌بعدی و حرکت‌ها */
.kpic{width:1em;height:1em;object-fit:contain;display:inline-block;vertical-align:middle;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 6px rgba(120,80,20,.22))}
.kpe{line-height:1;filter:none;font-weight:900;color:#EF6C57}
.kie{font-size:46px;line-height:1}.kih .kie .kpic{animation:kfloat 3.4s ease-in-out infinite}
.kbig{font-size:84px;line-height:1}.kbig .kpic{animation:kfloat 2.8s ease-in-out infinite}
.kstage{position:relative;display:grid;place-items:center;height:190px}.kstage.sm{height:150px}
.kstage .kpic.big{font-size:150px;cursor:pointer;animation:kfloat 3s ease-in-out infinite;position:relative}.kstage.sm .kpic.big{font-size:120px}
.kglow{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,80,.55),rgba(255,160,120,.25) 55%,transparent 72%);animation:nglow 3s ease-in-out infinite}
.ko .kpic{font-size:74px}.kp.e .kpic{font-size:52px}.ks i .kpic{font-size:44px}.kmi .kpic{font-size:30px}.kbuy i .kpic,.kadv i .kpic{font-size:46px}
.ksticker i .kpic{font-size:70px}
@keyframes kfloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
.a-jump{animation:a-jump .8s cubic-bezier(.3,.7,.4,1)!important}.a-spin{animation:a-spin .8s ease-in-out!important}.a-wig{animation:a-wig .7s ease-in-out!important}.a-squash{animation:a-squash .7s ease-in-out!important}.a-flip{animation:a-flip .9s ease-in-out!important}.a-grow{animation:a-grow .8s ease-in-out!important}.a-dance{animation:a-dance .9s ease-in-out!important}
@keyframes a-jump{0%,100%{transform:translateY(0) scale(1)}15%{transform:translateY(6px) scale(1.12,.86)}45%{transform:translateY(-58px) scale(.94,1.1)}80%{transform:translateY(4px) scale(1.08,.92)}}
@keyframes a-spin{to{transform:rotate(360deg) scale(1.05)}}
@keyframes a-wig{0%,100%{transform:rotate(0)}20%{transform:rotate(-18deg)}40%{transform:rotate(16deg)}60%{transform:rotate(-12deg)}80%{transform:rotate(8deg)}}
@keyframes a-squash{0%,100%{transform:scale(1)}30%{transform:scale(1.3,.7)}60%{transform:scale(.8,1.25)}80%{transform:scale(1.1,.92)}}
@keyframes a-flip{0%{transform:perspective(500px) rotateY(0)}100%{transform:perspective(500px) rotateY(360deg)}}
@keyframes a-grow{0%,100%{transform:scale(1)}50%{transform:scale(1.4) rotate(6deg)}}
@keyframes a-dance{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-16px) rotate(-10deg)}50%{transform:translateX(0) rotate(0) translateY(-14px)}75%{transform:translateX(16px) rotate(10deg)}}
.kburst{position:fixed;z-index:400;font-size:24px;pointer-events:none;animation:kburst 1s ease-out forwards}
@keyframes kburst{from{opacity:1;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.3) rotate(40deg)}}
/* فندق سه‌بعدی */
.fox3d{position:relative;flex:none;width:var(--fs);height:var(--fs);cursor:pointer;-webkit-tap-highlight-color:transparent;display:grid;place-items:center}
.foximg{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(160,70,10,.35));animation:foxidle 3.6s ease-in-out infinite;transform-origin:50% 90%}
.foxglow{position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,rgba(255,196,110,.6),rgba(255,150,90,.2) 58%,transparent 72%);animation:nglow 3.2s ease-in-out infinite}
.foxsh{position:absolute;bottom:-4%;left:22%;right:22%;height:9%;border-radius:50%;background:rgba(120,60,10,.22);filter:blur(3px);animation:foxsh 3.6s ease-in-out infinite}
.foxch{position:absolute;bottom:26%;width:15%;height:9%;border-radius:50%;background:#ff8f8f;opacity:.5;filter:blur(2px);pointer-events:none}.foxch.c1{left:17%}.foxch.c2{right:17%}
@keyframes foxidle{0%,100%{transform:translateY(0) rotate(-3deg) scale(1)}25%{transform:translateY(-5px) rotate(2deg) scale(1.02)}50%{transform:translateY(0) rotate(3deg) scale(1)}75%{transform:translateY(-4px) rotate(-1deg) scale(1.02)}}
@keyframes foxsh{50%{transform:scaleX(.86);opacity:.7}}
.fox3d.talk .foximg{animation:foxtalk .34s ease-in-out infinite alternate}
@keyframes foxtalk{from{transform:translateY(0) scale(1,1) rotate(-2deg)}to{transform:translateY(-6px) scale(1.04,.97) rotate(2deg)}}
.kbub.kbpop{animation:npop .5s cubic-bezier(.3,1.6,.4,1)}
.khint{margin:0;color:#8a6f5a;font-weight:800;font-size:14px}
/* مسیر */
.kprev{border:2px dashed #E6C98E;background:rgba(255,255,255,.7);border-radius:18px;padding:10px;font:800 14.5px/1.8 inherit;color:#8a6f5a;cursor:pointer}
.kmore{background:linear-gradient(135deg,#EDE7FF,#E3F7F3);border:2px dashed #C9BCEB;border-radius:24px;padding:14px;text-align:center;display:grid;gap:8px}.kmore b{color:#4a3d8f;font:900 16.5px/1.6 Estedad,Vazirmatn}.kmore small{color:#6B6684;line-height:1.9}
.kmi{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;filter:grayscale(.75);opacity:.75}
.kadv{display:flex;align-items:center;gap:12px;border:0;border-radius:22px;padding:10px 16px;background:linear-gradient(135deg,#7B6BD6,#2FB9C9);color:#fff;font:inherit;cursor:pointer;text-align:start;box-shadow:0 10px 22px rgba(90,75,196,.35)}.kadv span{display:grid}.kadv b{font-weight:900}.kadv small{opacity:.95;font-size:12.5px}
.kn i{font-style:normal}
/* گوش بده و واژه را انتخاب کن */
.khr{display:grid;gap:10px;width:100%}.khrow{display:flex;gap:10px}
.khs{flex:none;width:58px;border-radius:18px;border:0;background:linear-gradient(135deg,#7B6BD6,#A06BD6);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 5px 0 #5a4bb0}
.khw{flex:1;border-radius:18px;border:3px solid #F0DFC0;background:#fff;padding:12px;font:900 24px/1.4 Vazirmatn;cursor:pointer;box-shadow:0 5px 0 #E6D2AB;color:#2E2A44}.khw.right{border-color:#4CAF7A;background:#E7F8EE}.khw.wrong{border-color:#EF6C57;background:#FFF0EE;animation:kshake .4s}
.kstars{display:flex;gap:8px;font-size:64px}.kstars span{animation:npop .8s both}