:root{--bg-void:#07060b;--bg-panel:#100e17;--bg-card:#151320;--bg-card-hover:#1e1a2e;--border-steel:#28243a;--border-steel-bright:#3d3758;--text-main:#f3f0fd;--text-muted:#8b85ab;--text-dim:#544e73;--accent-purple:#8b5cf6;--accent-purple-bright:#a78bfa;--accent-purple-glow:#8b5cf64d;--accent-blue:#3b82f6;--accent-blue-bright:#60a5fa;--accent-magenta:#c084fc;--font-impact:"Syne", "Bebas Neue", sans-serif;--font-bebas:"Bebas Neue", cursive, sans-serif;--font-body:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--header-height:72px;--player-height:94px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-void);color:var(--text-main);font-family:var(--font-body);min-height:100vh;padding-bottom:calc(var(--player-height) + 20px);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-void);border-left:1px solid var(--border-steel)}::-webkit-scrollbar-thumb{background:var(--border-steel-bright);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.scanlines-overlay{pointer-events:none;z-index:9999;opacity:.75;background:linear-gradient(#100e1700 50%,#0000004d 50%) 0 0/100% 4px,linear-gradient(90deg,#8b5cf60a,#3b82f605,#c084fc0a) 0 0/6px 100%;width:100vw;height:100vh;position:fixed;top:0;left:0}.industrial-grid-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#8b5cf60d 1px,#0000 1px),linear-gradient(#8b5cf60d 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;background:var(--accent-purple);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;border-top:2px solid var(--border-steel-bright);border-bottom:2px solid var(--border-steel-bright);text-shadow:0 0 10px #00000080;padding:8px 0;font-size:.85rem;font-weight:700;overflow:hidden}.marquee-content{animation:25s linear infinite marquee;display:inline-block}.btn-brutal{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;background:var(--bg-panel);color:var(--text-main);border:2px solid var(--border-steel-bright);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn-brutal:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple-bright);box-shadow:4px 4px 0px #000, 0 0 15px var(--accent-purple-glow);transform:translate(-2px,-2px)}.btn-brutal-primary{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple-bright);box-shadow:2px 2px #000}.btn-brutal-primary:hover{color:#fff;box-shadow:4px 4px 0px var(--accent-blue);background:#9d4edd}.btn-brutal-secondary{color:var(--accent-blue-bright);border-color:var(--accent-blue);background:#3b82f626}.btn-brutal-secondary:hover{background:var(--accent-blue);color:#fff;box-shadow:4px 4px #000}.badge-mono{font-family:var(--font-mono);border:1px solid var(--border-steel);color:var(--text-muted);text-transform:uppercase;background:#ffffff0a;padding:3px 8px;font-size:.75rem;font-weight:700}.badge-mono-active{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple-bright)}.card-tactile{background:var(--bg-card);border:2px solid var(--border-steel);transition:transform .2s cubic-bezier(.1,.8,.2,1),border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.card-tactile:hover{border-color:var(--accent-purple);transform:translateY(-4px);box-shadow:6px 6px #8b5cf640,0 0 20px #8b5cf626}.card-tactile-playing{background:var(--bg-card-hover);border-color:var(--accent-purple-bright)!important;box-shadow:0 0 25px #8b5cf64d, 4px 4px 0px var(--accent-purple)!important}.visualizer-canvas{border:1px solid var(--border-steel);background:#09080e;width:100%;height:48px;display:block}.glitch-text{font-family:var(--font-impact);text-transform:uppercase;letter-spacing:-1px;color:var(--text-main);font-weight:900;position:relative}.vault-container{max-width:1320px;margin:0 auto;padding:0 24px}@keyframes pulseGlow{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.pulse-active{animation:1.5s infinite pulseGlow}