:root{--bg-primary:#0b0f1a;--bg-secondary:#111827;--bg-card:rgba(17,24,39,0.8);--bg-card-solid:#111827;--bg-card-alt:rgba(31,41,55,0.8);--bg-card-hover:rgba(31,41,55,0.95);--bg-surface:#1f2937;--border-subtle:rgba(255,255,255,0.06);--border-card:rgba(255,255,255,0.08);--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--text-dimmed:#9ca3af;--accent:#6366f1;--accent-light:#818cf8;--accent-hover:#4f46e5;--accent-glow:rgba(99,102,241,0.3);--green:#10b981;--green-glow:rgba(16,185,129,0.2);--goal:#10b981;--yellow-card:#f59e0b;--red-card:#ef4444;--live:#ef4444;--live-glow:rgba(239,68,68,0.25);--finished:#10b981;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 1px 3px rgba(0,0,0,0.3),0 4px 12px rgba(0,0,0,0.15);--shadow-elevated:0 4px 24px rgba(0,0,0,0.4);--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-light);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent)}img{max-width:100%;height:auto}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card)}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--live-glow)}50%{box-shadow:0 0 20px var(--live-glow),0 0 40px rgba(239,68,68,.1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}