.cd-stage{display:grid;gap:var(--sp-4)}@media(min-width:860px){.cd-stage{grid-template-columns:1.25fr 1fr}}.cd-cap{margin:0 0 var(--sp-2);color:#8c93a6}.cd-cuerda{position:relative;background:radial-gradient(90% 70% at 50% 100%,rgba(231,178,76,.16),transparent 70%),radial-gradient(60% 50% at 80% 10%,rgba(236,106,166,.1),transparent 70%),#07080c}.cd-drums{display:block;width:100%;height:auto;max-height:330px;margin:0 auto;touch-action:manipulation;user-select:none}.cd-drum{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:50% 100%;transition:transform 80ms}.cd-drum:focus-visible .cd-head{stroke:#fff;stroke-width:3}.cd-drum:hover .cd-body{filter:brightness(1.12)}.cd-drum .cd-head{transition:fill 140ms}.cd-drum.is-hit{animation:cd-bump 160ms ease-out}.cd-drum.is-hit .cd-head{animation:cd-glow 220ms ease-out}.cd-drum[data-v=q].is-hit .cd-head{--g:#2FD4C6}.cd-drum[data-v=e].is-hit .cd-head{--g:#EC6AA6}.cd-drum[data-v=n].is-hit .cd-head{--g:#8B7BF0}.cd-stick.is-hit .cd-head{--g:#E7B24C}@keyframes cd-bump{0%{transform:translateY(0)}35%{transform:translateY(2px)scale(.99)}100%{transform:translateY(0)}}@keyframes cd-glow{0%{fill:var(--g,#2FD4C6);filter:drop-shadow(0 0 10px var(--g,#2FD4C6))}100%{filter:none}}.cd-name{fill:#e8eaf0;font:600 14px var(--ea-font-text)}.cd-name--sm{font-size:12px;fill:#e7b24c;font-family:var(--ea-font-mono)}.cd-feedback{margin:var(--sp-2)0 0;min-height:2.8em;font:600 var(--ea-fs-sm)/1.4 var(--ea-font-mono);color:#2fd4c6;text-align:center}.cd-wheel svg{display:block;width:100%;max-width:300px;margin:0 auto}.cd-wheel-c{fill:#8c93a6;font:600 10px var(--ea-font-mono);letter-spacing:.08em;text-transform:uppercase}.cd-dot{transition:r 80ms}.cd-dot.is-now{filter:drop-shadow(0 0 6px currentColor)brightness(1.4);stroke:#fff}.cd-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:var(--sp-2);font-size:12px;color:#aab2c4}.cd-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}.cd-controls{display:grid;gap:var(--sp-4);margin-top:var(--sp-5)}.cd-transport{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4)}.cd-tempo{flex:1 1 240px}.cd-chip{min-height:44px;padding-inline:.9em}.cd-chip i{width:12px;height:12px;border-radius:50%;background:var(--c);display:inline-block}.cd-chip[aria-pressed=false]{opacity:.55}.cd-chip[aria-pressed=false] i{background:0 0;box-shadow:inset 0 0 0 2px var(--c)}.cd-chip[aria-pressed=true]{border-color:var(--c)}.is-calm .cd-drum.is-hit,.is-calm .cd-drum.is-hit .cd-head{animation-duration:1ms}@media(prefers-reduced-motion:reduce){.cd-drum,.cd-drum.is-hit{animation:none;transition:none}}