:root{--gold: #ffc21a;--gold-dark: #d99a00;--green: #2fb36b;--green-dark: #1f8a50;--pink: #ff5d8f;--pink-dark: #d23d6f;--blue: #3fa6e0;--blue-dark: #2a7fb8;--purple: #7b61ff;--ink: #3b2a4a;--card: #fffaf0;--ga: #2b8fd6;--ga-bg: #d8f0ff;--gb: #e0457e;--gb-bg: #ffe0ec}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:"Baloo 2",Comic Sans MS,Chalkboard SE,system-ui,sans-serif;color:var(--ink);background:linear-gradient(#5cc8ff,#a6e4ff 55%,#e8fbe0);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}button{font-family:inherit;color:inherit}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:70px 16px 16px;z-index:10;overflow-y:auto}.screen.low{align-items:flex-end;padding-bottom:18px}.screen.dim{background:#281e5066;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--card);border-radius:28px;padding:20px 24px 22px;width:min(560px,100%);text-align:center;box-shadow:0 8px #e6cf9f,0 18px 40px #00000038;border:4px solid #fff;animation:pop .35s cubic-bezier(.2,1.6,.5,1);max-height:calc(100vh - 90px);overflow-y:auto;margin:auto 0}.screen.low .card{margin:0}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.logo{font-size:2.5rem;font-weight:800;color:var(--gold-dark);line-height:1.05;text-shadow:0 3px 0 #fff,0 5px 0 rgba(0,0,0,.08);margin-bottom:6px}.logo span{color:var(--green)}.logo .moon{display:inline-block;animation:sway 3s ease-in-out infinite}.logo.small{font-size:1.7rem}@keyframes sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.tagline{font-size:1.2rem;margin:4px 0 14px;font-weight:600}.ribbon{display:inline-block;background:var(--green);color:#fff;font-weight:800;padding:3px 16px;border-radius:999px;margin:2px 0 6px;font-size:1rem;box-shadow:0 3px 0 var(--green-dark)}h1,h2,h3{margin:4px 0}h1{font-size:2.1rem;color:var(--green);line-height:1.15}h2{font-size:1.6rem}.sub{margin:0 0 10px;font-size:1.05rem}.hint{font-size:.9rem;opacity:.75;margin:12px 0 0}.row{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:12px;flex-wrap:wrap}.btn{font-weight:800;font-size:1.2rem;cursor:pointer;border:none;border-radius:18px;padding:10px 22px;color:#fff;background:var(--green);box-shadow:0 5px 0 var(--green-dark);transition:transform .08s,box-shadow .08s;min-height:50px}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--green-dark)}.btn.big{font-size:1.55rem;padding:10px 38px;min-height:60px}.btn.alt{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.btn.pink{background:var(--pink);box-shadow:0 5px 0 var(--pink-dark)}.btn:disabled{background:#bbb;box-shadow:0 5px #999;cursor:default;filter:none}.icon-btn{font-size:1.35rem;width:50px;height:50px;border-radius:50%;border:3px solid #fff;background:#ffffffe6;cursor:pointer;box-shadow:0 3px #00000024;flex:none;padding:0}.icon-btn.small{width:42px;height:42px;font-size:1.1rem}.icon-btn.off{opacity:.55}#topbar{position:fixed;top:10px;right:10px;display:flex;gap:8px;z-index:40}.map-card{width:min(720px,100%)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:10px 0 12px}.chapter{position:relative;background:#fff;border:4px solid #f0dca8;border-radius:22px;padding:10px 10px 8px;cursor:pointer;box-shadow:0 5px #f0dca8;display:flex;align-items:center;gap:10px;text-align:left;transition:transform .08s;min-height:84px}.chapter:active{transform:translateY(4px);box-shadow:0 1px #f0dca8}.chapter .ico{font-size:2.4rem;width:56px;height:56px;display:grid;place-items:center;background:#fff3c4;border-radius:18px;flex:none}.chapter .num{font-size:.8rem;font-weight:800;opacity:.6}.chapter .name{font-weight:800;font-size:1.12rem;line-height:1.1}.chapter .skill{font-size:.8rem;opacity:.75}.chapter .cstars{font-size:1rem;letter-spacing:1px}.chapter .cstars .off{filter:grayscale(1) opacity(.3)}.chapter.current{border-color:var(--green);box-shadow:0 5px 0 var(--green-dark);animation:glow 1.6s ease-in-out infinite}.chapter.locked{cursor:default;background:#f2eee6;border-color:#e3dccd;box-shadow:0 5px #e3dccd}.chapter.locked .ico{filter:grayscale(1) opacity(.4)}.chapter.locked .txt{opacity:.5}.chapter .lock{position:absolute;top:6px;right:10px;font-size:1.2rem}@keyframes glow{0%,to{background:#fff}50%{background:#e9fbe9}}.sticker-book{background:#fff3c4;border-radius:18px;padding:8px 10px}.sb-title{font-weight:800}.sticker-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:4px 0}.sticker{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;background:#fff;border:3px dashed #e0c98a}.sticker.got{border:3px solid #fff;background:radial-gradient(#fff,#ffe9a8);box-shadow:0 3px #0000001f}.sticker.empty{color:#d8c69a;font-size:1.1rem;font-weight:800}.sticker.big{width:110px;height:110px;font-size:3.8rem;margin:0 auto;border:5px solid #fff;background:radial-gradient(#fff,#ffd76a);box-shadow:0 6px #00000024;animation:stickerIn .9s cubic-bezier(.2,1.4,.5,1) .3s backwards}@keyframes stickerIn{0%{transform:rotate(-200deg) scale(0)}to{transform:rotate(0) scale(1)}}.sticker-name{font-weight:800;color:var(--pink-dark);margin:4px 0 6px}.story-card{width:min(640px,100%);text-align:left}.story-head{display:flex;gap:12px;align-items:center}.story-icon{font-size:2.6rem;width:64px;height:64px;background:#fff3c4;border-radius:20px;display:grid;place-items:center;flex:none}.countdown{display:inline-block;background:var(--purple);color:#fff;border-radius:999px;padding:0 12px;font-weight:800;font-size:.9rem}.story-text{font-size:1.4rem;line-height:1.4;font-weight:600;margin:10px 0 6px;min-height:3.2em}.page-dots{display:flex;gap:6px;justify-content:center}.page-dots span{width:12px;height:12px;border-radius:50%;background:#e6d7b0}.page-dots span.on{background:var(--green)}.story-row{justify-content:flex-end}.play{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.play>*{pointer-events:auto}.play-top{position:absolute;top:10px;left:10px;right:190px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;pointer-events:none}.chip{background:#fff;border-radius:999px;padding:4px 16px;font-weight:800;font-size:1.1rem;box-shadow:0 3px #0000001f;white-space:nowrap}.progress-dots{display:flex;gap:5px;background:#ffffffbf;border-radius:999px;padding:5px 10px}.progress-dots span{width:22px;height:22px;border-radius:50%;background:#eee3c8;display:grid;place-items:center;font-size:.85rem}.progress-dots span.now{background:var(--gold);transform:scale(1.15)}.progress-dots span.done{background:#d8f7cf}.progress-dots .tick{color:var(--green-dark);font-size:.95rem}.progress-dots .pstars{font-weight:800;padding:0 4px}.problem-card{position:absolute;top:66px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 20px));background:#fffaf0f5;border-radius:24px;border:4px solid #fff;padding:8px 14px 6px;box-shadow:0 6px #e6cf9f,0 10px 24px #00000029}.prompt{display:flex;align-items:center;gap:10px}.prompt-text{flex:1;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.equation{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:2.4rem;line-height:1.1;margin-top:2px}.equation .num{min-width:64px;padding:0 12px;border-radius:16px;text-align:center}.equation .ga{color:var(--ga);background:var(--ga-bg)}.equation .gb{color:var(--gb);background:var(--gb-bg)}.equation .ans{background:#fff;border:3px dashed #d6c08a;color:var(--ink);min-width:80px}.equation .ans.typing{border-color:var(--blue);color:var(--blue-dark)}.equation .ans.right{background:#d8f7cf;border:3px solid var(--green);color:var(--green-dark);animation:bump .5s}.equation .ans.wrong{animation:shake .4s}.equation .op{opacity:.7}@keyframes bump{50%{transform:scale(1.3)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.coach{position:absolute;left:50%;transform:translate(-50%);bottom:190px;background:#fff;border-radius:18px;padding:6px 18px;font-weight:800;font-size:1.15rem;box-shadow:0 4px #0000001f;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}.coach.good{background:#d8f7cf;color:var(--green-dark);animation:bump .5s}.coach.soft{background:#fff3c4;color:#8a5a00}.play-bottom{position:absolute;left:0;right:0;bottom:0;padding:8px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.helpers{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.hbtn{display:flex;align-items:center;gap:4px;border:3px solid #fff;background:#ffffffeb;border-radius:14px;padding:4px 10px;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 3px #0000001f;min-height:42px}.hbtn em{font-style:normal}.hbtn .short{display:none}.hbtn span{font-size:1.2rem}.hbtn:active{transform:translateY(3px);box-shadow:none}.choices{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.choice{min-width:96px;height:84px;font-size:2.6rem;font-weight:800;border-radius:24px;border:4px solid #fff;background:var(--gold);color:#5a3a00;box-shadow:0 7px 0 var(--gold-dark);cursor:pointer;padding:0 16px;transition:transform .08s}.choice:nth-child(2){background:#7fd8ff;box-shadow:0 7px #3fa6e0;color:#0d4a70}.choice:nth-child(3){background:#ffa3c4;box-shadow:0 7px #e0457e;color:#6a0f33}.choice:nth-child(4){background:#a8ee9a;box-shadow:0 7px #2fb36b;color:#0e5a2c}.choice:hover{filter:brightness(1.05)}.choice:active{transform:translateY(5px)}.choice.wrong,.choice:disabled{background:#e8e2d6!important;box-shadow:0 7px #cfc6b4!important;color:#b0a58f!important;cursor:default;animation:shake .4s}.choice.right{background:#6fdc8c!important;box-shadow:0 7px 0 var(--green-dark)!important;color:#fff!important}.pad{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:min(520px,100%)}.pad button{height:58px;font-size:1.8rem;font-weight:800;border-radius:16px;border:3px solid #fff;background:#fff;box-shadow:0 5px #d6c08a;cursor:pointer}.pad button:active{transform:translateY(4px);box-shadow:0 1px #d6c08a}.pad .ok{background:var(--green);color:#fff;box-shadow:0 5px 0 var(--green-dark)}.pad .del{background:#ffe0e0}.next-btn{animation:pop .35s cubic-bezier(.2,1.6,.5,1)}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;overflow:hidden}.count-label{position:absolute;left:0;top:0;min-width:38px;height:38px;border-radius:999px;padding:0 8px;display:grid;place-items:center;font-weight:800;font-size:1.35rem;color:#fff;border:3px solid #fff;box-shadow:0 3px #0000002e;animation:labelIn .3s cubic-bezier(.2,1.8,.5,1)}.count-label.g-a{background:var(--ga)}.count-label.g-b{background:var(--gb)}.count-label.tray{font-size:1.5rem;height:42px;min-width:50px}@keyframes labelIn{0%{scale:0}to{scale:1}}.helper-panel{position:absolute;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 16px));background:#fffaf0;border-radius:22px;border:4px solid #fff;padding:10px 14px 12px;z-index:12;box-shadow:0 6px #e6cf9f,0 12px 30px #0003;animation:pop .3s}.close-x{position:absolute;top:6px;right:8px;border:none;background:#ffe0e0;border-radius:50%;width:36px;height:36px;font-size:1.1rem;cursor:pointer;font-weight:800}.helper-title{font-weight:800;font-size:1.1rem;margin:0 36px 4px 0}.helper-title .ga,.ga-text{color:var(--ga)}.helper-title .gb{color:var(--gb)}.helper-tip{margin:6px 0 0;font-weight:700;text-align:center}.numline{width:100%;height:auto;display:block}.nl-axis{stroke:#3b2a4a;stroke-width:4;stroke-linecap:round}.nl-tick{stroke:#3b2a4a;stroke-width:3}.nl-label{font:800 20px "Baloo 2",sans-serif;text-anchor:middle;fill:#3b2a4a}.nl-label.start{fill:var(--ga);font-size:24px}.nl-start{fill:var(--ga)}.nl-end{fill:none;stroke:var(--green);stroke-width:4}.nl-hop{fill:none;stroke:var(--gb);stroke-width:4;stroke-linecap:round}.nl-hop.big{stroke-width:5}.nl-hoplabel{font:800 17px "Baloo 2",sans-serif;text-anchor:middle;fill:var(--gb)}.nl-hopper{font-size:24px;text-anchor:middle;transition:x .3s}.frames{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.frame{display:grid;grid-template-columns:repeat(5,44px);grid-template-rows:repeat(2,44px);border:4px solid #3b2a4a;border-radius:8px;background:#fff}.cell{border:2px solid #c9b88f;display:grid;place-items:center}.dot{display:inline-block;width:30px;height:30px;border-radius:50%;animation:labelIn .3s backwards}.dot.g-a{background:var(--ga)}.dot.g-b{background:var(--gb)}.place{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ph{font-weight:800;background:#fff3c4;border-radius:10px}.pcell{background:#fff;border-radius:10px;min-height:56px;display:flex;flex-wrap:wrap;gap:5px;padding:6px;align-items:center;justify-content:center}.rod{width:14px;height:50px;border-radius:4px;background-image:repeating-linear-gradient(transparent 0 4px,#ffffff8c 4px,#ffffff8c 5px)}.rod.g-a{background-color:var(--ga)}.rod.g-b{background-color:var(--gb)}.pcell .dot{width:20px;height:20px}.stars{font-size:2.8rem;letter-spacing:6px;margin:0}.stars span{display:inline-block;animation:stickerIn .6s backwards}.stars span.off{filter:grayscale(1) opacity(.3)}.value-card{background:#fff3c4;border-radius:18px;padding:8px 14px 10px;margin:8px 0 4px}blockquote{margin:4px 0 2px;font-size:1.3rem;font-weight:700;line-height:1.3;color:#5a3a10}blockquote:before{content:"“";color:var(--gold-dark)}blockquote:after{content:"”";color:var(--gold-dark)}.source{font-size:.9rem;opacity:.75}.meaning{margin:6px 0 0;font-size:1.05rem;line-height:1.35}.deeds{text-align:left;margin:0 auto 6px;padding-left:0;list-style:none;max-width:420px}.deeds li{font-weight:700;font-size:1.05rem;padding:2px 0}.final-card{width:min(600px,100%)}.practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.plevel{background:#fff;border:4px solid #f0dca8;border-radius:20px;padding:10px;cursor:pointer;box-shadow:0 5px #f0dca8;display:flex;flex-direction:column;align-items:center;gap:2px}.plevel:active{transform:translateY(4px);box-shadow:0 1px #f0dca8}.plevel .ex{font-size:1.7rem;font-weight:800;color:var(--purple)}.plevel b{font-size:1.1rem}.plevel small{opacity:.7}.parents-card{text-align:left}.parents-card p{line-height:1.4}.toast{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:50;font-size:5rem;line-height:1;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2));pointer-events:none;animation:toastPop 1.3s ease-out forwards;white-space:nowrap}@keyframes toastPop{0%{transform:translate(-50%,-50%) scale(.3)}20%{transform:translate(-50%,-50%) scale(1.15)}80%{opacity:1}to{transform:translate(-50%,-70%) scale(1);opacity:0}}body.night .chip,body.night .progress-dots{background:#ffffffeb}@media(max-width:640px){.logo{font-size:2rem}.card{padding:14px 14px 16px;border-radius:24px}.play-top{right:176px;gap:6px}.chip{font-size:.95rem;padding:3px 12px}.progress-dots{padding:4px 7px;gap:3px}.progress-dots span{width:17px;height:17px;font-size:.7rem}.problem-card{top:98px;padding:6px 10px 4px;border-radius:20px}.prompt-text{font-size:1.02rem}.equation{font-size:1.9rem;gap:6px}.equation .num{min-width:50px;padding:0 8px}.equation .ans{min-width:64px}.helpers{gap:5px}.hbtn{font-size:.85rem;padding:3px 7px;min-height:42px}.hbtn .long{display:none}.hbtn .short{display:inline}.count-label{min-width:30px;height:30px;font-size:1.05rem;padding:0 5px;border-width:2px}.count-label.tray{min-width:38px;height:32px;font-size:1.15rem}.hbtn span{font-size:1rem}.choices{gap:10px}.choice{min-width:76px;height:72px;font-size:2.2rem;padding:0 10px}.pad{grid-template-columns:repeat(6,1fr);gap:6px}.pad button{height:52px;font-size:1.5rem}.story-text{font-size:1.2rem}.chapter-grid{grid-template-columns:1fr 1fr;gap:8px}.chapter{flex-direction:column;text-align:center;gap:2px;padding:8px 6px 6px}.chapter .ico{width:48px;height:48px;font-size:2rem}.chapter .name{font-size:1rem}.frame{grid-template-columns:repeat(5,30px);grid-template-rows:repeat(2,30px)}.frame .dot{width:21px;height:21px}blockquote{font-size:1.15rem}.coach{font-size:1rem;white-space:normal;text-align:center;width:max-content}}@media(max-height:560px){.problem-card{top:60px}.choice{height:64px}}