.container { max-width:1100px; margin:0 auto; padding:20px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.center { text-align:center; }
.league-logo { max-width:160px; margin:0 auto 12px; display:block; border-radius:8px; }
.league-title { font-size:28px; margin-bottom:12px; font-weight:700; }
.tabs { display:flex; justify-content:center; gap:12px; margin:18px 0 24px; flex-wrap:wrap; }
.tab { padding:8px 14px; border-radius:20px; background:#f5f5f5; cursor:pointer; user-select:none; }
.tab.active { background:#222; color:#fff; }
.tab-content { border:1px solid #eee; padding:16px; border-radius:8px; min-height:120px; }
.league-layout{ display:flex; gap:24px; align-items:flex-start; }
.league-table{ flex:1; }
.league-fixtures{ width:340px; }
@media(max-width:900px){ .league-layout{ flex-direction:column; } .league-fixtures{ width:100%; } }
.match-header { display:flex; align-items:center; justify-content:center; gap:24px; margin-bottom:18px; }
.match-team { text-align:center; width:180px; }
.match-team img { max-width:110px; display:block; margin:0 auto 8px; }
.score-box { text-align:center; font-size:48px; font-weight:700; min-width:140px; }
.match-meta { text-align:center; font-size:14px; color:#666; margin-top:6px; }
.fixture-tabs { display:flex; justify-content:center; gap:12px; margin:12px 0 18px; }
.fixture-tab { padding:8px 12px; border-radius:18px; background:#f5f5f5; cursor:pointer; }
.fixture-tab.active { background:#222; color:#fff; }
.commentary-item{ padding:8px 0; border-bottom:1px dashed #f0f0f0; display:flex; gap:8px; }
.commentary-item .minute{ width:50px; font-weight:700; }
@media(max-width:600px){ .match-team{ width:120px; } .score-box{ font-size:36px; } }