.sets.svelte-1ctgagy{display:flex;justify-content:center;gap:10px;margin-top:14px}.set-chip.svelte-1ctgagy{min-height:48px;padding:6px 16px;border-radius:24px;border:2px solid #e5dcc4;background:#fffdf6;font-weight:800}.set-chip.svelte-1ctgagy span:where(.svelte-1ctgagy){margin-right:6px;font-size:20px}.set-chip.chosen.svelte-1ctgagy,.puzzle-chip.chosen.svelte-1ctgagy{background:#477a50;color:#fff;border-color:#325c3a}.puzzle-switch.svelte-1ctgagy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:8px}.arrow.svelte-1ctgagy{width:48px;height:48px;padding:0;border-radius:50%;font-size:18px}.puzzle-strip.svelte-1ctgagy{display:flex;gap:8px;overflow-x:auto;padding:6px 4px;scroll-snap-type:x proximity;scrollbar-width:thin}.puzzle-chip.svelte-1ctgagy{flex:0 0 auto;scroll-snap-align:center;min-height:48px;min-width:56px;padding:6px 12px;border-radius:24px;border:2px solid #e5dcc4;background:#fffdf6;font-weight:800;font-size:14px;white-space:nowrap}.puzzle-chip.svelte-1ctgagy span:where(.svelte-1ctgagy):first-child{font-size:18px;margin-right:4px}.star.svelte-1ctgagy{margin-left:4px}.play.svelte-1ctgagy{display:grid;grid-template-columns:110px minmax(0,1fr) 110px;grid-template-areas:"left board right";gap:12px;margin-top:10px;align-items:center}.tray.svelte-1ctgagy{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:120px}.tray-0.svelte-1ctgagy{grid-area:left}.tray-1.svelte-1ctgagy{grid-area:right}.board.svelte-1ctgagy{grid-area:board;width:100%;max-height:52vh;background:#fffdf6;border-radius:24px;box-shadow:inset 0 0 0 2px #e5dcc4}.piece.svelte-1ctgagy{width:96px;height:80px;padding:8px;border-radius:18px;border:2px solid #e5dcc4;background:#fffdf6;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.piece.svelte-1ctgagy svg:where(.svelte-1ctgagy){width:100%;height:100%;overflow:visible}.piece.selected.svelte-1ctgagy{outline:4px solid #477a50;outline-offset:2px}.piece.lifted.svelte-1ctgagy{opacity:.35}.ghost.hint.svelte-1ctgagy{stroke:#477a50;stroke-opacity:.6}.placed.pop.svelte-1ctgagy{animation:svelte-1ctgagy-pop .26s ease-out;transform-box:fill-box;transform-origin:center}@keyframes svelte-1ctgagy-pop{0%{transform:scale(1.12)}to{transform:scale(1)}}.floating.svelte-1ctgagy{position:fixed;z-index:20;transform:translate(-50%,-50%);pointer-events:none;overflow:visible;filter:drop-shadow(0 6px 8px #243f3540)}.keyboard-place.svelte-1ctgagy,.celebrate.svelte-1ctgagy{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.confetti.svelte-1ctgagy{font-size:26px}@media(max-width:700px){.play.svelte-1ctgagy{grid-template-columns:1fr;grid-template-areas:"left" "board" "right";gap:8px}.tray.svelte-1ctgagy{flex-direction:row;flex-wrap:wrap;justify-content:center;min-height:70px}.piece.svelte-1ctgagy{width:72px;height:62px;padding:6px}.board.svelte-1ctgagy{max-height:38vh}}@media(max-height:500px){.sets.svelte-1ctgagy{margin-top:4px}.play.svelte-1ctgagy{grid-template-columns:90px minmax(0,1fr) 90px;grid-template-areas:"left board right";margin-top:4px}.tray.svelte-1ctgagy{flex-direction:column}.piece.svelte-1ctgagy{width:76px;height:54px}.board.svelte-1ctgagy{max-height:58vh}}.picture-switch.svelte-18ogudo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:14px}.arrow.svelte-18ogudo{width:48px;height:48px;padding:0;border-radius:50%;font-size:18px}.picture-strip.svelte-18ogudo{display:flex;gap:8px;overflow-x:auto;padding:6px 4px;scroll-snap-type:x proximity;scrollbar-width:thin}.picture-chip.svelte-18ogudo{flex:0 0 auto;scroll-snap-align:center;min-height:48px;padding:6px 14px;border-radius:24px;border:2px solid #e5dcc4;background:#fffdf6;font-weight:800;font-size:14px;white-space:nowrap}.picture-chip.svelte-18ogudo span:where(.svelte-18ogudo):first-child{font-size:20px;margin-right:6px}.picture-chip.chosen.svelte-18ogudo{background:#477a50;color:#fff;border-color:#325c3a}.star.svelte-18ogudo{margin-left:4px}.coloring-area.svelte-18ogudo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-top:12px;align-items:start}.stage.svelte-18ogudo{position:relative;width:min(100%,460px);aspect-ratio:1;justify-self:center;border-radius:24px;background:#fffdf6;box-shadow:inset 0 0 0 2px #e5dcc4;overflow:hidden}.stage.svelte-18ogudo svg:where(.svelte-18ogudo),.stage.svelte-18ogudo canvas:where(.svelte-18ogudo){position:absolute;inset:0;width:100%;height:100%}canvas.svelte-18ogudo{touch-action:none;cursor:crosshair}.lines.svelte-18ogudo{pointer-events:none;fill:none;stroke:#3b3b3b;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.side.svelte-18ogudo{display:grid;gap:12px;justify-items:center}.paints.svelte-18ogudo{display:grid;grid-template-columns:repeat(2,52px);gap:10px}.pot.svelte-18ogudo{width:52px;height:52px;border-radius:50%;border:3px solid #fffdf6;background:radial-gradient(circle at 30% 25%,#ffffff88,transparent 40%),var(--paint);box-shadow:0 3px 8px #243f3530;padding:0}.pot.chosen.svelte-18ogudo{outline:4px solid #325c3a;outline-offset:2px}.meter.svelte-18ogudo{position:relative;width:124px;height:30px;border-radius:15px;background:#ece5d2;overflow:hidden;display:grid;place-items:center}.meter-fill.svelte-18ogudo{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#b6d49a,#5bb450)}.meter.svelte-18ogudo strong:where(.svelte-18ogudo){position:relative;font-size:14px}.celebrate.svelte-18ogudo{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#fffdf6b8;text-align:center}.celebrate.svelte-18ogudo p:where(.svelte-18ogudo){margin:0;font-size:24px;font-weight:800;color:#325c3a}.celebrate-actions.svelte-18ogudo{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.confetti.svelte-18ogudo{display:flex;gap:10px;font-size:32px}.confetti.svelte-18ogudo span:where(.svelte-18ogudo){animation:svelte-18ogudo-bounce .9s ease-in-out infinite;animation-delay:calc(var(--i) * .12s)}@keyframes svelte-18ogudo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:700px){.coloring-area.svelte-18ogudo{grid-template-columns:1fr}.side.svelte-18ogudo{grid-template-columns:1fr auto;align-items:center}.paints.svelte-18ogudo{grid-template-columns:repeat(5,44px);grid-column:1 / -1;justify-content:center}.pot.svelte-18ogudo{width:44px;height:44px}}@media(max-height:500px){.picture-switch.svelte-18ogudo{margin-top:4px}.coloring-area.svelte-18ogudo{grid-template-columns:auto auto;justify-content:center;margin-top:6px}.stage.svelte-18ogudo{width:min(56vh,300px)}.paints.svelte-18ogudo{grid-template-columns:repeat(5,40px)}.pot.svelte-18ogudo{width:40px;height:40px}}.chips.svelte-1umsorn{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip.svelte-1umsorn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px;border:2px solid #d3dcc4;border-radius:22px;background:#fffdf6;font-size:14px;font-weight:700;box-shadow:0 3px #243f3512}.chip.svelte-1umsorn span:where(.svelte-1umsorn){font-size:20px;line-height:1}.chip[aria-pressed=true].svelte-1umsorn{background:#477a50;border-color:#325c3a;color:#fff9ed}@media(max-width:700px){.chips.svelte-1umsorn{gap:6px}.chip.svelte-1umsorn{padding:4px 10px;font-size:13px;gap:4px}.chip.svelte-1umsorn span:where(.svelte-1umsorn){font-size:17px}}.dance-play.svelte-13tyqui h1:where(.svelte-13tyqui){margin-top:12px}.dance-play.svelte-13tyqui h1:where(.svelte-13tyqui) small:where(.svelte-13tyqui){font-size:.5em;color:#5e7555;font-weight:700}.style-switch.svelte-13tyqui{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:14px}.arrow.svelte-13tyqui{width:48px;height:48px;padding:0;border-radius:50%;font-size:18px}.style-strip.svelte-13tyqui{display:flex;gap:8px;overflow-x:auto;padding:6px 4px;scroll-snap-type:x proximity;scrollbar-width:thin}.style-chip.svelte-13tyqui{flex:0 0 auto;scroll-snap-align:center;min-height:48px;padding:6px 14px;border-radius:24px;border:2px solid #e5dcc4;background:#fffdf6;font-weight:800;font-size:14px;white-space:nowrap}.style-chip.svelte-13tyqui span:where(.svelte-13tyqui){font-size:20px;margin-right:6px}.style-chip.chosen.svelte-13tyqui{background:#477a50;color:#fff;border-color:#325c3a}.dance-floor.svelte-13tyqui{margin-top:10px;padding:12px;border-radius:28px;background:linear-gradient(135deg,var(--floor-a),var(--floor-b));min-height:120px;display:grid;gap:8px;transition:background .6s}.calm.svelte-13tyqui .dance-floor:where(.svelte-13tyqui){transition:none}.lights.svelte-13tyqui{display:flex;justify-content:center;gap:14px}.lights.svelte-13tyqui span:where(.svelte-13tyqui){width:16px;height:16px;border-radius:50%;background:#fff3}.lights.svelte-13tyqui span.on:where(.svelte-13tyqui){background:#ffd36e;box-shadow:0 0 12px #ffd36e}.dancers.svelte-13tyqui{display:flex;justify-content:center;align-items:flex-end;gap:10px;min-height:64px}.dancer.svelte-13tyqui{font-size:44px;display:inline-block}.dancer.hop.svelte-13tyqui{animation:svelte-13tyqui-hop .28s ease-out}@keyframes svelte-13tyqui-hop{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(-14px) rotate(-6deg)}to{transform:translateY(0) rotate(0)}}.empty.svelte-13tyqui{color:#e8e2ff;font-weight:700;align-self:center}.parts.svelte-13tyqui{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.part.svelte-13tyqui{min-height:86px;padding:6px 2px;border-radius:22px;border:3px solid #ffffffc9;background:color-mix(in srgb,var(--color) 45%,#fffdf6);font-weight:800;font-size:13px;line-height:1.15;opacity:.8;overflow-wrap:anywhere}.part.svelte-13tyqui span:where(.svelte-13tyqui){display:block;font-size:30px}.part.on.svelte-13tyqui{background:var(--color);border-color:#325c3a;opacity:1;box-shadow:0 0 0 4px #fffdf6,0 6px 14px #243f3522}.mixer.svelte-13tyqui{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:14px;align-items:stretch}.eq.svelte-13tyqui{border:2px solid #e5dcc4;border-radius:22px;padding:8px 14px 10px;display:grid;gap:4px;margin:0}.eq.svelte-13tyqui legend:where(.svelte-13tyqui){font-weight:800;padding:0 6px}.band.svelte-13tyqui{display:grid;grid-template-columns:30px 70px 1fr;align-items:center;gap:6px;font-weight:700}.band.svelte-13tyqui span:where(.svelte-13tyqui):first-child{font-size:24px}.band.svelte-13tyqui input:where(.svelte-13tyqui){width:100%;height:36px;accent-color:#477a50}.even.svelte-13tyqui{justify-self:end}.moves.svelte-13tyqui{display:grid;gap:10px}.move.svelte-13tyqui{min-width:104px;min-height:76px;border-radius:24px;font-weight:800;font-size:16px;border:3px solid #ffffffc9;touch-action:none;-webkit-user-select:none;user-select:none}.move.svelte-13tyqui span:where(.svelte-13tyqui){display:block;font-size:28px}.whoosh.svelte-13tyqui{background:#cfe7f2}.drop.svelte-13tyqui{background:#f6d8e6}.move.held.svelte-13tyqui{border-color:#325c3a;box-shadow:0 0 0 4px #b6d49a}.dance-controls.svelte-13tyqui{display:flex;justify-content:center;margin-top:12px}.speed.svelte-13tyqui{margin-top:10px}@media(max-width:700px){.parts.svelte-13tyqui{gap:6px}.part.svelte-13tyqui{min-height:72px;font-size:11px}.part.svelte-13tyqui span:where(.svelte-13tyqui){font-size:24px}.mixer.svelte-13tyqui{grid-template-columns:1fr}.moves.svelte-13tyqui{grid-template-columns:1fr 1fr}.move.svelte-13tyqui{min-height:64px}.dancer.svelte-13tyqui{font-size:36px}}@media(max-height:500px){.dance-play.svelte-13tyqui h1:where(.svelte-13tyqui){margin-top:4px}.style-switch.svelte-13tyqui{margin-top:4px}.dance-floor.svelte-13tyqui{min-height:70px;padding:6px;margin-top:6px}.dancers.svelte-13tyqui{min-height:40px}.dancer.svelte-13tyqui{font-size:28px}.part.svelte-13tyqui{min-height:56px}.part.svelte-13tyqui span:where(.svelte-13tyqui){font-size:20px}.move.svelte-13tyqui{min-height:54px}}.wheel-play.svelte-t9ew0g h1:where(.svelte-t9ew0g){margin-top:28px}.wheel-play.svelte-t9ew0g>p:where(.svelte-t9ew0g){color:#5e7555}.wheel-garden.svelte-t9ew0g{--size: 330px;margin-top:20px;padding:16px 20px 24px;border-radius:32px;background:linear-gradient(#ece6f6,#f6f4d9 78%,#c5dca2 79%,#a9c78f);display:grid;justify-items:center;gap:14px}.palette.svelte-t9ew0g{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:620px}.bubble.svelte-t9ew0g,.drag-bubble.svelte-t9ew0g{background:radial-gradient(circle at 30% 20%,#ffffffc9,transparent 45%),var(--color);border:2px solid #ffffffc9;border-radius:50%;box-shadow:inset -5px -7px 10px #fff5,0 6px 12px #243f3515;font-weight:800}.bubble.svelte-t9ew0g{width:72px;height:72px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;font-size:14px;padding:0}.bubble.svelte-t9ew0g span:where(.svelte-t9ew0g){display:block;font-size:24px;line-height:1.1}.quiet-bubble.svelte-t9ew0g{--color: #fff9ed}.selected.svelte-t9ew0g{outline:3px solid #477a50;outline-offset:4px}.wheel-stage.svelte-t9ew0g{position:relative;width:var(--size);height:var(--size)}.pointer.svelte-t9ew0g{position:absolute;left:50%;top:-20px;transform:translate(-50%);z-index:2;font-size:28px;color:#325c3a}.wheel.svelte-t9ew0g{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#fffdf6 0 28%,#f3ead2 29% 100%);border:6px solid #e2c99a;box-shadow:0 10px 22px #243f3522;transition:transform .28s ease-out}.spot.svelte-t9ew0g{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;border:2px dashed #92ab7e;background:var(--color);padding:0;transform:rotate(var(--angle)) translateY(calc(var(--size) * -.36)) rotate(calc(var(--angle) * -1))}.upright.svelte-t9ew0g{display:grid;place-items:center;transition:transform .28s ease-out}.upright.svelte-t9ew0g span:where(.svelte-t9ew0g){font-size:26px;line-height:1}.upright.svelte-t9ew0g small:where(.svelte-t9ew0g){font-size:11px;font-weight:800}.spot.current.svelte-t9ew0g{border:3px solid #325c3a}.spot.lit.svelte-t9ew0g{box-shadow:0 0 0 6px #fff3a8,0 0 18px 6px #f4d35e}.spot.drop-ready.svelte-t9ew0g{border:3px solid #477a50;box-shadow:0 0 0 5px #b6d49a}.hub.svelte-t9ew0g{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;font-size:34px;padding:0;z-index:1}.hub.svelte-t9ew0g:disabled{opacity:.6}.calm.svelte-t9ew0g .wheel:where(.svelte-t9ew0g),.calm.svelte-t9ew0g .upright:where(.svelte-t9ew0g){transition:none}.wheel-controls.svelte-t9ew0g{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:16px}.speed.svelte-t9ew0g{margin-top:12px}.drag-bubble.svelte-t9ew0g{position:fixed;z-index:20;transform:translate(-50%,-50%);pointer-events:none;width:72px;height:72px;display:grid;place-items:center;font-size:13px}@media(max-width:700px){.wheel-garden.svelte-t9ew0g{--size: 290px;padding:12px 10px 18px}.bubble.svelte-t9ew0g{width:60px;height:60px;font-size:12px}.bubble.svelte-t9ew0g span:where(.svelte-t9ew0g){font-size:20px}.spot.svelte-t9ew0g{width:64px;height:64px;margin:-32px 0 0 -32px}.hub.svelte-t9ew0g{width:80px;height:80px;margin:-40px 0 0 -40px}}@media(max-height:500px){.wheel-play.svelte-t9ew0g h1:where(.svelte-t9ew0g){margin-top:8px}.wheel-garden.svelte-t9ew0g{--size: 230px;grid-template-columns:1fr auto;align-items:center;margin-top:8px;padding:22px 12px 10px}.bubble.svelte-t9ew0g{width:52px;height:52px;font-size:11px}.bubble.svelte-t9ew0g span:where(.svelte-t9ew0g){font-size:17px}.spot.svelte-t9ew0g{width:52px;height:52px;margin:-26px 0 0 -26px}.upright.svelte-t9ew0g span:where(.svelte-t9ew0g){font-size:19px}.hub.svelte-t9ew0g{width:66px;height:66px;margin:-33px 0 0 -33px;font-size:26px}}.meadow.svelte-cdlqs2{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.new-music.svelte-5ykd9b h1:where(.svelte-5ykd9b){margin-top:20px}.playground.svelte-5ykd9b{position:relative;overflow:hidden;border-radius:28px;background:#d9eef1}.instruments.svelte-5ykd9b{position:relative;padding:28px 24px;min-height:260px;display:grid;align-content:center;gap:20px}.instruments.svelte-5ykd9b .music-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;align-items:center}.instruments.svelte-5ykd9b .play-pad{border:2px solid #ffffffd9;background:var(--color, #f7e4b2);border-radius:24px;min-height:110px;min-width:84px;padding:16px;font-weight:800;box-shadow:0 5px #243f3518}.instruments.svelte-5ykd9b .play-pad span{display:block;font-size:38px;margin-bottom:8px}.instruments.svelte-5ykd9b .lit{outline:4px solid #456d45;outline-offset:3px}.instruments.svelte-5ykd9b button:disabled{opacity:.6}.instruments.svelte-5ykd9b select{min-height:44px;padding:8px;border:1px solid #a3b48c;border-radius:12px;background:#fffdf6;font:inherit}@media(max-width:700px){.instruments.svelte-5ykd9b{padding:20px 12px}.instruments.svelte-5ykd9b .play-pad{min-width:62px;padding:12px 8px}}@media(max-height:500px){.instruments.svelte-5ykd9b{min-height:160px;padding:16px;gap:12px}}@media(min-height:501px)and (max-width:700px){.instruments.svelte-5ykd9b{min-height:clamp(260px,calc(100dvh - 330px),620px)}}.rows.svelte-bb6djs{display:grid;gap:10px}.row.svelte-bb6djs{display:grid;grid-template-columns:92px 1fr 1fr;gap:10px;align-items:stretch}.row-name.svelte-bb6djs{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:800;font-size:14px;background:#fffdf6cc;border-radius:16px}.row-name.svelte-bb6djs span:where(.svelte-bb6djs){font-size:24px}.rows.svelte-bb6djs .tile:where(.svelte-bb6djs){min-height:72px;min-width:0;padding:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}.rows.svelte-bb6djs .tile:where(.svelte-bb6djs) span:where(.svelte-bb6djs){display:inline;margin:0;font-size:28px}.rows.svelte-bb6djs .tile:where(.svelte-bb6djs):not(.lit){background:color-mix(in srgb,var(--color) 40%,#fffdf6)}.rocking.svelte-bb6djs span:where(.svelte-bb6djs){animation:svelte-bb6djs-rock var(--beat) ease-in-out infinite}.calm.svelte-bb6djs .rocking:where(.svelte-bb6djs) span:where(.svelte-bb6djs){animation:none}@keyframes svelte-bb6djs-rock{50%{transform:translateY(-5px) rotate(-8deg)}}.lights.svelte-bb6djs{display:flex;justify-content:center;gap:4px}.lights.svelte-bb6djs span:where(.svelte-bb6djs){width:14px;height:14px;border-radius:50%;background:#fff9ed;box-shadow:0 1px #243f3522}.lights.svelte-bb6djs .bar:where(.svelte-bb6djs){background:#f0e6c8}.lights.svelte-bb6djs .on:where(.svelte-bb6djs){background:#e0623f}.crash.svelte-bb6djs{background:#b8572f;border-bottom-color:#8a3f22}@media(max-width:700px){.row.svelte-bb6djs{grid-template-columns:64px 1fr 1fr;gap:8px}.row-name.svelte-bb6djs{font-size:11px}.rows.svelte-bb6djs .tile:where(.svelte-bb6djs){min-height:64px;font-size:14px;gap:4px;flex-direction:column}.rows.svelte-bb6djs .tile:where(.svelte-bb6djs) span:where(.svelte-bb6djs){font-size:24px}.lights.svelte-bb6djs span:where(.svelte-bb6djs){width:12px;height:12px}}@media(max-height:500px){.rows.svelte-bb6djs{gap:6px}.rows.svelte-bb6djs .tile:where(.svelte-bb6djs){min-height:44px;flex-direction:row}}.path.svelte-111j6ne{list-style:none;margin:0;padding:34px 0 0;display:flex;justify-content:center;align-items:end;gap:8px}.stone.svelte-111j6ne{position:relative;width:46px;height:28px;border-radius:50%;background:#fff9ed;box-shadow:0 4px #243f3522;transition:background .2s}.stone.lit.svelte-111j6ne{background:var(--stone);outline:none}.frog.svelte-111j6ne{position:absolute;left:50%;bottom:14px;font-size:32px;line-height:1;transform:translate(-50%);animation:svelte-111j6ne-hop .25s ease-out}.bloom.svelte-111j6ne{font-size:34px;opacity:.25;transform:scale(.6);transition:transform .4s,opacity .4s}.bloom.open.svelte-111j6ne{opacity:1;transform:scale(1.2)}.calm.svelte-111j6ne .frog:where(.svelte-111j6ne){animation:none}.calm.svelte-111j6ne .stone:where(.svelte-111j6ne),.calm.svelte-111j6ne .bloom:where(.svelte-111j6ne){transition:none}.tap.svelte-111j6ne{--color:#c8b5de;justify-self:center;width:min(100%,340px);min-height:130px;font-size:18px}@keyframes svelte-111j6ne-hop{0%{bottom:0}to{bottom:14px}}@media(max-width:700px){.stone.svelte-111j6ne{width:30px;height:20px}.path.svelte-111j6ne{gap:5px}.frog.svelte-111j6ne{font-size:26px;bottom:10px}}@media(max-height:500px){.path.svelte-111j6ne{padding-top:26px}.tap.svelte-111j6ne{min-height:72px}}.band-pads.svelte-86vkp2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.band-pads.svelte-86vkp2 .play-pad:where(.svelte-86vkp2){min-width:0}.play-pad.svelte-86vkp2 small:where(.svelte-86vkp2){display:block;margin-top:8px;font-weight:400}.step.svelte-86vkp2{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff9ed;font-size:14px;font-weight:700;box-shadow:0 2px #243f3518}.band-pads.svelte-86vkp2 .play-pad:where(.svelte-86vkp2):not(.lit){background:color-mix(in srgb,var(--color) 45%,#fffdf6)}.band-pads.svelte-86vkp2 .play-pad:where(.svelte-86vkp2):not(.lit) span:where(.svelte-86vkp2){filter:grayscale(.85);opacity:.55}.current.svelte-86vkp2{background:#527649;color:#fff}.dance.svelte-86vkp2{animation:svelte-86vkp2-bounce .65s ease-in-out infinite alternate}.calm.svelte-86vkp2 .dance:where(.svelte-86vkp2){animation:none}@keyframes svelte-86vkp2-bounce{to{transform:translateY(-6px) rotate(6deg)}}@media(max-width:700px){.band-pads.svelte-86vkp2{grid-template-columns:repeat(2,minmax(0,1fr))}.step.svelte-86vkp2{width:30px;height:30px}}@media(max-height:500px){.band-pads.svelte-86vkp2{grid-template-columns:repeat(4,minmax(0,1fr))}}.drum-pads.svelte-dsee5k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;justify-items:center}.drum-pads.svelte-dsee5k .play-pad:where(.svelte-dsee5k){width:100%;max-width:170px;aspect-ratio:1;min-width:0;min-height:0;border-radius:50%;touch-action:none}.drum-pads.svelte-dsee5k .play-pad:where(.svelte-dsee5k) span:where(.svelte-dsee5k){font-size:44px}.beat-dot.svelte-dsee5k{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff9ed;font-weight:700;box-shadow:0 2px #243f3518}.current.svelte-dsee5k{background:#527649;color:#fff}@media(max-width:700px){.drum-pads.svelte-dsee5k{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drum-pads.svelte-dsee5k .play-pad:where(.svelte-dsee5k){max-width:150px}}@media(max-height:500px){.drum-pads.svelte-dsee5k{grid-template-columns:repeat(4,minmax(0,1fr))}.drum-pads.svelte-dsee5k .play-pad:where(.svelte-dsee5k){max-width:110px}.drum-pads.svelte-dsee5k .play-pad:where(.svelte-dsee5k) span:where(.svelte-dsee5k){font-size:30px}}.keys.svelte-njjz1o{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;touch-action:none}.keys.svelte-njjz1o .play-pad:where(.svelte-njjz1o){min-width:0;min-height:180px;border-radius:16px 16px 28px 28px}@media(min-height:501px)and (max-width:700px){.keys.svelte-njjz1o .play-pad:where(.svelte-njjz1o){min-height:clamp(180px,calc(100dvh - 520px),340px)}}@media(max-height:500px){.keys.svelte-njjz1o .play-pad:where(.svelte-njjz1o){min-height:100px}}.tray.svelte-uoi4t0{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:12px;border-radius:24px;background:#fffdf6cc}.food.svelte-uoi4t0{width:76px;height:76px;border-radius:50%;border:2px solid #ffffffd9;background:#fff9ed;font-size:44px;line-height:1;touch-action:none;cursor:grab;box-shadow:0 4px #243f3518}.food.empty.svelte-uoi4t0{display:inline-block;background:#fff5;border-style:dashed;box-shadow:none}.food.held.svelte-uoi4t0{outline:4px solid #477a50;outline-offset:3px}.food.lifted.svelte-uoi4t0{opacity:.3}.baskets.svelte-uoi4t0{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.basket.svelte-uoi4t0{position:relative;display:grid;justify-items:center;align-content:end;gap:2px;min-height:150px;padding:10px 6px;border:3px solid #ffffffd9;border-bottom:10px solid var(--band);border-radius:24px 24px 32px 32px;background:#fdf3e2;box-shadow:0 5px #243f3518}.basket.drop-ready.svelte-uoi4t0{outline:5px solid var(--band);outline-offset:4px;transform:scale(1.04)}.inside.svelte-uoi4t0{display:flex;flex-wrap:wrap;justify-content:center;min-height:34px;font-size:26px;line-height:1.1}.weave.svelte-uoi4t0{font-size:52px;line-height:1}.label.svelte-uoi4t0{font-weight:800;font-size:16px}.done.svelte-uoi4t0{display:grid;justify-items:center;gap:10px}.done.svelte-uoi4t0 span:where(.svelte-uoi4t0){font-size:56px}.floating.svelte-uoi4t0{position:fixed;z-index:20;transform:translate(-50%,-60%);font-size:58px;pointer-events:none;filter:drop-shadow(0 6px 6px #243f3533)}@media(max-width:700px){.food.svelte-uoi4t0{width:64px;height:64px;font-size:38px}.tray.svelte-uoi4t0,.baskets.svelte-uoi4t0{gap:8px}.basket.svelte-uoi4t0{min-height:132px}.weave.svelte-uoi4t0{font-size:44px}.label.svelte-uoi4t0{font-size:14px}}@media(max-height:500px){.basket.svelte-uoi4t0{min-height:96px}.weave.svelte-uoi4t0{font-size:32px}.food.svelte-uoi4t0{width:54px;height:54px;font-size:32px}}.game-viewport.svelte-1vizecp{position:relative;width:100%;height:100%;overflow:hidden}.game-content.svelte-1vizecp{position:absolute;top:0;left:50%;width:100%;transform-origin:top center}.sound-play.svelte-zz7vuy h1:where(.svelte-zz7vuy){margin-top:28px}.sound-play.svelte-zz7vuy>p:where(.svelte-zz7vuy){color:#5e7555}.sound-field.svelte-zz7vuy{position:relative;height:clamp(190px,48dvh,460px);margin-top:16px;border-radius:32px;overflow:hidden;background:#d9f0f5}.sound-lane.svelte-zz7vuy{--size: 130px;position:absolute;top:calc(18% + var(--lane) * 8%);left:calc(10px + (100% - var(--size) - 20px) * var(--lane) / 2);width:var(--size);height:var(--size);animation:svelte-zz7vuy-drift var(--duration) ease-in-out infinite}.sound-pad.svelte-zz7vuy{width:100%;max-width:130px;aspect-ratio:1;justify-self:center;display:grid;place-content:center;border:2px solid #ffffffc9;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,transparent 42%),var(--pad-color);box-shadow:inset -6px -9px 12px #fff7,0 8px 12px #243f3512;transition:transform .15s}.sound-pad.svelte-zz7vuy span:where(.svelte-zz7vuy){font-size:48px}.sound-pad.svelte-zz7vuy strong:where(.svelte-zz7vuy){font-size:17px;margin-top:10px}.sound-pad.svelte-zz7vuy small:where(.svelte-zz7vuy){font-size:11px;margin-top:7px}.sound-pad.active.svelte-zz7vuy{transform:scale(1.06);outline:3px solid #477a50;outline-offset:4px}.sound-pad.svelte-zz7vuy:disabled{opacity:.65}.sound-pad.popped.svelte-zz7vuy{opacity:.35}.calm.svelte-zz7vuy .sound-lane:where(.svelte-zz7vuy){animation:none}@keyframes svelte-zz7vuy-drift{0%,to{transform:translate(0)}30%{transform:translate(6px,-25px)}65%{transform:translate(-6px,20px)}}.calm.svelte-zz7vuy .sound-pad:where(.svelte-zz7vuy){transition:none}.calm.svelte-zz7vuy .sound-pad.active:where(.svelte-zz7vuy){transform:none}@media(max-width:700px){.sound-field.svelte-zz7vuy{height:clamp(190px,42dvh,400px)}.sound-lane.svelte-zz7vuy{--size: 100px}.sound-pad.svelte-zz7vuy span:where(.svelte-zz7vuy){font-size:32px}.sound-pad.svelte-zz7vuy strong:where(.svelte-zz7vuy){font-size:12px;margin-top:4px}.sound-pad.svelte-zz7vuy small:where(.svelte-zz7vuy){font-size:9px;margin-top:3px}}.sound-options.svelte-zz7vuy{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:12px}.view-switch.svelte-zz7vuy{display:flex;padding:4px;border-radius:24px;background:#e4ead8}.view-switch.svelte-zz7vuy button:where(.svelte-zz7vuy){min-height:44px;border:0;background:transparent;border-radius:20px;padding:8px 16px;font-size:14px}.view-switch.svelte-zz7vuy button[aria-pressed=true]:where(.svelte-zz7vuy){background:#fffdf6;box-shadow:0 2px 6px #243f3515;font-weight:800}.sound-field.grid-mode.svelte-zz7vuy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;height:auto;padding:22px;background:linear-gradient(#e3f2f5,#e6eccf)}.grid-mode.svelte-zz7vuy .sound-lane:where(.svelte-zz7vuy){position:static;width:130px;height:130px;justify-self:center;animation:none}.sound-pages.svelte-zz7vuy{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;font-size:12px}.sound-pages.svelte-zz7vuy button:where(.svelte-zz7vuy):disabled{opacity:.4}@media(max-width:700px){.sound-field.grid-mode.svelte-zz7vuy{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.grid-mode.svelte-zz7vuy .sound-lane:where(.svelte-zz7vuy){width:110px;height:110px}.grid-mode.svelte-zz7vuy .sound-pad:where(.svelte-zz7vuy) span:where(.svelte-zz7vuy){font-size:36px}.grid-mode.svelte-zz7vuy .sound-pad:where(.svelte-zz7vuy) strong:where(.svelte-zz7vuy){font-size:13px}}.music-play.svelte-1pnu9le h1:where(.svelte-1pnu9le){margin-top:28px}.music-play.svelte-1pnu9le>p:where(.svelte-1pnu9le){color:#5e7555}.music-garden.svelte-1pnu9le{margin-top:24px;padding:20px 24px 0;border-radius:32px;background:linear-gradient(#e2f1f5,#f6f4d9 75%,#c5dca2 76%,#a9c78f)}.decor.svelte-1pnu9le{display:flex;justify-content:space-around;color:#fff;font-size:42px;height:55px}.decor.svelte-1pnu9le span:where(.svelte-1pnu9le):nth-child(2){color:#839d74;font-size:30px}.note-palette.svelte-1pnu9le{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0 28px}.note-bubble.svelte-1pnu9le,.drag-bubble.svelte-1pnu9le{background:radial-gradient(circle at 30% 20%,#ffffffc9,transparent 45%),var(--note-color);border:2px solid #ffffffc9;border-radius:50%;box-shadow:inset -5px -7px 10px #fff5,0 6px 12px #243f3515;font-weight:800}.note-bubble.svelte-1pnu9le{width:90px;height:90px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;font-size:19px}.note-bubble.svelte-1pnu9le span:where(.svelte-1pnu9le){display:block;font-size:29px}.selected.svelte-1pnu9le{outline:3px solid #477a50;outline-offset:4px}.eraser.svelte-1pnu9le{border-radius:20px;background:#fff9ed}.beat-track.svelte-1pnu9le{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:15px;background:#fffdf6b3;border-radius:24px}.beat.svelte-1pnu9le{min-height:116px;min-width:0;padding:10px 4px;border:2px dashed #92ab7e;border-radius:18px;background:var(--note-color)}.beat.svelte-1pnu9le small:where(.svelte-1pnu9le),.beat.svelte-1pnu9le strong:where(.svelte-1pnu9le){display:block;font-size:12px}.beat.svelte-1pnu9le span:where(.svelte-1pnu9le){display:block;font-size:30px;margin:9px 0}.beat.active.svelte-1pnu9le{border:3px solid #325c3a;box-shadow:0 0 0 4px #fffdf6}.beat.drop-ready.svelte-1pnu9le{border:3px solid #477a50;box-shadow:0 0 0 5px #b6d49a}.flowers.svelte-1pnu9le{display:flex;justify-content:space-around;padding:22px 0 14px;font-size:28px}.speed.svelte-1pnu9le{margin-top:12px}.music-controls.svelte-1pnu9le{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.primary.svelte-1pnu9le:disabled{opacity:.6}.drag-bubble.svelte-1pnu9le{position:fixed;z-index:20;transform:translate(-50%,-50%);pointer-events:none;width:75px;height:75px;display:grid;place-items:center}@media(max-width:700px){.music-garden.svelte-1pnu9le{padding:12px 12px 0}.note-palette.svelte-1pnu9le{gap:12px}.note-bubble.svelte-1pnu9le{width:72px;height:72px;font-size:16px}.beat-track.svelte-1pnu9le{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px;gap:12px}.beat.svelte-1pnu9le{min-height:95px}.music-controls.svelte-1pnu9le{gap:12px}.flowers.svelte-1pnu9le{font-size:22px;padding:14px 0 10px}}@media(max-height:500px){.music-garden.svelte-1pnu9le{margin-top:8px;padding:8px 12px}.decor.svelte-1pnu9le,.flowers.svelte-1pnu9le{display:none}.note-palette.svelte-1pnu9le{gap:12px;padding:4px 0 10px}.note-bubble.svelte-1pnu9le{width:58px;height:58px;font-size:14px}.note-bubble.svelte-1pnu9le span:where(.svelte-1pnu9le){font-size:20px}.beat-track.svelte-1pnu9le{grid-template-columns:repeat(8,minmax(0,1fr));padding:8px;gap:8px}.beat.svelte-1pnu9le{min-height:65px;padding:4px}.beat.svelte-1pnu9le span:where(.svelte-1pnu9le){font-size:20px;margin:4px 0}.music-controls.svelte-1pnu9le{margin-top:10px;gap:12px}}.bubble-play.svelte-l7uyi2 h1:where(.svelte-l7uyi2){margin-top:28px}.bubble-play.svelte-l7uyi2>p:where(.svelte-l7uyi2){color:#5e7555}.bubble-field.svelte-l7uyi2{position:relative;height:clamp(190px,48dvh,520px);margin:20px auto 0;border-radius:32px;overflow:hidden;isolation:isolate;background:#d9f0f5}.bubble-lane.svelte-l7uyi2{--size: 120px;position:absolute;left:calc(10px + (100% - var(--size) - 20px) * var(--lane) / 2);top:calc(18% + var(--lane) * 8%);width:var(--size);height:var(--size);animation:svelte-l7uyi2-appear .5s ease-out}.bubble-drift.svelte-l7uyi2{width:100%;height:100%;display:grid;place-items:center;animation:svelte-l7uyi2-drift var(--duration) ease-in-out infinite}.letter-bubble.svelte-l7uyi2{width:100%;height:100%;border-radius:50%;border:2px solid hsl(var(--bubble-hue) 35% 60%);background:radial-gradient(circle at 30% 25%,#fff 0 4%,#ffffffb0 5% 14%,transparent 35%),hsl(var(--bubble-hue) 65% 87% / .85);box-shadow:inset -8px -10px 16px #fffa,0 8px 14px #243f3514;font-size:52px;font-weight:800}.letter-bubble.svelte-l7uyi2:active{transform:scale(.92)}.bubble-burst.svelte-l7uyi2{text-align:center;font-size:56px;color:#476f53;animation:svelte-l7uyi2-burst .45s ease-out both}.bubble-burst.svelte-l7uyi2 small:where(.svelte-l7uyi2){display:block;font-size:26px}.calm.svelte-l7uyi2 .bubble-lane:where(.svelte-l7uyi2),.calm.svelte-l7uyi2 .bubble-drift:where(.svelte-l7uyi2),.calm.svelte-l7uyi2 .bubble-burst:where(.svelte-l7uyi2){animation:none}@keyframes svelte-l7uyi2-appear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes svelte-l7uyi2-drift{0%,to{transform:translate(0)}30%{transform:translate(6px,-42px)}65%{transform:translate(-6px,32px)}}@keyframes svelte-l7uyi2-burst{0%{transform:scale(.6);opacity:1}to{transform:scale(1.3);opacity:0}}@media(max-width:700px){.bubble-field.svelte-l7uyi2{border-radius:24px}.bubble-lane.svelte-l7uyi2{--size: 100px}.letter-bubble.svelte-l7uyi2{font-size:44px}}.garden.svelte-1twu6te{position:relative;width:100%;height:100%}canvas.svelte-1twu6te{display:block;width:100%;height:100%}.fallback.svelte-1twu6te{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:48px}