.sequence-main{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-5)}.sequence-status{font-size:var(--step-2)}.sequence-pads{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);width:min(90vw,320px);aspect-ratio:1}.sequence-pad{border:var(--outline);border-radius:var(--radius);background:var(--pad-ink);opacity:.55;padding:22%;color:var(--ink);cursor:pointer;transition:opacity 80ms ease-out,transform 80ms ease-out}.sequence-pad svg{width:100%;height:100%}.sequence-pad.active{opacity:1;transform:scale(.96)}.sequence-pad:disabled{cursor:default}