:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sky-top:#9fd8ff;--sky-bot:#e6f6ff;--hill-a:#7ed56f;--hill-b:#4fba5f;--ink:#24407a;--ink-soft:#4a63a0;--card:#ffffffe0;--sun:#ffd84a;--btn:#fff;--btn-edge:#d6e6f7;--good:#2fb45a;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky-top:#1c2a5e;--sky-bot:#3b4f94;--hill-a:#2f8a4e;--hill-b:#226b3d;--ink:#f2f6ff;--ink-soft:#c3d0f5;--card:#182248d1;--sun:#ffe9a0;--btn:#eaf1ff;--btn-edge:#9db0e6}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky-top:#1c2a5e;--sky-bot:#3b4f94;--hill-a:#2f8a4e;--hill-b:#226b3d;--ink:#f2f6ff;--ink-soft:#c3d0f5;--card:#182248d1;--sun:#ffe9a0;--btn:#eaf1ff;--btn-edge:#9db0e6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{color:var(--ink);background:linear-gradient(var(--sky-top),var(--sky-bot) 60%);background-color:var(--sky-bot);-webkit-user-select:none;user-select:none;font-family:Fredoka,"Baloo 2",Nunito,Trebuchet MS,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:focus-visible{outline-offset:3px;outline:4px solid #ff7a1a}#app{max-width:820px;height:100%;margin:0 auto;position:relative;overflow:hidden}.screen{flex-direction:column;align-items:center;display:none;position:absolute;inset:0}.screen.active{display:flex}.hills{z-index:0;pointer-events:none;height:46%;position:absolute;bottom:0;left:0;right:0}.hills svg{width:100%;height:100%;display:block}.sun{aspect-ratio:1;background:var(--sun);width:clamp(56px,14vw,96px);box-shadow:0 0 0 14px color-mix(in srgb,var(--sun) 35%,transparent);z-index:0;border-radius:50%;position:absolute;top:5%;right:7%}.cloud{opacity:.9;z-index:0;background:#fff;border-radius:999px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud.c1{width:110px;height:34px;top:9%;left:6%}.cloud.c1:before{width:50px;height:50px;top:-24px;left:16px}.cloud.c1:after{width:38px;height:38px;top:-16px;left:58px}.cloud.c2{opacity:.7;width:84px;height:26px;top:20%;left:55%}.cloud.c2:before{width:38px;height:38px;top:-18px;left:12px}.cloud.c2:after{width:30px;height:30px;top:-12px;left:44px}:root[data-theme=dark] .cloud,:root[data-theme=dark] .cloud:before,:root[data-theme=dark] .cloud:after{background:#5f73b8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cloud,:root:not([data-theme=light]) .cloud:before,:root:not([data-theme=light]) .cloud:after{background:#5f73b8}}.cat{--s:clamp(34px,10.4vw,66px);align-items:flex-end;display:flex;position:relative}.head{width:calc(var(--s)*1.25);height:calc(var(--s)*1.25);box-shadow:inset 0 calc(var(--s)*-.1) 0 #0000001f;z-index:3;background:#2e9b4f;border-radius:50%;flex:none;position:relative}.head .eye{background:#fff;border-radius:50%;width:26%;height:30%;position:absolute;top:26%}.head .eye:after{content:"";background:#1d2a4d;border-radius:50%;width:48%;height:52%;position:absolute;top:30%;left:30%}.head .eye.l{left:18%}.head .eye.r{left:54%}.head .smile{border-bottom:calc(var(--s)*.07) solid #1d2a4d;border-radius:0 0 999px 999px;height:18%;position:absolute;bottom:18%;left:30%;right:30%}.head .ant{top:calc(var(--s)*-.34);width:calc(var(--s)*.09);height:calc(var(--s)*.38);background:#1d2a4d;border-radius:4px;position:absolute}.head .ant:after{content:"";top:calc(var(--s)*-.1);width:calc(var(--s)*.2);height:calc(var(--s)*.2);background:#ff5d73;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.head .ant.l{left:28%;transform:rotate(-16deg)}.head .ant.r{right:28%;transform:rotate(16deg)}.bead{width:var(--s);height:var(--s);margin-left:calc(var(--s)*-.14);box-shadow:inset 0 calc(var(--s)*-.1) 0 #00000024, inset calc(var(--s)*.08) calc(var(--s)*.08) 0 #ffffff59;border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid;position:relative}.bead:after{content:"";bottom:calc(var(--s)*-.12);width:34%;height:calc(var(--s)*.18);opacity:.85;z-index:-1;background:#1d2a4d;border-radius:0 0 999px 999px;position:absolute;left:50%;transform:translate(-50%)}.bead.emoji{border:calc(var(--s)*.06) solid #bfe3ff;font-size:calc(var(--s)*.62);background:#fff;line-height:1}.bead.blank{border:calc(var(--s)*.07) dashed #6d82c4;box-shadow:none;font-size:calc(var(--s)*.6);color:#6d82c4;background:#ffffffa6;font-weight:700}.bead.blank.current{animation:1.1s ease-in-out infinite pulse}.bead.blank.shake{animation:.45s shake}.bead.say{animation:.38s say}.bead.pop{animation:.4s pop}.bead.hop{animation:.6s ease-in-out both hop}.cat.enter{animation:.75s cubic-bezier(.2,.8,.3,1) both enter}.cat.exit{animation:.8s cubic-bezier(.5,0,.8,.4) both exit}.cat.wiggle .head{animation:.5s ease-in-out 2 headwiggle}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(5px)}}@keyframes say{50%{transform:translateY(-14px)scale(1.12)}}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(calc(var(--s)*-.7))}}@keyframes enter{0%{transform:translate(-110vw)}to{transform:translate(0)}}@keyframes exit{to{transform:translate(110vw)}}@keyframes headwiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-10deg)}70%{transform:rotate(10deg)}}#start{text-align:center;justify-content:center;gap:clamp(10px,2.4vh,22px);padding:24px 18px}#start>*{z-index:2;position:relative}h1{letter-spacing:-.01em;margin:0;font-size:clamp(40px,10vw,76px);font-weight:700;line-height:1}.sub{color:var(--ink-soft);max-width:22ch;margin:0;font-size:clamp(17px,4.4vw,24px);line-height:1.25}.demo-cat{margin:clamp(6px,2vh,20px) 0}.ages{gap:clamp(10px,3vw,22px);margin-top:6px;display:flex}.age{background:var(--btn);width:clamp(86px,26vw,150px);box-shadow:0 8px 0 var(--btn-edge),0 14px 24px #1e3c782e;border-radius:28px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px 12px;transition:transform .12s,box-shadow .12s;display:flex}.age:active{box-shadow:0 2px 0 var(--btn-edge),0 6px 10px #1e3c782e;transform:translateY(6px)}.age b{color:#ff7a1a;font-size:clamp(40px,11vw,68px);line-height:1}.age span{font-size:clamp(16px,4vw,22px);font-weight:600}.age i{gap:4px;margin-top:6px;font-style:normal;display:flex}.age i s{background:#cfe0f5;border-radius:50%;width:12px;height:12px;text-decoration:none}.age i s.on{background:#2fb45a}.fine{color:var(--ink-soft);max-width:36ch;margin:4px 0 0;font-size:14px;line-height:1.35}#game{justify-content:flex-start}.top{z-index:3;align-items:center;gap:10px;width:100%;padding:12px 14px 4px;display:flex}.round{background:var(--btn);width:52px;height:52px;box-shadow:0 5px 0 var(--btn-edge);border-radius:50%;flex:none;place-items:center;font-size:26px;display:grid}.round:active{box-shadow:0 2px 0 var(--btn-edge);transform:translateY(3px)}.prog{flex:1;justify-content:center;gap:clamp(4px,1.4vw,9px);display:flex}.prog i{background:#ffffffb3;border-radius:50% 0;width:clamp(14px,3.6vw,24px);height:clamp(14px,3.6vw,24px);transition:all .3s}.prog i.done{background:#37c25f}.prog i.now{background:#ffb02e;transform:scale(1.25)}.caption{z-index:3;background:var(--card);text-align:center;border-radius:22px;justify-content:center;align-items:center;max-width:30em;min-height:2.6em;margin:clamp(6px,2vh,18px) 16px 0;padding:12px 18px;font-size:clamp(19px,5vw,28px);font-weight:600;line-height:1.25;display:flex;box-shadow:0 4px 14px #1e3c781f}.stage{z-index:2;flex:1;justify-content:center;align-items:center;width:100%;padding:0 10px;display:flex;position:relative;overflow:hidden}.branch{z-index:0;background:#8a5a34;border-radius:999px;height:calc(clamp(34px,10.4vw,66px)/3.57143);position:absolute;top:58%;left:-4%;right:-4%;box-shadow:inset 0 -5px #0000002e}.stage .cat{z-index:2}.tray{z-index:3;background:var(--card);border-radius:34px;justify-content:center;align-items:center;gap:clamp(10px,3vw,22px);width:calc(100% - 24px);margin:0 12px 14px;padding:14px 12px 16px;display:flex;position:relative;box-shadow:0 10px 26px #1e3c7833}.opts{flex-wrap:wrap;justify-content:center;gap:clamp(10px,3.4vw,24px);display:flex}.opt{--o:clamp(66px,21vw,108px);width:var(--o);height:var(--o);box-shadow:inset 0 calc(var(--o)*-.08) 0 #00000029,inset calc(var(--o)*.07) calc(var(--o)*.07) 0 #fff6,0 8px 0 #1e326438;font-size:calc(var(--o)*.6);border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:relative}.opt.emoji{background:#fff;border:6px solid #bfe3ff}.opt:active{transform:translateY(6px)}.opt.shake{animation:.45s shake}.opt.glow{animation:.9s ease-in-out infinite glow}.opt.used{opacity:.25;pointer-events:none}@keyframes glow{0%,to{transform:scale(1);box-shadow:0 0 #ffb02e00,0 8px #1e326438}50%{transform:scale(1.1);box-shadow:0 0 0 12px #ffb02e8c,0 8px #1e326438}}.speak{flex:none}.locked .opt{pointer-events:none}.confetti{pointer-events:none;z-index:6;font-size:28px;animation:1.3s ease-out forwards rise;position:absolute}@keyframes rise{0%{opacity:1;transform:translate(0)scale(.6)}to{transform:translate(var(--dx),-140px) scale(1.2) rotate(40deg);opacity:0}}#end{text-align:center;justify-content:center;gap:14px;padding:24px 18px;overflow-y:auto}#end>*{z-index:2;position:relative}.butterfly{font-size:clamp(90px,28vw,170px);line-height:1;animation:2.4s ease-in-out infinite flutter}@keyframes flutter{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-16px)rotate(4deg)}}.end-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.big{background:var(--btn);box-shadow:0 6px 0 var(--btn-edge);border-radius:999px;padding:14px 26px;font-size:22px;font-weight:600}.big.primary{color:#fff;background:#ff8a1f;box-shadow:0 6px #c45f00}.big:active{transform:translateY(4px)}details{background:var(--card);text-align:left;border-radius:18px;width:100%;max-width:460px;padding:10px 16px;font-size:16px}summary{cursor:pointer;font-weight:600}table{border-collapse:collapse;width:100%;margin-top:10px;font-size:15px}td,th{text-align:left;border-bottom:1px solid #6478aa40;padding:5px 4px}.note{color:var(--ink-soft);margin:8px 0 0;font-size:14px;line-height:1.35}@media (height<=620px){.caption{min-height:0;padding:8px 14px}.tray{padding:8px}.opt{--o:clamp(56px,16vh,84px)}}@media (prefers-reduced-motion:reduce){.bead.blank.current,.opt.glow,.butterfly{animation:none}.cat.enter,.cat.exit{animation-duration:10ms}}.menu{text-align:center;justify-content:center;gap:18px;padding:24px 18px}.menu>*{z-index:2;position:relative}.cards{flex-wrap:wrap;justify-content:center;gap:16px;max-width:640px;display:flex}.gcard{background:var(--btn);width:clamp(140px,40vw,200px);box-shadow:0 8px 0 var(--btn-edge),0 14px 24px #1e3c782e;border-radius:30px;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 16px;transition:transform .12s;display:flex}.gcard:active{transform:translateY(6px)}.gcard .ico{font-size:64px;line-height:1}.gcard b{font-size:20px}.gcard.soon{opacity:.55;pointer-events:none}