@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2) format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff) format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2) format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-latin-500-normal-CmLZ27r7.woff2) format("woff2"),url(/assets/baloo-2-latin-500-normal-BSdEhq8m.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}:root{--green: #3dbe6a;--blue: #2f8fe0;--yellow: #ffc93c;--coral: #ff7a5c;--lilac: #8e7cf0;--cream: #fff8ec;--ink: #2b2d42;--grey: #c9ccd6;--tap: 64px;--gap: 12px;--radius: 28px;--line: 3px;--font: "Andika", "Comic Sans MS", sans-serif;--display: "Baloo 2", "Andika", sans-serif;--parent: "Atkinson Hyperlegible", "Andika", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: max(20px, env(safe-area-inset-bottom, 0px));--safe-left: env(safe-area-inset-left, 0px);color:var(--ink);background:var(--cream);font-family:var(--font)}html[data-size=tablet],html[data-size=large]{--tap: 72px;--gap: 16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--cream);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app-root{height:100dvh;display:flex;flex-direction:column;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:relative;overflow:hidden}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app-frame{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column}.icon-btn,.tap,.tile,.choice,.pad-key,.parent-btn{border:var(--line) solid var(--ink);background:var(--cream);border-radius:22px;min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 4px #2b2d421f}.icon-btn{width:var(--tap);height:var(--tap);padding:10px}.icon-btn svg,.tile svg{width:100%;height:100%;display:block}.icon-btn:focus-visible,.tap:focus-visible,.choice:focus-visible,.parent-btn:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--tap);position:relative;z-index:2}.topbar .hop{width:72px;height:76px}.wordmark{font-family:var(--display);font-size:clamp(40px,6vw,72px);line-height:.9;color:var(--green);margin:0;text-align:center}.home{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--gap)}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-hero .hop{width:min(180px,28vh);height:min(190px,30vh)}.home-play{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-content:stretch}.tile{position:relative;padding:0;overflow:hidden;background:#d7f3ff;width:100%;height:100%;min-height:96px}html[data-layout=phone-portrait] .tile.featured,html[data-layout=phone-landscape] .tile.featured{grid-column:1 / -1;min-height:128px}.tile-art{position:absolute;top:0;right:0;bottom:0;left:0}.tile-art .critter{position:absolute}.star-badge{position:absolute;top:8px;right:8px;width:36px;height:36px;z-index:2}.tile-critter{position:absolute;width:42%;left:29%;top:30%;z-index:1}.tile .scene-bg{border-radius:inherit}.home-tools{display:flex;justify-content:center}.home-tools .icon-btn{width:88px}html[data-layout=phone-landscape] .home{display:grid;grid-template-columns:120px minmax(0,1fr) 72px;grid-template-rows:auto minmax(0,1fr);gap:8px}html[data-layout=phone-landscape] .topbar{grid-column:1 / -1;grid-row:1}html[data-layout=phone-landscape] .home-hero{grid-column:1;grid-row:2;min-height:0}html[data-layout=phone-landscape] .home-play{grid-column:2;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr}html[data-layout=phone-landscape] .home-tools{grid-column:3;grid-row:2;align-items:end;justify-content:center}html[data-layout=phone-landscape] .tile.featured{grid-column:auto;min-height:72px}html[data-layout=phone-landscape] .home-hero .hop{width:88px;height:96px}html[data-layout=phone-landscape] .wordmark{font-size:22px}html[data-layout=phone-landscape] .home-tools .icon-btn{width:64px;height:64px}html[data-size=tablet] .home,html[data-size=large] .home{display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:18px}html[data-size=tablet] .topbar,html[data-size=large] .topbar{grid-column:1 / -1}html[data-size=tablet] .home-hero,html[data-size=large] .home-hero{grid-row:2}html[data-size=tablet] .home-play,html[data-size=large] .home-play{grid-row:2;grid-template-columns:1fr 1fr}html[data-size=large] .home-play{grid-template-columns:1fr 1fr 1fr}html[data-size=tablet] .home-tools,html[data-size=large] .home-tools{grid-column:1 / -1}html[data-size=tablet] .tile,html[data-size=large] .tile{min-height:160px}html[data-size=tablet] .home-hero .hop,html[data-size=large] .home-hero .hop{width:240px;height:250px}.stage{flex:1;min-height:0;display:grid;grid-template-rows:1fr auto;gap:8px;position:relative}.playfield{position:relative;min-height:0;touch-action:none;border-radius:var(--radius);overflow:hidden}.choice-row{display:flex;gap:10px;justify-content:center;align-items:stretch;padding-bottom:4px}.choice{flex:1;max-width:180px;min-height:84px;background:var(--cream);padding:8px}.choice.glow,.seat.glow{box-shadow:0 0 0 5px var(--yellow)}.choice.correct{background:#d9f8e4}.dots{width:100%;height:64px}.num{font-family:var(--display);font-size:clamp(48px,8vw,96px);line-height:.9}.play-shell{flex:1;min-height:0;display:flex;flex-direction:column}.play-shell>.stage{flex:1;min-height:0}html[data-layout=phone-landscape] .stage{grid-template-columns:minmax(0,1.6fr) minmax(168px,.55fr);grid-template-rows:minmax(0,1fr)}html[data-layout=phone-landscape] .choice-row{flex-direction:column;justify-content:center}html[data-size=tablet] .play-shell,html[data-size=large] .play-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,240px);grid-template-rows:minmax(128px,30%) minmax(0,1fr)}html[data-size=tablet] .play-shell>.stage,html[data-size=large] .play-shell>.stage{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:1 / -1;grid-row:1 / -1}html[data-size=tablet] .play-shell .playfield,html[data-size=large] .play-shell .playfield{grid-column:1;grid-row:1 / -1}html[data-size=tablet] .play-shell .choice-row,html[data-size=large] .play-shell .choice-row{grid-column:2;grid-row:2;flex-direction:column;justify-content:center;align-self:stretch}html[data-size=tablet] .rail-hop,html[data-size=large] .rail-hop{display:flex}.rail-hop{display:none;align-items:center;justify-content:center;pointer-events:none;grid-column:2;grid-row:1;z-index:2}.rail-hop .hop{width:140px;height:150px}html[data-size=tablet] .topbar .hop,html[data-size=large] .topbar .hop{visibility:hidden}.duck{position:absolute;width:clamp(72px,16vw,120px);height:auto;transform:translate(-50%,-50%);background:none;border:0;box-shadow:none;padding:0;min-width:64px;min-height:64px}.duck.counted{filter:saturate(1.1)}.fly-bit,.animal-bit{position:absolute;width:76px;min-width:64px;min-height:64px;background:none;border:0;box-shadow:none;padding:0;touch-action:none}.mouth{position:absolute;left:50%;top:42%;width:120px;height:90px;transform:translate(-50%,-50%);border-radius:60px}.pads{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%;padding:12px}.lily-pad{border:var(--line) solid var(--ink);border-radius:32px;background:#fff8ecb8;min-height:120px;position:relative}.lily-pad .fly-static{width:42px;height:32px;position:absolute}.group-card{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center}.mini-duck{width:36px;height:30px}.train{display:flex;align-items:flex-end;gap:8px;padding:12px;height:100%}.engine{width:120px;flex:none}.carriage.single{margin:auto;width:min(100%,460px);align-self:center}.feed-num{position:absolute;top:8px;left:12px;z-index:2}.feed-dots{position:absolute;top:14px;left:14px;display:flex;gap:6px;z-index:2}.garden-play{background:#e7f8ee}.carriage{background:var(--cream);border:var(--line) solid var(--ink);border-radius:18px;padding:8px;flex:1}.ten-grid{display:grid;gap:6px}.seat{min-height:48px;border-radius:12px;border:3px dashed var(--ink);display:flex;align-items:center;justify-content:center;background:#2f8fe01f}.seat.on{border-style:solid;background:#e7f8ee}.seat .critter{width:42px;height:36px}.parade{display:flex;align-items:center;gap:8px;padding:16px;height:70%;overflow:hidden}.parade.dance .animal{animation:bob .6s ease-in-out infinite}.slot{width:92px;height:92px;border:3px dashed var(--ink);border-radius:24px;background:#fff8ecb3;flex:none}.parade-tray{display:flex;justify-content:center;gap:12px}.animal{width:88px;height:74px;display:block}.animal.small{width:72px;height:60px}.critter{width:100%;height:100%;overflow:visible}.peek-frog{width:min(240px,46vw);margin:8% auto 0;position:relative}.leaf-cover{position:absolute;left:18%;right:18%;top:42%;height:38%;background:var(--green);border:var(--line) solid var(--ink);border-radius:40% 40% 46% 46%;transform-origin:top center}.dots-progress{display:flex;gap:8px;justify-content:center;padding:4px 0}.pip{width:14px;height:14px;border-radius:50%;border:3px solid var(--ink);background:transparent}.pip.on{background:var(--green)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff8ec33;padding:16px}.celebrate .hop,.unlock .hop,.sleep-screen .hop{width:min(260px,46vw);height:min(280px,50vw)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-10%;width:14px;height:18px;border-radius:4px;border:2px solid var(--ink);animation:fall 1.1s ease-in forwards}.big-action{min-width:min(280px,80vw);min-height:84px;font-family:var(--display);font-size:32px;background:var(--yellow)}.sticker-book{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.pages{display:flex;gap:8px;justify-content:center}.page-dot{width:22px;height:22px;border-radius:50%;border:3px solid var(--ink);background:var(--cream)}.page-dot.on{background:var(--green)}.sheet{flex:1;min-height:0;position:relative;border:var(--line) solid var(--ink);border-radius:var(--radius);overflow:hidden}.placed,.tray-sticker{width:72px;height:72px;position:absolute;touch-action:none;background:none;border:0;padding:0}.sticker-tray{display:flex;gap:8px;overflow-x:auto;min-height:84px;padding:4px}.tray-sticker{position:relative;flex:none}html[data-size=tablet] .sticker-book,html[data-size=large] .sticker-book{display:grid;grid-template-columns:1fr 120px;grid-template-rows:auto 1fr}html[data-size=tablet] .pages,html[data-size=large] .pages{grid-column:1 / -1}.parent{flex:1;min-height:0;overflow:auto;font-family:var(--parent);color:var(--ink);padding-bottom:12px}.parent h1,.parent h2{font-family:var(--parent);font-weight:700;margin:8px 0}.parent h1{font-size:28px;color:var(--lilac)}.parent p,.parent li,.parent label{font-size:18px;line-height:1.35}.parent-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.parent-btn{min-height:44px;padding:8px 14px;font-size:16px;background:var(--cream)}.parent-btn.on{background:var(--lilac);color:#fff}.card{background:#fff;border:var(--line) solid var(--ink);border-radius:20px;padding:14px;margin:10px 0}.bar-row{display:grid;grid-template-columns:140px 1fr 48px;gap:8px;align-items:center;margin:6px 0}.bar{height:16px;background:#eee;border-radius:8px;overflow:hidden;border:2px solid var(--ink)}.bar span{display:block;height:100%;background:var(--green)}.plans{display:grid;gap:12px}html[data-size=tablet] .parent-grid,html[data-size=large] .parent-grid,html[data-size=tablet] .plans,html[data-size=large] .plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}html[data-size=large] .parent-grid.three{grid-template-columns:1fr 1fr 1fr}.price{font-size:36px;font-weight:700;margin:4px 0}.badge{display:inline-block;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-weight:700}.field{display:flex;flex-direction:column;gap:4px;margin:8px 0}.field input,.field select{min-height:44px;border:3px solid var(--ink);border-radius:12px;padding:8px 10px;background:#fff;font-family:var(--parent);font-size:18px}.avatar-pick{display:flex;gap:8px;flex-wrap:wrap}.avatar-pick button{width:72px;height:72px;border-radius:50%;border:3px solid var(--ink);background:var(--cream);padding:6px}.avatar-pick button.on{outline:4px solid var(--lilac)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(360px,100%)}.pad-key{font-family:var(--display);font-size:32px;background:#fff}.hold-ring{width:160px;height:160px}.gate-copy{font-family:var(--parent);font-size:28px;text-align:center;max-width:520px}.profile-row{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;flex:1}.profile-face{width:140px;height:140px;border-radius:50%;border:var(--line) solid var(--ink);background:var(--cream);padding:10px}html[data-size=tablet] .profile-face{width:180px;height:180px}.hop{width:160px;height:170px;transform-origin:center bottom}.hop-svg{width:100%;height:100%;overflow:visible}.bob{animation:bob 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.bob.delay{animation-delay:-1.4s}.drift{animation:drift 14s ease-in-out infinite;transform-box:fill-box}.drift.slow{animation-duration:18s}.smoke{animation:drift 2.8s ease-in-out infinite}.wiggle{animation:wiggle .35s linear}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(12px)}}@keyframes wiggle{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-8deg)}75%{transform:translate(-50%,-50%) rotate(8deg)}}@keyframes fall{to{transform:translateY(110vh) rotate(180deg);opacity:.2}}.banner{position:absolute;left:16px;right:16px;bottom:12px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:20px;display:flex;align-items:center;gap:8px;padding:6px 10px;z-index:4}.banner .hop{width:64px;height:70px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}