.my-stats-page { max-width: 76rem; margin-inline: auto; }
.my-stats-section-heading { margin-bottom: 1rem; }
.my-stats-section-heading h2 { margin-bottom: 0.35rem; }
.my-stats-note { color: #667085; font-size: 0.9rem; }
.my-stats-table-scroll { position: relative; overflow-x: auto; border: 1px solid #dce2e8; border-radius: 0.75rem; background: #fff; box-shadow: 0 2px 5px rgb(11 31 51 / 4%); }
.my-stats-table { width: 100%; min-width: 39.5rem; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.my-stats-table th, .my-stats-table td { padding: 0.8rem 1rem; text-align: center; border-bottom: 1px solid #edf0f3; }
.my-stats-table .my-stats-team-column { width: 34%; text-align: left; position: sticky; left: 0; z-index: 1; box-shadow: 4px 0 5px -5px #8796A8; }
.my-stats-table .my-stats-rank { width: 3.5rem; padding-inline: 0.5rem; color: #667085; font-variant-numeric: tabular-nums; }
.my-stats-table thead th { padding-block: 0.25rem; color: #0B1F33; background: #f5f7f9; text-transform: none; letter-spacing: normal; }
.my-stats-table thead a { display: flex; justify-content: center; align-items: center; gap: 0.4rem; min-height: 44px; color: #0B1F33; border-radius: 0.25rem; }
.my-stats-table thead .my-stats-team-column a { justify-content: flex-start; }
.my-stats-table th[aria-sort="ascending"] a, .my-stats-table th[aria-sort="descending"] a { color: #16834A; }
.my-stats-sort-arrow { flex-shrink: 0; font-size: 1rem; }
.my-stats-table tbody th { color: #0B1F33; background: #fff; font-size: 0.95rem; font-weight: 700; text-transform: none; letter-spacing: normal; }
.my-stats-team-name { display: flex; align-items: center; gap: 0.75rem; }
.my-stats-team-name img { flex-shrink: 0; object-fit: contain; }
.my-stats-team-mark { display: grid; place-items: center; flex: 0 0 2rem; height: 2rem; background: #e4e9ef; border-radius: 50%; font-size: 0.65rem; }
.my-stats-table td { font-variant-numeric: tabular-nums; white-space: nowrap; }
.my-stats-table td strong { color: #0B1F33; font-size: 1.15rem; }
.my-stats-record { color: #667085; font-size: 0.8rem; }
.my-stats-table tbody tr:nth-child(even) > * { background: #fafbfc; }
.my-stats-table tbody tr:hover > * { background: var(--green-soft); }
.my-stats-table tbody tr:last-child > * { border-bottom: 0; }
.my-stats-note { margin-top: 1.25rem; line-height: 1.6; }
.my-stats-empty { padding: 1rem 1.25rem; background: #fff; border-left: 3px solid #F2B134; border-radius: 0.25rem; }
@media (max-width: 40rem) {
  .my-stats-table { min-width: 35.5rem; }
  .my-stats-table th, .my-stats-table td { padding-inline: 0.6rem; }
  .my-stats-team-name { gap: 0.5rem; }
  .my-stats-table tbody th { font-size: 0.85rem; }
}
