:root {
  --night:#0d0a1e;
  --deep:#130b2d;
  --panel:rgba(255,255,255,.11);
  --panel2:rgba(255,255,255,.18);
  --line:rgba(255,255,255,.18);
  --line2:rgba(255,255,255,.35);
  --text:#fff;
  --muted:rgba(255,255,255,.72);
  --yellow:#fde047;
  --cyan:#22d3ee;
  --pink:#f43f8e;
  --green:#4ade80;
  --orange:#fb923c;
  --red:#fb7185;
  --font-ne:"Nirmala UI","Noto Sans Devanagari","Mangal","Kalimati","Kokila",system-ui,sans-serif;
  --font-en:"Nunito","Arial Rounded MT Bold",system-ui,sans-serif;
}
*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html,body{height:100%;margin:0;overflow:hidden;background:var(--night);color:var(--text)}
body{
  font-family:var(--font-ne);
  background:
    radial-gradient(circle at 14% 8%,rgba(34,211,238,.26),transparent 25%),
    radial-gradient(circle at 84% 13%,rgba(244,63,142,.26),transparent 28%),
    radial-gradient(circle at 47% 100%,rgba(253,224,71,.12),transparent 36%),
    linear-gradient(135deg,#15103d,#07111f 55%,#050818);
}
button{font-family:inherit;border:0;color:inherit;background:none;cursor:pointer}
#app{position:absolute;inset:0;overflow:hidden}
#particle-canvas{position:fixed;inset:0;z-index:9998;pointer-events:none;width:100%;height:100%}
#hud{position:fixed;top:max(10px,env(safe-area-inset-top));left:0;right:0;z-index:900;display:flex;justify-content:space-between;align-items:center;padding:0 14px;pointer-events:none}
.hud-left{display:flex;gap:8px;pointer-events:all}.hchip{height:50px;min-width:50px;border-radius:999px;padding:0 16px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid var(--line2);backdrop-filter:blur(16px);font-size:1.35rem;box-shadow:0 12px 32px rgba(0,0,0,.24);pointer-events:all}.hchip:active{transform:scale(.92)}.hchip.lock{background:rgba(244,63,142,.22)}
#senon-container{position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:760;width:145px;height:178px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.senon-avatar{position:relative;width:132px;height:132px;display:grid;place-items:center;filter:drop-shadow(0 20px 28px rgba(0,0,0,.34));animation:senon-breathe 3.2s ease-in-out infinite;transform-origin:50% 85%}.senon-face{font-size:5.8rem;line-height:1}.senon-paw{position:absolute;right:-4px;top:30px;font-size:2.55rem;transform-origin:10% 80%;animation:senon-point 1.45s ease-in-out infinite}.senon-bubble{position:absolute;right:82px;bottom:116px;min-width:94px;max-width:190px;border:1px solid rgba(255,255,255,.22);border-radius:22px 22px 6px 22px;padding:8px 11px;background:rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:0 16px 34px rgba(0,0,0,.25);font-size:.95rem;font-weight:1000;text-align:center;opacity:.94;transform-origin:100% 100%;animation:senon-bubble 3s ease-in-out infinite}.no-words .senon-bubble{font-size:1.7rem;min-width:58px}.no-words .senon-bubble .wordish{display:none}
.senon-avatar[data-gesture="point"] .senon-paw{animation:senon-point-fast .62s ease-in-out infinite}.senon-avatar[data-gesture="clap"]{animation:senon-clap .42s ease-in-out 3}.senon-avatar[data-gesture="trace"] .senon-paw{animation:senon-draw 1.1s ease-in-out infinite}.senon-avatar[data-gesture="listen"]{animation:senon-listen .9s ease-in-out infinite}.senon-avatar[data-gesture="celebrate"]{animation:senon-jump .62s ease-in-out 3}
@keyframes senon-breathe{50%{transform:translateY(-6px) scale(1.045)}}@keyframes senon-point{50%{transform:translateX(-8px) rotate(-8deg)}}@keyframes senon-point-fast{50%{transform:translateX(-15px) rotate(-14deg) scale(1.1)}}@keyframes senon-draw{0%,100%{transform:translate(0,0) rotate(-12deg)}50%{transform:translate(-22px,18px) rotate(10deg)}}@keyframes senon-listen{50%{transform:rotate(-4deg) scale(1.04)}}@keyframes senon-jump{50%{transform:translateY(-28px) scale(1.12)}}@keyframes senon-clap{50%{transform:rotate(5deg) scale(1.06)}}@keyframes senon-bubble{50%{transform:scale(1.04) translateY(-4px)}}
.screen{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:max(84px,calc(64px + env(safe-area-inset-top))) 14px 150px}.inner{max-width:1220px;margin:0 auto}.hero{min-height:calc(100vh - 190px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:18px}.hero-card{position:relative;border:1px solid var(--line);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.065));box-shadow:0 26px 90px rgba(0,0,0,.30);padding:28px;overflow:hidden}.hero-title{font-family:var(--font-en);font-weight:1000;font-size:clamp(2.2rem,7vw,5.2rem);line-height:.92;margin:0 0 14px;letter-spacing:-.04em}.hero-title span{display:block;color:var(--yellow);text-shadow:0 10px 34px rgba(253,224,71,.24)}.hero-sub{font-size:clamp(1.1rem,2.4vw,1.75rem);color:var(--muted);line-height:1.22;max-width:720px}.hero-visual{display:grid;place-items:center;font-size:clamp(7rem,26vw,17rem);filter:drop-shadow(0 32px 50px rgba(0,0,0,.35));animation:floaty 4s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-14px) rotate(3deg)}}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.mode-card{min-height:126px;border-radius:32px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.075));box-shadow:0 14px 34px rgba(0,0,0,.22);display:flex;align-items:center;gap:14px;padding:18px;text-align:left;position:relative;overflow:hidden}.mode-card:active{transform:scale(.97);border-color:rgba(253,224,71,.65)}.mode-ico{font-size:3.7rem;min-width:76px;text-align:center}.mode-title{font-size:1.35rem;font-weight:1000}.mode-sub{font-size:.94rem;color:var(--muted);line-height:1.1;margin-top:2px}.no-words .mode-sub,.no-words .hero-sub,.no-words .item-word,.no-words .item-sub,.no-words .toolbar-hint{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px}.screen-title{font-size:clamp(1.6rem,4.2vw,3rem);font-weight:1000;margin:0;color:var(--yellow)}.toolbar-hint{color:var(--muted);font-size:1rem}.seg{display:flex;gap:8px;overflow:auto;padding:4px;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg-btn{height:50px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;padding:0 16px;font-weight:1000;white-space:nowrap}.seg-btn.active{background:linear-gradient(135deg,var(--cyan),#2563eb);border-color:rgba(255,255,255,.4);box-shadow:0 10px 28px rgba(34,211,238,.22)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.letter-card{position:relative;min-height:162px;border-radius:31px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.065));box-shadow:0 12px 35px rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;overflow:hidden}.letter-card:active{transform:scale(.94);border-color:rgba(253,224,71,.65)}.letter-card.done{border-color:rgba(74,222,128,.85);box-shadow:0 0 0 2px rgba(74,222,128,.18),0 12px 35px rgba(0,0,0,.22)}.letter-card.done:after{content:"⭐";position:absolute;right:9px;top:8px;font-size:1.1rem}.item-emoji{font-size:3.45rem;line-height:1}.item-letter{font-size:3.75rem;font-weight:1000;line-height:.9;margin-top:3px;text-shadow:0 8px 24px rgba(34,211,238,.18)}.item-word{font-size:1rem;color:rgba(255,255,255,.8);font-weight:1000;line-height:1;text-align:center;margin-top:8px}.item-sub{font-family:var(--font-en);color:var(--cyan);font-size:.86rem;font-weight:900;text-align:center;margin-top:4px}.no-words .letter-card{min-height:146px}.no-words .item-letter{font-size:4.15rem}.overlay{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(3,7,18,.72);backdrop-filter:blur(15px)}.overlay.on{display:flex}.lesson-card{position:relative;width:min(900px,100%);border-radius:42px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(18,17,58,.985),rgba(7,17,31,.97));box-shadow:0 32px 130px rgba(0,0,0,.56);padding:18px;overflow:hidden}.close-x{position:absolute;right:12px;top:12px;width:50px;height:50px;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid var(--line);font-size:1.6rem;z-index:3}.lesson-main{display:grid;grid-template-columns:.82fr 1.18fr;gap:16px;align-items:center}.lesson-visual{min-height:280px;border-radius:35px;display:grid;place-items:center;font-size:clamp(7rem,24vw,13rem);background:radial-gradient(circle at 50% 40%,rgba(253,224,71,.23),rgba(255,255,255,.07));box-shadow:inset 0 0 72px rgba(255,255,255,.08);animation:floaty 5s ease-in-out infinite}.lesson-letter{font-size:clamp(5rem,18vw,12rem);line-height:.84;font-weight:1000;color:var(--yellow);text-shadow:0 16px 35px rgba(253,224,71,.2)}.lesson-word{font-size:clamp(2rem,7vw,4.3rem);font-weight:1000;line-height:1;color:#fff}.lesson-sub{font-family:var(--font-en);font-size:clamp(1.35rem,4vw,2.65rem);font-weight:1000;line-height:1.05;color:var(--cyan);margin-top:7px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.action-btn{min-height:64px;border-radius:22px;padding:0 18px;background:rgba(255,255,255,.12);border:1px solid var(--line);font-size:1.08rem;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:9px}.action-btn.primary{background:linear-gradient(135deg,var(--pink),#7c3aed);border-color:rgba(255,255,255,.35)}.action-btn.green{background:linear-gradient(135deg,#16a34a,var(--green));border-color:rgba(255,255,255,.35)}.action-btn:active,.close-x:active{transform:scale(.95)}
.trace-view{position:fixed;inset:0;z-index:1500;display:none;background:linear-gradient(135deg,#06101f,#1b1042);overflow:hidden}.trace-view.on{display:block}.trace-top{position:absolute;top:0;left:0;right:0;z-index:7;padding:max(12px,env(safe-area-inset-top)) 14px 8px;background:linear-gradient(180deg,rgba(6,16,31,.94),rgba(6,16,31,.35),transparent);display:flex;align-items:center;justify-content:space-between;gap:10px}.trace-name{display:flex;align-items:center;gap:10px;font-weight:1000}.trace-badge{font-size:2.6rem;width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid var(--line)}.trace-word{line-height:1}.trace-word .one{font-size:1.45rem}.trace-word .two{font-family:var(--font-en);color:var(--cyan);font-size:1rem}.trace-actions{display:flex;gap:8px}.trace-btn{height:52px;min-width:52px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid var(--line);font-size:1.35rem;font-weight:1000;padding:0 13px}.trace-btn.done{background:linear-gradient(135deg,#16a34a,var(--green))}.trace-btn:active{transform:scale(.94)}.trace-stage{position:absolute;inset:0;display:grid;place-items:center}.guide-letter{position:absolute;font-size:min(58vw,58vh);font-weight:1000;line-height:.8;color:transparent;-webkit-text-stroke:8px rgba(255,255,255,.24);text-stroke:8px rgba(255,255,255,.24);font-family:var(--font-ne);filter:drop-shadow(0 0 36px rgba(34,211,238,.22));pointer-events:none}.guide-letter.shadow{color:rgba(253,224,71,.035);-webkit-text-stroke:0;text-stroke:0}.trace-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none;z-index:4}.trace-tip{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);color:rgba(255,255,255,.65);font-weight:900;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.11);padding:8px 13px;border-radius:999px;white-space:nowrap;z-index:6}.trace-progress{position:absolute;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:6;border-radius:28px;background:rgba(8,5,22,.75);border:1px solid var(--line);backdrop-filter:blur(14px);padding:12px;box-shadow:0 18px 45px rgba(0,0,0,.33)}.bar{height:13px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;border:1px solid rgba(255,255,255,.12)}.bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--yellow),var(--green));transition:width .12s}.trace-bottom{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px}.progress-text{text-align:center;margin-bottom:8px;color:rgba(255,255,255,.78);font-weight:1000}.parent-view{position:fixed;inset:0;z-index:1700;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(3,7,18,.76);backdrop-filter:blur(15px);overflow:auto}.parent-view.on{display:flex}.parent-card{width:min(980px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line2);border-radius:38px;background:linear-gradient(145deg,rgba(18,17,58,.985),rgba(7,17,31,.97));box-shadow:0 32px 130px rgba(0,0,0,.56);padding:22px}.parent-title{font-size:clamp(1.6rem,4vw,2.8rem);font-weight:1000;color:var(--yellow);margin:0 0 12px}.parent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.parent-box{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.1);padding:16px}.parent-value{font-size:2.3rem;font-weight:1000;color:var(--cyan)}.parent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.print-area{display:none}.toast{position:fixed;left:50%;top:85px;z-index:2100;transform:translateX(-50%) translateY(-10px);opacity:0;pointer-events:none;background:rgba(8,5,22,.86);border:1px solid rgba(255,255,255,.18);color:white;border-radius:999px;padding:10px 16px;backdrop-filter:blur(14px);box-shadow:0 14px 32px rgba(0,0,0,.28);transition:.18s;font-weight:1000;text-align:center;max-width:92vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:820px){#senon-container{width:118px;height:150px}.senon-avatar{width:105px;height:105px}.senon-face{font-size:4.55rem}.senon-paw{font-size:2rem;right:-2px;top:25px}.senon-bubble{right:63px;bottom:92px;font-size:.85rem;max-width:140px}.hero{grid-template-columns:1fr;min-height:unset}.hero-card{padding:18px;border-radius:30px}.mode-grid{grid-template-columns:1fr}.lesson-main{grid-template-columns:1fr}.lesson-visual{min-height:190px}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.letter-card{min-height:132px;border-radius:26px}.item-emoji{font-size:2.6rem}.item-letter{font-size:3rem}.item-word{font-size:.86rem}.toolbar{margin-top:0}.screen{padding-top:max(78px,calc(60px + env(safe-area-inset-top)));padding-bottom:138px}.trace-word .one{font-size:1.05rem}.trace-word .two{display:none}.trace-badge{width:52px;height:52px;font-size:2rem}.trace-btn{height:48px;min-width:48px}.guide-letter{-webkit-text-stroke:5px rgba(255,255,255,.23);font-size:min(74vw,58vh)}.trace-tip{bottom:122px;font-size:.82rem}.action-btn{min-height:56px;padding:0 14px}}
@media print{body>*:not(.parent-view){display:none!important}.parent-view{display:block!important;position:static!important;background:#fff!important;color:#111!important}.parent-card{box-shadow:none!important;background:#fff!important;color:#111!important;border:0!important}.parent-actions,.close-x{display:none!important}.print-area{display:block!important}.parent-box{border:1px solid #ccc!important;background:#fff!important;color:#111!important}}

/* V2 Magic Mirror entry */
.mirror-gate{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(34,211,238,.28),transparent 28%),linear-gradient(135deg,#0d0a1e,#190d3f 60%,#04111f);transition:opacity .55s ease,transform .55s ease}.mirror-gate.off{opacity:0;pointer-events:none;transform:scale(1.04)}.mirror-sky{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.34) 1px,transparent 1.4px);background-size:42px 42px;opacity:.45;animation:mirror-drift 12s linear infinite}@keyframes mirror-drift{to{background-position:84px 42px}}.mirror-card{position:relative;width:min(92vw,720px);display:grid;gap:16px;place-items:center}.mirror-brand{font-family:var(--font-en);font-weight:1000;letter-spacing:.08em;color:var(--yellow);font-size:clamp(1.05rem,4vw,2rem);text-shadow:0 0 28px rgba(253,224,71,.35)}.mirror-frame{position:relative;width:min(86vw,560px);height:min(76vh,560px);min-height:360px;border-radius:48px;border:2px solid rgba(255,255,255,.32);background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.22),rgba(34,211,238,.08) 48%,rgba(255,255,255,.04));box-shadow:inset 0 0 80px rgba(255,255,255,.12),0 35px 110px rgba(0,0,0,.55);overflow:hidden;display:grid;place-items:center}.mirror-frame:before{content:"";position:absolute;inset:14px;border-radius:36px;border:1px solid rgba(255,255,255,.2);pointer-events:none}.mirror-glow{position:absolute;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(253,224,71,.18),transparent 68%);filter:blur(8px);animation:mirror-pulse 3s ease-in-out infinite}@keyframes mirror-pulse{50%{transform:scale(1.16);opacity:.68}}.mirror-senon{position:relative;z-index:2;display:grid;place-items:center;animation:mirror-float 3.2s ease-in-out infinite}.mirror-cat{font-size:clamp(8rem,34vw,15rem);filter:drop-shadow(0 24px 35px rgba(0,0,0,.34))}.mirror-hand{position:absolute;right:-12px;top:22%;font-size:clamp(3rem,12vw,5rem);transform-origin:20% 80%;animation:senon-wave .78s ease-in-out infinite}@keyframes senon-wave{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(18deg) translateX(-4px)}}@keyframes mirror-float{50%{transform:translateY(-12px) scale(1.03)}}.mirror-symbols{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:clamp(2.2rem,9vw,4.2rem);font-weight:1000;color:rgba(255,255,255,.55);letter-spacing:.12em;z-index:1}#mirror-fog{position:absolute;inset:0;width:100%;height:100%;z-index:5;touch-action:none;cursor:grab}.mirror-open{width:86px;height:86px;border-radius:32px;background:linear-gradient(135deg,var(--pink),#7c3aed);border:1px solid rgba(255,255,255,.36);font-size:2.45rem;box-shadow:0 20px 60px rgba(244,63,142,.32);animation:open-beat 1.6s ease-in-out infinite}.mirror-open:active{transform:scale(.92)}@keyframes open-beat{50%{transform:translateY(-5px) scale(1.05)}}

/* V2 replaceable Senon emotion support */
.senon-emotion-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none;z-index:2}.senon-avatar.has-img .senon-emotion-img{display:block}.senon-avatar.has-img .senon-face,.senon-avatar.has-img .senon-paw{display:none}.senon-avatar[data-gesture="wave"] .senon-paw{animation:senon-wave .78s ease-in-out infinite}.senon-avatar[data-gesture="wave"]{animation:senon-breathe 2.2s ease-in-out infinite}.senon-avatar[data-gesture="happy"]{animation:senon-jump .62s ease-in-out 2}.senon-avatar[data-gesture="wink"]{animation:senon-listen .7s ease-in-out 2}.senon-avatar[data-gesture="cry"]{animation:senon-sad .55s ease-in-out 4}@keyframes senon-sad{50%{transform:translateY(6px) rotate(-3deg)}}

/* V2 first screen: child-choice grid */
.home-choice-wrap{min-height:calc(100vh - 210px);display:flex;flex-direction:column;justify-content:center;gap:18px}.home-choice-head{display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;flex-wrap:wrap}.home-choice-head .big-cat{font-size:clamp(3rem,12vw,6rem);animation:senon-wave .9s ease-in-out infinite;transform-origin:50% 80%}.home-choice-title{font-family:var(--font-en);font-size:clamp(1.6rem,7vw,4.4rem);line-height:.9;font-weight:1000;color:var(--yellow);text-shadow:0 16px 35px rgba(253,224,71,.16)}.home-choice-sub{font-size:1.05rem;color:var(--muted);font-weight:900}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:960px;margin:0 auto;width:100%}.choice-card{min-height:150px;border-radius:34px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.075));box-shadow:0 16px 42px rgba(0,0,0,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:14px;position:relative;overflow:hidden}.choice-card:before{content:"";position:absolute;inset:-60%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.22),transparent 28%);transform:rotate(18deg)}.choice-card:active{transform:scale(.95);border-color:rgba(253,224,71,.7)}.choice-ico{position:relative;font-size:clamp(3.4rem,13vw,6rem);line-height:1;filter:drop-shadow(0 14px 22px rgba(0,0,0,.25))}.choice-title{position:relative;font-size:1.28rem;font-weight:1000}.choice-sub{position:relative;color:var(--muted);font-size:.92rem;font-weight:900}.no-words .choice-title,.no-words .choice-sub,.no-words .home-choice-sub{display:none}.no-words .choice-card{min-height:142px}.no-words .choice-ico{font-size:clamp(4.2rem,16vw,7rem)}
@media(max-width:620px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{min-height:126px;border-radius:28px}.home-choice-wrap{justify-content:flex-start;padding-top:14px}.mirror-frame{border-radius:36px;min-height:330px}.mirror-open{width:76px;height:76px;border-radius:28px}}

/* V3 MOBILE-FIRST GRID + EMOTION UX PATCH */
.no-words .wordish{display:none!important}
.first-index.screen{padding-top:max(74px,calc(56px + env(safe-area-inset-top)));padding-bottom:160px;overflow:auto}
.kid-first-head{margin:0 auto 8px;gap:8px}.big-wave-cat{position:relative;font-size:clamp(3.6rem,14vw,7rem);line-height:1;filter:drop-shadow(0 20px 28px rgba(0,0,0,.25));animation:senon-breathe 2.6s ease-in-out infinite}.big-wave-cat span{position:absolute;right:-.34em;top:.16em;font-size:.42em;transform-origin:20% 90%;animation:senon-wave .72s ease-in-out infinite}.home-sparkles{font-size:clamp(1.4rem,5vw,2.2rem);opacity:.85;animation:floaty 3.8s ease-in-out infinite}.toddler-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;gap:12px}.mega-choice{min-height:clamp(126px,21vh,190px);border-radius:32px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.24),rgba(255,255,255,.08) 45%,rgba(255,255,255,.05));box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18)}.mega-choice:nth-child(1){background:radial-gradient(circle at 45% 24%,rgba(34,211,238,.32),rgba(255,255,255,.08) 46%,rgba(255,255,255,.04))}.mega-choice:nth-child(2){background:radial-gradient(circle at 45% 24%,rgba(253,224,71,.30),rgba(255,255,255,.08) 46%,rgba(255,255,255,.04))}.mega-choice:nth-child(3){background:radial-gradient(circle at 45% 24%,rgba(244,63,142,.28),rgba(255,255,255,.08) 46%,rgba(255,255,255,.04))}.mega-choice:nth-child(4){background:radial-gradient(circle at 45% 24%,rgba(74,222,128,.28),rgba(255,255,255,.08) 46%,rgba(255,255,255,.04))}.mega-choice:active{transform:scale(.93)}.mega-choice .choice-ico{font-size:clamp(4.4rem,17vw,8rem)}.devanagari{font-family:var(--font-ne);font-weight:1000;color:#fff;text-shadow:0 0 32px rgba(253,224,71,.25)}.letter-index.screen{padding-top:max(72px,calc(56px + env(safe-area-inset-top)));padding-bottom:150px}.child-toolbar{justify-content:center}.mini-home{width:52px;height:52px;border-radius:19px;background:rgba(255,255,255,.13);border:1px solid var(--line);font-size:1.45rem;box-shadow:0 12px 26px rgba(0,0,0,.22)}.icon-seg .seg-btn{width:60px;min-width:60px;height:52px;padding:0;justify-content:center;font-size:1.45rem}.letter-grid-mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.letter-card{min-height:154px}.letter-card .item-emoji{font-size:3rem}.letter-card .item-letter{font-size:4rem}.toddler-card{padding:16px;border-radius:36px}.kid-lesson-main{grid-template-columns:1fr;text-align:center}.touch-object{border:0;width:100%;min-height:220px}.icon-row{justify-content:center;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.icon-action{min-height:68px;border-radius:25px;font-size:2rem;padding:0}.icon-action:active{transform:scale(.9)}.lesson-info{display:grid;place-items:center}.lesson-letter{font-size:clamp(4.4rem,24vw,9rem)}.trace-view{background:radial-gradient(circle at 50% 15%,rgba(34,211,238,.2),transparent 32%),linear-gradient(135deg,#06101f,#1b1042)}.trace-top{background:linear-gradient(180deg,rgba(6,16,31,.96),rgba(6,16,31,.28),transparent)}.trace-actions .trace-btn,.trace-bottom .trace-btn{font-size:1.65rem}.trace-tip{display:flex;align-items:center;gap:6px;font-size:1.3rem}.progress-text{font-size:0.95rem}.senon-bubble.pop{animation:bubble-pop .5s ease}@keyframes bubble-pop{0%{transform:scale(.7);opacity:.2}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:.94}}.senon-avatar.has-img{width:132px;height:132px}.senon-avatar[data-gesture="wave"].has-img{animation:senon-breathe 2s ease-in-out infinite}.senon-avatar[data-gesture="point"].has-img{animation:senon-point-body .9s ease-in-out infinite}.senon-avatar[data-gesture="trace"].has-img{animation:senon-draw-body 1.2s ease-in-out infinite}.senon-avatar[data-gesture="happy"].has-img{animation:senon-jump .6s ease-in-out 3}.senon-avatar[data-gesture="wink"].has-img{animation:senon-listen .75s ease-in-out 2}.senon-avatar[data-gesture="cry"].has-img{animation:senon-sad .55s ease-in-out 4}@keyframes senon-point-body{50%{transform:translateX(-10px) rotate(-5deg) scale(1.05)}}@keyframes senon-draw-body{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(-18px,12px) rotate(6deg)}}
@media(max-width:620px){#hud{padding:0 8px}.hchip{height:44px;min-width:44px;padding:0 12px;font-size:1.18rem}#senon-container{right:4px;bottom:max(4px,env(safe-area-inset-bottom));width:92px;height:122px}.senon-avatar,.senon-avatar.has-img{width:86px;height:86px}.senon-face{font-size:3.8rem}.senon-paw{font-size:1.6rem;right:-1px;top:18px}.senon-bubble{right:48px;bottom:76px;min-width:44px;max-width:82px;padding:6px 8px;border-radius:18px 18px 4px 18px}.no-words .senon-bubble{font-size:1.25rem}.first-index.screen{padding-left:10px;padding-right:10px;padding-top:max(60px,calc(50px + env(safe-area-inset-top)));padding-bottom:112px}.toddler-choice-grid{gap:9px}.mega-choice{min-height:118px;border-radius:26px}.mega-choice .choice-ico{font-size:clamp(4.1rem,18vw,6rem)}.kid-first-head{margin-bottom:4px}.home-choice-title{font-size:clamp(1.3rem,8vw,2.6rem)}.home-sparkles{display:none}.letter-index.screen{padding-left:10px;padding-right:10px;padding-bottom:110px}.letter-grid-mobile{gap:9px}.letter-card{min-height:136px;border-radius:25px}.letter-card .item-letter{font-size:3.45rem}.letter-card .item-emoji{font-size:2.4rem}.overlay{padding:10px}.lesson-card{border-radius:30px;padding:12px}.touch-object{min-height:178px;border-radius:26px;font-size:clamp(7rem,33vw,10rem)}.icon-row{grid-template-columns:repeat(4,1fr);gap:8px}.icon-action{min-height:62px;border-radius:22px;font-size:1.75rem}.close-x{width:44px;height:44px}.trace-progress{left:8px;right:8px;padding:10px;border-radius:23px}.trace-bottom{gap:7px}.trace-btn{height:46px;min-width:46px}.trace-tip{bottom:112px;font-size:1.05rem}.progress-text{font-size:.84rem}.guide-letter{font-size:min(78vw,55vh)}}
@media(min-width:860px){.letter-grid-mobile{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.kid-lesson-main{grid-template-columns:.88fr 1.12fr;text-align:left}.touch-object{min-height:320px}.icon-row{display:flex}}