:root{--sky:#7dd3fc;--sea:#0284c7;--ink:#1e293b;--btn:#0ea5e9;--btn-dark:#0369a1;--card:#fff;--soft:#f1f5f9;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--sky);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:none}.app,.loading{position:fixed;inset:0}.center-screen{background:#f0f9ff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.round-btn{background:var(--btn);box-shadow:0 6px 0 var(--btn-dark);border-radius:50%;place-items:center;padding:0;display:grid}.round-btn:active{box-shadow:0 2px 0 var(--btn-dark);transform:translateY(4px)}.round-btn.speaker{background:#f97316;box-shadow:0 6px #c2410c}.start{background:linear-gradient(#7dd3fc,#38bdf8 60%,#0ea5e9);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.start-title{color:#fff;text-shadow:0 5px #0369a1;letter-spacing:1px;font-size:64px;font-weight:900}.start-row{align-items:center;gap:60px;display:flex}.start-btn{background:#22c55e;border-radius:50%;place-items:center;width:220px;height:220px;padding-left:14px;display:grid;box-shadow:0 12px #15803d,0 0 0 14px #fff5}.parent-door{z-index:20;background:#0003;border-radius:50%;place-items:center;width:80px;height:80px;display:grid;position:absolute;top:14px;right:14px}.parent-door .hold-ring,.parent-door .door-icon{grid-area:1/1}.gate{z-index:50;background:#0f172acc;place-items:center;display:grid;position:fixed;inset:0}.gate-box{text-align:center;background:#fff;border-radius:24px;padding:28px}.gate-q{margin-bottom:18px;font-size:44px;font-weight:800}.keypad{grid-template-columns:repeat(3,96px);gap:12px;display:grid}.keypad button{background:var(--soft);border-radius:16px;height:80px;font-size:36px;font-weight:700}.map{background:var(--sea);position:absolute;inset:0;overflow:hidden}.map-world{will-change:transform;position:absolute;inset:0}.map-svg{width:100%;height:100%;display:block}.island{cursor:pointer}.stations{pointer-events:none;position:absolute;inset:0}.stations .station{pointer-events:auto}.station-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.station{background:#fff;border:8px solid #e2e8f0;border-radius:50%;place-items:center;width:124px;height:124px;margin:-62px 0 0 -62px;display:grid;position:absolute;box-shadow:0 8px #0002}.station-icon{font-size:58px;line-height:1}.station.done{background:#fef08a;border-color:#facc15;box-shadow:0 0 30px 8px #fde047,0 8px #ca8a04}.station.next{border-color:#22c55e;box-shadow:0 0 0 10px #22c55e55,0 8px #0002}.station.locked{background:#cbd5e1;border-color:#94a3b8}.station.locked .station-icon{opacity:.35;filter:grayscale()}.station-lock{place-items:center;display:grid;position:absolute;inset:0}.station-stars{display:flex;position:absolute;bottom:-34px}.map-ui{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:110px}.map-ui>*{pointer-events:auto}.map-hero{pointer-events:none;position:absolute;bottom:0;left:10px}.quiz,.demo,.bubbles{background:#f0f9ff;flex-direction:column;display:flex;position:absolute;inset:0}.top-bar{z-index:5;justify-content:space-between;align-items:center;padding:14px 110px 14px 14px;display:flex;position:relative}.bubbles .top-bar,.quiz .top-bar{padding-right:14px}.progress-dots{gap:12px;display:flex}.progress-dots span{background:#e2e8f0;border-radius:50%;width:22px;height:22px}.progress-dots span.on{background:#facc15}.stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.stage-math{justify-content:center;align-items:center;display:flex}.flash-cover{color:#7dd3fc;background:#e0f2fe;border-radius:30px;place-items:center;width:260px;height:260px;font-size:140px;font-weight:900;display:grid}.make10{flex-direction:column;align-items:center;gap:22px;display:flex}.equation{align-items:center;gap:22px;font-size:84px;font-weight:900;display:flex}.eq-q{color:#22c55e;border:6px dashed #22c55e;border-radius:20px;place-items:center;width:100px;height:100px;display:inline-grid}.eq-answer{color:#f59e0b}.counton{align-items:center;gap:28px;display:flex}.counton-plus,.counton-eq{font-size:80px;font-weight:900}.counton-eq{color:#f59e0b}.counton-dots{gap:18px;display:flex}.counton-dots .dot{border-radius:50%;width:66px;height:66px}.choices{justify-content:center;gap:36px;padding:10px 20px 34px 180px;display:flex}.choice{background:var(--card);border-radius:28px;place-items:center;transition:opacity .3s;display:grid;box-shadow:0 8px #cbd5e1}.choices-numbers .choice{width:170px;height:150px}.choices-images .choice{width:220px;height:220px}.choice.dim{opacity:.4}.choice.right{background:#dcfce7;box-shadow:0 8px #86efac}.choice.glow{box-shadow:0 0 0 10px #fde047,0 0 40px 14px #fde047}.num-choice{font-size:104px;font-weight:900;line-height:1}.quiz-hero{pointer-events:none;position:absolute;bottom:0;left:8px}.skip-btn{color:#64748b;background:#e2e8f0;border-radius:50%;width:96px;height:96px;font-size:32px;position:absolute;bottom:20px;right:20px}.big-ear{background:#f97316;border-radius:50%;place-items:center;width:230px;height:230px;display:grid;box-shadow:0 10px #c2410c}.big-ear svg{width:130px;height:130px}.word-img{object-fit:cover;pointer-events:none;border-radius:24px;display:block}.word-ph{background:#fef3c7;border-radius:28px;place-items:center;line-height:1;display:grid}.word-card{background:#fff;border-radius:40px;padding:20px;box-shadow:0 10px #cbd5e1}.bubbles{background:linear-gradient(#e0f2fe,#bae6fd);overflow:hidden}.bubble{background:radial-gradient(circle at 30% 30%,#fffe,#bfdbfecc 45%,#93c5fd99);border:4px solid #fffc;border-radius:50%;place-items:center;width:180px;height:180px;display:grid;position:absolute;top:0;box-shadow:inset -10px -14px 30px #60a5fa55}.bubbles .bubble{top:120px}.bubble .word-ph{background:0 0}.bubble.glow{box-shadow:0 0 0 10px #fde047,0 0 40px 16px #fde047}.reward{background:radial-gradient(circle at 50% 40%,#fef9c3,#fde68a 50%,#f59e0b);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.reward-stars{align-items:center;gap:26px;height:130px;display:flex}.reward-row{align-items:flex-end;gap:40px;display:flex}.summary{background:linear-gradient(#fef3c7,#fde68a);align-items:center;gap:30px;padding:30px;display:flex;position:absolute;inset:0}.summary-items{flex-wrap:wrap;flex:1;align-content:center;gap:20px;display:flex}.sum-card{background:#fff;border-radius:26px;padding:14px;box-shadow:0 6px #0001}.sum-card.math{padding:22px 28px;font-size:48px;font-weight:900}.sleep{background:linear-gradient(#1e1b4b,#312e81);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.moon{font-size:110px;position:absolute;top:40px;left:60px}.parent{background:#f8fafc;padding:30px 60px;font-size:20px;position:absolute;inset:0;overflow:auto}.parent h1{margin:0 0 10px}.parent section{background:#fff;border-radius:16px;margin:14px 0;padding:16px 22px;box-shadow:0 2px 8px #0001}.parent h2{margin:0 0 8px;font-size:22px}.parent button{background:#e2e8f0;border-radius:14px;min-height:56px;margin-right:10px;padding:0 22px;font-weight:700}.parent .row{align-items:center;gap:18px;display:flex}.parent .row button{width:80px;font-size:32px}.parent .big{text-align:center;min-width:150px;font-size:34px;font-weight:800}.parent .danger{color:#991b1b;background:#fee2e2}.parent .note{color:#64748b;font-size:17px}.parent .close{background:var(--btn);color:#fff}.addsub-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:900px;display:flex}.addsub-dots .dot{border:4px solid #0000;border-radius:50%;width:58px;height:58px}.addsub-dots .dot.gone{border:4px dashed #94a3b8}.addsub-dots .dot.gap{margin-left:34px}.teen{align-items:center;gap:50px;display:flex}.tenbars{align-items:flex-end;gap:18px;display:flex}.tenbars .ones{flex-direction:column-reverse;gap:4px;display:flex}.tenbars .cube{border:3px solid #9a3412;border-radius:6px;width:40px;height:40px}.teen .equation{font-size:76px}.custom-choices{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:110px 0 0}.custom-choices>*{pointer-events:auto}.body-stage .hero{overflow:visible}.quiz:has(.custom-choices) .quiz-hero{display:none}.quiz:has(.custom-choices) .stage{display:none}.workshop{background:#fefce8;flex-direction:column;display:flex;position:absolute;inset:0}.ws-total{color:#1e3a8a;text-align:center;min-width:120px;font-size:72px;font-weight:900}.ws-area{flex:1;gap:20px;min-height:0;padding:0 24px 150px;display:flex}.ws-play{background:#fff7ed;border:4px dashed #fdba74;border-radius:30px;flex:1;position:relative}.ws-cube{touch-action:none;background:#3b82f6;border:4px solid #1e3a8a;border-radius:12px;width:74px;height:74px;padding:0;position:absolute;box-shadow:0 5px #1e3a8a}.ws-cube.in{width:100%;height:100%;position:static}.ws-side{flex-direction:column;gap:18px;width:440px;display:flex}.ws-tray{background:#fff;border:5px solid #334155;border-radius:20px;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;display:grid}.ws-slot{aspect-ratio:1;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:10px}.ws-bars{flex-wrap:wrap;gap:16px;display:flex}.ws-bar{background:#1e3a8a;border-radius:10px;flex-direction:column;gap:2px;padding:4px;display:flex}.ws-bar span{background:#22c55e;border-radius:3px;width:40px;height:18px}.ws-tools{align-items:center;gap:24px;display:flex;position:absolute;bottom:20px;left:170px}.ws-add{background:#22c55e;box-shadow:0 8px #15803d}.ws-clear{background:#94a3b8;box-shadow:0 6px #64748b}.ws-plus{color:#fff;font-size:70px;font-weight:900;line-height:1}.repeat{background:#f0fdf4;flex-direction:column;display:flex;position:absolute;inset:0}.repeat .stage{gap:70px}.mic{background:#94a3b8;border-radius:50%;place-items:center;width:170px;height:170px;display:grid}.mic.rec{background:#22c55e;box-shadow:0 0 0 18px #22c55e44}.mic.play{background:#f97316}.parent-head{align-items:center;gap:20px;display:flex}.parent-head h1{flex:1;margin:0}.tabs button.on{background:var(--btn);color:#fff}.stats-table{border-collapse:collapse;width:100%}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:6px 10px;font-size:18px}.mistakes{margin:0;padding-left:22px}.leitner{grid-template-columns:90px repeat(6,1fr);gap:6px;margin:8px 0;font-size:16px;display:grid}.leitner .box{background:#f8fafc;border-radius:8px;padding:6px}.leitner .box span{color:#64748b;font-size:14px;font-weight:700;display:block}.days{align-items:flex-end;gap:8px;height:160px;display:flex}.day{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;font-size:13px;display:flex}.day .bar{background:#38bdf8;border-radius:6px 6px 0 0;width:100%;min-height:2px}.day small{color:#94a3b8}.station.free{border-style:dashed;border-color:#a78bfa}.station.free.done{border-color:#facc15}.addsub-dots .dot.to-go{border:4px dashed #1e3a8a}