Unc FC vs Too Much Sauce

/* Mobile-first responsive styles */ .sp-performance-mobile { display: block; } .sp-performance-desktop { display: none; } @media (min-width: 768px) { .sp-performance-mobile { display: none; } .sp-performance-desktop { display: block; } } .sp-player-platform-icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; } .sp-performance-stat-group { display: inline-flex; align-items: center; gap: 4px; margin-right: 8px; } .sp-performance-stat-multiplier { font-size: 0.875em; font-weight: 600; } /* Mobile card styles */ .sp-performance-card { margin-bottom: 12px; border-radius: 12px; overflow: hidden; } .sp-performance-card-header { padding: 12px 16px; font-weight: 600; font-size: 14px; } .sp-performance-player-row { display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .sp-performance-player-row:last-child { border-bottom: none; } .sp-performance-player-info { flex: 1; min-width: 0; } .sp-performance-player-number { font-weight: 700; margin-right: 12px; font-size: 14px; opacity: 0.6; } .sp-performance-player-name { font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 6px; } .sp-performance-player-position { font-size: 12px; opacity: 0.6; margin-top: 2px; } .sp-performance-player-stats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } /* Desktop table enhancements */ @media (min-width: 768px) { .sp-event-performance.sp-desktop-layout { font-size: 14px; } .sp-event-performance.sp-desktop-layout th { padding: 12px 8px; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .sp-event-performance.sp-desktop-layout td { padding: 12px 8px; vertical-align: middle; } .sp-event-performance.sp-desktop-layout .data-number { text-align: center; width: 50px; font-weight: 700; opacity: 0.6; } .sp-event-performance.sp-desktop-layout .data-name { font-weight: 600; } }