.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)}}.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}}.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}