:root{--bg: #eaf6ff;--card: #fff;--ink: #1d2b3a;--muted: #5b6b7b;--accent: #2b8a5a;--accent-ink: #fff;--danger: #b3382c;--line: #cfdce8;--radius: 20px;font-family:Andika,Atkinson Hyperlegible,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100dvh;font-size:18px}h1{margin:0 0 8px;font-size:1.7rem}h2{margin:24px 0 8px}.big{font-size:2.4rem}.muted{color:var(--muted);font-size:.95rem}.error{color:var(--danger);font-weight:600}.center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 2px 10px #1e3c5a1a;display:flex;flex-direction:column;gap:14px;text-align:left;max-width:560px;width:100%}.auth{max-width:420px}label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select{font:inherit;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;min-height:48px}input:focus,select:focus,button:focus-visible{outline:3px solid #2f6fd6;outline-offset:2px}button{font:inherit;cursor:pointer;border:0;border-radius:14px;padding:12px 18px;min-height:48px}.primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.secondary{background:#e3edf5;color:var(--ink)}.danger{color:var(--danger)}.link{background:none;color:#1f5fb8;text-decoration:underline;min-height:0}button:disabled{opacity:.6;cursor:default}.big-btn{font-size:1.4rem;padding:18px 32px;min-height:72px}.avatars{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.avatar-card{background:var(--card);width:180px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 12px #1e3c5a26;border-radius:28px}.avatar-card:active{transform:scale(.97)}.avatar-emoji{font-size:4.5rem;line-height:1}.avatar-emoji.huge{font-size:8rem}.avatar-name{font-size:1.5rem;font-weight:700}.parent-link{margin-top:32px}.speech{background:#fff;border-radius:24px;padding:14px 22px;font-size:1.4rem;box-shadow:0 2px 8px #0000001a}.parent{max-width:720px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:12px}.parent .card{max-width:none}.child-row{flex-direction:row;align-items:flex-start;flex-wrap:wrap}.child-row .avatar-emoji{font-size:3rem}.grow{flex:1;min-width:200px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1}fieldset{border:0;padding:0;margin:0}legend{font-weight:600;margin-bottom:6px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.pick{font-size:2rem;background:#f0f5fa;border:3px solid transparent}.pick.selected{border-color:var(--accent);background:#e2f5ea}footer{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}details{margin-top:6px}summary{cursor:pointer;color:#1f5fb8}.gate{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gate button{font-size:2rem;min-height:80px;background:#e3edf5}.gate button.done{background:#bfe8cf}.shake{animation:shake .4s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media(prefers-reduced-motion:reduce){.shake{animation:none}.avatar-card:active{transform:none}}.worlds{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.world{background:#fff;width:170px;min-height:170px;border-radius:28px;font-size:1.4rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 3px 12px #1e3c5a26}.world span{font-size:3.6rem}.world.main{background:var(--accent);color:#fff;width:220px}.play{min-height:100dvh;padding:12px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.play-bar{width:100%;max-width:900px;display:flex;align-items:center;gap:16px}.progress{display:flex;gap:10px;flex:1;justify-content:center}.dot{width:18px;height:18px;border-radius:50%;background:#c7d6e4}.dot.filled{background:var(--accent)}.dot.current{background:#f2b84b;transform:scale(1.25)}.bonus{background:#fff6d6;border-radius:16px;padding:8px 16px;font-weight:700;margin:0}.task{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:20px;flex:1;justify-content:center}.prompt{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;position:relative}.shown{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;background:#fff;border-radius:24px;padding:14px 20px;min-height:120px}.prompt-text{font-size:1.9rem;font-weight:600;max-width:760px;white-space:pre-line;background:#fff;border-radius:20px;padding:14px 20px;margin:0;line-height:1.5}.replay{background:#fff;font-size:2rem;border-radius:50%;width:72px;height:72px;padding:0;box-shadow:0 2px 8px #0000001f}.options{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:100%}.options.list{flex-direction:column;align-items:stretch;max-width:640px}.option{background:#fff;min-width:150px;min-height:150px;border-radius:28px;box-shadow:0 3px 12px #1e3c5a2e;border:4px solid transparent;display:flex;align-items:center;justify-content:center;padding:10px 18px}.options.list .option{min-height:72px;min-width:0;justify-content:flex-start;font-size:1.5rem}.option.dim{opacity:.35}.option.glow{border-color:#f2b84b;background:#fffbe6;animation:pulse .9s ease-in-out infinite alternate}.option.wobble,.selbar.wobble{animation:wobble .45s}@keyframes wobble{20%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}}@keyframes pulse{to{transform:scale(1.06)}}.v-emoji{font-size:5rem;line-height:1.1}.v-text{font-size:1.5rem;font-weight:600}.v-number{font-size:4.2rem;font-weight:800}.v-short{font-size:3.4rem;font-weight:800;letter-spacing:.05em}.v-blank{font-size:4rem;font-weight:800;border:4px dashed #8aa;border-radius:16px;width:90px;text-align:center;color:#8aa}.shown .v-emoji{font-size:3.6rem}.shown .v-word{font-size:1.5rem;font-weight:700}.dots-line{display:flex;gap:4px;flex-wrap:wrap;font-size:2.6rem;max-width:520px;justify-content:center}.dots-scatter{position:relative;width:190px;height:130px;font-size:2.2rem}.dots-scatter span{position:absolute;transform:translate(-50%,-50%)}.option .dots-scatter{width:220px;height:160px}.dice{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:120px;height:120px;background:#fff;border:4px solid var(--ink);border-radius:20px;padding:10px;font-size:1.9rem;place-items:center}.tenframe{display:grid;grid-template-columns:repeat(5,54px);gap:4px}.tenframe .cell{border:2px solid var(--ink);height:54px;display:grid;place-items:center;font-size:2rem;border-radius:6px}.count-grid{display:grid;gap:14px;justify-content:center}.count-item{background:#fff;border-radius:24px;min-height:100px;position:relative;box-shadow:0 2px 8px #0000001f}.count-item.next{outline:4px solid #f2b84b}.count-item.counted{background:#dff3e7}.count-badge{position:absolute;bottom:4px;right:10px;font-weight:800;font-size:1.5rem}.big-count{font-size:5rem;font-weight:800;color:var(--accent)}.memory{display:grid;gap:14px;justify-content:center}.card-back{background:#7bb6e8;border-radius:22px;min-height:110px;font-size:3rem;color:#fff;box-shadow:0 2px 8px #00000026}.card-back.shown{background:#fff;color:var(--ink)}.row-btn{display:flex;gap:16px}@media(prefers-reduced-motion:reduce){.option.glow,.option.wobble,.selbar.wobble,.spot{animation:none}}.symbol{width:84px;height:84px}.shown .symbol{width:64px;height:64px}.option .symbol{width:104px;height:104px}.fraction,.clock{width:96px;height:96px}.fraction.fbar{width:150px;height:64px}.shown .fraction,.shown .clock{width:150px;height:150px}.shown .fraction.fbar{width:230px;height:98px}.option .fraction,.option .clock{width:112px;height:112px}.option .fraction.fbar{width:160px;height:68px}.robo-board{display:grid;gap:6px;background:#cfe8d5;padding:10px;border-radius:22px}.robo-board{grid-template-columns:repeat(var(--cols),var(--rc));--rc: max(48px, min(84px, calc((100vw - 56px) / var(--cols))))}.robo-cell{width:var(--rc);height:var(--rc);background:#fff;border-radius:14px;display:grid;place-items:center;padding:0;border:3px solid transparent;position:relative}.robo-cell:nth-child(2n){background:#f6fbf4}.robo-cell.wall{background:#d9c3a5}.robo-cell.goal{background:#fff6d8}.robo-cell.glow{border-color:#f2b84b;background:#fffbe6;animation:pulse .9s ease-in-out infinite alternate}.robo-cell .art{width:86%;height:86%}.robo{display:grid;place-items:center;width:100%;height:100%;transition:transform .4s ease}.robo .robo-art{width:92%;height:92%}.robo-dot{width:22%;height:22%;border-radius:50%;background:#7bb6e8;opacity:.7}.robo-cheer{position:absolute;inset:-14%;pointer-events:none;animation:cheer .9s ease-out both}.robo-cheer .art{width:100%;height:100%}@keyframes cheer{0%{transform:scale(.3) rotate(-30deg);opacity:0}60%{opacity:1}to{transform:scale(1.15) rotate(10deg);opacity:.9}}.robo-program,.robo-palette{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.robo-card{width:78px;height:78px;border-radius:18px;background:#fff;box-shadow:0 2px 8px #00000026;padding:10px;display:grid;place-items:center}.robo-card .card-art{width:100%;height:100%}.robo-card.placed{background:#dff3e7}.robo-card.running{background:#ffe9a8;box-shadow:0 0 0 4px #f2b84b;transform:translateY(-4px)}.robo-card.picked{background:#cfe3ff;box-shadow:0 0 0 4px var(--accent)}.robo-card.glow{box-shadow:0 0 0 4px #f2b84b;animation:pulse .9s ease-in-out infinite alternate}.robo-card.loop-card{background:#e8dcff}.robo-card.loop-card.used{opacity:.4}.robo-card.empty{background:transparent;border:3px dashed #8aa;box-shadow:none;display:inline-block}.robo-card.small{width:62px;height:62px;padding:8px;border-radius:14px}.robo-loop{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:22px;background:#efe6ff;border:3px solid #b9a2f0;position:relative}.robo-loop.open{border-color:var(--accent);background:#e4d6ff}.loop-count{display:flex;flex-direction:column;align-items:center;width:64px;padding:4px;background:#fff;border-radius:14px;font-size:1.4rem;font-weight:800}.loop-count .card-art{width:36px;height:36px}.loop-body{display:flex;gap:6px}.loop-x{position:absolute;top:-12px;right:-10px;width:30px;height:30px;min-height:0;padding:0;border-radius:50%;font-size:.9rem;background:#fff;box-shadow:0 1px 4px #00000040}.robo-card.call-card{background:#fff0c2}.robo-trick,.robo-rule{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:22px;background:#fff6d8;border:3px solid #f2d27a}.robo-trick.open,.robo-rule.open{border-color:var(--accent);background:#ffefb8}.robo-program.open-row{outline:3px solid var(--accent);outline-offset:6px;border-radius:20px}.trick-star{width:48px;height:48px;display:block}.trick-star .art{width:100%;height:100%}.robo-rules{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.robo-rule{background:#f1f7ff;border-color:#b9d4f5}.robo-rule.running{box-shadow:0 0 0 4px #f2b84b}.rule-cond{width:56px;height:56px;display:block;background:#fff;border-radius:14px;padding:4px}.rule-cond .art{width:100%;height:100%}.rule-arrow{font-size:2rem;font-weight:800}.robo-star{width:64%;height:64%;display:block}.robo-star .art{width:100%;height:100%}.robo-counter{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.8rem;font-weight:800;margin:0}.robo-counter.full{color:#2e7d4f}.counter-star{width:36px;height:36px;display:block}.counter-star .art{width:100%;height:100%}.rule-cond.sign{padding:6px}.robo-go{width:110px;height:78px;font-size:2.4rem}.reward{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.reward-item{background:#fff;border-radius:20px;padding:10px 18px;font-size:2rem;font-weight:800;box-shadow:0 2px 8px #0000001f}.island-screen{min-height:100dvh;padding:8px 12px 16px;display:flex;flex-direction:column;align-items:center;gap:10px}.island-bar{width:100%;max-width:1100px;display:flex;align-items:center;gap:14px}.materials{display:flex;gap:16px;flex:1;justify-content:center;font-size:1.6rem;font-weight:800}.requests{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.request{background:#fff6d6;border-radius:22px;padding:8px 16px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:130px;box-shadow:0 2px 8px #0000001f;border:3px solid #f2b84b}.req-who{font-size:2rem}.req-what{font-weight:800}.req-reward{font-size:1.1rem}.island{--t: min(calc(94vw / var(--w)), calc((100vh - 340px) / var(--h)));position:relative;width:calc(var(--t) * var(--w));height:calc(var(--t) * var(--h));border-radius:24px;overflow:hidden;background:#8fd0f0;touch-action:manipulation;box-shadow:0 4px 14px #0000002e}.island.target{outline:4px solid #f2b84b;outline-offset:-4px}.terrain{position:absolute;inset:0;width:100%;height:100%;display:block}.art{display:block;overflow:visible}.art.fill{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.landmark,.site{position:absolute;pointer-events:none;text-align:center;line-height:1.1}.landmark .lm-name{position:absolute;left:50%;bottom:-2%;transform:translate(-50%);white-space:nowrap;background:#ffffffd9;border-radius:10px;padding:0 8px;font-size:calc(var(--t) * .3);font-weight:800}.landmark .lm-stage{position:absolute;left:50%;top:-4%;transform:translate(-50%);font-size:calc(var(--t) * .3);color:#c98a00;text-shadow:0 0 3px #fff,0 0 3px #fff}.site{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff6d68c;border:3px dashed #f2b84b;border-radius:16px}.site .art{position:absolute;left:4%;bottom:14%;width:56%;height:70%}.site .lm-emoji{position:absolute;right:6%;top:6%;font-size:calc(var(--t) * .8)}.site .lm-stage{position:absolute;bottom:0;left:0;right:0;font-size:calc(var(--t) * .3);color:#c98a00}.lm-emoji{font-size:calc(var(--t) * .9)}.obj{position:absolute;padding:0;background:transparent;border-radius:12px;line-height:1}.obj small{position:absolute;left:50%;top:4%;transform:translate(-50%);white-space:nowrap;font-size:calc(var(--t) * .3);font-weight:800;background:#fff;border-radius:8px;padding:0 5px}.obj.picked{outline:4px solid #f2b84b;background:#fffbe680;animation:pulse .9s ease-in-out infinite alternate}.island-side{display:contents}.island-screen.full{position:fixed;inset:0;z-index:10;min-height:0;overflow-y:auto;background:var(--bg)}@media(orientation:landscape){.island-screen{height:100dvh;min-height:0;padding:6px 10px;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:stretch;gap:8px;overflow:hidden}.island-screen .island-bar{max-width:none;flex:0 0 100%;gap:10px}.island-screen .island-bar button{min-height:44px;padding-block:4px}.island-screen .island-bar .avatar-emoji{font-size:1.8rem}.island-screen .materials{font-size:1.2rem;gap:12px}.island-screen .requests{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:140px;overflow-y:auto;max-height:calc(100dvh - 70px)}.island-screen .req-who svg{width:36px;height:36px}.island-screen .req-what{font-size:.9rem}.island-screen .req-reward{font-size:.85rem}.island-screen .request{min-width:0;padding:6px 8px}.island-screen .island{--t: min(calc((100vw - 140px - 210px - 40px) / var(--w)), calc((100dvh - 70px) / var(--h)));flex:none;align-self:flex-start}.island-screen .island-side{display:flex;flex-direction:column;gap:8px;flex:1;min-width:190px;overflow-y:auto;max-height:calc(100dvh - 70px)}.island-screen .shop{max-height:none;overflow:visible}.island-screen .shop-item{width:96px}.island-screen .selbar{position:static}}.pip-face{display:inline-block;vertical-align:middle}.hint{margin:0}.selbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;background:#fff;border-radius:20px;padding:10px 16px;font-weight:700}.shop{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:1100px;max-height:34vh;overflow-y:auto}.shop-item{background:#fff;border-radius:20px;width:110px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 2px 8px #0000001f}.shop-item .v-emoji{font-size:2.6rem}.shop-item .art{margin:2px 0}.shop-item.expand{background:#e6f6ff;border:3px solid #74bde4}.shop-item.dim{opacity:.4}.spot{position:absolute;z-index:3;border:3px dashed #fff;border-radius:14px;background:#ffeb788c;font-size:calc(var(--t) * .7);animation:pulse .9s ease-in-out infinite alternate;cursor:pointer;padding:0}.celebration{position:fixed;inset:0;background:#fff6d6eb;display:flex;align-items:center;justify-content:center;z-index:20}.celebration-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;max-width:600px}.celebration-emoji{font-size:6rem;animation:celebrate-pop 1.2s ease-out}@keyframes celebrate-pop{0%{transform:scale(.3)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.celebration-emoji{animation:none}}.gallery-row{display:flex;gap:16px;align-items:flex-end;margin-bottom:12px}.gallery-row.wrap{flex-wrap:wrap}.gallery-row figure{margin:0;padding:8px;border-radius:14px;text-align:center;background:#ffffff80}.gallery-row figcaption{font-size:.8rem;font-weight:700}.report{display:flex;flex-direction:column;gap:10px;margin-top:8px}.progress-domain{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid #e3e9ef}.bar-row{display:flex;align-items:center;gap:8px}.bar-label{width:3.2rem;font-size:.9rem}.bar{height:12px;border-radius:6px;background:#7bb6e8;max-width:40%}.play-bar,.island-bar{position:sticky;top:0;z-index:6;background:var(--bg);padding:4px 0}.top-nav{position:sticky;top:0;z-index:6;align-self:stretch;background:var(--bg);padding:4px 0;text-align:left}.home{justify-content:flex-start}.nav-bottom{position:sticky;bottom:0;z-index:6;background:var(--bg);padding:10px 0;margin-top:16px}.selbar{position:sticky;bottom:4px;z-index:6;box-shadow:0 2px 10px #0003}.progress{flex-wrap:wrap}.count-item .v-emoji{font-size:min(5rem,12vw)}.count-item{min-height:min(100px,22vw)}@media(max-width:600px)and (orientation:portrait){.center{padding:12px;gap:10px}.big{font-size:1.8rem}.avatar-emoji.huge{font-size:4.5rem}.avatars{gap:12px}.avatar-card{width:150px;min-height:160px}.avatar-emoji{font-size:3.4rem}.speech{font-size:1.15rem;padding:10px 16px}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:400px}.world,.world.main{width:auto;min-height:clamp(84px,13dvh,140px);font-size:1rem;padding:6px}.world.main{grid-column:1 / -1}.world span{font-size:2.2rem}.big-btn{font-size:1.15rem;padding:12px 20px;min-height:60px}.row-btn{flex-wrap:wrap;justify-content:center}.parent{padding:12px 12px 0}.play{padding:8px 12px 16px;gap:8px}.task{gap:12px}.prompt-text{font-size:1.4rem}.shown{min-height:80px;padding:10px 12px}.options{gap:12px}.option{min-width:120px;min-height:110px;border-radius:22px}.v-emoji{font-size:3.6rem}.v-number{font-size:3.2rem}.v-short{font-size:2.6rem}.robo-card{width:60px;height:60px;padding:8px}.robo-card.small{width:50px;height:50px;padding:6px}.loop-count{width:54px;font-size:1.1rem}.robo-go{width:90px;height:60px}.island-screen{padding:4px 8px 12px;gap:6px}.island-bar{gap:6px}.island-bar button{padding:8px 10px;min-height:44px}.island-bar .avatar-emoji{font-size:2rem}.materials{font-size:1rem;gap:6px;flex-wrap:wrap}.requests{gap:6px;flex-wrap:nowrap;width:100%}.request{flex:1;min-width:0;padding:6px 4px;border-radius:16px}.req-who svg{width:36px;height:36px}.req-what{font-size:.85rem;text-align:center}.req-reward{font-size:.8rem}.shop{max-height:34dvh}.shop-item{width:92px}.island{--t: min(calc(96vw / var(--w)), calc((100dvh - 330px) / var(--h)))}}@media(max-height:700px){.avatar-emoji.huge{font-size:3rem}.world,.world.main{min-height:72px}.world span{font-size:1.8rem}.center h1.big{font-size:1.5rem;margin:0}}.play{height:100dvh;min-height:0;overflow:hidden}.fit-outer{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.play .fit-outer{max-width:900px}.center.fixed{height:100dvh;min-height:0;padding:12px;overflow:hidden;justify-content:flex-start;gap:0}.fit-inner.col{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.fit-inner{flex:none;width:100%;transform-origin:center center}.fit-inner>.task{flex:none;justify-content:flex-start}.center,.island-screen,.parent{overflow-x:hidden}@media(orientation:landscape)and (max-height:500px){.island-screen .requests{gap:4px;width:128px}.island-screen .request{padding:3px 6px;border-radius:14px}.island-screen .req-who svg{width:26px;height:26px}.island-screen .req-what{font-size:.78rem;line-height:1.1}.island-screen .req-reward{display:none}.island-screen .island{--t: min(calc((100vw - 128px - 200px - 40px) / var(--w)), calc((100dvh - 62px) / var(--h)))}}.info-table{width:100%;border-collapse:collapse}.info-table th,.info-table td{text-align:left;padding:6px 8px;border-bottom:1px solid #e3eaf2}.info-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.parent details.card h3{margin:12px 0 4px}.probe-link{font-weight:600;white-space:nowrap}