@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-600-normal-tIfxVoAe.woff2) format("woff2"),url(/assets/baloo-2-latin-600-normal-B4tNaogw.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-ext-700-normal-Mlh7kdab.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-700-normal-D6LeXASg.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-vietnamese-600-normal-C5EqHgu0.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-600-normal-CGkk4Wtx.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-vietnamese-700-normal-h4tlcePq.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-700-normal-DoF59Mjc.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-vietnamese-800-normal-ConLnEgt.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-800-normal-GQACmpuv.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff")}:root{--sky: #4CC2FF;--sky-d: #1F9AE0;--sun: #FFC83D;--sun-d: #E0A300;--leaf: #58CC6A;--leaf-d: #3FA653;--coral: #FF6B6B;--coral-d: #DD4747;--grape: #8B6CF6;--grape-d: #6A4BD6;--ink: #2B2D42;--cloud: #F7FAFF;--ink-70: rgba(43, 45, 66, .7);--line: #E3E9F5;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--font-d: "Baloo 2", "Nunito", system-ui, sans-serif;--font-b: "Nunito", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font-b);color:var(--ink);font-size:16px;line-height:1.35;background:linear-gradient(#d6f0ff,#eaf7ff 38%,#f7faff) fixed;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,select,textarea{-webkit-user-select:text;user-select:text}button{font-family:inherit;color:inherit;touch-action:manipulation}h1,h2,h3{font-family:var(--font-d);margin:0;line-height:1.1}img{-webkit-user-drag:none}.ico{display:block}.muted{color:var(--ink-70)}.tone-sky{--c: var(--sky);--cd: var(--sky-d)}.tone-sun{--c: var(--sun);--cd: var(--sun-d)}.tone-leaf{--c: var(--leaf);--cd: var(--leaf-d)}.tone-coral{--c: var(--coral);--cd: var(--coral-d)}.tone-grape{--c: var(--grape);--cd: var(--grape-d)}.bi{display:inline-flex;flex-direction:column;line-height:1.12;align-items:flex-start;text-align:left}:is(.btn,.gate-title,.big-title,.results-title,.overlay-title,.overlay-text,.modal-title,.bn-item,.pl-instr,.pick-prompt,.gate-hint,.results-mission,.mode-name,.center-card,.bubble-text) .bi{align-items:center;text-align:center}.bi-1{font-family:var(--font-d);font-weight:700}.bi-2{font-family:var(--font-b);font-weight:600;font-size:.62em;opacity:.72;margin-top:1px}.bi.inline,.bi.inline>span{display:inline}.bi.inline .bi-1{font-family:var(--font-b);font-weight:800}.bi.inline .bi-2{font-size:.92em;margin-left:.45em}.bi.inline .bi-2:before{content:"· "}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:6px 26px;border:0;border-radius:22px;font:700 22px/1.05 var(--font-d);color:#fff;cursor:pointer;background:var(--c, var(--sky));box-shadow:0 6px 0 var(--cd, var(--sky-d));transition:transform .08s,box-shadow .08s;text-align:left}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--cd, var(--sky-d))}.btn:disabled{opacity:.5;cursor:default}.btn-sky{--c: var(--sky);--cd: var(--sky-d)}.btn-sun{--c: var(--sun);--cd: var(--sun-d);color:var(--ink)}.btn-leaf{--c: var(--leaf);--cd: var(--leaf-d)}.btn-coral{--c: var(--coral);--cd: var(--coral-d)}.btn-grape{--c: var(--grape);--cd: var(--grape-d)}.btn-white{--c: #fff;--cd: #D5DCEB;color:var(--ink)}.btn-ink{--c: var(--ink);--cd: #14152A}.btn-lg{min-height:76px;padding:8px 34px;font-size:26px;border-radius:26px}.btn-sm{min-height:48px;padding:4px 16px;font-size:18px;border-radius:16px}.btn-label{display:inline-flex}.ibtn{border:0;border-radius:22px;display:grid;place-items:center;cursor:pointer;flex:none;background:var(--bg, #fff);color:var(--fg, var(--ink));box-shadow:0 5px 0 var(--bd, #D5DCEB);transition:transform .08s,box-shadow .08s}.ibtn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--bd, #D5DCEB)}.ibtn:disabled{opacity:.4}.ibtn-sky{--bg: var(--sky);--bd: var(--sky-d);--fg: #fff}.ibtn-sun{--bg: var(--sun);--bd: var(--sun-d);--fg: var(--ink)}.ibtn-leaf{--bg: var(--leaf);--bd: var(--leaf-d);--fg: #fff}.ibtn-coral{--bg: var(--coral);--bd: var(--coral-d);--fg: #fff}.ibtn-grape{--bg: var(--grape);--bd: var(--grape-d);--fg: #fff}.ibtn-white.is-active{--bg: #E6F6FF}.card{background:#fff;border-radius:28px;padding:16px;box-shadow:0 6px #2b2d4214}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;border-radius:999px;font:800 20px var(--font-d);background:#fff;box-shadow:0 4px #2b2d4214}.pill small{font:700 12px var(--font-b);opacity:.65}.pill-sun .ico{color:var(--sun)}.pill-coral .ico{color:var(--coral)}.pill-grape{color:var(--grape-d)}.pic{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;container-type:size}.pic-r{border-radius:22px}.pic img{width:100%;height:100%;object-fit:contain;pointer-events:none}.pic-emoji{font-size:56cqmin;line-height:1;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;filter:drop-shadow(0 4px 0 rgba(43,45,66,.12))}.pic-text{font:800 18cqmin var(--font-d);text-align:center;padding:6px;line-height:1.05;word-break:break-word}.pbar{background:#e7ecf6;border-radius:999px;overflow:hidden;width:100%}.pbar-fill{height:100%;border-radius:999px;background:var(--leaf);transition:width .5s cubic-bezier(.2,.9,.3,1.2)}.pbar-sky .pbar-fill{background:var(--sky)}.pbar-coral .pbar-fill{background:var(--coral)}.pbar-grape .pbar-fill{background:var(--grape)}.dots{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}.dot{width:13px;height:13px;border-radius:50%;background:#d3dbea;flex:none;transition:all .25s}.dot.done{background:var(--leaf)}.dot.now{background:var(--sun);transform:scale(1.35);box-shadow:0 0 0 4px #ffc83d59}.stars{display:inline-flex;align-items:center}.star{display:inline-flex}.spinner-wrap{display:grid;place-items:center;gap:14px;padding:40px}.spinner{display:flex;gap:10px}.spinner i{width:18px;height:18px;border-radius:50%;background:var(--sky);animation:bob 1s infinite ease-in-out}.spinner i:nth-child(2){background:var(--sun);animation-delay:.15s}.spinner i:nth-child(3){background:var(--leaf);animation-delay:.3s}.spinner-label{font-weight:800;color:var(--ink-70)}.modal-back{position:fixed;inset:0;z-index:200;background:#2b2d4280;display:grid;place-items:center;padding:16px}.modal{background:#fff;border-radius:32px;padding:22px;width:min(440px,100%);text-align:center;box-shadow:0 10px #2b2d421f;display:flex;flex-direction:column;align-items:center;gap:14px}.modal-title{display:flex;align-items:center;gap:10px;font-size:30px}.modal-actions{display:flex;flex-direction:column;gap:14px;width:100%}.modal-actions .btn{width:100%}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:60}.confetti i{position:absolute;top:-20px;border-radius:2px;animation:fall 3.2s linear forwards}.pinpad{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:4px}.pin-dots{display:flex;gap:12px;min-height:22px;flex-wrap:wrap;justify-content:center;max-width:300px}.pin-dot{width:20px;height:20px;border-radius:50%;background:#e1e8f5;transition:all .15s}.pin-dot.on{background:var(--grape);transform:scale(1.12)}.pin-keys{display:grid;grid-template-columns:repeat(3,74px);gap:12px}.pin-key{width:74px;height:74px;border-radius:50%;border:0;background:#fff;color:var(--ink);font:800 34px var(--font-d);display:grid;place-items:center;box-shadow:0 6px #d5dceb,0 0 0 3px #eef3fb inset;cursor:pointer;transition:transform .08s,box-shadow .08s}.pin-key:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #d5dceb,0 0 0 3px #eef3fb inset}.pin-aux{background:#eef3fb}.pin-ok{background:var(--leaf);color:#fff;box-shadow:0 6px 0 var(--leaf-d)}.pin-ok:disabled{opacity:.4}.parent-lock{position:relative;z-index:20;width:48px;height:48px;border-radius:50%;border:0;background:#ffffffb3;display:grid;place-items:center;color:#9aa0ba;cursor:pointer;padding:0;flex:none}.pl-ring{position:absolute;inset:0}.parent-lock .ico{position:relative}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}@keyframes pulse{0%,to{box-shadow:0 7px 0 var(--cd),0 0 #ffc83db3}50%{box-shadow:0 7px 0 var(--cd),0 0 0 16px #ffc83d00}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes bounce{0%{transform:scale(1)}35%{transform:scale(1.14)}65%{transform:scale(.96)}to{transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 #ffc83de6}50%{box-shadow:0 0 0 14px #ffc83d00}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes wave{0%,to{transform:rotate(0)}50%{transform:rotate(-24deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes drift{0%{transform:translate(-30%)}to{transform:translate(130vw)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.shake{animation:shake .45s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}:root{--app-h: 100vh}@supports (height: 100dvh){:root{--app-h: 100dvh}}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%}body{position:fixed;inset:0;width:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.page,.results,.parent,.buddy,.screen,.game-body,.phonics-intro{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.game-body,.frame-body{min-height:0}.game-body{overflow-y:auto;overflow-x:hidden}input,select,textarea{font-size:16px}.kid-layout,.game,.screen{height:var(--app-h)}.screen{min-height:0}.page,.game-top,.screen,.bottom-nav,.p-head{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.game-body{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.overlay{padding:calc(var(--safe-t) + 20px) max(20px,env(safe-area-inset-right)) calc(var(--safe-b) + 20px) max(20px,env(safe-area-inset-left))}.modal-back{padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 16px)}.corner-lock{right:max(14px,env(safe-area-inset-right))}.corner-offline{left:max(14px,env(safe-area-inset-left))}:focus{outline:none}:focus-visible{outline:4px solid var(--grape);outline-offset:3px}.pin-key:focus-visible,.ibtn:focus-visible,.parent-lock:focus-visible{outline-offset:2px}.kbd-hint{display:none;pointer-events:none}.word-opt,.reply-opt,.yn-btn,.opt,.big-speaker,.mic-btn{position:relative}.key-line{display:none}@media (hover: hover) and (pointer: fine){.btn:hover:not(:disabled),.ibtn:hover:not(:disabled),.big-speaker:hover,.mic-btn:hover,.skill-tile:hover,.mode-tile:hover,.topic-tile:hover:not(.locked),.kid-tile:hover,.book-card:hover,.unit-card:hover,.scenario-card:hover,.buddy-card:hover,.album-card:hover{filter:brightness(1.05) saturate(1.05);transform:translateY(-2px)}.opt:hover:not(:disabled),.word-opt:hover:not(:disabled),.reply-opt:hover:not(:disabled),.yn-btn:hover:not(:disabled),.mcard:hover,.step-node:hover,.dpad-btn:hover,.tap-word:hover{filter:brightness(1.04);transform:translateY(-2px)}.tile:hover{transform:translateY(-2px)}.kb-key:hover,.pin-key:hover:not(:disabled){background:#f0f6ff}.kb-ok:hover:not(:disabled),.pin-ok:hover:not(:disabled){background:#66d679}.sticker:hover,.weak-card:hover,.mini-card:hover{transform:translateY(-2px) rotate(-1deg)}button{cursor:pointer}button:disabled{cursor:default}.kbd-hint{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:#fff;color:var(--ink);border:1.5px solid rgba(43,45,66,.28);box-shadow:0 2px #2b2d4238;font:800 12px var(--font-b);line-height:1;white-space:nowrap;letter-spacing:.02em}.kbd-corner{position:absolute;left:8px;top:8px;z-index:3}.big-speaker .kbd-corner{left:50%;top:auto;bottom:-26px;transform:translate(-50%)}.mic-btn .kbd-corner{left:50%;top:auto;bottom:12px;transform:translate(-50%);font-size:11px;height:20px}.opt .kbd-corner,.word-opt .kbd-corner,.reply-opt .kbd-corner{left:10px;top:10px}.btn .kbd-hint,.yn-btn .kbd-hint{margin-left:8px}.yn-btn .kbd-hint{position:static}.key-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;color:var(--ink-70);font:700 13px var(--font-b);margin-top:4px}.mic-btn,.big-speaker{overflow:visible}}img,svg{-webkit-touch-callout:none}a,button,[role=button]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.screen{min-height:var(--app-h);position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-t) + 18px) 16px calc(var(--safe-b) + 24px);overflow-x:hidden;overflow-y:auto;height:var(--app-h)}.clouds{position:absolute;inset:0;pointer-events:none;overflow:hidden}.clouds i{position:absolute;left:0;width:120px;height:40px;border-radius:40px;background:#fff;opacity:.75;animation:drift 60s linear infinite}.clouds i:before,.clouds i:after{content:"";position:absolute;background:#fff;border-radius:50%}.clouds i:before{width:56px;height:56px;left:18px;top:-26px}.clouds i:after{width:40px;height:40px;left:62px;top:-16px}.clouds i:nth-child(1){top:9%;animation-delay:-10s}.clouds i:nth-child(2){top:30%;transform:scale(.7);animation-duration:80s;animation-delay:-40s}.clouds i:nth-child(3){top:68%;transform:scale(.9);animation-duration:70s;animation-delay:-25s}.splash{justify-content:center;gap:12px;text-align:center}.splash-msg{font:700 22px var(--font-d)}.center-card{position:relative;z-index:1;margin:auto;width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.big-title{font-size:34px}.bubble-text{background:#fff;border-radius:26px;padding:14px 18px;font-size:20px;font-weight:700;box-shadow:0 6px #2b2d4214}.bubble-text .bi-1{font-family:var(--font-b);font-weight:800;font-size:19px;line-height:1.3}.bubble-text .bi-2{font-size:14px;margin-top:6px}.row-gap{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.corner-lock{position:fixed;right:14px;top:calc(var(--safe-t) + 14px);z-index:20}.corner-x{position:absolute;left:14px;top:calc(var(--safe-t) + 12px);z-index:3}.gate{justify-content:center}.gate-card,.firstrun-card{position:relative;z-index:1;width:min(430px,100%);background:#fff;border-radius:34px;padding:18px 20px 24px;box-shadow:0 8px #2b2d4214,0 24px 48px #4cc2ff38;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin:auto}.gate-title{font-size:28px;margin-top:2px}.gate-title .bi-2{font-size:.56em}.gate-hint{margin:4px 0 6px;color:var(--ink-70);font-weight:700;font-size:15px;min-height:22px}.gate-err{color:var(--coral-d);font-weight:800}.mock-hint{font-size:12px;color:var(--ink-70);margin:8px 0 0}.firstrun{justify-content:flex-start}.firstrun-card{width:min(560px,100%);gap:8px}.made-kids{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.made-kid{display:flex;flex-direction:column;align-items:center;font-weight:800}.firstrun-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}.adult-card{width:100%;text-align:left;background:#f5f8fe;border-radius:22px;padding:14px}.profiles{align-items:center;justify-content:flex-start;gap:8px}.profiles-head{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:8px}.profiles-title h1{font-size:32px}.profiles-head{padding-right:56px}.profiles-title .bi-2{font-size:.5em}.kid-tiles{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-content:center;flex:1;width:min(900px,100%);padding:10px 0 60px}.kid-tile{width:calc(50% - 9px);max-width:220px;border:0;background:#fff;border-radius:34px;padding:16px 10px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:0 8px #2b2d421a}.kid-av{width:min(32vw,150px);height:auto;filter:drop-shadow(0 6px 0 rgba(43,45,66,.08))}.kid-name{font:800 30px var(--font-d)}.kid-empty{max-width:340px;text-align:center;display:grid;place-items:center;gap:8px}.placement{justify-content:center}.pl-wrap{position:relative;z-index:1;width:min(600px,100%);display:flex;flex-direction:column;gap:10px;margin:auto}.pl-top{padding:10px 0 4px}.pl-q{display:flex;flex-direction:column;gap:12px;align-items:center}.pl-prompt{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.pl-word{font:800 64px var(--font-d);display:flex;align-items:center;gap:12px}.pl-instr{font-weight:800;font-size:17px}.pl-instr .bi-1{font-family:var(--font-b)}.big-speaker{position:relative;width:104px;height:104px;border-radius:50%;border:0;background:var(--sun);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 0 var(--sun-d);flex:none}.big-speaker:active{transform:translateY(4px);box-shadow:0 3px 0 var(--sun-d)}.big-speaker .wave{position:absolute;inset:-8px;border-radius:50%;border:4px solid rgba(255,200,61,.55);animation:glow 1.8s infinite}.big-speaker.sm{width:64px;height:64px}.big-speaker.turtle{background:var(--leaf);color:#fff;box-shadow:0 7px 0 var(--leaf-d)}.big-speaker.floating{position:absolute;left:12px;top:12px;z-index:5;width:80px;height:80px}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,calc(var(--app-h) - 330px));margin:0 auto}.opt{position:relative;aspect-ratio:1;border:0;padding:8px;border-radius:28px;background:#fff;cursor:pointer;box-shadow:0 7px #2b2d421f;transition:transform .12s,opacity .3s}.opt .pic{border-radius:20px}.opt.picked{transform:scale(.96);box-shadow:0 0 0 6px var(--sky),0 7px #2b2d421f}.opt.right{animation:bounce .5s;box-shadow:0 0 0 7px var(--leaf),0 7px #2b2d421f}.opt.wrong{animation:shake .45s;opacity:.55;box-shadow:0 0 0 6px #c9b8ff,0 7px #2b2d421f}.opt.reveal{animation:glow 1s 2;box-shadow:0 0 0 7px var(--leaf),0 7px #2b2d421f}.opt.dim{opacity:.5}.opt-badge{position:absolute;right:-6px;top:-6px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--leaf);color:#fff;box-shadow:0 4px 0 var(--leaf-d)}.pl-dk{padding-top:6px;display:flex;justify-content:center}.level-medal{display:flex;align-items:center;gap:12px;background:#fff;border-radius:24px;padding:10px 22px;text-align:left;box-shadow:0 6px #2b2d4214}.level-medal small{display:block;font-weight:700;color:var(--ink-70)}.level-medal b{font:800 32px var(--font-d)}.kid-layout{height:var(--app-h);display:flex;flex-direction:column;position:relative}.page{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;padding:calc(var(--safe-t) + 10px) 14px 28px}.page>*{max-width:1120px;margin-left:auto;margin-right:auto}.bottom-nav{display:flex;background:#fff;border-top:3px solid var(--line);padding:4px 8px calc(var(--safe-b) + 4px);flex:none;z-index:10}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 4px;border-radius:18px;color:#8b93ad;text-decoration:none;font-size:15px;min-height:66px}.bn-item .bi-1{font-size:15px}.bn-item .bi-2{font-size:11px}.bn-item.on{color:var(--sky-d);background:#e8f6ff}.home-top{display:flex;align-items:center;justify-content:space-between;gap:8px 10px;flex-wrap:wrap}.who-chip{display:flex;align-items:center;gap:10px;background:#fff;border:0;border-radius:999px;padding:4px 16px 4px 4px;box-shadow:0 5px #2b2d4214;cursor:pointer;color:var(--ink-70)}.who-name{font:800 24px var(--font-d);color:var(--ink)}.stat-pills{display:flex;gap:10px;order:3;width:100%;justify-content:center}.top-actions{display:flex;gap:8px;align-items:center}.home-grid{display:flex;flex-direction:column;gap:14px;margin-top:8px}.home-col{display:contents}.hero{display:flex;align-items:center;gap:6px}.hero-mascot{flex:none}.bubble{position:relative;flex:1;background:#fff;border-radius:26px;padding:12px 12px 12px 18px;font-weight:800;font-size:17px;display:flex;align-items:center;gap:10px;box-shadow:0 6px #2b2d4214}.bubble:before{content:"";position:absolute;left:-9px;top:50%;margin-top:-10px;border:10px solid transparent;border-left:0;border-right-color:#fff}.bubble .bi{flex:1}.bubble .bi-1{font-family:var(--font-b);font-weight:800;font-size:17px;line-height:1.25}.bubble .bi-2{font-size:13px}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sec-head h2{display:flex;align-items:center;gap:10px;font-size:24px}.sec-head h2 .bi-2{font-size:.55em}.mission{position:relative;overflow:hidden}.mission-done{display:flex;align-items:center;gap:10px;background:#fff6d6;border-radius:18px;padding:10px 14px;font-weight:800;margin-bottom:8px}.path{list-style:none;margin:0;padding:4px 0;display:flex;flex-direction:column}.step{position:relative;display:flex;align-items:center;gap:14px;padding:4px 0 18px}.step:not(:last-child):after{content:"";position:absolute;left:41px;top:90px;bottom:-4px;border-left:6px dotted #D5DDEE}.step.done:not(:last-child):after{border-left-color:#a9e6b4}.step-node{position:relative;flex:none;width:84px;height:84px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:var(--c);box-shadow:0 7px 0 var(--cd);cursor:pointer;transition:transform .1s}.step-node:active{transform:translateY(4px)}.step.done .step-node{--c: var(--leaf);--cd: var(--leaf-d)}.step.now .step-node{animation:pulse 1.6s infinite}.step-topic{position:absolute;right:-8px;bottom:-4px;width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 3px #2b2d4226;font-family:"Noto Color Emoji",sans-serif}.step-go{position:absolute;left:50%;top:-16px;margin-left:-16px;width:32px;height:32px;border-radius:50%;background:var(--sun);color:var(--ink);display:grid;place-items:center;animation:floaty 1s infinite;box-shadow:0 3px 0 var(--sun-d)}.step-info{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:0}.step-title{font:800 21px var(--font-d);line-height:1.1}.step-info small{font-weight:700;color:var(--ink-70)}.step-stars{display:flex;gap:2px;margin-top:2px}.step-empty{padding:12px;text-align:center;font-weight:700}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font:800 12px var(--font-b);text-transform:uppercase;letter-spacing:.02em}.badge-new{background:#e1f7e6;color:#2a8a41}.badge-weak{background:#ffe6e6;color:#c23b3b}.badge-due,.badge-review{background:#ece6ff;color:#5b3fd0}.shields-row{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:0;background:none;padding:0;cursor:pointer}.shield-cell{display:flex;flex-direction:column;align-items:center;gap:4px;font:800 14px var(--font-b);text-align:center}.shield-cell small{display:block;font-weight:700;opacity:.65;font-size:12px}.shield{display:flex;flex-direction:column;align-items:center;gap:3px}.shield-art{position:relative}.shield-ico{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:8%}.shield-pips{display:flex;gap:1px}.time-card{display:flex;align-items:center;gap:14px}.time-info{flex:1;display:flex;flex-direction:column;gap:4px}.time-info b{font:800 20px var(--font-d)}.time-info small{color:var(--ink-70);font-weight:700;margin-top:-4px}.album-card{display:flex;align-items:center;gap:14px;width:100%;border:0;text-align:left;cursor:pointer;background:linear-gradient(120deg,#f1ebff,#fff)}.album-text{flex:1;display:flex;flex-direction:column}.album-text b{font:800 22px var(--font-d)}.album-text small{color:var(--ink-70);font-weight:700}.album-art{display:flex}.album-art i{font-style:normal;width:52px;height:52px;border-radius:16px;background:#fff;border:4px solid #fff;display:grid;place-items:center;font-size:28px;box-shadow:0 4px #2b2d421f;margin-left:-14px;transform:rotate(-6deg);font-family:"Noto Color Emoji",sans-serif}.album-art i:first-child{margin-left:0}.album-art i:nth-child(2){transform:rotate(5deg);background:#fff3c4}.album-art i:nth-child(3){background:#ddf6e1}.level-block{margin-bottom:14px}.level-head{display:flex;align-items:center;gap:8px;margin:4px 2px 8px;font:800 20px var(--font-d)}.level-head small{font:700 13px var(--font-b);color:var(--ink-70)}.lv-sky .level-head{color:var(--sky-d)}.lv-leaf .level-head{color:var(--leaf-d)}.lv-grape .level-head{color:var(--grape-d)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.topic-tile{position:relative;background:#fff;border:0;border-radius:26px;padding:14px 14px 12px;box-shadow:0 6px #2b2d421a;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer}.topic-emoji{font-size:46px;line-height:1;font-family:"Noto Color Emoji","Apple Color Emoji",sans-serif}.topic-emoji.sm{font-size:30px}.topic-name{display:flex;flex-direction:column}.topic-name b{font:800 19px var(--font-d);line-height:1.1}.topic-name small{font-weight:700;color:var(--ink-70);font-size:13px}.topic-count{font-size:12px;font-weight:800;color:var(--ink-70);min-height:14px;margin-top:-4px}.topic-tile.locked{opacity:.6;filter:grayscale(.85);background:#f0f3fa}.topic-lock{position:absolute;right:12px;top:12px;color:#7c819a}.sub-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.sub-title{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.sub-title h1{font-size:30px}.sub-title small{font-weight:700;color:var(--ink-70)}.sub-emoji{font-size:46px;line-height:1;font-family:"Noto Color Emoji",sans-serif}.sub-instr{margin:4px 4px 12px;font-weight:800;font-size:18px}.sub-instr .bi-1{font-family:var(--font-b)}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mode-tile{border:0;border-radius:28px;padding:16px 12px;background:var(--c);color:#fff;box-shadow:0 8px 0 var(--cd);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;min-height:132px;justify-content:center}.mode-tile.first{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:18px;min-height:108px}.mode-ico{width:74px;height:74px;border-radius:50%;background:#ffffff40;display:grid;place-items:center}.mode-name{display:flex;flex-direction:column;align-items:center}.mode-name b{font:800 22px var(--font-d)}.mode-name small{font-weight:700;opacity:.85}.mode-tile.tone-sun{color:var(--ink)}.empty-card{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-weight:800}.empty-card p{flex:1;margin:0}.empty-card .bi-1{font-family:var(--font-b)}.sticker-sec{margin-bottom:14px}.sticker-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sticker-head b{font:800 20px var(--font-d)}.sticker-head small{color:var(--ink-70);font-weight:700}.sticker-head .count{margin-left:auto;font:800 16px var(--font-d);color:var(--grape-d);background:#efeaff;padding:2px 12px;border-radius:999px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px}.sticker{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.sticker-pic{width:88px;height:88px;border-radius:24px;border:5px solid #fff;background:#fff;box-shadow:0 5px #2b2d4229,0 0 0 2px #2b2d420f;overflow:hidden}.sticker-word{font:800 15px var(--font-d)}.sticker.empty{cursor:default}.sticker-pic.ghost{display:grid;place-items:center;background:#eef1f8;color:#b7bed2;box-shadow:none;border-style:dashed;border-color:#d5dbea}.sticker.empty .sticker-word{color:#c4cadb}.sticker-modal{gap:8px}.big-sticker{width:min(64vw,260px);height:min(64vw,260px);border:8px solid #fff;border-radius:36px;box-shadow:0 8px #2b2d4229,0 0 0 3px #2b2d420f;overflow:hidden;transform:rotate(-3deg)}.big-word{font:800 46px var(--font-d)}.big-vi{font-weight:800;color:var(--ink-70);font-size:20px;margin-bottom:6px}.shield-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}.shield-card{display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,var(--skill-light),#fff 60%);position:relative}.shield-text{flex:1}.shield-text h3{font-size:24px}.shield-text h3 small{font:700 14px var(--font-b);color:var(--ink-70)}.shield-text p{margin:4px 0 0;font-weight:700;font-size:15px}.shield-text .bi-1{font-family:var(--font-b);font-weight:800}.shield-text .bi-2{font-size:13px;margin-top:2px}.mini-speak{position:absolute;right:12px;top:10px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;color:var(--ink-70);box-shadow:0 3px #2b2d421f;cursor:pointer}.level-path,.weak-sec{margin-bottom:14px}.medals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.medal{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:22px;background:#f3f6fc;font:800 16px var(--font-d);color:#9aa3bd}.medal-ico{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e3e8f3}.medal.here{background:#fff7dd;color:var(--ink);box-shadow:inset 0 0 0 3px var(--sun)}.medal.here .medal-ico{background:var(--sun);color:#fff}.medal.full .medal-ico{background:var(--leaf);color:#fff}.here-tag{position:absolute;right:10px;top:6px;color:var(--sun-d);font-size:20px}.weak-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.weak-card{border:0;background:#fff5f5;border-radius:20px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font:800 16px var(--font-d)}.weak-pic{width:76px;height:76px}.overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;overflow:auto}.overlay-night{background:linear-gradient(#16204a,#3e4e9c 70%,#5766b8);color:#fff}.overlay-break{background:linear-gradient(#cff1ff,#e4ffe9)}.overlay-card{position:relative;z-index:1;width:min(500px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.overlay-title{font-size:40px}.overlay-text{margin:0;font-weight:800;font-size:20px}.overlay-text .bi-1{font-family:var(--font-b);font-weight:800;line-height:1.3}.overlay-text .bi-2{font-size:15px;margin-top:6px}.overlay-parent{font-size:14px;opacity:.8;margin:0}.overlay-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.overlay-lock{position:absolute;right:16px;bottom:calc(var(--safe-b) + 16px);background:#ffffff26;color:#c7cff2}.night-stars i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff3c4;animation:twinkle 2.4s infinite}.break-ring{position:relative;width:190px;height:190px;display:grid;place-items:center}.break-ring svg{position:absolute;inset:0}.break-num{position:relative;font:800 76px var(--font-d);color:var(--ink)}.overlay-break .overlay-text{color:var(--ink)}.hud-pic{width:92px;height:92px;border-radius:24px;border:5px solid #fff;background:#fff;box-shadow:0 6px #2b2d4224;overflow:hidden;flex:none}.hud-pic.big{width:150px;height:150px}@media (max-width: 380px){.pin-keys{grid-template-columns:repeat(3,66px);gap:10px}.pin-key{width:66px;height:66px}}@media (max-height: 740px){.gate-card .mascot{width:84px;height:84px}.pin-key{width:64px;height:64px;font-size:30px}.pin-keys{grid-template-columns:repeat(3,64px);gap:10px}}@media (min-width: 900px){.home-grid{display:block;columns:2;column-gap:22px}.home-grid .home-col>*{break-inside:avoid;margin-bottom:14px}.home-grid .home-col>.topic-map{break-inside:auto}.level-block{break-inside:avoid}.stat-pills{order:0;width:auto}.page{padding-left:24px;padding-right:24px}.mode-grid{grid-template-columns:repeat(3,1fr)}.shield-cards{grid-template-columns:1fr 1fr}.kid-tile{width:220px}.kid-av{width:160px}.step-title{font-size:22px}}@media (min-width: 700px) and (min-height: 600px){.bottom-nav{justify-content:center}.bn-item{max-width:200px}}@media (min-width: 700px){.stat-pills{order:0;width:auto}}.game{height:var(--app-h);display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(#ddf3ff,#f4faff 55%,#fffbeb)}.game-top{display:flex;align-items:center;gap:12px;padding:calc(var(--safe-t) + 10px) 14px 6px;flex:none}.game-prog{flex:1;display:flex;align-items:center;gap:10px}.game-prog .pbar{box-shadow:inset 0 2px #2b2d4214}.game-prog-n{font:800 18px var(--font-d);color:var(--ink-70);min-width:38px;text-align:right}.instr-bar{display:flex;align-items:center;gap:10px;margin:2px 14px 4px;padding:6px 12px 6px 6px;background:#fff;border-radius:26px;box-shadow:0 5px #2b2d4214;flex:none;align-self:center;width:min(760px,calc(100% - 28px))}.instr-text{flex:1;font-weight:800;font-size:16px;line-height:1.2}.instr-text .bi-1{font-family:var(--font-b);font-weight:800}.instr-text .bi-2{font-size:12.5px;margin-top:1px}.game-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:6px 12px calc(var(--safe-b) + 12px);position:relative}.game-body>*{max-width:920px}.saving{position:absolute;inset:0;background:#f7faffcc;display:grid;place-items:center;z-index:50}.praise-slot{flex:none;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.praise-toast{width:max-content;max-width:94vw;z-index:90;background:#fff;border-radius:999px;padding:2px 16px 2px 10px;display:flex;align-items:center;gap:8px;font:800 19px var(--font-d);box-shadow:0 0 0 3px var(--sun);white-space:nowrap;pointer-events:none}.praise-toast small{font:700 13px var(--font-b);color:var(--ink-70)}.pick{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.pick-prompt{min-height:112px;display:grid;place-items:center}.pick-word{font:800 clamp(48px,14vw,84px) var(--font-d);display:flex;align-items:center;gap:14px;cursor:pointer;line-height:1;color:var(--ink)}.pick-word .ico{color:var(--sun-d)}@media (min-width: 900px) and (orientation: landscape){.pick{flex-direction:row;gap:40px}.pick .opt-grid{margin:0;width:min(55%,calc(var(--app-h) - 190px))}}.lesson{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;touch-action:pan-y}.lesson-card{flex:1;min-height:0;background:#fff;border-radius:32px;padding:14px;box-shadow:0 7px #2b2d421a;display:flex;overflow:hidden}.flash{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;align-items:center}.flash-media{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1.15;min-height:0;width:100%}.flash-main{flex:1;min-height:0;aspect-ratio:1;max-width:100%;border:0;padding:0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 0 0 5px #fff,0 0 0 7px #e3e9f5;cursor:pointer}.flip{position:relative;flex:1;min-height:0;aspect-ratio:1;max-width:100%;border:0;background:none;padding:0;perspective:900px;cursor:pointer}.flip-face{position:absolute;inset:0;border-radius:26px;overflow:hidden;backface-visibility:hidden;transition:transform .5s;box-shadow:0 0 0 5px #fff,0 0 0 7px #e3e9f5}.flip-face.front{transform:rotateY(0)}.flip-face.rear{transform:rotateY(180deg)}.flip.back .front{transform:rotateY(-180deg)}.flip.back .rear{transform:rotateY(0)}.seg{display:inline-flex;background:#eef3fb;border-radius:999px;padding:4px}.seg button{border:0;background:none;padding:8px 16px;border-radius:999px;font:800 15px var(--font-d);display:flex;align-items:center;gap:6px;color:var(--ink-70);cursor:pointer;min-height:44px}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 3px #2b2d421f}.flash-info{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.flash-wordrow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.flash-word{font:800 clamp(46px,13vw,72px) var(--font-d);line-height:1}.flash-btns{display:flex;gap:10px}.flash-vi{display:flex;align-items:center;gap:10px;background:#eaf7ff;border-radius:20px;padding:6px 8px 6px 14px;font-size:22px}.flash-vi b{font-weight:800}.tag{font:800 12px var(--font-b);text-transform:uppercase;background:#fff;color:var(--sky-d);padding:2px 8px;border-radius:999px}.flash-ex{width:100%;background:#fff8e1;border-radius:20px;padding:8px 8px 8px 16px}.ex-en{display:flex;align-items:center;gap:8px;justify-content:space-between;font:700 20px var(--font-d);line-height:1.2}.ex-vi{color:var(--ink-70);font-weight:700;font-size:15px;padding-right:8px}.lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}@media (min-width: 900px) and (orientation: landscape){.flash{flex-direction:row;gap:28px;align-items:center}.flash-media{flex:1;height:100%}.flash-info{flex:1.1;align-items:flex-start}.flash-wordrow{justify-content:flex-start}.flip{height:100%;width:auto;max-width:100%;flex:1}}.memory{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);grid-auto-rows:1fr;gap:10px;width:100%;flex:1;min-height:0}.mcard{perspective:800px;border:0;background:none;padding:0;cursor:pointer;min-height:0;min-width:0}.mcard-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s}.mcard.open .mcard-in{transform:rotateY(180deg)}.mcard-face{position:absolute;inset:0;border-radius:22px;backface-visibility:hidden;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px #2b2d4224}.mcard-back{background:repeating-linear-gradient(45deg,var(--grape),var(--grape) 12px,#9B80FA 12px,#9B80FA 24px);border:4px solid #fff}.mcard-front{transform:rotateY(180deg);background:#fff;border:4px solid #fff}.mcard-front .pic{border-radius:16px}.mcard-word{font:800 clamp(20px,6vw,38px) var(--font-d);text-align:center;padding:4px;line-height:1;color:var(--ink)}.mcard-word.len-9,.mcard-word.len-10{font-size:clamp(16px,4.8vw,28px)}.mcard-word.len-11,.mcard-word.len-12{font-size:clamp(14px,4.2vw,24px)}.mcard.done .mcard-front{border-color:var(--leaf);box-shadow:0 6px 0 var(--leaf-d)}.mcard.shake .mcard-in{animation:shake .45s}.bubbles-wrap{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px}.bubbles{position:relative;flex:1;width:100%;min-height:0;overflow:hidden;border-radius:32px;background:linear-gradient(#b6e6ff,#e6f7ff 70%,#f4fdff);box-shadow:inset 0 0 0 5px #ffffffb3;touch-action:manipulation}.bubble-b{position:absolute;left:0;top:0;border-radius:50%;border:0;padding:0;cursor:pointer;will-change:transform;touch-action:manipulation;background:radial-gradient(circle at 30% 25%,#fffffff2 0,#d2f2ff99 45%,#82cdff73);box-shadow:inset 0 0 0 4px #fffc,0 10px 18px #1e96dc38}.bubble-in{position:absolute;inset:13%;border-radius:50%;overflow:hidden;background:#fff;display:block}.bubble-in .pic{border-radius:50%}.bubble-b .shine{position:absolute;left:16%;top:10%;width:22%;height:12%;border-radius:50%;background:#ffffffd9;transform:rotate(-30deg)}.bubble-b.pop{animation:popB .4s forwards;pointer-events:none}.bubble-b.wrong{animation:oopsB .5s forwards;pointer-events:none}.bubble-b.hint{animation:glow 1s infinite}@keyframes popB{0%{opacity:1;filter:none}40%{opacity:1;filter:brightness(1.2)}to{opacity:0;filter:blur(6px)}}@keyframes oopsB{0%{opacity:1}to{opacity:0}}.snake{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.snake-hud{display:flex;align-items:center;justify-content:center;gap:14px;flex:none}.snake-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px}.snake-board-wrap{flex:1 1 0;min-height:0;width:100%;display:grid;place-items:center;position:relative;overflow:hidden}.snake-canvas{border-radius:24px;box-shadow:0 0 0 6px #fff,0 8px 0 6px #2b2d421f;touch-action:none;display:block}.snake-go{position:absolute;left:50%;bottom:10%;transform:translate(-50%);background:#ffffffeb;color:var(--ink);font:800 20px var(--font-d);border-radius:999px;padding:8px 20px;display:flex;align-items:center;gap:8px;animation:floaty 1.2s infinite;pointer-events:none;box-shadow:0 5px #2b2d421f}.dpad{display:grid;grid-template-columns:repeat(3,68px);grid-template-rows:62px 62px;gap:8px;flex:none}.dpad-btn{border:0;border-radius:20px;background:#fff;color:var(--leaf-d);display:grid;place-items:center;box-shadow:0 6px #cfd8ea;cursor:pointer;touch-action:none}.dpad-btn:active,.dpad-btn.on{background:var(--leaf);color:#fff;box-shadow:0 6px 0 var(--leaf-d)}.dpad-btn.u{grid-column:2;grid-row:1}.dpad-btn.l{grid-column:1;grid-row:2}.dpad-btn.d{grid-column:2;grid-row:2}.dpad-btn.r{grid-column:3;grid-row:2}@media (min-aspect-ratio: 5/4) and (min-width: 700px){.snake-main{flex-direction:row;justify-content:center;align-items:stretch;gap:28px}.dpad{align-self:center}.snake-board-wrap{width:auto;flex:1 1 0}.dpad{grid-template-columns:repeat(3,84px);grid-template-rows:78px 78px;gap:10px}}.tile{display:inline-grid;place-items:center;min-width:60px;height:68px;padding:0 8px;border-radius:18px;background:var(--sun);color:var(--ink);font:800 38px var(--font-d);box-shadow:0 6px 0 var(--sun-d);cursor:grab;user-select:none;touch-action:none;line-height:1;text-transform:none}.tile.word{background:#fff;font-size:24px;padding:0 18px;box-shadow:0 6px #d5dceb,inset 0 0 0 3px var(--sun);min-width:64px}.tile.placeholder{visibility:hidden}.tile.lifted{opacity:.35}.tile.in-slot{width:100%;height:100%;min-width:0;box-shadow:none;border-radius:14px}.tile.word.in-slot{box-shadow:inset 0 0 0 3px var(--sun)}.tile.ghost{position:fixed;z-index:400;pointer-events:none;transform:scale(1.12) rotate(-4deg);box-shadow:0 14px 22px #2b2d424d;opacity:.95}.slot{width:58px;height:70px;border-radius:18px;background:#fff;box-shadow:inset 0 -5px #d5dceb;display:grid;place-items:center;position:relative;flex:none}.slot.filled{background:#fff1c2;box-shadow:none}.slot.wide{width:auto;min-width:74px;height:64px;padding:0}.slot-gap{width:18px;font:800 38px var(--font-d);text-align:center;color:var(--ink-70)}.spelling{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:10px}.sp-pic{display:flex;align-items:center;gap:14px}.sp-slots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 6px}.sp-slots.ok .slot{background:#d9f5de;animation:bounce .5s}.sp-slots.ok .tile{background:var(--leaf);color:#fff;box-shadow:none}.sp-slots.bad{animation:shake .45s}.sp-tray{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:14px 10px;background:#fff9;border-radius:26px;width:100%;min-height:96px}.sp-actions{display:flex;gap:14px}.sentence{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:12px}.sn-top{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border-radius:26px;padding:10px 12px;box-shadow:0 6px #2b2d4214}.sn-top .hud-pic{width:84px;height:84px}.sn-vi{flex:1;font-size:19px;line-height:1.25;display:flex;flex-direction:column;gap:2px}.sn-vi small{font:800 11px var(--font-b);background:#ffe0e0;color:#c23b3b;width:fit-content;padding:1px 8px;border-radius:999px}.sn-slots{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;padding:12px 8px;background:#fff9;border-radius:26px;min-height:92px;align-content:center}.sn-slots.ok .slot{background:#d9f5de}.sn-slots.ok .tile{box-shadow:inset 0 0 0 3px var(--leaf)}.sn-slots.bad{animation:shake .45s}.sn-tray{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;min-height:90px;align-content:flex-start}.whack{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;align-items:center}.hole-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px 10px;width:min(100%,560px,calc((var(--app-h) - 290px) * .92));aspect-ratio:1 / 1.08;flex:0 0 auto;margin:auto 0;padding:6px;background:linear-gradient(#9bdd8a,#79cc69);border-radius:30px;box-shadow:inset 0 0 0 5px #ffffff80}.hole{position:relative;overflow:hidden;min-height:0;cursor:pointer;touch-action:manipulation}.hole-back{position:absolute;left:6%;right:6%;bottom:8%;height:26%;border-radius:50%;background:#5a3e2b;box-shadow:inset 0 8px #3e2a1c}.hole-front{position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(transparent,#6bc95d 40%);pointer-events:none;z-index:3}.hole-front:before{content:"";position:absolute;left:2%;right:2%;bottom:20%;height:22%;border-radius:0 0 50% 50%;background:#5a3e2b;opacity:0}.mole{position:absolute;left:50%;bottom:17%;width:min(84%,130px);margin-left:calc(min(84%,130px)/-2);z-index:2;display:flex;flex-direction:column;align-items:center;will-change:transform}.mole-svg{width:100%;display:block}.sign{margin-top:-10px;background:#fff7e0;border:4px solid #B07A44;border-radius:12px;padding:1px 8px 0;font:800 clamp(15px,4.6vw,22px) var(--font-d);color:var(--ink);text-align:center;line-height:1.15;max-width:108%;box-shadow:0 4px #2b2d4233;position:relative;z-index:2}.sign.len-9,.sign.len-10{font-size:clamp(13px,3.8vw,18px)}.sign.len-11,.sign.len-12{font-size:clamp(11px,3.3vw,15px)}.mole.ok .sign{background:#d9f5de;border-color:var(--leaf-d)}.mole.bad .sign{background:#efe8ff;border-color:var(--grape)}.mole.hint .sign{animation:glow .9s infinite}.bonk{position:absolute;left:50%;top:22%;z-index:6;font:800 44px var(--font-d);margin-left:-16px;pointer-events:none}.bonk.ok{color:var(--sun);text-shadow:0 3px 0 #fff}.bonk.no{color:var(--grape-d)}.scene{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;align-items:center}.scene-board{position:relative;flex:1;min-height:0;width:100%;border-radius:30px;overflow:hidden;box-shadow:0 0 0 6px #fff,0 8px 0 6px #2b2d421a}.scene-bg{position:absolute;inset:0;width:100%;height:100%}.scene-sticker{position:absolute;width:var(--sticker, 100px);height:var(--sticker, 100px);margin-left:calc(var(--sticker, 100px) / -2);margin-top:calc(var(--sticker, 100px) / -2);padding:0;border:5px solid #fff;border-radius:28px;background:#fff;overflow:hidden;cursor:pointer;box-shadow:0 6px #2b2d4238;touch-action:manipulation}.scene-sticker .pic{border-radius:20px}.scene-sticker.found{pointer-events:none}.scene-sticker.hint{animation:glow 1s infinite}.scene-sticker.shake{animation:shake .45s}.scene-ask{flex:none;display:flex;align-items:center;gap:12px;border:0;background:var(--sun);color:var(--ink);font:800 22px var(--font-d);padding:10px 26px 10px 14px;border-radius:999px;box-shadow:0 6px 0 var(--sun-d);cursor:pointer}.sayit{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:10px}.say-card{background:#fff;border-radius:32px;padding:14px 24px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 7px #2b2d421a;width:min(420px,100%)}.say-word{font:800 clamp(44px,12vw,64px) var(--font-d);line-height:1}.say-vi{font-weight:800;color:var(--ink-70);font-size:20px}.say-row{display:flex;gap:14px;margin-top:6px}.say-stage{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%}.mic-btn{position:relative;width:132px;height:132px;border-radius:50%;border:0;background:var(--coral);color:#fff;display:grid;place-items:center;box-shadow:0 9px 0 var(--coral-d);cursor:pointer;touch-action:none}.mic-btn:active,.mic-btn.rec{transform:translateY(5px);box-shadow:0 4px 0 var(--coral-d)}.mic-pulse{position:absolute;inset:-10px;border-radius:50%;border:5px solid rgba(255,107,107,.5);opacity:0}.mic-btn.rec .mic-pulse{animation:micpulse 1s infinite}@keyframes micpulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.3);opacity:0}}.say-hint{margin:0;font-weight:800;text-align:center;font-size:22px}.say-hint .bi-2{font-size:.62em}.say-warn{margin:0;color:var(--grape-d);font-weight:700;font-size:13px;text-align:center;max-width:340px}.say-score{display:flex;flex-direction:column;align-items:center;gap:6px}.say-stars{display:flex;gap:4px}.selfrate{display:flex;flex-direction:column;align-items:center;gap:12px}.mine{border:0;background:#e6f6ff;color:var(--sky-d);font:800 17px var(--font-d);padding:8px 18px;border-radius:999px;display:flex;align-items:center;gap:8px;cursor:pointer}.faces{display:flex;gap:18px}.face-btn{border:0;background:#fff;border-radius:28px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;font:800 16px var(--font-d);cursor:pointer;box-shadow:0 7px #2b2d421f;max-width:160px}.face-btn small{font:700 12px var(--font-b);color:var(--ink-70);display:block}.face-btn.good{box-shadow:0 7px 0 var(--leaf-d)}.face-btn.again{box-shadow:0 7px 0 var(--sun-d)}.say-skip{display:none}.results{position:relative;flex:1;width:100%;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--safe-t) + 8px) 0 24px}.results-card{margin:auto 0;background:#fff;border-radius:34px;padding:18px 18px 22px;width:min(540px,100%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:0 8px #2b2d421a}.results-title{font-size:44px}.results-title .bi-2{font-size:.4em}.results-acc{margin:0;font-weight:800;color:var(--ink-70)}.results-acc b{font:800 26px var(--font-d);color:var(--ink)}.results-mission{margin:0;display:flex;align-items:center;gap:8px;font-weight:800;background:#e1f7e6;border-radius:999px;padding:6px 16px}.results-mission .bi-1{font-family:var(--font-b)}.results-sec{width:100%;text-align:left}.results-sec h3{font-size:18px;display:flex;align-items:center;gap:8px;margin:6px 0 8px}.results-sec h3 .bi-1{font-family:var(--font-b);font-weight:800}.chip-row{display:flex;gap:10px;flex-wrap:wrap}.mini-card{border:0;background:#f4f7fd;border-radius:20px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:2px;width:88px;font:800 15px var(--font-d);cursor:pointer}.mini-card .pic{width:70px;height:70px}.results-note{font-size:13px;color:var(--grape-d);font-weight:700;margin:0}.results-mode{margin:0;font:800 14px var(--font-d);color:var(--ink-70)}.results-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px;width:100%}.results-actions .btn{flex:1 1 200px;justify-content:center}.lesson-nav .btn{white-space:nowrap;flex:1 1 auto;justify-content:center}.lesson-nav.last .dots{display:none}.offline-pill{display:inline-flex;align-items:center;gap:5px;background:#fff1d6;color:#9a5b00;border-radius:999px;padding:4px 12px 4px 8px;font:800 14px var(--font-b);box-shadow:0 3px #2b2d4214}.offline-pill small{background:#ffb020;color:#fff;border-radius:999px;padding:0 7px;font-weight:800}.word-stack{display:inline-flex;align-items:center;margin-top:4px}.ws-item{width:36px;height:36px;border-radius:12px;border:3px solid #fff;overflow:hidden;margin-left:-9px;box-shadow:0 2px #2b2d4229;background:#fff}.ws-item:first-child{margin-left:0}.ws-more{margin-left:4px;font:800 13px var(--font-b);color:var(--ink-70)}.step-extra{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.skill-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.skill-tile{border:0;border-radius:24px;background:var(--c);color:#fff;padding:12px 12px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:0 6px 0 var(--cd);cursor:pointer;text-align:left;min-height:112px}.skill-tile.tone-sun{color:var(--ink)}.skill-ico{width:52px;height:52px;border-radius:50%;background:#ffffff47;display:grid;place-items:center}.skill-name{display:flex;flex-direction:column}.skill-name b{font:800 20px var(--font-d);line-height:1.05}.skill-name small{font-weight:700;opacity:.85;font-size:13px}.skill-pips{display:flex;gap:1px;margin-top:auto}.buddy-card{margin-top:12px;width:100%;border:0;border-radius:24px;background:linear-gradient(110deg,#fff1bd,#ffe0e0);display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;cursor:pointer;box-shadow:0 6px #2b2d421a;text-align:left}.buddy-ico{width:56px;height:56px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;flex:none}.buddy-text{flex:1;display:flex;flex-direction:column}.buddy-text b{font:800 21px var(--font-d)}.buddy-text small{font-weight:700;color:var(--ink-70)}.area-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.area-cell{display:flex;flex-direction:column;align-items:center;gap:4px;font:800 13px var(--font-d);text-align:center}.area-cell small{display:block;font:700 11px var(--font-b);opacity:.65}.area-ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--l, #E6F6FF);color:var(--c, #1F9AE0)}.family-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff8da,#fff 70%);display:flex;flex-direction:column;gap:10px}.family-card.reached{background:linear-gradient(120deg,#ddf6e1,#fff8da)}.fam-head{display:flex;align-items:center;gap:12px}.fam-ico{width:50px;height:50px;border-radius:16px;background:var(--sun);color:var(--ink);display:grid;place-items:center;flex:none;box-shadow:0 4px 0 var(--sun-d)}.fam-title{flex:1;display:flex;flex-direction:column}.fam-title b{font:800 20px var(--font-d);line-height:1.1}.fam-title small{color:var(--ink-70);font-weight:700}.mini-speak.static{position:static;flex:none}.fam-bar{position:relative;height:26px;border-radius:999px;background:#e7ecf6;display:flex;overflow:visible;box-shadow:inset 0 2px #2b2d4214}.fam-bar i{display:block;height:100%;min-width:0}.fam-bar i:first-child{border-radius:999px 0 0 999px}.fam-bar i+i{border-left:3px solid #fff}.fam-gift{position:absolute;right:-4px;top:-8px;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--coral);box-shadow:0 3px #2b2d4224}.fam-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fam-foot b{font:800 18px var(--font-d)}.fam-foot small{color:var(--ink-70);font-weight:700;flex-basis:100%}.fam-kids{display:inline-flex}.fam-kids>svg{margin-left:-8px}.fam-kids>svg:first-child{margin-left:0}.family-card.compact{padding:12px 14px;gap:8px}.family-card.compact .fam-title b{font-size:17px}.profiles .family-card{position:relative;z-index:1;width:min(560px,100%);margin:6px 0 70px}.buddy-face{display:inline-grid;place-items:center;flex:none}.buddy-face.talking>*{animation:talk .5s infinite alternate ease-in-out}@keyframes talk{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-5px) rotate(2deg)}}.overlay-levelup{background:radial-gradient(circle at 50% 30%,#fff3b5,#ffd36b 60%,#ffb84a)}.overlay-levelup .overlay-title,.overlay-levelup .overlay-text{color:var(--ink)}.levelup-badge{width:170px;height:170px;border-radius:50%;background:var(--grape);color:#fff;display:grid;place-items:center;align-content:center;gap:0;box-shadow:0 10px 0 var(--grape-d),0 0 0 10px #ffffff80;font:800 26px var(--font-d);margin-bottom:4px}.overlay-levelup .confetti{z-index:0}.page-picker{padding-bottom:30px}.book-grid,.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.book-card,.scenario-card{border:0;background:#fff;border-radius:26px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 7px #2b2d421a;cursor:pointer;text-align:left}.book-cover{width:100%;aspect-ratio:4 / 3;border-radius:18px;display:grid;place-items:center;font-size:64px;font-family:"Noto Color Emoji",sans-serif;box-shadow:inset -8px 0 #2b2d421a}.book-title,.scenario-text{display:flex;flex-direction:column}.book-title b,.scenario-text b{font:800 20px var(--font-d);line-height:1.1}.book-title small,.scenario-text small{color:var(--ink-70);font-weight:700}.scenario-emoji{font-size:56px;line-height:1;font-family:"Noto Color Emoji",sans-serif}.scenario-emoji.sm{font-size:30px}.scenario-goal{font-size:14px;font-weight:700;color:var(--ink-70);background:#f1f5fd;border-radius:12px;padding:4px 10px}.unit-list{display:flex;flex-direction:column;gap:12px}.unit-card{border:0;background:#fff;border-radius:26px;padding:12px 16px 12px 12px;display:flex;align-items:center;gap:14px;box-shadow:0 7px #2b2d421a;cursor:pointer;text-align:left;min-height:78px}.unit-card.auto{background:linear-gradient(110deg,#fff1bd,#fff)}.unit-ico{width:58px;height:58px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;flex:none}.unit-card.auto .unit-ico{background:var(--sun);color:var(--ink)}.unit-text{flex:1;display:flex;flex-direction:column}.unit-text b{font:800 22px var(--font-d)}.unit-text small{color:var(--ink-70);font-weight:700}.frame-body{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.frame.calm{background:linear-gradient(#eef3fb,#f7faff)}.yesno,.textpick{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:12px}.read-text{margin:0;font:700 clamp(24px,6.4vw,38px) var(--font-d);text-align:center;line-height:1.2;background:#fff;border-radius:24px;padding:14px 18px;box-shadow:0 6px #2b2d4214;max-width:100%}.gap-blank{display:inline-block;min-width:70px;border-bottom:5px solid var(--sky);margin:0 4px}.yn-pic{width:min(46vw,40dvh,240px);height:min(46vw,40dvh,240px);border-radius:28px;border:6px solid #fff;overflow:hidden;box-shadow:0 7px #2b2d4224}.yn-btns{display:flex;gap:16px;width:min(100%,460px)}.yn-btn{flex:1;border:0;border-radius:26px;min-height:88px;padding:8px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;cursor:pointer;font:800 24px var(--font-d);box-shadow:0 7px 0 var(--bd);text-align:left}.yn-btn.yes{background:var(--leaf);--bd: var(--leaf-d)}.yn-btn.no{background:var(--grape);--bd: var(--grape-d)}.yn-btn span{display:flex;flex-direction:column}.yn-btn small{font:700 13px var(--font-b);opacity:.85}.yn-btn.right,.word-opt.right,.reply-opt.right{animation:bounce .5s;box-shadow:0 0 0 7px var(--leaf),0 7px #2b2d421f}.yn-btn.wrong,.word-opt.wrong,.reply-opt.wrong{animation:shake .45s;opacity:.7;box-shadow:0 0 0 6px #c9b8ff,0 7px #2b2d421f}.yn-btn.reveal,.word-opt.reveal,.reply-opt.reveal{animation:glow 1s 2;box-shadow:0 0 0 7px var(--leaf),0 7px #2b2d421f}.yn-btn.dim,.word-opt.dim,.reply-opt.dim{opacity:.5}.yn-btn.picked,.word-opt.picked,.reply-opt.picked{box-shadow:0 0 0 6px var(--sky),0 7px #2b2d421f}.word-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,560px)}.word-opt{border:0;border-radius:26px;background:#fff;min-height:92px;font:800 clamp(28px,8vw,42px) var(--font-d);color:var(--ink);cursor:pointer;box-shadow:0 7px #2b2d421f}.reply-opts{display:flex;flex-direction:column;gap:12px;width:min(100%,560px)}.reply-opt{border:0;border-radius:24px;background:#fff;min-height:78px;padding:10px 18px;font:700 clamp(20px,5.4vw,26px) var(--font-d);color:var(--ink);cursor:pointer;box-shadow:0 7px #2b2d421f;text-align:left;line-height:1.2}.reply-opts.two{flex-direction:row}.reply-opts.two .reply-opt{flex:1;text-align:center;font-size:clamp(30px,9vw,44px);min-height:100px}.sq-q{background:#fff;border-radius:24px;padding:14px 18px;text-align:center;box-shadow:0 6px #2b2d4214;width:min(100%,560px);display:flex;flex-direction:column}.sq-q b{font:800 clamp(24px,6.4vw,32px) var(--font-d)}.sq-q small{color:var(--ink-70);font-weight:700;font-size:16px}.explain{display:flex;align-items:center;gap:10px;background:#fff5d6;border-radius:18px;padding:10px 16px;font-weight:800;max-width:560px;text-align:left}.bigkb{width:min(100%,720px);display:flex;flex-direction:column;gap:6px}.kb-row{display:flex;gap:5px;justify-content:center}.kb-key{flex:1 1 0;min-width:0;max-width:72px;height:54px;border:0;border-radius:14px;background:#fff;color:var(--ink);font:800 26px var(--font-d);box-shadow:0 5px #cfd8ea;cursor:pointer;display:grid;place-items:center;text-transform:lowercase}.kb-key:active{transform:translateY(3px);box-shadow:0 2px #cfd8ea}.kb-wide{flex:1.5 1 0;max-width:100px}.kb-del{background:#eef3fb}.kb-ok{background:var(--leaf);color:#fff;box-shadow:0 5px 0 var(--leaf-d)}.kb-ok:disabled{opacity:.45}.kb-toggle{border:0;background:none;color:var(--ink-70);font:800 14px var(--font-b);display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px}.dev-input{display:flex;gap:10px;width:min(100%,520px);align-items:center}.input.big{font:800 28px var(--font-d);min-height:64px;text-align:center;border-radius:20px;flex:1;min-width:0}.spelling.write{gap:6px}.slot.cursor{box-shadow:inset 0 -5px 0 var(--sky)}.tile.static{box-shadow:none;cursor:default;background:transparent}.slot.filled .tile.static{background:var(--sun);box-shadow:0 5px 0 var(--sun-d)}.test-intro .bubble-text{max-width:520px}.section-card h2 small{display:block;font:700 16px var(--font-b);color:var(--ink-70)}.story{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;touch-action:pan-y}.story-page{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.story-img{flex:1.2;min-height:0;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 7px #2b2d421a,0 0 0 5px #fff inset;container-type:size;display:grid;place-items:center}.story-img img{width:100%;height:100%;object-fit:cover}.story-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:2vmin;background:linear-gradient(#cfefff,#e4f8d8 70%,#bde8a5);font-family:"Noto Color Emoji",sans-serif;line-height:1}.story-text{background:#fff;border-radius:28px;padding:14px 16px;box-shadow:0 7px #2b2d421a;display:flex;flex-direction:column;gap:8px;align-items:center}.story-en{margin:0;font:700 clamp(26px,7.4vw,40px) var(--font-d);text-align:center;line-height:1.25}.tap-word{border:0;background:none;padding:0 1px;font:inherit;color:var(--ink);border-bottom:4px dotted var(--sky);cursor:pointer}.tap-word:active{background:#e6f6ff;border-radius:8px}.story-vi{margin:0;color:var(--ink-70);font-weight:800;font-size:19px;text-align:center}.story-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@media (min-width: 900px) and (orientation: landscape){.story-page{flex-direction:row}.story-img{flex:1}.story-text{flex:1;justify-content:center}}.phonics-intro{width:min(720px,100%);display:flex;flex-direction:column;gap:12px;align-items:stretch;overflow-y:auto;padding-bottom:12px}.phonics-intro>.btn{align-self:center}.tip-card h2{font-size:26px}.tip-card h2 small{font:700 16px var(--font-b);color:var(--ink-70);margin-left:8px}.tip-row{display:flex;align-items:center;gap:12px;margin-top:8px}.tip-row div{flex:1}.tip-row p{margin:4px 0 0;font:800 20px var(--font-b);line-height:1.3}.sec-h{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:20px}.sec-h .bi-1{font-family:var(--font-b);font-weight:800}.pair-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pair-chips span{background:#fff;border-radius:999px;padding:6px 14px;font:800 18px var(--font-d);box-shadow:0 3px #2b2d421a}.results .confetti{position:absolute;z-index:0}.results-card{position:relative;z-index:1}.exam-shields{width:100%}.exam-shields h3{font-size:18px}.exam-row{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.shield-label{font:800 15px var(--font-d);text-align:center;max-width:150px;line-height:1.1}.area-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.area-chip{background:#eef3fb;border-radius:999px;padding:4px 12px;font:700 15px var(--font-b)}.buddy{width:min(760px,100%);flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;padding-bottom:8px}.scenario-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border-radius:18px;padding:6px 12px;font-size:15px;box-shadow:0 3px #2b2d4214}.scenario-bar b{font:800 16px var(--font-d)}.scenario-bar small{color:var(--ink-70);font-weight:700}.target-words{margin-left:auto;font:800 13px var(--font-b);color:var(--sky-d)}.buddy-stage{display:flex;align-items:flex-start;gap:6px}.buddy-bubble{position:relative;flex:1;background:#fff;border-radius:26px;padding:12px 14px;box-shadow:0 6px #2b2d421a;min-height:100px;display:flex;flex-direction:column;gap:6px}.buddy-bubble:before{content:"";position:absolute;left:-9px;top:36px;border:10px solid transparent;border-left:0;border-right-color:#fff}.buddy-line{border:0;background:none;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}.bl-en{font:700 clamp(24px,6.6vw,34px) var(--font-d);line-height:1.2;color:var(--ink)}.bl-vi{font-weight:800;color:var(--ink-70);font-size:18px}.bubble-tools{display:flex;gap:10px;align-items:center}.vi-toggle{border:0;background:#eef3fb;border-radius:999px;padding:6px 14px;font:800 14px var(--font-b);display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--ink-70);min-height:44px}.vi-toggle.on{background:var(--sky);color:#fff}.mini-speak.static{width:44px;height:44px;border-radius:50%;border:0;background:var(--sun);display:grid;place-items:center;box-shadow:0 3px 0 var(--sun-d);cursor:pointer;color:var(--ink)}.child-zone{display:flex;flex-direction:column;align-items:center;gap:8px}.fb-card{width:100%;border-radius:20px;padding:8px 12px;background:#fff;box-shadow:0 4px #2b2d4214;display:flex;flex-direction:column;gap:4px}.fb-card.ok{background:#e3f7e8}.fb-card.try{background:#fff6db}.fb-top{display:flex;align-items:center;gap:10px}.fb-heard{flex:1;font:800 18px var(--font-d)}.fb-heard small{font:700 12px var(--font-b);color:var(--ink-70);margin-right:4px}.fb-model{display:flex;flex-direction:column}.fb-model small{color:var(--ink-70);font-weight:700}.fb-model b{font:800 20px var(--font-d)}.thinking .spinner-wrap{padding:8px}.help-card{width:100%;display:flex;gap:10px;background:#fff6db;border-radius:18px;padding:10px 14px;align-items:flex-start}.help-card p{margin:2px 0 6px;font-weight:800}.mini-say{border:0;background:#fff;border-radius:999px;padding:6px 14px;font:800 16px var(--font-d);display:inline-flex;gap:8px;align-items:center;cursor:pointer;box-shadow:0 3px #2b2d421a}.buddy-mic{width:108px;height:108px}.type-form{display:flex;gap:10px;width:100%;align-items:center}.type-form .input.big{font-size:20px;min-height:56px}.type-form .btn{min-height:56px;padding:4px 16px}.buddy-actions .btn{min-height:48px}.child-zone .say-hint{font-size:18px}.buddy-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.scripted-note{text-align:center}.warn{color:var(--grape-d);font-size:14px}.static-note{font-size:12px;color:var(--ink-70)}.thumbs{display:flex;gap:10px;justify-content:center}.thumb{border:0;background:#fff;border-radius:18px;padding:4px;width:92px;display:flex;flex-direction:column;align-items:center;gap:2px;font:800 12px var(--font-d);cursor:pointer;box-shadow:0 0 0 3px #e3e9f5,0 4px #2b2d421a;color:var(--ink-70)}.thumb .pic{width:74px;height:56px;border-radius:12px}.thumb.on{box-shadow:0 0 0 4px var(--sky),0 4px #2b2d421a;color:var(--ink);background:#e8f6ff}.scene-tray{flex:none;display:flex;gap:8px;align-items:center;min-height:54px;padding:4px 10px;background:#ffffffb3;border-radius:18px;width:100%;overflow:hidden}.tray-item{position:relative;width:46px;height:46px;border-radius:14px;border:3px solid #fff;overflow:hidden;box-shadow:0 2px #2b2d4233;flex:none}.tray-item .tick{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center}.tray-hint{color:var(--ink-70);font-weight:700;font-size:13px;margin-left:auto}.area-sec{margin-bottom:14px}.exam-line-kid{display:flex;align-items:center;gap:10px;margin-top:12px;background:#eaf7ff;border-radius:16px;padding:8px 12px;font-weight:700;flex-wrap:wrap}.exam-line-kid b{font:800 16px var(--font-d)}.corner-offline{position:fixed;left:14px;top:calc(var(--safe-t) + 18px);z-index:20}@media (min-width: 900px){.kid-tiles{flex-wrap:nowrap;justify-content:center;gap:28px;align-content:center;padding:20px 0}.kid-tile{flex:0 1 250px;width:auto;max-width:250px}.kid-av{width:170px}.profiles-title h1{font-size:44px}.profiles-head .mascot{width:130px;height:130px}.profiles .family-card{width:min(760px,100%);margin-bottom:40px}.skill-tiles{grid-template-columns:repeat(3,1fr)}.mode-grid{grid-template-columns:repeat(3,1fr);gap:18px}.mode-tile{min-height:150px}.book-grid,.scenario-grid{grid-template-columns:repeat(3,1fr)}.unit-list{display:grid;grid-template-columns:1fr 1fr}.results-card{width:min(640px,100%)}}@media (min-width: 900px) and (min-height: 600px){.game-top{padding-left:28px;padding-right:28px}.instr-bar{width:min(900px,calc(100% - 56px))}.instr-text{font-size:19px}.instr-text .bi-2{font-size:14px}.game-body>*{max-width:1040px}.tile{min-width:84px;height:92px;font-size:52px;border-radius:22px}.tile.word{font-size:32px;padding:0 24px;min-width:96px}.slot{width:84px;height:98px;border-radius:22px}.slot.wide{min-width:108px;height:86px}.slot-gap{font-size:52px;width:28px}.sp-tray{padding:20px;gap:14px}.sp-slots,.sn-slots{gap:12px}.sn-tray{gap:16px}.sn-slots{padding:18px 12px;min-height:120px}.hud-pic{width:120px;height:120px}.hud-pic.big{width:200px;height:200px}.sn-top .hud-pic{width:110px;height:110px}.sn-vi{font-size:24px}.big-speaker{width:124px;height:124px}.big-speaker.sm{width:76px;height:76px}.kb-key{height:68px;font-size:32px;max-width:84px}.bigkb,.kb-row{gap:8px}.yn-pic{width:min(300px,38dvh);height:min(300px,38dvh)}.yn-btn{min-height:110px;font-size:30px}.word-opt{min-height:124px;font-size:52px}.reply-opt{min-height:92px;font-size:28px}.reply-opts.two .reply-opt{font-size:56px;min-height:140px}.read-text{font-size:44px;padding:20px 28px}.sq-q b{font-size:38px}.memory{gap:16px}.mcard-word{font-size:clamp(30px,4vw,50px)}.dpad{grid-template-columns:repeat(3,96px);grid-template-rows:90px 90px;gap:12px}.mic-btn{width:160px;height:160px}.say-card{width:min(560px,100%);padding:22px 34px}.say-word{font-size:80px}.hud-pic.big{width:220px;height:220px}.scene-sticker{border-radius:34px}.scene-ask{font-size:28px;padding:14px 34px 14px 20px}.buddy{width:min(900px,100%);gap:14px}.buddy-face svg{width:150px;height:150px}.bl-en{font-size:44px}.buddy-mic{width:140px;height:140px}.story-en{font-size:46px}.tap-word{border-bottom-width:5px}.tip-row p{font-size:26px}.phonics-intro{width:min(900px,100%)}.results-title{font-size:56px}}@media (min-width: 1100px) and (hover: hover) and (pointer: fine){.page>*{max-width:1240px}.page{padding-top:calc(var(--safe-t) + 18px)}.page-topic>*,.page-stickers>*,.page-progress>*,.page-picker>*{max-width:1000px}.home-grid{columns:2;column-gap:24px}.game{background:linear-gradient(#ddf3ff,#f4faff 55%,#fffbeb)}.game-body>*{max-width:1080px;width:100%}.instr-bar{width:min(1000px,100%)}.memory{max-width:min(100%,calc((var(--app-h) - 260px) * 1.4));margin:0 auto}.opt-grid{width:min(100%,calc(var(--app-h) - 340px))}.scene{max-width:1000px}.bubbles-wrap{max-width:980px}.lesson{max-width:1000px}.results-card{width:min(680px,100%)}.kid-tiles{max-width:1000px}.hole-grid{width:min(100%,620px,calc((var(--app-h) - 360px) * .9))}.say-card .hud-pic.big{width:150px;height:150px}.say-word{font-size:60px}.say-card{padding:14px 30px}.mic-btn{width:120px;height:120px}.say-stage{min-height:150px}.bottom-nav{justify-content:center;gap:16px}.bn-item{flex:0 1 220px}}@media (min-width: 1360px) and (hover: hover) and (pointer: fine){.home-grid{columns:3;column-gap:24px}.page>*{max-width:1320px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skill-tiles{grid-template-columns:repeat(2,1fr)}.shield-cell small{display:none}}@media (min-width: 1100px) and (min-height: 820px) and (hover: hover) and (pointer: fine){.pin-key{width:84px;height:84px}.pin-keys{grid-template-columns:repeat(3,84px);gap:14px}}@media (max-height: 700px){.game-top{padding-top:calc(var(--safe-t) + 6px);padding-bottom:2px}.instr-bar{margin-bottom:2px;padding:4px 10px 4px 4px}.instr-text{font-size:14.5px}.instr-text .bi-2{display:none}.praise-slot{height:30px}.game-body{padding-top:2px;padding-bottom:calc(var(--safe-b) + 6px)}.big-speaker{width:84px;height:84px}.big-speaker .ico{width:46px;height:46px}.big-speaker.sm{width:56px;height:56px}.hud-pic{width:70px;height:70px}.hud-pic.big{width:120px;height:120px}.opt-grid{width:min(100%,calc(var(--app-h) - 280px));gap:10px}.pick{gap:8px}.pick-prompt{min-height:84px}.tile{min-width:50px;height:56px;font-size:32px}.slot{width:48px;height:58px}.tile.word{font-size:20px;padding:0 12px}.yn-pic{width:min(36vw,28dvh,190px);height:min(36vw,28dvh,190px)}.yn-btn{min-height:70px;font-size:20px}.word-opt{min-height:72px}.reply-opt{min-height:62px}.kb-key{height:46px;font-size:22px}.mic-btn{width:104px;height:104px}.say-card{padding:8px 16px 10px}.say-word{font-size:44px}.say-stage{min-height:150px}.home-top{gap:4px 8px}.who-chip .who-name{font-size:20px}.mascot{width:92px;height:92px}.step-node{width:70px;height:70px}.step:not(:last-child):after{left:35px;top:76px}.gate-card .mascot,.firstrun-card .mascot{width:72px;height:72px}.pin-key{width:58px;height:58px;font-size:26px}.pin-keys{grid-template-columns:repeat(3,58px);gap:8px}.pinpad{gap:8px}.gate-title{font-size:24px}.results-title{font-size:34px}.results-card{padding:12px;gap:6px}.bottom-nav .bn-item{min-height:56px}.buddy-stage .buddy-face svg{width:76px;height:76px}.bl-en{font-size:22px}.buddy-mic{width:84px;height:84px}.scenario-bar small{display:none}.story-img{flex:.8}.story-en{font-size:24px}.spelling,.sentence{gap:6px}}.opt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opt{min-width:0;width:100%}.mcard-in,.mcard.open .mcard-in{transform:none!important;transform-style:flat}.mcard-face{backface-visibility:visible;-webkit-backface-visibility:visible}.mcard-front{transform:none}.mcard:not(.open) .mcard-front{display:none}.mcard.open .mcard-back{display:none}@keyframes cardflip{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mcard.open .mcard-front,.mcard:not(.open) .mcard-back{animation:cardflip .28s ease-out}.pic-bubble .bub{display:none}.pic-bubble .tiny{display:grid}@container (min-width: 150px) and (min-height: 110px){.pic-bubble .bub{display:flex}.pic-bubble .tiny{display:none}}.bub{position:relative;width:88%;max-height:86%;background:#fff;border-radius:22px;padding:6% 8%;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px #2b2d4224}.bub:after{content:"";position:absolute;left:22%;bottom:-12px;border:12px solid transparent;border-top-color:#fff;border-bottom:0}.bub-text{font:700 clamp(14px,9cqmin,26px) / 1.2 var(--font-d);color:var(--ink);overflow-wrap:anywhere}.bub-text mark{background:#ffe27a;border-radius:6px;padding:0 4px;color:var(--ink)}.bub-emoji{position:absolute;right:-8px;top:-12px;font-style:normal;font-size:14cqmin;font-family:"Noto Color Emoji",sans-serif}.level-toggle{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:4px 2px;cursor:pointer;color:inherit;font:inherit;text-align:left}.level-toggle .level-sum{margin-left:auto;font:800 13px var(--font-b);color:var(--ink-70);display:flex;gap:8px;align-items:center}.level-toggle .chev{transition:transform .2s}.level-block.open .chev{transform:rotate(90deg)}.topic-name b,.topic-name small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.topic-name b{font-size:17px}.album-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.album-tabs button{border:0;background:#fff;border-radius:999px;padding:8px 16px;font:800 15px var(--font-d);cursor:pointer;color:var(--ink-70);box-shadow:0 3px #2b2d4214;min-height:44px}.album-tabs button.on{background:var(--grape);color:#fff}.sticker-sec.compact{padding:8px 14px}.sticker-sec.compact .sticker-head{margin:0}.lazy-sec{min-height:90px}.more-chip{display:inline-flex;align-items:center;background:#f1f5fd;border-radius:999px;padding:6px 14px;font:700 13px var(--font-b);color:var(--ink-70)}@media (min-width: 900px) and (min-aspect-ratio: 5/4){.snake{display:grid;grid-template-columns:auto minmax(230px,300px);grid-template-rows:1fr auto auto 1fr;column-gap:56px;justify-content:center;align-items:center;max-width:none!important}.snake-main{display:contents}.snake-board-wrap{grid-column:1;grid-row:1 / -1;height:100%;width:auto;aspect-ratio:1 / 1;flex:none;overflow:visible}.snake-hud{grid-column:2;grid-row:2;flex-direction:column;gap:14px;align-self:end;margin-bottom:18px}.snake-hud .hud-pic{width:150px;height:150px}.snake .dpad{grid-column:2;grid-row:3;justify-self:center}.snake .key-line{grid-column:2;grid-row:4;align-self:start;margin-top:12px}.whack{flex-direction:row;justify-content:center;align-items:center;gap:56px}.whack .snake-hud{flex-direction:column;margin:0;align-self:center}.whack .snake-hud .hud-pic{width:170px;height:170px}.whack .hole-grid{height:100%;max-height:calc(var(--app-h) - 220px);width:auto!important;aspect-ratio:1 / 1.08;margin:0}}.brand-mark{font:800 22px var(--font-d);color:var(--sky-d);letter-spacing:.01em;margin-top:-2px}.sp-tray,.sp-slots,.sp-actions,.sp-pic{flex:none}.spelling{overflow-y:auto;justify-content:flex-start;gap:12px}.spelling::-webkit-scrollbar{display:none}.spelling.dense .tile{min-width:46px;height:54px;font-size:30px;border-radius:14px;padding:0 4px}.spelling.dense .slot{width:42px;height:56px;border-radius:14px}.spelling.dense .sp-slots,.spelling.dense .sp-tray{gap:6px}.spelling.dense .hud-pic.big{width:100px;height:100px}.spelling.xdense .tile{min-width:38px;height:46px;font-size:26px;border-radius:12px;padding:0 3px}.spelling.xdense .slot{width:34px;height:48px;border-radius:12px}.spelling.xdense .sp-slots,.spelling.xdense .sp-tray{gap:5px;padding:8px 6px}.spelling.xdense .hud-pic.big{width:84px;height:84px}.spelling.xdense .slot-gap{width:12px}@media (min-width: 900px) and (min-height: 600px){.spelling.dense .tile{min-width:62px;height:72px;font-size:40px}.spelling.dense .slot{width:58px;height:76px}.spelling.xdense .tile{min-width:54px;height:64px;font-size:36px}.spelling.xdense .slot{width:50px;height:68px}.spelling.dense .hud-pic.big,.spelling.xdense .hud-pic.big{width:130px;height:130px}}.snake-go{top:8px;bottom:auto}.mcard-front{container-type:inline-size}.mcard-word{font-size:min(46px,calc(86cqw / (var(--len, 6) * .6)));line-height:1.05;overflow-wrap:anywhere;white-space:normal;padding:4px 6px}.cappic{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:4px;min-height:0}.cappic-pic{position:relative;flex:1;min-height:0;min-width:0}.cappic-pic>.pic{position:absolute;inset:0;width:auto;height:auto}.cappic.sq{height:auto}.cappic.sq .cappic-pic{flex:none;aspect-ratio:1}.cap{flex:none;display:flex;align-items:center;justify-content:center;min-height:2.3em;padding:0 4px;text-align:center;font:800 clamp(15px,4.2vw,19px) / 1.12 var(--font-b);color:var(--ink)}.cap>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;padding:1px 0 3px}.opt{display:block}.opt>.cappic{position:absolute;inset:8px;width:auto;height:auto}.opt>.pic{position:absolute;inset:8px;width:auto;height:auto}.yn-pic{height:auto;padding:0;background:#fff;display:flex}.yn-pic>.cappic{width:100%}.yn-pic .cappic-pic{flex:none;aspect-ratio:1}.yn-pic .cap{padding-bottom:4px}.hud-pic.captioned{height:auto;width:112px;padding:0;overflow:hidden;display:block}.hud-pic.captioned.big{width:168px}.hud-pic.captioned .cap{font-size:15px;min-height:2.3em}.mcard-front .cappic{position:absolute;inset:0;height:auto;padding:3px}.mcard-front .cappic .cap{font-size:clamp(14px,3.6cqw,17px);min-height:2.3em}.pic-text.tiny{display:grid}.pic-vi{display:grid;place-items:center;width:100%;height:100%;padding:8%}.pic-vi .pv-text{font:800 clamp(15px,17cqmin,42px) / 1.1 var(--font-d);color:var(--ink);text-align:center;overflow-wrap:anywhere}.pic-vi .pv-tiny{display:none}@container (max-width: 64px){.pic-vi .pv-text{display:none}.pic-vi .pv-tiny{display:block;font:800 22px var(--font-d);color:var(--ink)}}.pic-bubble .tiny{font:800 clamp(11px,18cqmin,22px) var(--font-d)}.bubble-b{background:none!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;height:auto}.bubble-ball{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffffff2 0,#d2f2ff99 45%,#82cdff73);box-shadow:inset 0 0 0 4px #fffc,0 10px 18px #1e96dc38}.bubble-in{inset:9%}.bubble-cap{margin-top:3px;background:#fffffff0;border-radius:12px;padding:1px 10px 3px;font:800 15px / 1.12 var(--font-b);color:var(--ink);max-width:150%;text-align:center;box-shadow:0 2px #2b2d421f;overflow-wrap:anywhere}.bubble-b .shine{left:14%;top:8%}.scene-sticker{height:calc(var(--sticker, 100px) + var(--capx, 0px));margin-top:calc((var(--sticker, 100px) + var(--capx, 0px)) / -2)}.scene-sticker>.cappic{position:absolute;inset:0;height:auto;padding:0;gap:0}.scene-sticker .cap{min-height:0;height:var(--capx, 0px);padding:0 2px;font-size:15px;background:#fff}.scene-sticker .cappic-pic{flex:1}.hud-pic.captioned{height:auto!important;max-height:none}@media (min-width: 900px) and (min-aspect-ratio: 5/4){.snake-hud .hud-pic.captioned{width:160px}.whack .snake-hud .hud-pic.captioned{width:170px}}@media (max-height: 700px){.hud-pic.captioned{width:104px}.hud-pic.captioned.big{width:130px}}.flag-btn{border:0;background:#fff1d6;color:#9a5b00;border-radius:999px;padding:6px 14px;font:800 13px var(--font-b);display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:36px}.flag-btn:disabled{opacity:.7}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.game-tile{position:relative;border:0;border-radius:28px;padding:18px 12px 14px;background:var(--c);color:#fff;box-shadow:0 8px 0 var(--cd);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;min-height:150px;justify-content:center}.game-tile.tone-sun{color:var(--ink)}.game-ico{width:78px;height:78px;border-radius:50%;background:#ffffff47;display:grid;place-items:center}.game-name{display:flex;flex-direction:column;align-items:center;text-align:center}.game-name b{font:800 22px / 1.05 var(--font-d)}.game-name small{font-weight:700;opacity:.85;font-size:14px}.words-modal{width:min(560px,100%);max-height:92%;overflow-y:auto}.words-head{display:flex;align-items:center;gap:10px;background:var(--c);color:#fff;border-radius:22px;padding:6px 18px 6px 8px;width:100%;justify-content:center}.words-head.tone-sun{color:var(--ink)}.words-head .game-ico{width:56px;height:56px}.words-head b{font:800 22px var(--font-d)}.words-head small{font-weight:700;opacity:.85}.words-main{width:100%;justify-content:center}.words-main .bi-1{font-size:26px}.words-main .bi-2{font-size:13px;font-weight:700}.words-or{margin:4px 0 0;font-weight:800;color:var(--ink-70)}.words-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-height:38vh;overflow-y:auto;padding:2px}.words-topic{border:0;background:#f3f6fc;border-radius:18px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;cursor:pointer;min-height:64px}.words-topic span{font-size:24px;font-family:"Noto Color Emoji",sans-serif}.words-topic b{font:800 15px / 1.1 var(--font-d)}.words-topic small{color:var(--ink-70);font-weight:700;font-size:13px}.step-play{margin-top:4px}.sub-instr.big{display:flex;align-items:center;gap:10px;font-size:22px;margin:6px 4px 14px}.mode-tile{position:relative}.mode-play{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:3px;background:#ffffffe6;color:var(--ink);border-radius:999px;padding:2px 10px 2px 6px;font:800 13px var(--font-b)}@media (min-width: 900px){.games-grid{grid-template-columns:repeat(3,1fr);gap:18px}.game-tile{min-height:170px}}@media (min-width: 1100px) and (hover: hover) and (pointer: fine){.page-games>*{max-width:1000px}}.frame-body{overflow-y:auto;overflow-x:hidden}.frame-body .sayit{flex:1 0 auto;justify-content:flex-start;gap:10px}.say-card:has(.cap) .say-vi{display:none}.frame-body>.btn-white{flex:none;margin:6px 0 10px}@media (max-height: 700px){.say-card{padding:8px 14px 10px;gap:2px}.say-card .hud-pic.captioned.big{width:112px}.say-word{font-size:40px}.say-row{margin-top:2px}.say-row .big-speaker.sm{width:52px;height:52px}.mic-btn{width:88px;height:88px}.say-stage{min-height:110px}.say-hint{font-size:17px}}.flash-word{font-size:clamp(34px,min(13vw,calc(560px / var(--len, 6))),72px);max-width:100%;min-width:0;text-align:center;overflow-wrap:anywhere}.flash-wordrow{max-width:100%}.flash-wordrow>*{min-width:0}@media (min-width: 900px) and (orientation: landscape){.flash-word{text-align:left;font-size:clamp(40px,min(6vw,calc(640px / var(--len, 6))),80px)}}.parent{height:var(--app-h);overflow-y:auto;background:#f2f5fb;color:#23263a;font-size:15px;-webkit-user-select:text;user-select:text;padding-bottom:40px}.parent h1,.parent h2,.parent h3{font-family:var(--font-b);font-weight:800}.parent small{font-weight:600;color:#6b7089;font-size:.8em;margin-left:.3em}.parent-gate{display:grid;place-items:center;padding:20px}.pin-card{width:min(380px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px}.pin-card h1{font-size:22px}.pin-card h1 small{display:block;margin:2px 0 0}.pcard{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px #23263a0f,0 4px 14px #23263a0d}.p-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:calc(var(--safe-t) + 10px) 20px 10px;background:#f2f5fbf0;backdrop-filter:blur(8px);border-bottom:1px solid #E1E6F2}.p-brand{display:flex;align-items:center;gap:8px;margin-right:auto}.p-brand span{color:#6b7089;font-size:14px}.p-tabs{display:flex;gap:4px;background:#e6ebf6;padding:4px;border-radius:12px}.p-tabs button{border:0;background:none;padding:8px 14px;border-radius:9px;font:700 14px var(--font-b);display:flex;align-items:center;gap:6px;cursor:pointer;color:#4b5068}.p-tabs button.on{background:#fff;color:#23263a;box-shadow:0 1px 3px #23263a1f}.p-tabs small{display:none}@media (min-width: 700px){.p-tabs small{display:inline}}@media (max-width: 600px){.p-head{gap:8px;padding-top:calc(var(--safe-t) + 8px)}.p-brand span,.p-exit-l{display:none}.p-tabs{order:3;width:100%}.p-tabs button{flex:1;justify-content:center}}.p-main{max-width:1100px;margin:0 auto;padding:18px 16px}.abtn{border:1px solid #D4DAEA;background:#fff;border-radius:10px;padding:9px 14px;font:700 14px var(--font-b);display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#23263a;min-height:40px}.abtn:hover{background:#f5f7fc}.abtn-primary{background:#6a4bd6;border-color:#6a4bd6;color:#fff}.abtn-primary:hover{background:#5b3fd0}.abtn-primary:disabled{opacity:.5}.abtn-danger{color:#c0392b;border-color:#f0c4bf}.input{width:100%;border:1px solid #CBD3E6;border-radius:10px;padding:10px 12px;font:600 16px var(--font-b);background:#fff;color:#23263a;min-height:44px}.input:focus{outline:2px solid #8B6CF6;outline-offset:1px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;flex:1}.field-l{font:800 13px var(--font-b);color:#4b5068}.field-row{display:flex;gap:12px;flex-wrap:wrap}.field-row .field{min-width:180px}.form-err{color:#c0392b;font-weight:700;margin:4px 0}.form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.avatar-pick svg{width:100%;height:auto;display:block}.avatar-pick{border:3px solid transparent;background:#f2f5fb;border-radius:16px;padding:4px;cursor:pointer;display:grid;place-items:center}.avatar-pick.on{border-color:#8b6cf6;background:#efeaff}.stepper{display:inline-flex;align-items:center;gap:12px}.stepper button{width:44px;height:44px;border-radius:10px;border:1px solid #CBD3E6;background:#fff;font:800 22px var(--font-b);cursor:pointer}.stepper b{font-size:22px;min-width:40px;text-align:center}.p-section{display:flex;flex-direction:column;gap:14px}.p-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.p-sec-head h2,.p-section>h2{font-size:22px}.p-note{background:#e4f6e8;color:#23693a;padding:8px 12px;border-radius:10px;font-weight:700;margin:0}.kid-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.kid-row-info{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}.kid-row-info b{font-size:18px}.kid-row-info span{color:#6b7089;font-size:14px}.kid-row-info .ok{color:#2f9e44}.kid-row-info .warn{color:#c77700}.kid-row-actions{display:flex;gap:8px;flex-wrap:wrap}.kid-row-form{flex-basis:100%;border-top:1px solid #E8ECF5;padding-top:14px}.p-settings .pcard{display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:520px}.p-settings h3{font-size:17px}.p-settings .field{width:100%}.p-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chips button{border:1px solid #D4DAEA;background:#fff;border-radius:999px;padding:6px 14px 6px 8px;font:700 14px var(--font-b);display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:40px}.chips button:not(:has(svg)){padding-left:14px}.chips button.on{background:#6a4bd6;color:#fff;border-color:#6a4bd6}.p-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.p-sum-main h2{font-size:24px}.p-sum-main span{color:#6b7089}.p-summary dl{display:flex;gap:22px;margin:0 0 0 auto;flex-wrap:wrap}.p-summary dt{font:700 12px var(--font-b);color:#6b7089}.p-summary dd{margin:0;font:800 26px var(--font-b)}.p-summary dd small{font-size:13px}.p-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.p-grid .wide{grid-column:1 / -1}.p-grid h3{font-size:16px;margin-bottom:10px}.chart{width:100%;max-width:720px;margin:0 auto;height:auto;display:block}.lvl-row{margin-bottom:12px}.lvl-head{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-bottom:4px;flex-wrap:wrap}.lvl-head span{color:#6b7089}.stack{display:flex;height:14px;background:#e6ebf6;border-radius:7px;overflow:hidden}.legend{display:flex;gap:14px;font-size:12px;color:#6b7089;margin:4px 0 0;align-items:center}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:4px}.skill-row{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;margin-bottom:10px;font-size:14px}.skill-val{text-align:right;font-weight:800}.hbar{height:12px;background:#e6ebf6;border-radius:6px;overflow:hidden}.hbar div{height:100%;border-radius:6px}.ptable{width:100%;border-collapse:collapse;font-size:14px}.ptable th{text-align:left;color:#6b7089;font-size:12px;padding:6px 8px;border-bottom:1px solid #E1E6F2}.ptable td{padding:8px;border-bottom:1px solid #EEF1F8;vertical-align:middle}.ptable.zebra tbody tr:nth-child(2n){background:#f8f9fd}.w-bar{width:22%}.conf{color:#b35c00}.dimstar{color:#d6dbe8}@media (max-width: 560px){.ptable{font-size:13px}.ptable td,.ptable th{padding:6px 4px}.skill-row{grid-template-columns:90px 1fr 70px}}.p-main .num{width:90px;text-align:center;min-height:44px}.stepper .num{font-weight:800}.sub-h{margin:14px 0 6px}.sound-list{margin:0;padding-left:18px}.sound-list small{color:#6b7089}.exam-line{margin:10px 0 0;font-size:14px}.exam-line .dimstar{color:#d6dbe8}.conv{padding:0;overflow:hidden}.conv-head{width:100%;border:0;background:none;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;text-align:left;font:600 15px var(--font-b);color:#23263a}.conv-head small{color:#6b7089;margin-left:auto}.conv-turns{list-style:none;margin:0;padding:4px 16px 14px;display:flex;flex-direction:column;gap:6px}.conv-turns li{display:flex;gap:10px}.conv-turns li b{min-width:52px;color:#6a4bd6}.conv-turns li.child b{color:#2f9e44}.conv-turns small{color:#6b7089}.install .steps{margin:6px 0 0;padding-left:18px;line-height:1.5}.install small{color:#6b7089}.ok-text{color:#2f9e44;font-weight:700;margin:0}.sheet-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.sheet-form .field{margin-bottom:0;min-width:200px}.worksheet{background:#fff;color:#111;width:min(794px,100%);margin:14px auto 0;padding:28px 34px;border-radius:6px;box-shadow:0 2px 14px #23263a26;font-family:var(--font-b)}.worksheet h1{font:800 28px var(--font-d);margin:0}.worksheet p{margin:0;color:#555}.worksheet h2{font:800 16px var(--font-b);margin:18px 0 8px;border-bottom:2px solid #222;padding-bottom:3px}.worksheet h2 small{font-weight:600;color:#666;margin-left:8px}.ws-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.ws-fields{display:flex;flex-direction:column;gap:10px;font-weight:700;font-size:14px;min-width:240px}.ws-fields span{border-bottom:1.5px solid #222;padding-bottom:2px}.ws-pic{width:54px;height:54px;flex:none;border:1.5px solid #bbb;border-radius:8px;overflow:hidden}.ws-pic .pic{background:#fff!important}.trace-row{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;margin-bottom:6px;position:relative}.trace-lines{display:flex;gap:16px;align-items:center;flex-wrap:nowrap;overflow:hidden;border-bottom:1.5px solid #bbb;background:linear-gradient(transparent 38px,#e6e6e6 38px,#e6e6e6 39px,transparent 39px)}.trace-svg{flex:none}.write-line{display:none}.match-grid{display:flex;justify-content:space-between;gap:80px;padding:0 20px}.match-col{display:flex;flex-direction:column;gap:10px;flex:1}.match-col.words{align-items:flex-start}.match-item{display:flex;align-items:center;gap:14px;height:54px}.match-col:first-child .match-item{justify-content:space-between}.match-item .dot{width:14px;height:14px;border-radius:50%;border:2px solid #222;display:inline-block}.match-item b{font:800 28px var(--font-d)}.missing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}.missing-item{display:grid;grid-template-columns:54px 1fr;gap:6px 12px;align-items:center}.missing-word{font:800 34px var(--font-d);letter-spacing:3px}.missing-item .write-line{display:block;grid-column:1 / -1;border-bottom:1.5px solid #bbb;height:22px}.ws-foot{margin-top:16px;text-align:center;font-size:11px;color:#888}@media print{@page{size:A4;margin:12mm}html,body,#root{height:auto!important;overflow:visible!important;background:#fff!important}.parent{height:auto!important;overflow:visible!important;background:#fff!important;padding:0!important}.p-head,.no-print,.p-section>.no-print{display:none!important}.p-main{max-width:none;padding:0}.p-section{gap:0}.worksheet{box-shadow:none;margin:0;padding:0;width:auto;border-radius:0}.ws-break{break-before:auto;break-inside:avoid}.trace-row,.missing-item,.match-item{break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 700px){.p-tabs{overflow-x:auto;max-width:100%;scrollbar-width:none}.p-tabs::-webkit-scrollbar{display:none}.p-tabs button{flex:0 0 auto;white-space:nowrap;padding:8px 12px}}.install-block{border:1px solid #E1E6F2;border-radius:14px;padding:12px 14px;margin-top:12px}.install-block.mine{border-color:#8b6cf6;background:#faf8ff}.install-block h4{margin:0 0 4px;font-size:16px}.you-badge{color:#2f9e44;margin-left:6px}.muted.small{font-size:13px;margin:2px 0 8px}.ios-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.ios-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border-radius:14px;padding:10px;box-shadow:0 1px 4px #23263a1a}.ios-steps li b{position:absolute;left:10px;top:10px;width:26px;height:26px;border-radius:50%;background:#6a4bd6;color:#fff;display:grid;place-items:center;font-size:14px}.ios-steps li>span{font-weight:700;font-size:14px}.ios-steps small{display:block;color:#6b7089;font-weight:600;margin:2px 0 0}.ios-ill{width:100px;height:auto}.ios-steps .glyph{display:none}.act{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.act small{background:#efeaff;color:#5b3fd0;border-radius:999px;padding:0 8px;margin-left:2px}.pic-check{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.pic-row{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.pic-row small{color:#6b7089;margin:0}.pic-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.pic-box{width:120px;height:120px;border-radius:12px;overflow:hidden;border:1px solid #E1E6F2}.setting-row{display:flex;gap:12px;align-items:flex-start}.setting-row input{width:22px;height:22px;margin-top:3px;accent-color:#6A4BD6}.setting-row label{font-weight:700;cursor:pointer}.setting-row small{display:block;color:#6b7089;font-weight:600;margin:2px 0 0}