:root{--font-display:"Bebas Neue", cursive, sans-serif;--font-mono:"Space Mono", monospace;--font-body:"Outfit", sans-serif;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--pink-400:#f472b6;--pink-500:#ec4899;--cyan-400:#38bdf8;--cyan-500:#0ea5e9;--grad-retrowave:linear-gradient(135deg, #c084fc 0%, #f472b6 50%, #38bdf8 100%);--grad-sunset:linear-gradient(135deg, #f472b6 0%, #a855f7 100%);--grad-cyan-purple:linear-gradient(135deg, #38bdf8 0%, #c084fc 100%);--grad-subtle:linear-gradient(180deg, #c084fc14 0%, #38bdf808 100%);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--player-height:88px;--bottom-nav-height:64px;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-normal:.28s cubic-bezier(.16, 1, .3, 1)}html[data-theme=dark]{--bg-base:#090615;--bg-surface:#120e24;--bg-elevated:#1a1435;--bg-glass:#120e24bf;--bg-card:#17122ca6;--border-subtle:#c084fc26;--border-glow:#f472b666;--text-primary:#f8fafc;--text-secondary:#c4b5fd;--text-muted:#837b9b;--badge-bg:#c084fc1f;--badge-text:#e9d5ff;--shadow-neon:0 0 25px #c084fc40;--shadow-card:0 10px 30px #00000080;--player-bg:#0d091ceb;--grid-line:#c084fc0a}html[data-theme=light]{--bg-base:#f8f6fd;--bg-surface:#fff;--bg-elevated:#f1ecfa;--bg-glass:#ffffffd9;--bg-card:#ffffffe6;--border-subtle:#a855f72e;--border-glow:#ec489959;--text-primary:#150f29;--text-secondary:#5b4d7c;--text-muted:#8b82a5;--badge-bg:#a855f71a;--badge-text:#7e22ce;--shadow-neon:0 0 25px #c084fc26;--shadow-card:0 10px 30px #8b5cf614;--player-bg:#fffffff0;--grid-line:#a855f70d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-base);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-body);transition:background-color var(--transition-normal), color var(--transition-normal);font-size:15px;line-height:1.5;overflow-x:hidden}body{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:40px 40px}.retro-grain{pointer-events:none;z-index:9999;opacity:.03;background-image:repeating-radial-gradient(circle,#fff 0,#000 2px,#0000 4px);background-size:6px 6px;width:100vw;height:100vh;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}h1,h2,h3,.font-display{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}.font-mono{font-family:var(--font-mono)}.text-gradient{background:var(--grad-retrowave);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-pink{color:var(--pink-400)}.text-cyan{color:var(--cyan-400)}.text-purple{color:var(--purple-400)}.btn-primary{border-radius:var(--radius-sm);background:var(--grad-retrowave);color:#090615;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #f472b64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c084fc73}.btn-secondary{border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.85rem;font-weight:700;display:inline-flex}.btn-secondary:hover{border-color:var(--purple-400);color:var(--purple-400);background:var(--bg-elevated)}.badge-pill{border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--border-subtle);align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-promo{color:#090615;background:linear-gradient(90deg,#f472b6,#c084fc);font-weight:800;box-shadow:0 0 12px #f472b666}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.section-header{margin-bottom:32px}.section-title-wrap{align-items:center;gap:12px;margin-bottom:6px;display:flex}.accent-bar{background:var(--grad-retrowave);border-radius:2px;width:5px;height:28px}.section-title{color:var(--text-primary);font-size:2.4rem;line-height:1}.section-subtitle{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--purple-400);box-shadow:var(--shadow-neon)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--purple-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pink-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=900px){header nav{display:flex!important}header button[aria-label=Menu\ Mobile]{display:none!important}.roleText,.cartPriceDesktop{display:inline!important}.desktop-player-bar{display:flex!important}.mobile-mini-player,.mobile-only-bottom-nav{display:none!important}}@media (width<=899px){header nav{display:none!important}header button[aria-label=Menu\ Mobile]{display:flex!important}.desktop-player-bar{display:none!important}.mobile-mini-player{display:flex!important}.mobile-only-bottom-nav{display:block!important}.container{padding:0 14px}}