.rr-root.svelte-mjyf4n{max-width:480px}.rr-play.svelte-mjyf4n{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;min-height:min(32rem,100dvh - 13rem);display:flex}.rr-beats.svelte-mjyf4n{flex-wrap:wrap;justify-content:center;align-items:center;gap:.875rem;padding:.5rem;display:flex}.rr-controls.svelte-mjyf4n{justify-content:center;align-items:center;gap:1.25rem;display:flex}.rr-beat-circle.svelte-mjyf4n{border:3px solid var(--learn-line,#e2e8f0);background:var(--learn-paper,#fff);border-radius:9999px;width:3.5rem;height:3.5rem;transition:all .18s}.rr-beat-lit.svelte-mjyf4n{border-color:var(--learn-accent-2,#e0a10f);background:var(--learn-accent-2,#e0a10f);box-shadow:0 0 12px color-mix(in srgb, var(--learn-accent-2,#e0a10f) 50%, transparent);transform:scale(1.2)}.rr-beat-tapped.svelte-mjyf4n{border-color:var(--learn-correct,#16a34a);background:color-mix(in srgb, var(--learn-correct,#16a34a) 15%, var(--learn-paper,#fff))}.rr-drum-btn.svelte-mjyf4n{border:4px solid var(--learn-accent-2,#e0a10f);background:var(--learn-paper,#fff);width:140px;height:140px;color:var(--learn-accent-2,#e0a10f);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:transform .1s,box-shadow .1s,background .1s;display:flex;box-shadow:0 4px 12px #00000014}.rr-drum-btn.svelte-mjyf4n:hover:not(:disabled){box-shadow:0 6px 20px #0000001f}.rr-drum-btn.svelte-mjyf4n:active:not(:disabled){transform:scale(.92)}.rr-drum-btn.svelte-mjyf4n:disabled{opacity:.4}.rr-drum-ready.svelte-mjyf4n{animation:1.4s ease-in-out infinite svelte-mjyf4n-rr-ready}@keyframes svelte-mjyf4n-rr-ready{50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--learn-accent-2,#e0a10f) 25%, transparent)}}.rr-drum-pressed.svelte-mjyf4n{background:color-mix(in srgb, var(--learn-accent-2,#e0a10f) 12%, var(--learn-paper,#fff));transform:scale(.92)}@media (orientation:landscape) and (height<=520px){.rr-root.svelte-mjyf4n{max-width:52rem}.rr-play.svelte-mjyf4n{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:2rem;min-height:0;display:grid}.rr-controls.svelte-mjyf4n{flex-direction:column}}.rr-drum-wiggle.svelte-mjyf4n{animation:.5s svelte-mjyf4n-rr-wiggle}@keyframes svelte-mjyf4n-rr-wiggle{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-2deg)}40%{transform:translate(8px)rotate(2deg)}60%{transform:translate(-5px)rotate(-1deg)}80%{transform:translate(5px)rotate(1deg)}}.rr-celebrate-star.svelte-mjyf4n{color:var(--learn-accent-2,#e0a10f);animation:.75s ease-out both svelte-mjyf4n-rr-star-pop;animation-delay:calc(var(--i) * 60ms)}@keyframes svelte-mjyf4n-rr-star-pop{0%{opacity:0;transform:translateY(6px)scale(.4)}45%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:.9;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.rr-beat-circle.svelte-mjyf4n,.rr-beat-lit.svelte-mjyf4n,.rr-drum-btn.svelte-mjyf4n,.rr-drum-pressed.svelte-mjyf4n{transition:none}.rr-drum-wiggle.svelte-mjyf4n,.rr-drum-ready.svelte-mjyf4n{animation:none}.rr-celebrate-star.svelte-mjyf4n{opacity:.9;animation:none}.rr-beat-lit.svelte-mjyf4n{box-shadow:none;outline:3px solid var(--learn-accent-2,#e0a10f);transform:none}}:root[data-reduced-motion] .rr-beat-circle.svelte-mjyf4n,:root[data-reduced-motion] .rr-beat-lit.svelte-mjyf4n,:root[data-reduced-motion] .rr-drum-btn.svelte-mjyf4n,:root[data-reduced-motion] .rr-drum-pressed.svelte-mjyf4n{transition:none}:root[data-reduced-motion] .rr-drum-wiggle.svelte-mjyf4n,:root[data-reduced-motion] .rr-drum-ready.svelte-mjyf4n{animation:none}:root[data-reduced-motion] .rr-celebrate-star.svelte-mjyf4n{opacity:.9;animation:none}:root[data-reduced-motion] .rr-beat-lit.svelte-mjyf4n{box-shadow:none;outline:3px solid var(--learn-accent-2,#e0a10f);transform:none}