.league-section { --league-ink:#f3f7ff; --league-accent:#09d5d2; color:var(--league-ink); }
.league-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px; border-radius:20px 20px 0 0; background:linear-gradient(120deg,#101947,#20336d); color:#fff; }
.league-header h2 { font-size:clamp(1.5rem,3vw,2.2rem); margin:6px 0 10px; color:#fff; }
.league-eyebrow { color:#6ef0e9; font-size:.8rem; letter-spacing:.12em; margin:0; }
.league-meta { color:#dce4f5; margin:0; }
.league-summary { display:flex; gap:24px; flex-shrink:0; }
.league-summary div { display:grid; gap:3px; text-align:center; }
.league-summary strong { color:#6ef0e9; font-size:1.9rem; }
.league-summary span { font-size:.85rem; color:#dce4f5; }
.league-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; padding:24px; background:rgba(2,11,36,.85); border-radius:0 0 20px 20px; }
.league-table-card,.league-fixture-card { background:linear-gradient(180deg,#081a3e,#06122d); border:1px solid #244361; border-radius:14px; overflow:hidden; box-shadow:0 5px 18px #0002; }
.league-table-card { align-self:start; }
.league-table-card h3,.league-fixture-card h3 { margin:0; padding:18px 20px; font-size:1.2rem; color:var(--league-ink); border-bottom:1px solid #244361; }
.league-table-scroll { overflow:auto; }
.league-table { border-collapse:collapse; width:100%; font-family:"Trebuchet MS",Arial,sans-serif; font-size:1.05rem; line-height:1.5; font-variant-numeric:tabular-nums; white-space:nowrap; }
.league-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.league-table th,.league-table td { padding:16px 12px; text-align:center; border-bottom:1px solid #ffffff0c; }
.league-table thead { background:#ffffff06; color:#bed5ff; }
.league-table tbody th { text-align:left; font-weight:500; }
.league-table .league-own { background:#09d5d21c; color:#6ef0e9; }
.league-table .league-own th { font-weight:700; box-shadow:inset 3px 0 var(--league-accent); }
.league-us { display:inline-block; margin-left:8px; padding:2px 5px; border-radius:4px; background:#0f5353; color:#fff; font-size:.75rem; }
.league-points { font-weight:700; }
.league-fixtures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; align-content:start; }
.league-fixtures { scroll-margin-top:100px; }
.league-filter { display:grid; gap:8px; padding:16px 20px; border-bottom:1px solid #244361; }
.league-filter label { color:#bed5ff; font-size:.9rem; }
.league-filter select { width:100%; min-width:0; padding:10px; border:1px solid #42617e; border-radius:8px; background:#101f3e; color:#f3f7ff; font:inherit; font-size:1rem; }
.league-filter button { justify-self:start; padding:9px 18px; margin-top:4px; border:0; border-radius:8px; background:#09d5d2; color:#06122d; font:inherit; font-weight:700; cursor:pointer; }
.league-filter select:focus-visible,.league-filter button:focus-visible { outline:2px solid #6ef0e9; outline-offset:3px; }
.league-round-title { margin:0; padding:12px 20px; background:#ffffff08; color:#6ef0e9; font-size:1rem; }
.league-versus { display:block; margin:3px 0; font-size:.8rem; font-weight:400; color:#bed5ff; }
.league-match { padding:16px 20px; border-bottom:1px solid #ffffff0c; }
.league-next { background:linear-gradient(120deg,#09d5d218,#163060); border-left:3px solid var(--league-accent); }
.league-match h4,.league-result h4 { margin:5px 0; font-size:1.05rem; color:var(--league-ink); }
.league-match p { margin:4px 0; }
.league-match-meta { color:#bed5ff; font-size:.78rem; letter-spacing:.03em; }
.league-result { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid #ffffff0c; }
.league-result p { margin:0; }
.league-score { flex-shrink:0; font-size:1.65rem; font-variant-numeric:tabular-nums; }
.league-outcome { font-size:.78rem; color:#6ef0e9; }
.league-score-note,.league-empty { padding:12px 20px; color:#bed5ff; font-size:.85rem; }
.league-stand { margin:12px 4px; font-size:.85rem; color:#bed5ff; }
@media (max-width:640px) {
    .league-header { align-items:flex-start; flex-direction:column; padding:22px; }
    .league-layout { padding:12px; }
    .league-fixtures { grid-template-columns:1fr; }
    .league-summary { gap:30px; }
    .league-table { table-layout:fixed; font-size:clamp(.625rem,2.6vw,.875rem); line-height:1.35; }
    .league-table th,.league-table td { padding:10px 2px; }
    .league-table thead th { white-space:normal; overflow-wrap:anywhere; }
    .league-table tr > :first-child { width:7%; }
    .league-table tr > :nth-child(2) { width:31%; white-space:normal; overflow-wrap:anywhere; }
    .league-table tr > :nth-child(3),
    .league-table tr > :nth-child(4),
    .league-table tr > :nth-child(5),
    .league-table tr > :nth-child(6) { width:7.25%; }
    .league-table tr > :nth-child(7) { width:13%; }
    .league-table tr > :nth-child(8),
    .league-table tr > :nth-child(9) { width:10%; }
    .league-us { margin-left:3px; padding:1px 3px; font-size:.85em; }
}