:root{--ink: #2b2d42;--sun: #ffd23f;--go: #6bcb77;--paper: #fffaf0;--tap: 56px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#6ec6ff;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;padding:0;margin:0;background:none;cursor:pointer;touch-action:manipulation}svg{display:block;width:100%;height:100%}#app{position:fixed;inset:0}@media(display-mode:standalone){#app{bottom:auto;height:100vh}}.screen{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);animation:screen-in .4s cubic-bezier(.2,.8,.2,1)}@keyframes screen-in{0%{opacity:0;transform:scale(.97)}}.grow{flex:1}.hide{visibility:hidden;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:var(--tap);height:var(--tap);border-radius:18px;background:#fff;color:var(--ink);border:4px solid var(--ink);box-shadow:0 5px #0003;transition:transform .12s ease,box-shadow .12s ease,opacity .2s}.btn:active{transform:translateY(4px);box-shadow:0 1px #0003}.btn.icon svg{width:34px;height:34px}.btn.big{min-width:84px;height:84px;border-radius:26px}.btn.big svg{width:50px;height:50px}.btn.go{background:var(--go);color:#fff}.btn.go.dim{opacity:.45}.btn.mute.off{background:#ffd6d6}.btn.close{position:absolute;top:14px;right:14px;min-width:52px;height:52px}.btn.close svg{width:26px;height:26px}.pill{display:inline-flex;align-items:center;gap:8px;height:var(--tap);padding:0 18px 0 10px;border-radius:40px;background:#fff;border:4px solid var(--ink);box-shadow:0 5px #0003;font-size:28px;font-weight:800}.pill.big{height:76px;font-size:40px;padding:0 26px 0 14px}.star-i{display:inline-block;width:36px;height:36px;flex:none}.pill.big .star-i{width:52px;height:52px}.book-btn{position:relative}.book-btn svg{width:40px!important;height:40px!important}.badge{position:absolute;top:-10px;right:-10px;min-width:28px;height:28px;padding:0 6px;border-radius:14px;background:#ff4d4d;color:#fff;border:3px solid #fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;animation:boing 1.6s ease-in-out infinite}.bar{display:flex;align-items:center;gap:12px;padding:14px 18px;flex:none;position:relative;z-index:20}.avatar{border-radius:50%;background:var(--bg);border:4px solid var(--ink);overflow:hidden;aspect-ratio:1}.avatar svg{width:100%;height:100%;transform:scale(.92)}.avatar-btn{width:68px;height:68px;border-radius:50%;padding:0;border:0;background:none;box-shadow:none}.avatar-btn .avatar{width:100%;height:100%;box-shadow:0 5px #0003}.logo{display:flex;align-items:center;gap:10px;height:66px;padding:0 22px 0 7px;border-radius:34px;background:#2b2d42;box-shadow:0 5px #0003;flex:none}.logo img{width:52px;height:52px;border-radius:15px;display:block}.logo-name{font-size:28px;font-weight:800;color:#fff;white-space:nowrap}.logo-name b{color:#ffd23f}@media(max-width:900px){.home .hello{display:none}}.hello{font-size:clamp(24px,3.4vw,36px);font-weight:800;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.18)}.sky{background:linear-gradient(#6ec6ff,#b9e5ff 70%)}.sky-back{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cloud{position:absolute;width:180px;opacity:.95;animation:drift 60s linear infinite}.cloud svg path{stroke:#d5e8fb}.cloud.c1{top:8%;animation-duration:70s;animation-delay:-10s}.cloud.c2{top:22%;width:130px;animation-duration:90s;animation-delay:-50s}.cloud.c3{top:4%;width:110px;animation-duration:80s;animation-delay:-30s}@keyframes drift{0%{transform:translate(-220px)}to{transform:translate(110vw)}}.hill{position:absolute;border-radius:50%}.hill.h1{left:-20%;right:30%;bottom:-55vh;height:80vh;background:#8fd16a}.hill.h2{left:35%;right:-25%;bottom:-60vh;height:82vh;background:#74c254}.title{margin:2vh 0 3vh;text-align:center;font-size:clamp(36px,6vw,60px);color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.18);position:relative}.who-list{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:28px;padding:0 24px;overflow-y:auto}.who{display:flex;flex-direction:column;align-items:center;gap:10px;width:170px}.who .avatar{width:150px;box-shadow:0 8px #0003;transition:transform .15s}.who:active .avatar{transform:scale(.94)}.who-name{font-size:28px;font-weight:800;background:#fff;padding:4px 16px;border-radius:20px;border:3px solid var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who.add .plus{width:150px;height:150px;border-radius:50%;border:6px dashed #fff;color:#fff;display:flex;align-items:center;justify-content:center;background:#fff3}.who.add .plus svg{width:70px;height:70px}.who.add .who-name{visibility:hidden}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#1e284673;animation:fade .25s ease}@keyframes fade{0%{opacity:0}}.card{position:relative;background:#fff;color:var(--ink);border:5px solid var(--ink);border-radius:36px;padding:30px;box-shadow:0 12px #0003;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:100%;max-height:100%;overflow-y:auto;animation:card-in .45s cubic-bezier(.2,1.4,.4,1)}@keyframes card-in{0%{transform:scale(.6);opacity:0}}.card h2{margin:0;font-size:34px}.add-card{width:min(760px,100%)}.pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}.pick{border-radius:50%;padding:6px;border:5px solid transparent;transition:border-color .2s}.pick.on{border-color:var(--go);background:#e5f8e8}.pick .avatar{width:100%}.name-row{display:flex;gap:14px;width:100%;align-items:center}.name-in{flex:1;min-width:0;height:84px;border-radius:24px;border:4px solid var(--ink);padding:0 22px;font:inherit;font-size:36px;font-weight:800;color:var(--ink);-webkit-user-select:text;user-select:text}.cats{position:relative;flex:1;display:grid;gap:22px;padding:6px 26px 26px;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.cat:nth-child(-n+3){grid-column:span 2}.cat:nth-child(4){grid-column:2 / span 2}.cat:nth-child(5){grid-column:4 / span 2}.cat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2vh;background:#fff;border:5px solid var(--ink);border-radius:32px;padding:14px;box-shadow:0 8px #0003;overflow:hidden;transition:transform .12s}.cat:before{content:"";position:absolute;left:0;right:0;top:0;height:58%;background:var(--c);opacity:.9}.cat:active{transform:translateY(5px) scale(.98)}.cat-art{position:relative;width:min(16vh,150px);aspect-ratio:1}.cat-name{position:relative;font-size:clamp(22px,3.2vh,32px);font-weight:800}.prog{position:relative;width:80%;height:20px;border-radius:10px;background:#e7ebf3;border:3px solid var(--ink)}.prog-fill{height:100%;border-radius:8px;background:var(--c)}.prog-who{position:absolute;top:50%;width:40px;transform:translate(-50%,-50%)}.prog-who .avatar{width:40px;border-width:3px}.cat.soon .cat-art{opacity:.55}.cone{position:absolute;right:12px;bottom:12px;width:52px;height:52px}.path{background:#a6e37f}.path .bar{background:#ffffffbf;border-bottom:4px solid rgba(43,45,66,.12)}.path-title{font-size:clamp(26px,3.6vw,38px);font-weight:800;padding:4px 22px;border-radius:24px;background:var(--c);color:#fff;border:4px solid var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.2)}.path-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.path-sizer{position:relative;width:100%;overflow:hidden}.path-world{position:absolute;left:0;top:0;width:1000px;transform-origin:0 0}.defs{position:absolute;width:0;height:0;overflow:hidden}.chunk{position:absolute;left:0;width:1000px}.chunk svg{width:1000px;height:100%}.mover{position:absolute;display:block;z-index:3}.mover.travel{animation:travel linear infinite;--W: 1100px}.mover.patrol{animation:patrol ease-in-out infinite}@keyframes patrol{0%{transform:translate(0)}48%{transform:translate(var(--dx))}50%{transform:translate(var(--dx)) scaleX(-1)}98%{transform:translate(0) scaleX(-1)}to{transform:translate(0)}}.mover.glow{animation:glow 2.2s ease-in-out infinite}.crawl{animation:crawl 9s ease-in-out infinite alternate}@keyframes crawl{to{transform:translate(26px)}}.ripple{animation:ripple 3s ease-out infinite}@keyframes ripple{0%{transform:scale(.6);opacity:0}30%{opacity:1}to{transform:scale(1.15);opacity:0}}.buzz{animation:buzz .9s ease-in-out infinite}@keyframes buzz{25%{transform:translate(3px,-6px) rotate(6deg)}75%{transform:translate(-3px,5px) rotate(-6deg)}}.decor{position:absolute;display:block}.decor-in{display:block;width:100%}@keyframes travel{0%{transform:translate(-140px)}to{transform:translate(var(--W))}}.sway{transform-origin:50% 100%;animation:sway 3.4s ease-in-out infinite}@keyframes sway{50%{transform:rotate(6deg)}0%,to{transform:rotate(-5deg)}}.bob{animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px)}}.hop{animation:hop-a 2.2s ease-in-out infinite}@keyframes hop-a{0%,60%,to{transform:none}70%{transform:translateY(-22px) scaleY(1.05)}80%{transform:none}85%{transform:translateY(-10px)}}.blink{animation:blink 4s infinite}@keyframes blink{0%,92%,to{transform:none}95%{transform:scaleY(.85)}}.twinkle{animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{50%{transform:scale(.6) rotate(20deg);opacity:.6}}.flutter{animation:flutter .35s ease-in-out infinite alternate}@keyframes flutter{to{transform:scaleX(.55) translateY(-6px)}}.swim{animation:swim 1.4s ease-in-out infinite}@keyframes swim{50%{transform:translateY(8px) rotate(-4deg)}}.glow{animation:glow 1.6s ease-in-out infinite}@keyframes glow{50%{opacity:.35;transform:scale(.7)}}.float{animation:bob 4s ease-in-out infinite}.flap{animation:flap .5s ease-in-out infinite alternate}@keyframes flap{to{transform:scaleY(.4)}}.decor .spin-g,svg .spin-g{animation:spin-blades 5s linear infinite;transform-origin:50px 40px;transform-box:view-box}@keyframes spin-blades{to{transform:rotate(360deg)}}.sign{position:absolute;transform:translate(-50%,-50%);z-index:4;display:block}.sign .board{position:relative;display:flex;align-items:center;gap:12px;padding:10px 22px 10px 12px;background:#b97a44;border:5px solid var(--ink);border-radius:18px;box-shadow:0 6px #00000040;color:#fff;white-space:nowrap}.sign .post{position:absolute;top:50%;width:14px;height:70px;background:#8a5a33;border:4px solid var(--ink);border-radius:4px}.sign .post.l{left:18%}.sign .post.r{right:18%}.sign-icon{width:56px;height:56px;background:#fff3e0;border-radius:14px;border:3px solid var(--ink);padding:4px}.sign-text{display:flex;flex-direction:column;gap:2px}.sign-name{font-size:24px;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.3)}.sign-stars{display:flex;gap:2px}.sign-stars .star-i{width:24px;height:24px}.node{position:absolute;width:104px;height:104px;margin:-52px 0 0 -52px;z-index:5;border-radius:50%;background:#fff;border:6px solid var(--ink);box-shadow:0 8px #00000040;display:flex;align-items:center;justify-content:center;transition:transform .12s}.node:active{transform:translateY(5px)}.node-art{width:64px;height:64px;display:block}.node.done{background:#fff6c8;border-color:#c48a00}.node.now{background:#fff;box-shadow:0 8px #00000040,0 0 0 10px #ffffffb3;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 8px #00000040,0 0 0 20px #ffffff26;transform:scale(1.06)}}.node.locked{background:#dfe3ea}.node.locked .node-art{opacity:.35;filter:grayscale(1)}.node .lock{position:absolute;width:40px;height:40px;color:#6b7280}.node .tick{position:absolute;right:-10px;top:-10px;width:40px;height:40px;padding:4px;border-radius:50%;background:var(--go);color:#fff;border:4px solid var(--ink)}.node-stars{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);display:flex;gap:1px;padding:2px 6px;border-radius:14px;background:#ffffffd9}.node-stars .star-i{width:20px;height:20px}.node.locked .node-stars{opacity:.6}.node.chest{background:#fff3e0;border-color:#8a5a33}.node.chest svg{width:76px;height:76px}.node.chest.now{animation:pulse 1.4s ease-in-out infinite,chest-wiggle 2.2s ease-in-out infinite}@keyframes chest-wiggle{0%,70%,to{rotate:0deg}75%{rotate:-8deg}85%{rotate:8deg}92%{rotate:-4deg}}.node.chest.opening{animation:shake .25s linear 3}.walker{position:absolute;left:0;top:0;width:76px;margin:-136px 0 0 -38px;z-index:6;pointer-events:none;transition:none}.walker .avatar{width:76px;animation:bob 1.8s ease-in-out infinite;box-shadow:0 6px #0003}.walker.walking .avatar{animation:walk .32s ease-in-out infinite alternate}@keyframes walk{0%{transform:translateY(0) rotate(-7deg)}to{transform:translateY(-14px) rotate(7deg)}}.walker-shadow{position:absolute;left:14px;right:14px;bottom:-14px;height:12px;border-radius:50%;background:#0003}.fog{position:absolute;left:0;right:0;bottom:0;z-index:8;display:block;background:linear-gradient(#f4f7ff00,#f4f7ffeb 160px,#f4f7ff 260px);transition:top 1.8s ease-in-out}.fog-clouds{position:absolute;left:-40px;right:-40px;top:60px;display:flex;justify-content:space-around;opacity:.9}.fog-clouds svg{width:200px;height:140px;animation:bob 5s ease-in-out infinite}.fog-clouds svg:nth-child(2n){animation-delay:-2s;margin-top:50px}.fog-clouds svg path{stroke:#e2e8f5}.lesson-card{width:min(440px,100%);padding-top:40px}.lesson-art{width:170px;height:170px}.lesson-win{display:flex;gap:6px}.star-i.big{width:54px;height:54px;animation:boing .5s cubic-bezier(.2,1.6,.4,1) both}.lesson-win .star-i:nth-child(2){animation-delay:.08s}.lesson-win .star-i:nth-child(3){animation-delay:.16s}.lesson-win .star-i:nth-child(4){animation-delay:.24s}.lesson-win .star-i:nth-child(5){animation-delay:.32s}.lesson-card .btn.go{width:200px;height:96px}.lesson-card .btn.go svg{width:60px;height:60px}.play{background:linear-gradient(#e9f7ff,#cfeec0)}.play.theme-pond{background:linear-gradient(#e2f6ff,#a9dcf5)}.play.theme-forest{background:linear-gradient(#eaf7e6,#b7dfb0)}.play.theme-hills{background:linear-gradient(#fff6e6,#f6d7a8)}.play.theme-sky{background:linear-gradient(#eef4ff,#d6d1ff)}.play .again{background:var(--sun)}.pips{display:flex;gap:10px}.pips i{width:28px;height:28px;border-radius:50%;border:4px solid var(--ink);background:#fff;transition:background .3s,transform .3s}.pips i.now{transform:scale(1.2)}.pips i.on{background:var(--sun)}.stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:0 20px 20px;gap:16px;overflow:hidden}.storybook+.ask:empty{min-height:0}.ask{flex:none;min-height:150px;display:flex;align-items:center;justify-content:center}.choices{display:flex;gap:22px}.choice{width:132px;height:140px;border-radius:28px;background:#fff;border:5px solid var(--ink);box-shadow:0 7px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .12s,opacity .3s,background .3s}.choice:active{transform:translateY(5px)}.choice .num{font-size:64px;font-weight:800;line-height:1}.choice.nope{opacity:.35}.choice.right{background:var(--go);color:#fff;transform:scale(1.1)}.pop-in{animation:pop-in .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop-in{0%{transform:scale(0)}}.shake{animation:shake .4s linear}@keyframes shake{20%{translate:-10px 0}40%{translate:10px 0}60%{translate:-7px 0}80%{translate:5px 0}}.wiggle{animation:wiggle .6s ease}@keyframes wiggle{25%{rotate:-6deg}50%{rotate:6deg}75%{rotate:-3deg}}.boing{animation:boing .5s cubic-bezier(.2,1.6,.4,1)}@keyframes boing{0%{scale:.7}to{scale:1}}.dots{display:grid;gap:8px}.dots i{border-radius:50%;aspect-ratio:1}.dots.dice{grid-template-columns:repeat(3,1fr)}.dots.ten{grid-template-columns:repeat(5,1fr)}.dots i.on{background:var(--dot, var(--ink))}.dots.mini{width:54px;gap:3px}.dots.mini.ten{width:70px}.dots.mini.ten i{outline:2px solid #d6dbe6}.choice.right .dots i.on{background:#fff}.dots.big{width:min(44vh,340px);gap:18px}.dots.big.ten{width:min(80vw,560px);gap:22px}.dots.big.ten i{outline:4px solid #d6dbe6;outline-offset:6px}.field{position:relative;flex:1;width:100%;min-height:0}.item{position:absolute;display:block;transition:transform .15s}.item svg{filter:drop-shadow(0 4px 0 rgba(0,0,0,.15))}.item:active{transform:scale(.92)}.item.counted svg{opacity:.7}.item .badge{top:-6px;right:-6px;min-width:44px;height:44px;border-radius:22px;font-size:26px;background:var(--ink);animation:pop-in .35s cubic-bezier(.2,1.6,.4,1)}.item.still{pointer-events:none}.look-wrap{position:relative;flex:1;display:flex;align-items:center}.look-card{position:relative;padding:34px;background:#fff;border-radius:36px;border:5px solid var(--ink);box-shadow:0 10px #0000002e}.look-cover{position:absolute;inset:-5px;border-radius:36px;background:#dff1ff;border:5px solid var(--ink);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.4);transition:opacity .35s,transform .45s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.look-card.covered .look-cover{opacity:1;transform:none}.look-cover svg{width:60%;height:80%}.eye{position:absolute;left:calc(100% + 24px);background:#cfe8ff}.eye.hidden{visibility:hidden}.sides{flex:1;width:100%;display:flex;gap:24px;min-height:0;padding-bottom:10px}.side{position:relative;flex:1;border-radius:34px;background:#ffffffbf;border:5px solid var(--ink);box-shadow:0 8px #00000026}.side-in{position:absolute;inset:15px}.side.right{background:#e5f8e8;border-color:#2f9e44}.side-count{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);width:72px;height:72px;border-radius:50%;background:var(--sun);border:5px solid var(--ink);font-size:40px;font-weight:800;display:flex;align-items:center;justify-content:center;animation:pop-in .4s cubic-bezier(.2,1.6,.4,1)}.baskets{display:flex;align-items:center;gap:22px}.basket{position:relative;width:min(38vw,380px);min-height:170px;padding:18px;border-radius:30px;background:#d98c45;border:5px solid var(--ink);box-shadow:inset 0 -12px #0000001f,0 6px #0000002e}.basket-in{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.basket-num{position:absolute;top:-26px;left:-18px;width:58px;height:58px;border-radius:50%;background:#fff;border:5px solid var(--ink);font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center}.plus-sign{font-size:64px;font-weight:800;color:var(--ink)}.item.flat{position:relative;width:64px;height:64px}.dragging{z-index:40;scale:1.15;transition:none!important}.spring{transition:translate .3s cubic-bezier(.2,1.4,.4,1)!important}.bowl{flex:1;width:min(70vw,620px);min-height:0;max-height:240px;border-radius:0 0 260px 260px;background:#fff;border:6px solid var(--ink);border-top-width:10px;display:flex;align-items:flex-start;justify-content:center;padding:18px 40px;box-shadow:inset 0 -16px #e7ebf3}.bowl-in{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.track-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.track-label{font-size:50px;font-weight:800;width:84px;height:84px;border-radius:50%;background:#fff;border:5px solid var(--ink);display:flex;align-items:center;justify-content:center}.track{position:relative;border-radius:12px;outline:6px solid rgba(43,45,66,.35);outline-offset:8px;background:#ffffff80}.track-end{position:absolute;right:-22px;top:-20px;bottom:-20px;width:12px;border-radius:6px;background:var(--ink)}.gap{position:absolute;top:0;height:100%;border:5px dashed rgba(43,45,66,.45);border-radius:12px}.rod{display:flex;border:4px solid var(--ink);border-radius:10px;overflow:hidden;background:var(--rc);width:max-content}.rod i{width:var(--cell);height:var(--cell);border-right:3px solid rgba(43,45,66,.3);display:flex;align-items:center;justify-content:center}.rod i:last-child{border-right:0}.rod b{width:26%;height:26%;border-radius:50%;background:#2b2d42bf}.track>.rod{position:absolute;top:0;left:0}.track>.rod.trial{box-shadow:0 10px #0003}.rod.fit{box-shadow:0 0 0 6px var(--go)!important}.rod.long{box-shadow:0 0 0 6px #ff4d4d!important;animation:shake .45s linear}.rod.short{box-shadow:0 0 0 6px #ffb02e!important;animation:shake .45s linear}.tray-rods{flex:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:14px 22px;padding:16px 20px;border-radius:28px;background:#fff9;max-width:100%}.tray-rod{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:14px}.tray-rod.used{opacity:.25}.rod-num{font-size:26px;font-weight:800}.water{position:relative;flex:1;width:100%;display:flex;align-items:center}.numline{width:100%;display:flex;justify-content:space-between;padding:0 6px;background:linear-gradient(transparent 30%,#7fd3f7 30%,#4fb0e3 70%,transparent 70%);border-radius:30px}.pad{position:relative;width:clamp(54px,7.6vw,92px);display:flex;flex-direction:column;align-items:center}.pad-art{width:100%;display:block}.pad-num{font-size:clamp(26px,3.6vw,40px);font-weight:800;margin-top:8px;color:var(--ink)}.frog{position:absolute;top:calc(50% - 150px);width:clamp(70px,9vw,110px);translate:-50% 0;transition:left .5s ease-in-out;z-index:3}.frog-art{display:block}.frog.jump .frog-art{animation:frog-jump .5s ease-in-out}@keyframes frog-jump{50%{transform:translateY(-70px) scale(1.1)}}.hops{display:flex;justify-content:center;gap:6px;margin-bottom:6px}.hops i{width:18px;height:18px;border-radius:50%;background:var(--sun);border:3px solid var(--ink);transition:opacity .3s,transform .3s}.hops i.used{opacity:.2;transform:scale(.6)}.wire-wrap{position:relative;flex:1;width:100%;display:flex;align-items:center}.wire{position:absolute;left:2%;right:2%;top:58%;height:6px;border-radius:3px;background:#5a4a3a}.pole{position:absolute;top:48%;bottom:0;width:18px;border-radius:6px;background:#8a5a33;border:4px solid var(--ink)}.pole.l{left:1%}.pole.r{right:1%}.birds{position:absolute;left:0;right:0;top:0;height:calc(58% + 3px);display:flex;justify-content:space-evenly;align-items:flex-end;padding:0 5%}.bird{width:clamp(56px,8vw,96px);margin-bottom:-9px}.bird.fly{animation:fly-away 1.2s ease-in forwards;pointer-events:none}@keyframes fly-away{30%{transform:translate(calc(var(--fx) * .2),-40px) rotate(-10deg)}to{transform:translate(var(--fx),-70vh) rotate(-20deg) scale(.6);opacity:0}}.bal{position:relative;flex:1;width:min(100%,980px);min-height:0}.bal-post{position:absolute;left:calc(50% - 14px);top:70px;bottom:30px;width:28px;background:#d7c7ff;border:5px solid var(--ink);border-radius:8px}.bal-base{position:absolute;left:calc(50% - 110px);bottom:10px;width:220px;height:34px;background:#9b7bff;border:5px solid var(--ink);border-radius:14px}.bal-beam{position:absolute;left:18%;width:64%;top:60px;height:24px;background:#9b7bff;border:5px solid var(--ink);border-radius:12px;transition:transform .8s cubic-bezier(.3,1.3,.5,1);z-index:2}.bal-beam i{position:absolute;left:calc(50% - 18px);top:-12px;width:36px;height:36px;border-radius:50%;background:var(--sun);border:5px solid var(--ink)}.pan{position:absolute;top:72px;width:32%;height:min(48vh,300px);transition:translate .8s cubic-bezier(.3,1.3,.5,1);z-index:3}.pan.l{left:2%}.pan.r{left:66%}.pan-strings{position:absolute;inset:0 0 22px}.pan-plate{position:absolute;left:0;right:0;bottom:0;height:30px;border-radius:0 0 120px 120px;background:#fff;border:5px solid var(--ink)}.pan-load{position:absolute;left:8%;right:8%;bottom:26px;display:flex;flex-wrap:wrap-reverse;justify-content:center;align-items:flex-end;gap:2px}.apple{width:clamp(36px,4.6vw,52px);height:clamp(36px,4.6vw,52px)}.bag{position:relative;width:clamp(64px,8vw,92px);height:clamp(64px,8vw,92px)}.bag.open>svg{opacity:.35}.bag-count{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;flex-wrap:wrap;justify-content:center;width:110%}.bag-count i{width:24px;height:24px;display:block;animation:pop-in .4s cubic-bezier(.2,1.6,.4,1) both}.pile{position:absolute;bottom:0;width:26%;min-height:70px;display:flex;flex-wrap:wrap-reverse;align-content:flex-start;gap:2px;padding:6px;border-radius:20px;background:#ffffff59}.pile.l{left:0}.pile.r{right:0}.finish-card{width:min(520px,100%)}.finish-card .avatar.cheer{width:160px;animation:cheer .7s ease-in-out infinite alternate}@keyframes cheer{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-16px) rotate(6deg)}}.won-stars{display:flex;gap:8px;min-height:74px;flex-wrap:wrap;justify-content:center}.star-i.pop-star{width:70px;height:70px;animation:star-pop .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes star-pop{0%{transform:scale(0) rotate(-180deg)}}.finish-card .btn.go,.sticker-ov .btn.go{width:160px}.confetti{position:absolute;top:-20px;width:14px;height:20px;border-radius:3px;z-index:60;pointer-events:none;animation:confetti 1.6s ease-in forwards}@keyframes confetti{to{transform:translate(var(--dx),110vh) rotate(var(--r))}}.read-top{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:20px}.ltiles{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.ltile{width:118px;height:136px;border-radius:26px;background:#fff;border:5px solid var(--ink);box-shadow:0 8px #0000002e;font-family:Andika,ui-rounded,sans-serif;font-size:96px;font-weight:700;line-height:1;padding-bottom:14px;display:flex;align-items:center;justify-content:center;transition:transform .12s,background .3s,opacity .3s}.ltile.big{width:150px;height:176px;font-size:128px}.ltile:active{transform:translateY(5px)}.ltile.right{background:var(--go);color:#fff}.ltile.nope{opacity:.35}.ltile.lit{background:#fff1a8}.ltile.blended{background:#ffd6e8;transform:translateY(-8px)}.key-card,.pic-card{width:min(36vh,280px);aspect-ratio:1;border-radius:36px;background:#fff;border:5px solid var(--ink);box-shadow:0 8px #00000026;padding:22px}.pic-card{width:min(26vh,200px)}.pic-card.big{width:min(34vh,260px)}.choices.pics .choice,.choices.scenes .choice,.choices.words .choice{width:auto;height:auto;padding:14px}.pic{display:block;width:min(20vh,150px);aspect-ratio:1}.scene{display:block;width:min(30vw,300px);aspect-ratio:6 / 5}.word-card{display:block;min-width:190px;padding:18px 26px;font-family:Andika,ui-rounded,sans-serif;font-size:72px;font-weight:700;line-height:1.1}.choice.right .word-card{color:#fff}.grow-ask{flex:1}.slots{display:flex;gap:16px}.slot-box{width:118px;height:136px;border-radius:26px;border:5px dashed rgba(43,45,66,.4);background:#ffffff80}.slot-box .ltile{box-shadow:none}.bank{padding:14px 0 6px}.blend-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px}.slide{position:relative;width:min(80vw,640px);height:70px;border-radius:35px;background:#ffffffb3;border:4px solid rgba(43,45,66,.25)}.slide-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:35px;background:#ff6fa373}.slide-arrow{position:absolute;left:50px;right:30px;top:50%;height:0;border-top:6px dotted rgba(43,45,66,.4)}.knob{position:absolute;left:0;top:50%;width:78px;height:78px;margin:-39px 0 0 -10px;border-radius:50%;background:#ff6fa3;border:5px solid #fff;box-shadow:0 6px #0003}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;max-width:900px}.chip-word{font-family:Andika,ui-rounded,sans-serif;font-size:clamp(44px,6vw,70px);font-weight:700;padding:2px 10px;border-radius:16px;transition:background .2s}.chip-word.lit,.chip-word:active{background:#fff1a8}.read-top.sentence{flex:none;padding:20px 0 6px}.ear{background:var(--sun)}.storybook{flex:1;min-height:0;width:min(100%,980px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fffaf0;border-radius:32px;border:5px solid var(--ink);padding:16px 24px;box-shadow:0 10px #00000026}.story-pic{flex:1 1 0;min-height:0;width:100%}.story-text{display:flex;align-items:center;gap:16px}.story-nav{align-self:stretch;display:flex;align-items:center;justify-content:space-between}.page-dots{display:flex;gap:10px}.page-dots i{width:16px;height:16px;border-radius:50%;background:#e0d6c2}.page-dots i.on{background:#ff6fa3}.story-q{font-size:clamp(36px,5vw,56px);font-weight:800;text-align:center}.tok{display:block;width:110px;height:110px}.tok svg{filter:drop-shadow(0 4px 0 rgba(0,0,0,.12))}.choices.toks .choice{width:150px;height:150px}.choices.toks .tok{width:112px;height:112px}.tok-show{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.tok-show .tok{width:min(30vh,220px);height:min(30vh,220px);padding:20px;box-sizing:content-box;background:#fff;border-radius:36px;border:5px solid var(--ink);box-shadow:0 8px #00000026}.sort-tray{flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;min-height:104px;padding-top:4px}.tok.drag{position:relative;z-index:1;width:96px;height:96px;touch-action:none}.sort-boxes{flex:1;min-height:0;width:100%;display:flex;gap:28px;margin-top:34px;padding-bottom:10px}.sort-box{position:relative;flex:1;border-radius:34px;background:#d98c45;border:5px solid var(--ink);box-shadow:inset 0 -14px #0000001f,0 8px #0000002e;padding:72px 18px 18px}.sort-label{position:absolute;top:-34px;left:50%;translate:-50% 0;width:96px;height:96px;padding:10px;border-radius:28px;background:#fff;border:5px solid var(--ink)}.sort-in{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:10px}.sort-in .tok.drag{width:84px;height:84px}.pat{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:12px;--s: min(100px, calc((100vw - 80px) / var(--n) - 12px))}.pat>*{flex:none}.pat .tok{width:var(--s);height:var(--s)}.pat-gap{width:var(--s);height:var(--s);border-radius:20px;border:5px dashed rgba(43,45,66,.45);background:#fff9;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:800;color:#2b2d4280}.pat-gap.filled{border-style:solid;border-color:var(--go)}.pat-gap .tok{width:100%;height:100%}.venn-wrap{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;container-type:size}.venn{position:relative;width:min(100cqw,100cqh * 1000 / 560);aspect-ratio:1000 / 560}.venn-rings{position:absolute;inset:0}.venn-label{position:absolute;top:-3%;width:13%;aspect-ratio:1;padding:1.2%;background:#fff;border-radius:22px;border:5px solid var(--ink)}.venn-label.l{left:16%}.venn-label.r{right:16%}.venn .tok.in-hoop{position:absolute;width:10%;height:auto;aspect-ratio:1;translate:-50% -50%}.circ-play{flex:1;min-height:0;width:100%;display:flex;gap:22px}.circ-wrap{flex:1;min-width:0;min-height:0;width:100%;padding:16px;border-radius:30px;background:#1d3557;display:flex;align-items:center;justify-content:center;container-type:size}.circ-board{width:min(100cqw,100cqh * 700 / 420);aspect-ratio:700 / 420}.circ-table{flex:none;width:250px;padding:12px;border-radius:30px;background:#ffffffd9;border:5px solid var(--ink);display:flex;flex-direction:column;gap:8px}.circ-row{flex:1;max-height:110px;display:flex;align-items:center;justify-content:space-around;padding:4px 8px;border-radius:18px}.circ-row.now{background:#fff1a8}.circ-mark{width:40px;height:40px;border:5px solid}.circ-mark.m0{border-radius:50%;border-color:#ff5a5a}.circ-mark.m1{border-radius:8px;border-color:#4d96ff}.circ-mark.m0.on{background:#ff5a5a}.circ-mark.m1.on{background:#4d96ff}.circ-arrow{font-size:30px;font-weight:800}.circ-bulb,.circ-q{width:54px;height:54px}.circ-q{border-radius:50%;border:4px dashed rgba(43,45,66,.4);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#2b2d4280}.circ-flips{flex:none;display:flex;gap:24px}.circ-flip{width:230px;height:110px;border-radius:28px;background:#fff;border:5px solid var(--ink);box-shadow:0 7px #0003;display:flex;align-items:center;justify-content:center;gap:18px;transition:background .2s,transform .12s}.circ-flip:active{transform:translateY(5px)}.circ-flip.on.m0{background:#ffd0d0}.circ-flip.on.m1{background:#d0e4ff}.flip-mark{width:64px;height:64px}.flip-knob{width:84px;height:46px;padding:4px;border-radius:23px;background:#c9d1de;border:4px solid var(--ink);display:flex;transition:background .2s}.flip-knob i{width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--ink);transition:transform .2s}.circ-flip.on .flip-knob{background:var(--go)}.circ-flip.on .flip-knob i{transform:translate(38px)}.choices.bulbs .choice{width:150px;height:150px}.bulb-pick{width:110px;height:110px}.lamp-goal,.lamp-sum{flex:none;display:flex;align-items:center;gap:20px;padding:12px 26px;border-radius:30px;border:5px solid var(--ink)}.lamp-goal{background:#fff;box-shadow:0 7px #00000026}.lamp-sum{min-height:96px;min-width:200px;justify-content:center;background:#2b2d42;color:var(--sun)}.lamp-goal b,.lamp-sum b{min-width:80px;font-size:64px;font-weight:800;text-align:center}.ldots{display:grid;grid-template-columns:repeat(var(--c),22px);gap:7px}.ldots i{width:22px;height:22px;border-radius:50%;background:#ff4d4d}.lamp-sum .ldots i{background:var(--sun)}.lamps{flex:1;min-height:0;display:flex;gap:22px;align-items:center;justify-content:center;padding:6px 0}.lamp{width:min(200px,21vw);height:min(100%,380px);padding:10px;border-radius:30px;background:#ffffffa6;border:5px solid var(--ink);box-shadow:0 7px #0000002e;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;transition:background .25s,transform .12s}.lamp:active{transform:translateY(5px)}.lamp-bulb{width:min(120px,15vh);aspect-ratio:1}.lamp-glass{fill:#e8ecf3;transition:fill .25s}.lamp-glow{fill:transparent;transition:fill .25s}.lamp.on{background:#fff6c8}.lamp.on .lamp-glass{fill:var(--sun)}.lamp.on .lamp-glow{fill:#ffd23f73}.lamp .ldots i{background:var(--ink)}.lamp.on .ldots i{background:#ff8a3d}@media(orientation:portrait){.circ-play{flex-direction:column}.circ-table{width:100%;flex-direction:row}.circ-row{flex-direction:column;gap:6px;max-height:none;padding:10px 4px}}.robo-wrap{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;container-type:size}.robo-board{position:relative;display:grid;grid-template-columns:repeat(var(--w),1fr);width:min(100cqw,100cqh * var(--w) / var(--h));aspect-ratio:var(--w) / var(--h);overflow:hidden;border-radius:24px;border:5px solid var(--ink);background:#8fd16a;box-shadow:0 8px #00000026}.robo-board>i.dk{background:#00000012}.robo-thing{position:absolute;width:calc(100% / var(--w));height:calc(100% / var(--h))}.robo-thing svg{width:80%;height:80%;margin:10%}.robo-thing.bot{z-index:2;transition:left .3s ease-in-out,top .3s ease-in-out}.robo-thing.bot svg{width:92%;height:92%;margin:4%;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}.robo-thing.goal svg{animation:bob 1.6s ease-in-out infinite}.robo-thing.star{transition:transform .35s,opacity .35s}.robo-thing.star.got{transform:scale(1.7);opacity:0}.robo-controls{flex:none;width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.dpad{flex:none;display:grid;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(2,70px);gap:8px;grid-template-areas:". up ." "left down right"}.dpad .d-up{grid-area:up}.dpad .d-down{grid-area:down}.dpad .d-left{grid-area:left}.dpad .d-right{grid-area:right}.pcard{flex:none;width:70px;height:70px;padding:10px;border-radius:18px;border:4px solid var(--ink);box-shadow:0 5px #0003;transition:transform .12s}.pcard:active{transform:translateY(4px)}.pcard.d-up{background:#4d96ff}.pcard.d-down{background:#9b7bff}.pcard.d-left{background:#ff8a3d}.pcard.d-right{background:#2ec4b6}.pcard.hole{border-style:dashed;border-color:#2b2d4259;background:#ffffff80;box-shadow:none}.pcard.running,.pgroup.running{transform:translateY(-8px) scale(1.08);outline:5px solid var(--sun);border-radius:18px}.plan{flex:1;min-width:0;min-height:94px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border-radius:24px;background:#fff9;border:4px solid rgba(43,45,66,.2)}.plan.loop{flex:none;gap:12px;padding:8px 14px;background:#ffe08a;border:5px solid var(--ink)}.loop-icon{width:70px;height:70px;padding:8px;border-radius:50%;background:#ff8a3d;border:4px solid var(--ink)}.loop-times{padding:0 6px;font-size:44px;font-weight:800}.pgroup{display:flex;align-items:center;transition:transform .12s}.pcount{width:52px;height:70px;margin-left:-6px;border-radius:0 18px 18px 0;background:#fff;border:4px solid var(--ink);font-size:34px;font-weight:800}.sticker{aspect-ratio:1}.sticker .halo *{fill:#fff!important;stroke:#fff!important;stroke-width:14px!important}.sticker svg{overflow:visible;filter:drop-shadow(0 4px 3px rgba(0,0,0,.18))}.sticker.big{width:min(260px,50vw)}.spin-in{animation:spin-in .8s cubic-bezier(.2,1.4,.4,1) both}@keyframes spin-in{0%{transform:scale(0) rotate(-300deg)}}.reveal{position:relative;width:min(320px,70vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.rays{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(closest-side,#000 60%,transparent);mask:radial-gradient(closest-side,#000 60%,transparent);background:repeating-conic-gradient(#fff3b0 0 12deg,#fff 12deg 24deg);animation:spin-blades 12s linear infinite}.row{display:flex;gap:18px}.bookscr{background:#c8956a;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 2px,transparent 2px 60px)}.bookscr .bar{background:#ffffffb3}.desk{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px}.book-wrap{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;container-type:size}.book{position:relative;display:flex;perspective:2600px;width:min(100cqw,150cqh);aspect-ratio:3 / 2;border-radius:14px;background:#7a3e8f;padding:1.4%;box-shadow:0 16px 30px #00000059,0 0 0 5px var(--ink);touch-action:none}.book.drawing{cursor:crosshair}.ink{position:absolute;inset:0;width:100%;height:100%;-webkit-mask:var(--grain) 0 0 / 96px;mask:var(--grain) 0 0 / 96px}.slot{position:relative;flex:1}.page{position:absolute;inset:0;overflow:hidden;background:var(--paper);background-image:radial-gradient(#ead9c0 1.5px,transparent 1.6px);background-size:26px 26px}.page.pl{border-radius:10px 2px 2px 10px;box-shadow:inset -26px 0 30px -18px #00000059}.page.pr{border-radius:2px 10px 10px 2px;box-shadow:inset 26px 0 30px -18px #00000059}.spine{position:absolute;left:50%;top:1%;bottom:1%;width:4px;margin-left:-2px;background:#00000040;pointer-events:none;z-index:3}.pnum{position:absolute;bottom:10px;font-size:22px;font-weight:800;color:#b59a78}.pl .pnum{left:18px}.pr .pnum{right:18px}.book-title{position:absolute;left:0;right:0;top:12%;display:flex;flex-direction:column;align-items:center;gap:8px}.book-title .avatar{width:34%}.book-name{font-size:clamp(22px,4cqw,44px);font-weight:800}.book-sub{font-size:clamp(18px,3cqw,32px);font-weight:700;color:#9b7bff}.placed{position:absolute;translate:-50% -50%;rotate:var(--r);touch-action:none;z-index:2}.placed.wiggle{animation:wiggle .6s ease}.ghosted{opacity:.25}.floating{position:fixed;z-index:100;pointer-events:none;rotate:6deg;scale:1.08}.leaf{position:absolute;top:1.4%;bottom:1.4%;width:48.6%;transform-style:preserve-3d;z-index:10;pointer-events:none}.leaf.fwd{left:50%;transform-origin:0 50%}.leaf.bwd{right:50%;transform-origin:100% 50%}.leaf.anim{transition:transform .8s cubic-bezier(.45,.05,.3,1)}.leaf .face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.leaf .backface{transform:rotateY(180deg)}.leaf .face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 55%);opacity:var(--sh, 0)}.leaf.bwd .face.front:after,.leaf.fwd .face.backface:after{background:linear-gradient(-90deg,rgba(0,0,0,.28),transparent 55%)}.turn{background:#fff6c8}.shelf{flex:none;height:150px;display:flex;background:#ffffff8c;border-top:5px solid rgba(43,45,66,.2)}.tray{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:10px 24px;overflow-x:auto;overflow-y:hidden}.crayons{flex:none;position:relative;display:flex;align-items:flex-end;padding:0 14px;overflow:hidden}.crayons:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:46px;pointer-events:none;background:#ffd23f;border:4px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0}.crayon{flex:none;width:48px;height:132px;margin-bottom:-22px;transition:translate .2s}.crayon svg{display:block;width:100%;height:100%}.crayon.up{translate:0 -26px}.tray-item{flex:none;width:120px;touch-action:pan-x}.tray-item .sticker{width:100%}.tray-item.wiggle{animation:wiggle .6s ease}.tray-empty{margin:auto;width:90px;opacity:.5}.cal{background:linear-gradient(#fff6e0,#ffe2b0)}.cal-head{display:flex;align-items:center;justify-content:center;gap:20px;padding:0 20px}.cal-title{min-width:300px;text-align:center;font-size:clamp(30px,4.4vw,46px);font-weight:800}.cal-totals{display:flex;justify-content:center;gap:16px;padding:10px}.mini-sticker{display:inline-block;width:32px;height:32px}.cal-week,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:0 20px}.cal-week div{text-align:center;font-size:24px;font-weight:800;color:#b07a2a;padding:4px 0}.cal-grid{flex:1;min-height:0;grid-auto-rows:minmax(0,1fr);padding-bottom:20px}.day{position:relative;border-radius:16px;background:#fff;border:4px solid rgba(43,45,66,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;min-height:0;overflow:hidden}.day.blank{background:none;border:0}.day.future{opacity:.45}.day.today{border-color:var(--ink);box-shadow:0 0 0 4px var(--sun)}.day.got{background:#fff6c8}.dnum{position:absolute;top:4px;left:10px;font-size:18px;font-weight:800;color:#9a8a74}.dstars,.dstick{display:flex;align-items:center;gap:4px;font-size:clamp(18px,3.4vh,34px);font-weight:800}.dstars .star-i{width:clamp(22px,4vh,40px);height:clamp(22px,4vh,40px)}.dstick .mini-sticker{width:clamp(16px,2.4vh,24px);height:clamp(16px,2.4vh,24px)}@media(max-width:700px){:root{--tap: 50px}.cats{grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto;grid-auto-rows:200px}.cat:nth-child(n){grid-column:auto}.cat:nth-child(5){grid-column:1 / span 2}.choice{width:96px;height:110px}.choice .num{font-size:48px}.pick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hello{display:none}.baskets{flex-direction:column;gap:10px}.crayon{width:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.play.blueprint{background-color:#0f2c52;color:#fff;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:40px 40px}.play.blueprint .pips i{border-color:#fff;background:#ffffff26}.play.blueprint .pips i.on{background:var(--sun)}.mach{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:12px;--y: #ffd23f;--o: #ff8a1f;--mink: #0a1f3b}.m-top{display:flex;align-items:center;gap:14px;height:80px;flex:none}.m-crumbs{display:flex;align-items:center;gap:6px;min-width:0}.m-crumb{width:76px;height:76px;border-radius:20px;background:#eaf2fb;display:flex;align-items:center;justify-content:center;padding:8px;flex:none;overflow:hidden}.m-crumb.here{box-shadow:inset 0 0 0 5px var(--o)}.m-crumb.next{background:transparent;border:3px dashed rgba(255,255,255,.35);color:#ffffff80;padding:18px}.m-chev{width:18px;height:26px;color:#ffffff80;flex:none}.m-pips{display:flex;gap:7px;background:#ffffff1f;padding:12px 16px;border-radius:40px;flex-wrap:wrap;max-width:42%}.m-pips i{width:20px;height:20px;border-radius:6px;border:3px solid rgba(255,255,255,.4);transition:all .35s cubic-bezier(.34,1.6,.6,1)}.m-pips i.f{background:var(--y);border-color:var(--y)}.m-mid{flex:1;min-height:0;display:flex;gap:14px}.m-stage{flex:1;min-width:0;position:relative}.m-stage.waking:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:40px;background:radial-gradient(closest-side,rgba(255,228,92,.35),transparent);animation:m-wake 1s ease-out forwards}@keyframes m-wake{0%{opacity:0;transform:scale(.6)}30%{opacity:1}to{opacity:0;transform:scale(1.2)}}.m-rail{width:96px;display:flex;flex-direction:column;justify-content:center;gap:16px;flex:none}.m-rb{width:96px;height:96px;border-radius:28px;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center}.m-rb svg{width:52px;height:52px}.m-rb:active{transform:scale(.94)}.m-power{color:#7dffb0}.m-power[aria-pressed=true]{background:#2ecc71;color:var(--mink);box-shadow:0 0 0 5px #2ecc7159,0 0 34px #2ecc71b3}.m-card{flex:none;display:flex;align-items:center;gap:16px;background:#fff;color:var(--mink);border-radius:32px;padding:12px 16px;box-shadow:0 6px 0 var(--mink);min-height:104px}.m-more{width:84px;height:84px;border-radius:50%;background:var(--y);color:var(--mink);display:flex;align-items:center;justify-content:center;box-shadow:0 6px #b8901a;flex:none}.m-more svg{width:46px;height:46px}.m-more.m-invite{animation:m-invite .9s ease-in-out .6s 2}@keyframes m-invite{50%{transform:scale(1.14) rotate(-8deg)}}.m-words{flex:1;min-width:0}.m-nm{font-size:34px;font-weight:800;line-height:1.1}.m-ds{font-size:18px;line-height:1.3;color:#3d5573;margin-top:4px}.m-board{position:absolute;cursor:pointer;transform-origin:0 0}.m-board .m-measure{position:absolute;inset:0;width:100%;height:100%;visibility:hidden}.m-measure.off .a-on,.m-measure.off .a-current,.m-measure.off .a-rise{display:none}.m-board .m-bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.m-part,.m-hit,.m-screw{position:absolute}.m-part{pointer-events:none;will-change:transform;transition:transform .9s cubic-bezier(.34,1.4,.55,1)}.m-hit{transition:transform .9s cubic-bezier(.34,1.4,.55,1)}.m-board.still .m-part,.m-board.still .m-hit,.m-board.still .m-cover{transition:none}.m-pin{position:absolute;inset:0}.m-pin>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.m-pin>svg *{pointer-events:visiblePainted}.m-pin.m-boing{animation:m-boing .5s ease-out}.m-pin.m-pluck{animation:m-pluck .9s cubic-bezier(.3,1.3,.5,1)}@keyframes m-boing{30%{transform:scale(1.07)}65%{transform:scale(.98)}}@keyframes m-pluck{25%{transform:scale(1.14) rotate(-4deg)}60%{transform:scale(.97) rotate(1.5deg)}}.m-hl{position:absolute;border:calc(var(--u) * 5) solid var(--y);border-radius:calc(var(--u) * 26);background:#ffd23f21;box-shadow:0 0 calc(var(--u) * 26) #ffd23f99,inset 0 0 calc(var(--u) * 16) #ffd23f59;opacity:0;transition:opacity .25s;pointer-events:none}.m-pin.sel .m-hl{opacity:1}.mach .m-wiggle{animation:m-wiggle .9s ease-in-out}@keyframes m-wiggle{20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}.m-badge{position:absolute;width:calc(var(--u) * 76);height:calc(var(--u) * 76);margin:calc(var(--u) * -38) 0 0 calc(var(--u) * -38);pointer-events:auto}.m-badge svg,.m-sin svg,.m-cin svg{display:block;width:100%;height:100%}.m-bin{width:100%;height:100%;animation:m-badge 1.6s ease-in-out infinite}.m-bin.m-wiggle{animation:m-wiggle .9s ease-in-out}@keyframes m-badge{50%{transform:scale(1.13)}}.covered .m-badge{display:none}.m-cover{position:absolute;inset:0;will-change:transform;transition:transform 1s cubic-bezier(.5,-.3,.35,1),opacity .7s ease-in .3s}.m-cin{width:100%;height:100%}.m-cin svg{overflow:visible}.m-cover.gone{opacity:0;pointer-events:none}.m-cin.m-wob{animation:m-wiggle .5s ease-in-out}.m-screw{will-change:transform;pointer-events:none}.m-sin{position:absolute;inset:0}.m-screw .m-ring{position:absolute;inset:27.5%;border-radius:50%;border:calc(var(--u) * 6) solid var(--y);animation:m-ping 1.5s ease-out infinite;pointer-events:none}@keyframes m-ping{0%{transform:scale(1);opacity:.9}to{transform:scale(2.1);opacity:0}}.m-screw.out .m-ring,.m-screw.done{display:none}@keyframes m-unscrew{0%{transform:rotate(0)}65%{transform:rotate(-720deg) scale(1.15)}to{transform:translateY(calc(var(--u) * -140)) rotate(-900deg) scale(.6);opacity:0}}.m-screw.in .m-sin{animation:m-screw-in .7s ease-out}@keyframes m-screw-in{0%{transform:translateY(calc(var(--u) * -140)) rotate(720deg) scale(.6);opacity:0}}.m-screw.nudge .m-sin{animation:m-wiggle .6s ease-in-out}.m-screw.out .m-sin{animation:m-unscrew .9s ease-in forwards}.m-links{opacity:0;transition:opacity .8s}.allout .m-links{opacity:1}.m-board.enter{animation:m-enter .7s cubic-bezier(.2,.9,.25,1.1);transform-origin:center}@keyframes m-enter{0%{opacity:0;transform:scale(.4)}}.m-board.leave{animation:m-leave .3s ease-in forwards;transform-origin:center}@keyframes m-leave{to{opacity:0;transform:scale(.6)}}.m-board.zooming{transition:transform .65s cubic-bezier(.65,0,.35,1),opacity .3s ease-in .35s}.m-board.fading{opacity:0}.mach .flow{animation:m-dash .7s linear infinite}.m-burst{position:absolute;left:50%;top:45%;pointer-events:none}.m-burst i{position:absolute;width:38px;height:38px;margin:-19px;background:var(--y);clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%);animation:m-star 1.4s cubic-bezier(.15,.8,.3,1) forwards}@keyframes m-star{0%{transform:translate(0) scale(.3) rotate(0);opacity:1}80%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.2) rotate(200deg);opacity:0}}.mach [class*=a-]{transform-box:fill-box;transform-origin:center}.mach .a-flame{transform-origin:50% 0}.mach .on .a-spin{animation:m-spin-up 1.4s ease-in,m-spin .9s linear 1.4s infinite}.mach .on .a-spin-fast{animation:m-spin-up 1.2s ease-in,m-spin .35s linear 1.2s infinite}.mach .on .a-spin-slow{animation:m-spin 3s linear infinite}.mach .on .a-spin-back{animation:m-spin-up 1.4s ease-in reverse,m-spin .9s linear 1.4s infinite reverse}.mach .on .a-pulse{animation:m-pulse .22s ease-in-out infinite alternate}.mach .on .a-rise{animation:m-rise 1.8s ease-out infinite}.mach .on .a-slide{animation:m-slide 1.2s ease-in-out infinite alternate}.mach .on .a-swing{animation:m-swing 1s ease-in-out infinite alternate}.mach .on .a-shake{animation:m-shake .14s linear infinite}.mach .on .a-bob{animation:m-bob 1s ease-in-out infinite}.mach .on .a-blink{animation:m-blink 1s steps(1) infinite}.mach .on .a-glow{animation:m-glow 1.1s ease-in-out infinite}.mach .on .a-flame{animation:m-flame .12s ease-in-out infinite alternate}.mach .on .a-flow{animation:m-dash .7s linear infinite}.mach .a-current,.mach .current{fill:none;stroke:#ffe45c;stroke-width:12px;stroke-linecap:round;stroke-dasharray:0 30}.mach .halo{stroke:#ffd23f;stroke-width:30px}.mach .current.halo{opacity:.3}.mach .a-current{opacity:0;transition:opacity .4s}.mach .on .a-current{opacity:1;animation:m-current .6s linear infinite}.mach .on .a-current.halo{opacity:.3}.mach .current{animation:m-current .6s linear infinite}.mach .a-rise{opacity:0}.mach .a-on,.mach .a-off{transition:opacity .5s}.mach .a-on:not(.on *){opacity:0}.mach .on .a-off{opacity:0}@keyframes m-spin{to{transform:rotate(360deg)}}@keyframes m-spin-up{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes m-pulse{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes m-rise{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-70px);opacity:0}}@keyframes m-slide{0%{transform:translate(-24px)}to{transform:translate(24px)}}@keyframes m-current{to{stroke-dashoffset:-30}}@keyframes m-swing{0%{transform:rotate(-35deg)}to{transform:rotate(35deg)}}@keyframes m-shake{25%{transform:translate(2px,-1px)}75%{transform:translate(-2px,1px)}}@keyframes m-bob{50%{transform:translateY(-10px)}}@keyframes m-blink{50%{opacity:0}}@keyframes m-glow{0%,to{opacity:.45}50%{opacity:1}}@keyframes m-flame{0%{transform:scaleY(.8)}to{transform:scaleY(1.15)}}@keyframes m-dash{to{stroke-dashoffset:-28}}