:root{--wall:#f3f1ec;--wall-glow:#fbfaf7;--floor:#e7e3da;--ink:#2a2622;--ink-soft:#77706a;--line:#2a26221a;--chip:#ffffffc7;--chip-on:#2a2622;--chip-on-ink:#fbfaf7;--face:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:var(--wall);height:100%;color:var(--ink);font-family:var(--face);overscroll-behavior:none;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}.stage{background:radial-gradient(120% 80% at 50% 30%, var(--wall-glow) 0%, var(--wall) 60%);position:fixed;inset:0}.floor{height:var(--floor-h,120px);background:linear-gradient(to bottom, #2a26220a, transparent 30%), var(--floor);border-top:1px solid var(--line);position:absolute;bottom:0;left:0;right:0}canvas.gl{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;width:100%;height:100%;position:absolute;inset:0}canvas.gl:active{cursor:grabbing}.title{top:calc(env(safe-area-inset-top,0px) + 14px);pointer-events:none;position:absolute;left:18px}.title h1{letter-spacing:.01em;margin:0;font-size:20px;font-weight:600}.title p{color:var(--ink-soft);margin:0;font-size:13px}.bar{padding:0 12px calc(env(safe-area-inset-bottom,0px) + 14px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.bar>*{pointer-events:auto}.row,.drawer{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;display:flex}.group{background:var(--chip);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.chip{cursor:pointer;background:0 0;border:0;border-radius:999px;height:36px;padding:0 14px;font-size:15px;font-weight:500;transition:background-color .14s,color .14s,transform .12s}.chip:hover{background:#2a26220f}.chip:active{transform:scale(.95)}.chip[aria-pressed=true]{background:var(--chip-on);color:var(--chip-on-ink)}.chip.more{background:var(--chip);border:1px solid var(--line)}.chip.more[aria-expanded=true]{background:var(--chip-on);color:var(--chip-on-ink)}.swatch{cursor:pointer;border:0;border-radius:50%;width:28px;height:28px;margin:0 2px;transition:transform .14s;box-shadow:inset 0 -3px 5px #0000001f,inset 0 2px 3px #fff9}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--wall-glow), 0 0 0 3.5px var(--ink)}.swatch:active{transform:scale(.88)}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.slider{height:36px;color:var(--ink-soft);align-items:center;gap:8px;padding:0 10px 0 14px;font-size:14px;display:flex}.slider input{width:96px;accent-color:var(--ink)}.fallback{text-align:center;color:var(--ink-soft);place-items:center;padding:0 24px;font-size:16px;display:grid;position:absolute;inset:0}@media (max-width:480px){.chip{height:34px;padding:0 11px;font-size:14px}}@media (prefers-reduced-motion:reduce){.chip,.swatch{transition:none}}.toy-root{position:fixed;inset:0}.chip.add{background:var(--chip-on);color:var(--chip-on-ink);border:1px solid var(--line);padding:0 14px 0 11px}.chip.add:disabled{opacity:.35;cursor:default}.chip.add .plus{margin-right:4px;font-size:19px;line-height:1;position:relative;top:1px}.hud{top:calc(env(safe-area-inset-top,0px) + 14px);color:#f3f1ec;font-variant-numeric:tabular-nums;pointer-events:none;white-space:pre;background:#2a2622c7;border-radius:8px;padding:6px 9px;font:11px/1.45 ui-monospace,SF Mono,Menlo,monospace;position:absolute;right:14px}.animal{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:background-color .14s,transform .12s;display:grid}.animal img{pointer-events:none;width:52px;height:52px;transition:transform .16s cubic-bezier(.3,1.6,.5,1)}.animal:hover{background:#2a26220f}.animal:active img{transform:scale(.88)}.animal[aria-pressed=true]{box-shadow:inset 0 0 0 2.5px var(--ink);background:#2a262217}.animal[aria-pressed=true] img{transform:scale(1.06)}.swatch{touch-action:none;-webkit-user-select:none;user-select:none;width:34px;height:34px}.chip.add{place-items:center;width:52px;height:52px;padding:0;display:grid}.chip.add .plus{margin:0;font-size:30px;top:-1px}.chip.undo{background:var(--chip-on);color:var(--chip-on-ink);height:40px;padding:0 18px;box-shadow:0 6px 20px #2a26222e}.drop-ghost{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:0;left:0}.drop-ghost>*{filter:drop-shadow(0 6px 10px #2a262240);position:absolute;transform:translate(-50%,-50%)scale(1.25)}.drop-ghost img{width:64px;height:64px}.drop-ghost .drop-paint{border-radius:50% 50% 50% 0;width:40px;height:40px;rotate:-45deg;box-shadow:inset 0 -4px 6px #0000001f,inset 0 3px 4px #fff9}.drop-ghost.landed>*{opacity:0;transition:transform .24s,opacity .24s;transform:translate(-50%,-50%)scale(.2)}.drop-ghost.missed>*{opacity:0;transition:transform .24s,opacity .24s;transform:translate(-50%,10%)scale(.6)}@media (max-width:480px){.animal{width:52px;height:52px}.animal img{width:48px;height:48px}.swatch{width:31px;height:31px;margin:0 1px}.chip.add{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.animal,.animal img,.drop-ghost>*{transition:none!important}}.toy-root,.toy-root *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.toy-root,.toy-root input[type=range]{touch-action:none}.actions{align-items:center;gap:8px;display:flex}.chip.round{background:var(--chip-on);width:52px;height:52px;color:var(--chip-on-ink);border:1px solid var(--line);touch-action:none;place-items:center;padding:0;display:grid}.chip.grav[data-mode=space]{background:#6b62d8}.chip.wiggle svg{animation:.42s wiggle}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)scale(1.1)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}@media (max-width:480px){.chip.round{width:48px;height:48px}.chip.round svg{width:27px;height:27px}}@media (prefers-reduced-motion:reduce){.chip.wiggle svg{animation:none}}.stage,.floor{transition:background .7s}.stage[data-gravity=moon]{background:radial-gradient(120% 80% at 50% 30%,#3a3f7c 0%,#2a2e63 60%,#1f2250 100%)}.stage[data-gravity=moon] .floor{background:linear-gradient(#0000001f,#0000 30%),#2b2a58;border-top-color:#ffffff14}.stage[data-gravity=space]{background:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 27% 42%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 44% 12%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 61% 33%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 78% 20%,#fffbe6 50%,#0000 51%),radial-gradient(1px 1px at 88% 48%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 8% 60%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 35% 66%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 70% 62%,#fff 50%,#0000 51%),radial-gradient(120% 80% at 50% 30%,#3a3f78 0%,#252955 60%,#1b1e40 100%)}.stage[data-gravity=space] .title h1{color:#f1efff}.stage[data-gravity=space] .title p{color:#b9b6e0}.finish{cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:background-color .14s;display:grid}.finish:hover{background:#2a26220f}.finish[aria-pressed=true]{box-shadow:inset 0 0 0 2.5px var(--ink);background:#2a26220f}.finish .ball{border-radius:50%;width:32px;height:32px;transition:transform .16s cubic-bezier(.3,1.6,.5,1);display:block}.finish:active .ball{transform:scale(.88)}.finish.gloss .ball{background:radial-gradient(ellipse 34% 20% at 34% 26%, #fff 0 60%, transparent 64%), radial-gradient(circle at 50% 42%, var(--c) 0 45%, var(--d) 120%);box-shadow:inset 0 -3px 5px #0000001f}.finish.jelly .ball{background:radial-gradient(ellipse 30% 16% at 36% 26%, #ffffffd9 0 55%, transparent 65%), radial-gradient(circle at 50% 55%, #ffffffbf 0 18%, transparent 46%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 70%, transparent) 0 55%, color-mix(in srgb, var(--d) 55%, transparent) 100%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--d) 45%, transparent)}.drop-ghost .finish.ghost{background:0 0;width:56px;height:56px}.drop-ghost .finish.ghost .ball{width:48px;height:48px}.chip.round.gear,.chip.round.exit{background:var(--chip);color:var(--ink)}.chip.round.gear[aria-expanded=true]{background:var(--chip-on);color:var(--chip-on-ink)}.chip.round.gear svg{transition:transform .3s}.chip.round.gear[aria-expanded=true] svg{transform:rotate(60deg)}.settings{z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);transform-origin:100% 100%;background:#ffffffeb;border-radius:22px;flex-direction:column;gap:4px;width:min(330px,100% - 24px);padding:10px;animation:.18s cubic-bezier(.2,1.3,.4,1) pop-in;display:flex;position:absolute;box-shadow:0 18px 50px #2a262238}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}.setting{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;height:50px;padding:0 12px;font-size:17px;font-weight:500;display:flex}.setting:hover{background:#2a26220d}.s-icon{width:26px;height:26px;color:var(--ink);place-items:center;display:grid}.s-icon svg{width:24px;height:24px}.s-label{flex:1}.switch{background:#d9d5cd;border-radius:999px;width:46px;height:28px;transition:background-color .16s;position:relative}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.setting[aria-checked=true] .switch{background:var(--chip-on)}.setting[aria-checked=true] .switch span{transform:translate(18px)}.settings .slider{height:50px;color:var(--ink);gap:12px;padding:0 12px;font-size:17px}.settings .slider span{flex:1}.settings .slider input{width:150px}.s-head{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:8px 12px 2px;font-size:12px;font-weight:600}.settings .group{-webkit-backdrop-filter:none;backdrop-filter:none;background:#2a26220d;border:0;justify-content:space-between}.settings .group .chip{flex:1}.s-row{gap:8px;display:flex}.s-row .chip{background:#2a26220f;flex:1;height:44px}@media (max-width:480px){.finish{width:40px;height:40px}.finish .ball{width:29px;height:29px}}@media (prefers-reduced-motion:reduce){.settings{animation:none}.switch span,.chip.round.gear svg{transition:none}}:root{--bar-h:64px;--gap-group:10px;--spring:cubic-bezier(.3, 1.6, .5, 1)}.row{gap:var(--gap-group);align-items:center;max-width:1120px}.actions{gap:var(--gap-group)}.group.animals,.group:not(.settings .group){min-height:var(--bar-h);box-sizing:border-box}.group.animals{gap:2px;padding:0 6px}.swatch{cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;box-shadow:none!important;background:0 0!important}.group[aria-label=Color]{gap:0;padding:0 6px}.swatch .dot{background:var(--paint);width:34px;height:34px;transition:transform .22s var(--spring), box-shadow .18s ease;border-radius:50%;box-shadow:inset 0 -3px 5px #0000001f,inset 0 2px 3px #fff9}.swatch[aria-pressed=true] .dot{box-shadow:inset 0 -3px 5px #0000001f, inset 0 2px 3px #fff9, 0 0 0 2.5px var(--chip), 0 0 0 5px var(--ink);transform:scale(1.08)}.swatch:active .dot{transform:scale(.84)}.animal,.finish{position:relative}.animal[aria-pressed=true],.finish[aria-pressed=true]{box-shadow:none;background:0 0}.animal:after,.finish:after{content:"";box-shadow:inset 0 0 0 2.5px var(--ink);opacity:0;transition:opacity .14s ease, transform .24s var(--spring);pointer-events:none;border-radius:50%;position:absolute;inset:1px;transform:scale(.82)}.animal[aria-pressed=true]:after,.finish[aria-pressed=true]:after{opacity:1;transform:scale(1)}.finish{width:48px;height:48px}.group.finishes{gap:2px;padding:0 8px}.chip.round{width:var(--bar-h);height:var(--bar-h);transition:transform .22s var(--spring), background-color .3s ease, opacity .2s ease}.chip.round svg{width:32px;height:32px}.chip.round:active{transform:scale(.9)}.chip.add:disabled{opacity:.32;transform:none}.chip.grav.swap svg{animation:grav-swap .42s var(--spring)}@keyframes grav-swap{0%{opacity:0;transform:rotate(-90deg)scale(.4)}}.animal:active img,.finish:active .ball{transform:scale(.86)}.animal img,.finish .ball{transition:transform .22s var(--spring)}.toy-root button:focus{outline:none}.toy-root button:focus-visible,.toy-root input:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}.stage[data-gravity=space] .chip.round:focus-visible{outline-color:#f1efff}.title p{transition:opacity .6s .4s}.stage.touched .title p{opacity:0}@media (max-width:480px){:root{--bar-h:56px;--gap-group:8px}.swatch{width:38px;height:44px}.swatch .dot{width:30px;height:30px}.group[aria-label=Color]{padding:0 4px}.finish{width:44px;height:44px}.chip.round svg{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.swatch .dot,.animal:after,.finish:after,.chip.round,.animal img,.finish .ball{transition:none}.chip.grav.swap svg{animation:none}}.chip.add{width:var(--bar-h);height:var(--bar-h)}.chip.add .plus{font-size:34px}@media (max-width:480px){:root{--bar-h:52px}.chip.add .plus{font-size:30px}.bar{padding-left:8px;padding-right:8px}}.chip.round.gear{position:relative}.chip.round.gear:before{content:"";background:conic-gradient(var(--ink) calc(var(--p,0) * 1turn), transparent 0);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 calc(50% - 3px),#000 calc(50% - 2.5px));mask:radial-gradient(circle,#0000 calc(50% - 3px),#000 calc(50% - 2.5px))}@property --p{syntax:"<number>";inherits:false;initial-value:0}.chip.round.gear.holding:before{opacity:1;animation:hold-fill var(--hold-ms,.8s) linear forwards}.chip.round.gear.holding{transform:scale(.94)}@keyframes hold-fill{0%{--p:0}to{--p:1}}.chip.round.gear.nudge svg{animation:.36s nudge}@keyframes nudge{25%{transform:rotate(-18deg)}60%{transform:rotate(12deg)}}.stage[data-gravity=space] .chip.round.gear:before{background:conic-gradient(#f1efff calc(var(--p,0) * 1turn), transparent 0)}.hint{z-index:7;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.hint .hand{filter:drop-shadow(0 6px 10px #2a262240);width:46px;height:55px;position:absolute;top:-4px;left:-12px}.hint .drop-paint{border-radius:50% 50% 50% 0;width:38px;height:38px;position:absolute;top:0;left:0;rotate:-45deg;box-shadow:inset 0 -4px 6px #0000001f,inset 0 3px 4px #fff9}@media (prefers-reduced-motion:reduce){.chip.round.gear.nudge svg{animation:none}}.row.one-line{--gap-group:8px;flex-wrap:nowrap;max-width:none}.row.one-line .actions{gap:var(--gap-group)}.row.one-line .swatch{width:40px}.row.one-line>*{flex:none}.backdrop{pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.sky{height:var(--sky-h,80%);pointer-events:none;display:none;position:absolute;top:0;left:0;right:0;overflow:hidden}.stage[data-gravity=space] .sky{display:block}.stage[data-gravity=space] .floor{background:0 0;border-top-color:#0000}.sky .tw{background:#fffbea;border-radius:50%;width:3px;height:3px;margin:-1.5px;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px 1px #fffae6b3}.sky .tw.big{width:5px;height:5px;margin:-2.5px;box-shadow:0 0 10px 2px #fffae6bf}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}.sky .shoot{opacity:0;transform-origin:0;background:linear-gradient(270deg,#fffffff2,#bed2ff66 40%,#0000);border-radius:2px;width:120px;height:2px;animation:11s linear 3s infinite shoot;position:absolute;top:8%;left:70%;transform:rotate(-24deg)translate(0)}.sky .shoot.two{width:90px;animation-duration:17s;animation-delay:9s;top:4%;left:35%}@keyframes shoot{0%{opacity:0;transform:rotate(160deg)translate(0)}1%{opacity:1}6%{opacity:0;transform:rotate(160deg)translate(420px)}to{opacity:0;transform:rotate(160deg)translate(420px)}}.stage[data-gravity=space] .backdrop{animation:18s ease-in-out infinite alternate sky-drift}@keyframes sky-drift{0%{transform:translate(0,0)}to{transform:translate(-4px,-3px)}}@media (prefers-reduced-motion:reduce){.sky .tw,.sky .shoot,.stage[data-gravity=space] .backdrop{animation:none}.sky .shoot{display:none}}.stage[data-gravity=moon] .title h1{color:#f1efff}.stage[data-gravity=moon] .title p{color:#b9b6e0}.stage[data-gravity=moon] .chip.round:focus-visible{outline-color:#f1efff}.stage[data-gravity=moon] .chip.round.gear:before{background:conic-gradient(#f1efff calc(var(--p,0) * 1turn), transparent 0)}.chip.grav[data-mode=pit]{background:#e2558c}.chip.grav[data-mode=moon]{background:#3d4280}.animal.more{color:var(--ink);background:#2a26220f}.animal.more .chev{width:30px;height:30px;transition:transform .24s var(--spring)}.animal.more[aria-expanded=true] .chev{transform:rotate(180deg)}.animal.more .badge{z-index:1;background:var(--ink);width:24px;height:24px;color:var(--chip,#fff);border-radius:50%;place-items:center;display:grid;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #2a262240}.animal.more .badge .chev{color:#fff;stroke-width:4px;width:18px;height:18px}.animal.more[aria-pressed=true]{background:0 0}.row-drawer{z-index:9;box-sizing:border-box;grid-template-columns:repeat(var(--cols,5), var(--size,56px));grid-auto-rows:var(--row-h,64px);align-items:center;gap:0 var(--gap,2px);padding:0 var(--pad,6px);transform-origin:50% 100%;animation:drawer-up .3s var(--spring);background:#faf8f4f7;border-radius:999px;transition:opacity .16s;display:grid;position:absolute;box-shadow:0 10px 30px #2a262233}.row-drawer[hidden]{display:none}.animal-drawer .animal{width:var(--size,56px);height:var(--size,56px)}.animal-drawer .animal img{width:calc(var(--size,56px) - 4px);height:calc(var(--size,56px) - 4px)}.row-drawer>:first-child{animation:drawer-item .28s var(--spring) 30ms both}.row-drawer>:nth-child(2){animation:drawer-item .28s var(--spring) 60ms both}.row-drawer>:nth-child(3){animation:drawer-item .28s var(--spring) 90ms both}.row-drawer>:nth-child(4){animation:drawer-item .28s var(--spring) .12s both}.row-drawer>:nth-child(n+5){animation:drawer-item .28s var(--spring) .15s both}.row-drawer.dragging{opacity:0;pointer-events:none}@keyframes drawer-up{0%{transform:translateY(var(--row-h,64px)) scale(.97);opacity:0}}@keyframes drawer-item{0%{opacity:0;transform:translateY(12px)scale(.7)}}@media (prefers-reduced-motion:reduce){.row-drawer,.row-drawer>*,.animal.more .chev,.swatch.more .chev{transition:none!important;animation:none!important}}.row-drawer .swatch{width:var(--size,40px)}.swatch.more{position:relative}.swatch.more .dot.plain{box-shadow:none;color:var(--ink);background:#2a262212;place-items:center;display:grid}.swatch.more .dot.plain .chev{width:22px;height:22px;transition:transform .24s var(--spring)}.swatch.more[aria-expanded=true] .dot.plain .chev{transform:rotate(180deg)}.swatch.more .badge{background:var(--ink);z-index:1;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:0;right:-2px;box-shadow:0 2px 6px #2a262240}.swatch.more .badge .chev{color:#fff;stroke-width:4px;width:15px;height:15px}.sea{height:var(--sky-h,80%);pointer-events:none;display:none;position:absolute;top:0;left:0;right:0;overflow:hidden}.stage[data-gravity=sea] .sea{display:block}.stage[data-gravity=sea]{background:#2a9cc6}.stage[data-gravity=sea] .floor{background:0 0;border-top-color:#0000}.stage[data-gravity=sea] .title h1{color:#f4fdff}.stage[data-gravity=sea] .title p{color:#d6f4fb}.stage[data-gravity=sea] .chip.round:focus-visible{outline-color:#f4fdff}.chip.grav[data-mode=sea]{background:#1f8cbc}.sea .ray{transform-origin:top;filter:blur(6px);background:linear-gradient(#fffff038,#fffff000);width:14%;height:110%;animation:7s ease-in-out infinite alternate ray;position:absolute;top:-5%;transform:skew(-14deg)}.sea .ray.r1{left:14%}.sea .ray.r2{width:9%;animation-delay:-2.5s;left:46%}.sea .ray.r3{width:12%;animation-delay:-5s;left:72%}@keyframes ray{0%{opacity:.25;transform:skew(-14deg)translate(0)}to{opacity:.85;transform:skew(-10deg)translate(18px)}}.sea .fish{width:54px;height:32px;animation:34s linear infinite swim;position:absolute;left:-80px}.sea .fish svg{width:100%;height:100%;animation:2.2s ease-in-out infinite alternate bob-flip;display:block}.sea .fish.f1{animation-duration:38s;top:22%}.sea .fish.f2{width:40px;height:24px;animation-name:swim-back;animation-duration:29s;animation-delay:-12s;top:40%;left:auto;right:-80px}.sea .fish.f2 svg{animation-name:bob}.sea .fish.f3{width:34px;height:20px;animation-duration:45s;animation-delay:-30s;top:12%}@keyframes swim{0%{transform:translate(0)}to{transform:translate(calc(100vw + 160px))}}@keyframes swim-back{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 160px))}}@keyframes bob{0%{transform:translateY(-4px)rotate(-3deg)}to{transform:translateY(4px)rotate(3deg)}}@keyframes bob-flip{0%{transform:scaleX(-1)translateY(-4px)rotate(-3deg)}to{transform:scaleX(-1)translateY(4px)rotate(3deg)}}.sea .speck{background:#ffffff8c;border-radius:50%;width:3px;height:3px;animation:12s linear infinite speck;position:absolute}@keyframes speck{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(20px,-90px)}}@media (prefers-reduced-motion:reduce){.sea .ray,.sea .fish,.sea .fish svg,.sea .speck{animation:none}.sea .fish{display:none}}.remove-friend{z-index:8;cursor:pointer;color:#e8475f;touch-action:none;-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:50%;place-items:center;width:68px;height:68px;padding:0;display:grid;position:absolute;top:0;left:0;box-shadow:0 8px 24px #2a262247,inset 0 -3px #2a26220f}.remove-friend[hidden]{display:none}.remove-friend svg{width:40px;height:40px}.remove-friend.pop svg{animation:rm-pop .42s var(--spring)}.remove-friend:active svg{transform:scale(.86)}@keyframes rm-pop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}}@media (max-width:480px){.remove-friend{width:60px;height:60px}.remove-friend svg{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.remove-friend.pop svg{animation:none}}.setting.music-row{cursor:default;box-sizing:border-box}.setting.music-row:hover{background:0 0}.music-row .s-label{flex:none}.music-row .m-vol{width:0;min-width:60px;max-width:150px;accent-color:var(--ink);flex:auto;margin:0 4px 0 auto;transition:opacity .16s}.music-row .m-vol:disabled{opacity:.3}.music-row .m-switch{cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin:0;padding:0;display:grid}.music-row .m-switch .switch{flex:none;display:block}.music-row[data-on=true] .switch{background:var(--chip-on)}.music-row[data-on=true] .switch span{transform:translate(18px)}.start{z-index:50;padding:env(safe-area-inset-top,0px) 16px calc(env(safe-area-inset-bottom,0px) + 48px);box-sizing:border-box;background:linear-gradient(#fff 0%,#f6f5f7 55%,#e9e7ec 100%);flex-direction:column;align-items:center;transition:opacity .42s,transform .5s cubic-bezier(.5,-.3,.6,1);display:flex;position:fixed;inset:0}.start canvas.logo{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;flex:auto;width:100%;max-width:980px;min-height:0;max-height:62vh}.start canvas.logo:active{cursor:grabbing}.start-buttons{flex-direction:column;flex:none;align-items:center;gap:18px;padding-bottom:6vh;display:flex}.start.leaving{opacity:0;pointer-events:none;transform:scale(1.06)}.jelly-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;min-width:220px;height:92px;font:700 46px/1 var(--face);letter-spacing:.02em;text-shadow:0 2px #a0284640;transform-origin:50% 90%;background:radial-gradient(60% 46% at 50% 18%,#ffffffbf,#fff0 72%),radial-gradient(90% 70% at 50% 110%,#ffd2aa8c,#ffd2aa00 70%),linear-gradient(#ff9ab8 0%,#ff6f98 55%,#f2577f 100%);border:0;border-radius:999px;padding:0 56px;animation:2.6s ease-in-out infinite jelly-breathe;position:relative;box-shadow:inset 0 -10px 18px #be285a59,inset 0 6px 10px #ffffff8c,inset 0 0 0 2px #ffffff40,0 18px 30px -8px #f2577f8c,0 6px #d63c6459}.jelly-btn span{display:inline-block;position:relative}.jelly-btn:after{content:"";filter:blur(2px);pointer-events:none;background:#fffc;border-radius:50%;width:22%;height:18%;position:absolute;top:14%;left:18%;transform:rotate(-12deg)}.jelly-btn:hover{animation:.7s jelly-wobble}.jelly-btn:active{transition:transform 80ms;animation:none;transform:scale(1.1,.84)}.toy-root .start .jelly-btn:focus-visible{outline-offset:6px;outline:4px solid #f2577f59}.jelly-btn.ok{text-shadow:0 2px #146e4640;background:radial-gradient(60% 46% at 50% 18%,#ffffffb3,#fff0 72%),linear-gradient(#8fdcb6 0%,#4fc495 60%,#34ad7f 100%);min-width:150px;height:64px;margin-top:8px;padding:0 36px;font-size:30px;animation:none;box-shadow:inset 0 -8px 14px #14785059,inset 0 5px 8px #ffffff8c,0 14px 24px -8px #34ad7f8c,0 5px #1e8c5f59}.jelly-btn.ok:hover{animation:.7s jelly-wobble}@keyframes jelly-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,.97)}}@keyframes jelly-wobble{0%{transform:scale(1)}25%{transform:scale(1.08,.9)}45%{transform:scale(.95,1.06)}65%{transform:scale(1.03,.97)}85%{transform:scale(.99,1.01)}to{transform:scale(1)}}.soft-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;height:48px;font:600 20px/1 var(--face);color:var(--ink-soft);background:#f4f2ee;border:0;border-radius:999px;padding:0 28px;transition:transform .15s,background .15s;box-shadow:inset 0 0 0 1px #2a26220f}.soft-btn:hover{color:var(--ink);background:#eeebe5}.soft-btn:active{transform:scale(.95)}.toy-root .start .soft-btn:focus-visible{outline-offset:4px;outline:3px solid #2a262233}.about-card{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.about-inner{box-sizing:border-box;text-align:center;width:min(460px,100%);max-height:calc(100% - 20px);color:var(--ink);background:#fff;border-radius:36px;padding:30px 28px 26px;animation:.5s cubic-bezier(.3,1.6,.5,1) card-pop;position:relative;overflow:auto;box-shadow:0 40px 90px -10px #5a3c8c52,0 14px 34px #ff6f9824,0 2px 6px #2a26220f}.about-inner h2{font:700 34px/1.1 var(--face);color:#f2577f;margin:0 0 4px}.about-inner .lede{color:var(--ink-soft);margin:0 0 18px;font-size:18px}.about-inner ul{text-align:left;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.about-inner li{background:#faf8f5;border-radius:20px;align-items:center;gap:14px;padding:10px 12px;font-size:16px;line-height:1.3;display:flex}.about-inner li b{font-size:17px;font-weight:600}.about-inner .ic{background:#fff;border-radius:16px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 4px 10px #2a262214}.about-inner .ic svg{width:32px;height:32px}.about-inner .grownups{color:var(--ink-soft);margin:0 0 10px;font-size:13px;line-height:1.4}.about-card.closing{animation:.18s forwards fade-out}.about-card.closing .about-inner{animation:.18s forwards card-out}@keyframes card-pop{0%{opacity:0;transform:translateY(30px)scale(.7)}60%{opacity:1}to{transform:none}}@keyframes card-out{to{opacity:0;transform:scale(.9)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@media (max-height:560px){.jelly-btn:not(.ok){height:70px;font-size:36px}.start-buttons{gap:10px;padding-bottom:2vh}}@media (prefers-reduced-motion:reduce){.jelly-btn,.jelly-btn:hover,.about-inner,.about-card{animation:none!important}.start{transition:opacity .2s}.start.leaving{transform:none}}.start .credit{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);text-align:center;font:500 14px/1.4 var(--face);color:#a39b94;letter-spacing:.01em;margin:0;position:absolute}.start .credit a{color:#f2577f;background:linear-gradient(#0000 62%,#ffb6d373 62%);border-radius:8px;padding:0 2px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-block}.start .credit a:hover{animation:.7s jelly-wobble}.start .credit a:active{transform:scale(1.08,.9)}.toy-root .start .credit a:focus-visible{outline-offset:2px;outline:2px solid #f2577f66}.start .credit .heart{vertical-align:-1px;width:13px;height:12px;clip-path:path("M6.5 12C6.5 12 0 7.6 0 3.6 0 1.6 1.5 0 3.4 0 4.8 0 5.9.8 6.5 2 7.1.8 8.2 0 9.6 0 11.5 0 13 1.6 13 3.6 13 7.6 6.5 12 6.5 12Z");background:radial-gradient(40% 35% at 35% 35%,#ffffffe6,#0000 70%),#ff8fb3;margin-left:2px;animation:1.6s ease-in-out infinite heart-beat;display:inline-block}@keyframes heart-beat{0%,to{transform:scale(1)}12%{transform:scale(1.25,1.15)}24%{transform:scale(.95)}36%{transform:scale(1.12)}50%{transform:scale(1)}}@media (max-height:560px){.start .credit{font-size:12px;bottom:4px}}@media (prefers-reduced-motion:reduce){.start .credit .heart,.start .credit a:hover{animation:none}}.start .sound-toggle{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:6px;position:absolute}.start .st-track{background:linear-gradient(#d8d4dc,#e6e3e8);border-radius:999px;width:76px;height:42px;transition:background .25s,box-shadow .25s;display:block;position:relative;box-shadow:inset 0 3px 6px #3c32462e,inset 0 -2px 3px #ffffffb3}.start .st-knob{color:#9a94a0;background:radial-gradient(60% 50% at 40% 28%,#fff,#fff0 70%),linear-gradient(#fff,#efedf1);border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .42s cubic-bezier(.3,1.7,.45,1),color .2s;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 3px 8px #3c285038,inset 0 -3px 5px #786e8c1f}.start .st-knob svg{width:20px;height:20px;transition:opacity .15s,transform .3s cubic-bezier(.3,1.7,.45,1);position:absolute}.start .st-on{opacity:0;transform:scale(.5)}.start .sound-toggle[aria-checked=true] .st-track{background:radial-gradient(60% 50% at 50% 18%,#ffffff8c,#fff0 72%),linear-gradient(#ff9ab8,#f2577f);box-shadow:inset 0 -5px 9px #be285a4d,inset 0 3px 5px #ffffff73,0 6px 14px -4px #f2577f80}.start .sound-toggle[aria-checked=true] .st-knob{color:#f2577f;transform:translate(34px)}.start .sound-toggle[aria-checked=true] .st-on{opacity:1;transform:scale(1)}.start .sound-toggle[aria-checked=true] .st-off{opacity:0;transform:scale(.5)}.start .sound-toggle:active .st-knob{width:40px}.start .sound-toggle[aria-checked=true]:active .st-knob{transform:translate(28px)}.toy-root .start .sound-toggle:focus-visible{outline:none}.toy-root .start .sound-toggle:focus-visible .st-track{outline-offset:3px;outline:3px solid #f2577f59}@media (max-width:600px){.start .credit{text-align:left;right:104px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}}@media (prefers-reduced-motion:reduce){.start .st-knob,.start .st-knob svg{transition:none}}.bar>.chip.round.exit{right:calc(env(safe-area-inset-right,0px) + 12px);transform-origin:100%;position:absolute;top:0}.about-inner .about-icon{border-radius:24px;width:96px;height:96px;margin:0 auto 12px;animation:3s ease-in-out infinite icon-bob;display:block;box-shadow:0 14px 30px -8px #6e41d580}@keyframes icon-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.about-inner .about-icon{animation:none}}html.fill-gap,html.fill-gap body{height:var(--app-h)}html.fill-gap .stage,html.fill-gap .start{height:var(--app-h);bottom:auto}