:root{--color-bg-primary: #0D0F1A;--color-bg-surface: #1A1C24;--color-bg-elevated: #242830;--color-bg-hover: #2E323C;--color-accent-cyan: #00FFFF;--color-accent-magenta: #FF00FF;--color-text-primary: #E8E8E8;--color-text-secondary: #A0A0A0;--color-text-muted: #666666;--color-border: #333640;--color-border-glow: rgba(0, 255, 255, .3);--color-success: #00FF88;--color-warning: #FFB800;--color-danger: #FF4444;--controller-1: #FF4444;--controller-2: #4488FF;--controller-3: #44FF44;--controller-4: #FFB800;--controller-5: #AA44FF;--controller-6: #FF44AA;--controller-7: #00FFFF;--color-timing-purple: #A855F7;--color-timing-green: #22C55E;--color-timing-white: #E8E8E8;--color-timing-yellow: #FBBF24;--color-bg-row-alt: rgba(255, 255, 255, .02);--color-header-bg: #12141F;--font-display: "Barlow Condensed", sans-serif;--font-ui: "Barlow Semi Condensed", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--lane-color-bar-width: 6px;--font-size-hero: 2.8rem;--font-size-primary: 2.5rem;--font-size-secondary: 2.2rem;--font-size-label: 1rem;--shadow-glow-cyan: 0 0 20px rgba(0, 255, 255, .15);--shadow-glow-magenta: 0 0 20px rgba(255, 0, 255, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-ui);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes light-pulse{0%,to{box-shadow:0 0 10px currentColor,0 0 20px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 40px currentColor}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 15px currentColor,0 0 30px currentColor}}@keyframes sector-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-hover)}