.pads.svelte-b8gl2{--pad-sz:2.6rem;grid-auto-rows:var(--pad-sz);gap:.3rem;display:grid}.pads.md.svelte-b8gl2{--pad-sz:3.4rem}.pads.lg.svelte-b8gl2{--pad-sz:4.2rem}.pads.svelte-b8gl2 .pad:where(.svelte-b8gl2){border:1px solid var(--border);border-radius:var(--radius-sm);background:#101120;place-items:center;padding:.15rem;transition:background-color 90ms,box-shadow 90ms,transform 90ms;display:grid}.pads.svelte-b8gl2 .pad.used:where(.svelte-b8gl2){background:color-mix(in srgb, currentColor 14%, #101120);border-color:currentColor}.pads.svelte-b8gl2 .pad.lit:where(.svelte-b8gl2){background:currentColor;transform:scale(.93);box-shadow:0 0 10px}.pads.svelte-b8gl2 .pad.lit:where(.svelte-b8gl2) .name:where(.svelte-b8gl2){color:#0b0c16}.name.svelte-b8gl2{font-family:var(--font-mono);text-align:center;text-wrap:balance;color:currentColor;font-size:.5rem;line-height:1.15}.pads.lg.svelte-b8gl2 .name:where(.svelte-b8gl2),.pads.md.svelte-b8gl2 .name:where(.svelte-b8gl2){font-size:.62rem}@media (width<=46rem){.pads.svelte-b8gl2{--pad-sz:1.9rem;gap:.22rem}.pads.svelte-b8gl2 .name:where(.svelte-b8gl2){display:none}}.grid.svelte-b8gl2{width:100%;max-width:var(--pad-grid-max,420px);gap:.9rem;margin:0 auto;display:grid}.grid.svelte-b8gl2 .pad:where(.svelte-b8gl2){aspect-ratio:1;border-radius:var(--radius);background:var(--surface-2);box-shadow:6px 6px 16px var(--pad-shadow-dark), -6px -6px 14px var(--pad-shadow-light);font-family:var(--font-mono);color:var(--text);-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem;transition:box-shadow .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1),border-color .16s,opacity .16s;display:flex}.grid.svelte-b8gl2 .pad:where(.svelte-b8gl2):hover:not(:disabled){background:var(--surface-2);border-color:var(--cyan-dim)}.grid.svelte-b8gl2 .pad:where(.svelte-b8gl2):disabled{cursor:default;opacity:1}.grid.svelte-b8gl2 .pad[data-state=pending]:where(.svelte-b8gl2){opacity:.5}.grid.svelte-b8gl2 .pad[data-state=current]:where(.svelte-b8gl2){opacity:1;border-color:var(--gold);animation:1.4s ease-in-out infinite svelte-b8gl2-pad-pulse}.grid.svelte-b8gl2 .pad[data-state=done]:where(.svelte-b8gl2){border-color:var(--green-dim)}.grid.svelte-b8gl2 .pad[data-state=done]:where(.svelte-b8gl2):not(:disabled){cursor:pointer}.grid.svelte-b8gl2 .pad[data-hit=true]:where(.svelte-b8gl2),.grid.svelte-b8gl2 .pad[data-state=done]:where(.svelte-b8gl2):not(:disabled):active{box-shadow:inset 5px 5px 12px var(--pad-shadow-dark), inset -4px -4px 10px var(--pad-shadow-light);border-color:var(--cyan);transform:translateY(2px)scale(.97)}@keyframes svelte-b8gl2-pad-pulse{0%,to{box-shadow:0 0 0 3px var(--gold-dim), 6px 6px 16px var(--pad-shadow-dark), -6px -6px 14px var(--pad-shadow-light)}50%{box-shadow:0 0 0 7px #f0c0401f, 6px 6px 16px var(--pad-shadow-dark), -6px -6px 14px var(--pad-shadow-light)}}.num.svelte-b8gl2{color:var(--text-faint);text-align:center;font-size:.7rem;font-weight:600}.note.svelte-b8gl2{color:var(--green);font-size:1rem;font-weight:700}.press.svelte-b8gl2{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:.65rem;font-weight:600}.dot.svelte-b8gl2{color:var(--text-faint)}.kit.svelte-b8gl2{width:100%;max-width:var(--kit-max,420px);margin:0 auto}.kit.sm.svelte-b8gl2{--kit-max:190px}.kit.md.svelte-b8gl2{--kit-max:300px}.kit.svelte-b8gl2 svg{width:100%;height:auto;display:block}.audition.svelte-b8gl2{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.audition.svelte-b8gl2 button:where(.svelte-b8gl2){font-family:var(--font-mono);opacity:.55;padding:.15em .5em;font-size:.7rem}.audition.svelte-b8gl2 button:where(.svelte-b8gl2):hover,.audition.svelte-b8gl2 button:where(.svelte-b8gl2):focus-visible{opacity:1}.kit.svelte-b8gl2 .body rect,.kit.svelte-b8gl2 .body path{fill:var(--surface-2);stroke:var(--border);stroke-width:1.5px}.kit.svelte-b8gl2 .body .grille,.kit.svelte-b8gl2 .body .panel{fill:var(--surface-3);stroke:none}.kit.svelte-b8gl2 .drum .rim{fill:var(--surface-3);stroke:var(--border-strong);stroke-width:1.5px}.kit.svelte-b8gl2 .drum .head{fill:#101120;stroke:var(--border);stroke-width:1px;transition:fill 90ms,stroke 90ms}.kit.svelte-b8gl2 .drum .hat-top{fill:none;stroke:var(--border-strong);stroke-width:1.5px;transition:transform .14s cubic-bezier(.2,0,0,1)}.kit.svelte-b8gl2 .drum.open .hat-top{transform:translateY(-7px)}.kit.svelte-b8gl2 .drum .label{fill:var(--text-faint);font-family:var(--font-mono);text-anchor:middle;pointer-events:none;font-size:12px}.kit.svelte-b8gl2 .drum.used .head{fill:color-mix(in srgb, currentColor 18%, #101120);stroke:currentColor}.kit.svelte-b8gl2 .drum.used .label{fill:currentColor}.kit.svelte-b8gl2 .drum.lit .head{fill:currentColor;stroke:currentColor}.kit.svelte-b8gl2 .drum.lit .label{fill:#0b0c16}.kit.svelte-b8gl2 .drum.pending .head{opacity:.45}.kit.svelte-b8gl2 .drum.current .head{stroke:var(--gold);stroke-width:2.5px;animation:1.4s ease-in-out infinite svelte-b8gl2-drum-pulse}.kit.svelte-b8gl2 .drum.captured .head{stroke:var(--green-dim)}.kit.svelte-b8gl2 .drum.captured .label{fill:var(--green)}.kit.svelte-b8gl2 .drum.hit .head{fill:var(--cyan)}@keyframes svelte-b8gl2-drum-pulse{50%{stroke:var(--gold-dim)}}@media (prefers-reduced-motion:reduce){.pads.svelte-b8gl2 .pad:where(.svelte-b8gl2),.grid.svelte-b8gl2 .pad:where(.svelte-b8gl2),.grid.svelte-b8gl2 .pad[data-state=current]:where(.svelte-b8gl2),.kit.svelte-b8gl2 .drum .head,.kit.svelte-b8gl2 .drum .hat-top{transition:none;animation:none}.pads.svelte-b8gl2 .pad.lit:where(.svelte-b8gl2){transform:none}.kit.svelte-b8gl2 .drum.current .head{animation:none}}