@font-face{font-family:Storybook;src:local(Georgia);font-display:swap}:root{color:#244b48;--ink:#244b48;--cream:#fff8e8;--gold:#efc46c;--line:#ddcba5;--safe-top:max(16px, env(safe-area-inset-top));--safe-bottom:max(16px, env(safe-area-inset-bottom));--safe-left:max(22px, env(safe-area-inset-left));--safe-right:max(22px, env(safe-area-inset-right));font-synthesis:none;background:#244b48;font-family:Trebuchet MS,Avenir,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}button,select,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-touch-callout:none;touch-action:manipulation;border:0}button:focus-visible{outline-offset:4px;outline:4px solid #448b93}select:focus-visible{outline-offset:4px;outline:4px solid #448b93}input:focus-visible{outline-offset:4px;outline:4px solid #448b93}button:disabled{cursor:default}button,select{min-height:56px}button:active{transform:translateY(2px)}button:disabled:active{transform:none}[hidden]{display:none!important}#game,#game canvas,#ui{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#game canvas{display:block}#ui{pointer-events:none}#ui button,#ui select,#ui input,#ui label{pointer-events:auto}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.world-label{font-family:Georgia,Times New Roman,serif}h1{white-space:pre-line;letter-spacing:-2px;font-size:clamp(48px,5.4vw,74px);font-weight:600;line-height:1.03}h2{font-size:clamp(27px,3vw,40px);line-height:1.15}h3{font-size:23px}p{line-height:1.5}button{transition:background .15s,transform .15s,box-shadow .15s}.hud{left:var(--safe-left);right:var(--safe-right);top:var(--safe-top);z-index:35;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute}.brand,.world-progress,.round-button,.parent-button,.star-total{background:#fff8e8ed;border:1px solid #e4d9b8;box-shadow:0 3px #b4aa8c42,0 5px 16px #244b481c}.brand{border-radius:40px;min-height:64px;padding:12px 23px;font-size:clamp(20px,2.2vw,30px);font-weight:700}.world-progress{text-align:center;margin-top:calc(-1 * var(--safe-top));border-radius:0 0 34px 34px;min-width:208px;padding:12px 28px 10px}.world-label{font-size:25px;display:block}.checkpoint-stars{color:#bc8c32;letter-spacing:5px;margin-top:5px;font-size:31px;line-height:1.1;display:block}.hud-tools{align-items:center;gap:10px;display:flex}.round-button{border-radius:50%;width:60px;font-size:29px}.parent-button{border-radius:32px;padding:0 20px;font-size:17px;font-weight:700;position:relative;overflow:hidden}.parent-button.holding{background:#efc46c;transition:background 2s;box-shadow:inset 0 -5px #c69944}.star-total{color:#8d691e;border-radius:30px;align-items:center;min-height:44px;padding:0 12px;font-size:19px;font-weight:700;display:flex}.movement-controls{left:var(--safe-left);bottom:calc(var(--safe-bottom) + 26px);z-index:6;gap:14px;display:flex;position:absolute}.move-button{touch-action:none;background:#fff8e8f7;border:3px solid #e5c48b;border-radius:37%;width:clamp(88px,9vw,124px);height:clamp(86px,9vw,120px);padding-top:10px;font-size:56px;line-height:.75;box-shadow:0 5px #8c7849a1,0 6px 20px #112f3440}.move-button span{letter-spacing:2px;margin-top:9px;font-size:11px;font-weight:700;display:block}.move-button.held{background:#efc46c;transform:translateY(4px);box-shadow:0 1px #8c7849}.move-button:disabled{opacity:.5}.story-caption{bottom:calc(var(--safe-bottom) + 49px);text-align:center;color:#fff8e8;text-shadow:0 2px 4px #173c3f,0 0 18px #173c3f;z-index:7;font-family:Georgia,serif;font-size:clamp(17px,1.9vw,26px);line-height:1.35;position:absolute;left:30%;right:16%}.offline-status{right:var(--safe-right);bottom:var(--safe-bottom);color:#fff8e8;text-shadow:0 1px 4px #173c3f;z-index:8;text-align:right;max-width:60%;font-size:11px;position:absolute}.rotate-note{display:none}.modal-layer{padding:calc(var(--safe-top) + 25px) var(--safe-right) calc(var(--safe-bottom) + 25px) var(--safe-left);pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#173c3f4a;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.challenge-layer{z-index:30;background:#173c3f80}.parent-layer{z-index:50;background:#173c3f99}.story-layer:has(.pause-panel){z-index:45}.parchment{text-align:center;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;background:linear-gradient(140deg,#fffaf0,#fff5df);border:1px solid #e6d3ab;border-radius:36px;max-height:100%;position:relative;overflow:auto;box-shadow:0 0 0 5px #fff7e5a8,0 16px 70px #183e3c40}.ornament{color:#c69743;margin-bottom:15px;font-size:37px;line-height:1}.chapter-label{text-transform:uppercase;letter-spacing:2px;color:#7d8065;margin-bottom:14px;font-size:12px;font-weight:700}.menu-panel{width:min(480px,90vw);padding:34px 45px 28px}.menu-subtitle{letter-spacing:7px;color:#728177;margin:14px 0 20px;font-size:16px}.menu-story{white-space:pre-line;color:#667b70;margin-bottom:28px;font-size:16px}.button{background:#fff9eb;border:1px solid #d7c398;border-radius:18px;min-height:62px;padding:14px 25px;font-size:19px;font-weight:700;box-shadow:0 3px #c8b68e4d}.button.primary{color:#fff8e8;background:#28544e;border-color:#20463f;min-width:220px;box-shadow:0 4px #173e37}.text-button{color:#607b6b;background:0 0;border-radius:16px;min-height:48px;margin:10px auto 0;padding:12px 20px;font-size:16px;font-weight:600;text-decoration:none;display:block}.menu-instruction{color:#778374;margin-top:17px;font-size:11px}.world-select{width:min(550px,94vw);padding:30px 42px}.world-select h2{margin-bottom:20px}.world-option{text-align:left;background:0 0;border-bottom:1px solid #dfd7bf;width:100%;min-height:63px;padding:12px;font-family:Georgia,serif;font-size:23px;display:block}.world-option:disabled{color:#9d9e90}.complete-panel{width:min(550px,92vw);padding:32px 45px}.complete-panel h1{font-size:clamp(38px,4vw,58px)}.success-star{color:#e5b44e;text-shadow:0 3px #bb8b34;margin-bottom:16px;font-size:70px;line-height:1.1}.success-copy{color:#667c6b;margin:20px 0 12px;font-size:19px}.reward-copy{color:#866d38;margin:12px 0 26px;font-family:Georgia,serif;font-size:23px}.pause-panel{padding:40px 50px}.pause-panel h2{margin-bottom:25px}.challenge-panel{border-radius:32px;width:min(770px,94vw);padding:24px 38px 20px}.challenge-panel .ornament{margin-bottom:9px;font-size:25px}.challenge-panel .chapter-label{margin-bottom:9px}.question-prompt{max-width:620px;margin:0 auto 17px;font-size:clamp(25px,2.7vw,36px)}.question-body{flex-direction:column;align-items:center;gap:10px;display:flex}.objects{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:510px;padding:8px;display:flex}.count-object{color:#d2a039;filter:drop-shadow(0 2px #e9c777);background:0 0;min-width:46px;min-height:50px;font-size:clamp(26px,3.8vw,46px);line-height:1;position:relative}button.count-object{min-width:56px;min-height:56px;padding:4px}.count-object.counted{color:#6c9d7c;background:#e3edce;border-radius:50%}.count-object.counted:after,.show-hints .count-object:after{content:attr(data-count);color:#244b48;filter:none;background:#fff9e7;border:1px solid #c3caa6;border-radius:50%;min-width:21px;font-size:16px;line-height:22px;position:absolute;bottom:-3px;right:-2px}.show-hints .count-object{outline-offset:1px;border-radius:14px;outline:2px dashed #cbb06b}.answer-row{flex-wrap:wrap;justify-content:center;gap:16px;max-width:100%;margin-top:5px;display:flex}.answer{background:#fffaf0;border:2px solid #dfc795;border-radius:22px;min-width:96px;min-height:86px;padding:10px 24px;font-family:Georgia,serif;font-size:42px;font-weight:700;box-shadow:0 4px #c9b88d66}.answer:disabled{opacity:.4}.answer:active{background:#f5dfaa}.target-number{background:#f1e4c5;border-radius:25px;padding:8px 32px;font-family:Georgia,serif;font-size:60px;line-height:1}.basket-row{gap:12px}.basket{min-width:140px;max-width:205px;min-height:114px;padding:7px}.basket .objects{gap:3px;max-width:180px;padding:0}.basket .count-object{min-width:29px;min-height:28px;font-size:25px}.math-visual{justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.math-visual .objects{gap:3px;max-width:280px}.math-visual .count-object{min-width:38px;min-height:40px;font-size:34px}.math-sign{font-size:37px}.equation{color:#557460;font-family:Georgia,serif;font-size:30px}.floated-away{opacity:.2;filter:grayscale();transform:translateY(-8px)}.compare{flex-direction:column;align-items:center;min-width:170px;max-width:285px;padding:12px;display:flex}.compare-number{font-size:44px}.compare .objects{max-width:220px}.compare .count-object{min-width:29px;min-height:30px;font-size:27px}.order-slots{gap:12px;margin:10px;display:flex}.order-slot{background:#f4ecd4;border-bottom:3px solid #b7b891;border-radius:15px 15px 0 0;min-width:67px;padding:8px;font-family:Georgia,serif;font-size:37px}.feedback{color:#697c65;min-height:26px;margin:18px 0 0;font-size:17px;line-height:1.4}.small-note{color:#738474;font-size:12px;line-height:1.5}.hint-button{margin-top:2px;padding:9px 18px}.guided-answer{margin-top:14px}.success-panel{padding:32px 45px}.empty-count{color:#768574;font-family:Trebuchet MS,sans-serif;font-size:14px;font-weight:400}.parent-panel{text-align:left;-webkit-user-select:text;user-select:text;width:min(930px,96vw);max-height:100%;padding:28px 34px}.parent-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.parent-intro,.parent-summary{color:#687d70;margin:8px 0 14px;font-size:14px}.parent-summary{font-weight:700}.small{border-radius:14px;min-height:48px;padding:10px 16px;font-size:14px}.table-scroll{overflow:auto}.learning-table{border-collapse:collapse;white-space:nowrap;width:100%;margin:10px 0;font-size:13px}.learning-table th{text-align:left;color:#697c66;background:#f1eacf;padding:9px 10px;font-size:11px;font-weight:700}.learning-table td{border-bottom:1px solid #e1d6b9;padding:8px 10px}.parent-panel h3{margin:24px 0 14px}.settings-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.setting-field{color:#647968;flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.setting-field select{background:#fffaf0;border:1px solid #d5c9a5;border-radius:12px;width:100%;min-height:48px;padding:7px 12px;font-size:14px}.parent-file-actions{flex-wrap:wrap;gap:10px;display:flex}.file-button{cursor:pointer;background:#f4ecd7;border:1px solid #d6c9a4;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.file-button:focus-within{outline-offset:3px;outline:3px solid #448b93}.import-status{color:#526f56;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;font-size:13px}.recent-history{color:#65786b;padding-left:20px;font-size:12px;line-height:1.8}.privacy-note{color:#788371;margin:24px 0 0;font-size:11px}.storage-warning{background:#f0dfb5;border-radius:12px;margin:10px 0;padding:10px;font-size:13px}.boot-star{color:#efc46c;font-size:65px}#boot{color:#fff8e8;z-index:100;text-align:center;background:#244b48;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:30px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#boot h1{font-size:40px}#boot p{font-size:16px}progress{accent-color:#efc46c;width:230px;height:8px}@media (max-width:1050px){.brand{min-height:56px;padding:10px 15px;font-size:20px}.world-progress{min-width:175px;padding:10px 18px}.world-label{font-size:21px}.hud-tools{gap:7px}.parent-button{padding:0 15px;font-size:15px}.round-button{width:54px;min-height:54px}.star-total{padding:0 9px;font-size:16px}.story-caption{font-size:19px;left:34%;right:8%}.challenge-panel{padding:20px 28px}.menu-panel{padding:26px 38px}.menu-story{margin-bottom:20px;font-size:14px}.menu-instruction{margin-top:12px}.ornament{margin-bottom:10px}.parent-panel{padding:22px 26px}}@media (max-height:650px){.menu-panel{padding:18px 33px}.menu-panel h1{font-size:46px}.menu-story{margin:10px 0 17px;font-size:13px}.menu-subtitle{margin:9px 0 11px}.menu-instruction{margin-top:8px;font-size:10px}.ornament{margin-bottom:8px;font-size:27px}.menu-panel .chapter-label{margin-bottom:8px}.modal-layer{padding-top:20px;padding-bottom:20px}.challenge-panel{padding:16px 28px}.challenge-panel .ornament{display:none}.question-prompt{margin-bottom:10px;font-size:26px}.count-object{font-size:32px}.answer{min-width:82px;min-height:69px;font-size:35px}.target-number{font-size:45px}.basket{min-height:90px}.feedback{margin-top:12px;font-size:14px}.hint-button{min-height:40px;font-size:14px}.question-body{gap:6px}.move-button{width:88px;height:86px}.success-star{margin-bottom:9px;font-size:55px}.complete-panel{padding:24px 35px}.parent-heading h2{font-size:27px}}@media (orientation:portrait){.rotate-note{text-align:center;z-index:9;background:#fff8e8ed;border-radius:18px;padding:12px 18px;font-size:14px;display:block;position:absolute;bottom:150px;left:20px;right:20px}.hud{gap:8px}.brand{width:52px;padding:8px;font-size:0}.brand:first-letter{font-size:28px}.world-progress{min-width:145px;padding:12px}.world-label{font-size:19px}.parent-button{padding:0 10px;font-size:12px}.star-total{display:none}.round-button{width:44px;min-height:48px;font-size:22px}.hud-tools{gap:5px}.story-caption{font-size:17px;bottom:65px;left:50%;right:20px}.settings-grid{grid-template-columns:repeat(2,1fr)}.parent-heading{align-items:flex-start}.parent-heading h2{font-size:24px}.parent-heading .button{min-width:100px;padding:8px;font-size:12px}.challenge-panel{padding:24px 20px}.basket{min-width:90px;max-width:120px}.basket .count-object{min-width:23px;font-size:22px}.answer-row{gap:10px}.compare{min-width:120px}.order-slot{min-width:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}