*{box-sizing:border-box}body{margin:0;padding:0;font-family:Courier New,monospace;background:#000;color:#0f8;overflow-x:hidden}canvas{display:block;max-width:100%;height:auto}.center{text-align:center}.hidden{display:none}.glow{text-shadow:0 0 10px currentColor}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.pulse{animation:pulse 2s infinite}@media (max-width: 768px){.controls{padding:10px}.control-group{margin-bottom:10px}.control-group label{display:block;width:100%;margin-bottom:5px}.control-group input[type=range]{width:100%;margin-bottom:10px}.pattern-buttons{flex-direction:column}.pattern-button{width:100%;margin-bottom:5px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00cc70}