: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}