@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono&display=swap";:root{--bg: #0f0518;--fg: #00ffff;--deep-purple: #2a0e4a;--accent-magenta: #ff2e88;--accent-cyan: #00ffff;--cyan-dim: rgba(0, 255, 255, .3);--scanline: rgba(0, 0, 0, .15);--shadow-cyan: 0 0 10px var(--accent-cyan);--shadow-magenta: 0 0 15px var(--accent-magenta);--font-header: "Courier New", Courier, monospace;--font-mono: "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0;image-rendering:pixelated}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);overflow-x:hidden;min-height:100vh}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,var(--scanline) 50%);background-size:100% 4px;pointer-events:none;z-index:9999}.neon-border{border:1px solid var(--accent-cyan)}.header-text{font-size:3rem;font-weight:900;text-transform:uppercase;color:var(--accent-magenta);text-shadow:3px 3px 0 var(--accent-cyan),0 0 15px var(--accent-magenta);letter-spacing:-2px}button{background:var(--deep-purple);color:var(--accent-cyan);border:2px solid var(--accent-cyan);padding:8px 16px;font-weight:700;text-transform:uppercase;font-size:12px;cursor:pointer;box-shadow:3px 3px #000;transition:all .1s}button:active{transform:translate(1px,1px);box-shadow:1px 1px #000}button.active{background:var(--accent-magenta);color:#fff;border-color:var(--accent-magenta);box-shadow:0 0 15px var(--accent-magenta)}.bpm-readout{font-size:24px;background:#000;padding:4px 12px;border:1px solid var(--accent-magenta);box-shadow:inset 0 0 8px var(--accent-magenta);color:var(--accent-magenta);font-family:var(--font-mono)}input[type=range]{accent-color:var(--accent-magenta)}@keyframes trigger-flash{0%{transform:scale(1);filter:brightness(1);box-shadow:0 0 0 transparent}50%{transform:scale(1.15);filter:brightness(2) drop-shadow(0 0 10px var(--accent-cyan));box-shadow:0 0 24px var(--accent-cyan);z-index:20}to{transform:scale(1);filter:brightness(1);box-shadow:var(--shadow-magenta)}}.flash-active{animation:trigger-flash .1s ease-out forwards}.downbeat{border-color:#00ffff80!important}.downbeat.active{box-shadow:0 0 16px var(--accent-magenta)!important}.mute-strikethrough{position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--accent-cyan);opacity:.5;pointer-events:none;z-index:5}.ruler-text{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.7rem;letter-spacing:2px}