#audio{display:none}*{box-sizing:border-box}html{padding:0;margin:0}body{background:#111;color:#aaa;display:grid;margin:0;min-height:100vh;grid-template-rows:auto;gap:2rem;padding:2rem;font-family:monospace}h1{background:#222;text-align:center;padding:1rem;font-family:monospace;margin:0}h3{font-family:monospace;margin:0}input,button{width:100%}button{border:0;padding:.5rem;font-family:monospace}#controls,#visuals{margin:auto;width:100%;max-width:600px;display:grid;gap:1rem;align-items:center}#buttons,#drums{display:flex;flex-direction:row;gap:1em;justify-content:space-between;align-items:center}#viz{outline:1px solid #aaa}#debug{background:#222;padding:1rem;border-radius:1rem;font-weight:600;gap:1ch;display:grid;grid-template-columns:repeat(4,1fr)}.debug-container{text-align:center;display:grid}.debug-name{color:#fff2}#debug-template{display:none}#manual{display:flex;flex-direction:row;justify-content:space-between;color:#fff1;grid-column:span 4}