*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0F1118;--bg-card: #1A1D28;--bg-card-hover: #232736;--bg-elevated: #252A37;--bg-input: #161922;--brand-red: #FF2D55;--brand-red-soft: rgba(255, 45, 85, .12);--brand-red-glow: rgba(255, 45, 85, .35);--live-green: #00F29B;--live-green-soft: rgba(0, 242, 155, .12);--upcoming-amber: #FFB800;--upcoming-amber-soft: rgba(255, 184, 0, .12);--text-primary: #F2F3F7;--text-secondary: #8F93A3;--text-tertiary: #555B6E;--text-on-brand: #FFFFFF;--border-subtle: rgba(255, 255, 255, .06);--border-divider: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .5);--shadow-live: 0 0 20px rgba(0, 242, 155, .1);--font-display: "DIN Alternate", "Oswald", "Barlow Condensed", -apple-system, BlinkMacSystemFont, "PingFang SC", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--bg: var(--bg-primary);--surface: var(--bg-card);--surface-2: var(--bg-card-hover);--bg-elev: var(--bg-elevated);--border: var(--border-subtle);--text: var(--text-primary);--text-sub: var(--text-secondary);--accent: var(--brand-red);--accent-dim: var(--brand-red-soft);--live-red: var(--brand-red);--upcoming-blue: var(--upcoming-amber);--green: var(--live-green);--gold: var(--upcoming-amber);--error: #FF5252;--warning: var(--upcoming-amber);--surface-invert: var(--bg-primary);--text-invert: var(--text-primary);--text-invert-sub: var(--text-secondary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--radius: var(--radius-md);--radius-xs: 4px;--font-cn: var(--font-body);--font-en: var(--font-display);font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{background:var(--bg-primary);color:var(--text-primary)}body{min-height:100dvh}#root{min-height:100dvh;background:var(--bg-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{-webkit-tap-highlight-color:transparent}::selection{background:var(--brand-red-soft);color:var(--text-primary)}a{color:var(--brand-red);text-decoration:none}input,textarea,select,button{font-family:inherit;color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.live-badge,.live-pulse{animation:livePulse 1.5s ease-in-out infinite}@keyframes liveDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.55}}.live-dot-anim{animation:liveDot 1.4s ease-in-out infinite}@keyframes badgePop{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.badge-pop{animation:badgePop .3s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-in{animation:pageIn .2s ease-out}@keyframes scoreUp{0%{transform:translateY(60%);opacity:0}to{transform:translateY(0);opacity:1}}.score-flip{animation:scoreUp .22s ease-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.press-feedback{transition:transform .2s ease,box-shadow .2s ease}.press-feedback:active{transform:scale(.98)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;line-height:1.4;white-space:nowrap}
