:root{
  --bg:#0e1116; --card:#171b22; --card2:#1e232c; --line:#2a303a;
  --txt:#e6e9ee; --muted:#8b95a3; --accent:#22c55e; --accent2:#3b82f6;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.5}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.hdr{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.hdr-in{display:flex;align-items:center;gap:24px;height:60px}
.logo{font-size:20px;font-weight:700;white-space:nowrap}
.leagues{display:flex;gap:6px;flex-wrap:wrap;overflow-x:auto}
.leagues button{background:var(--card2);color:var(--muted);border:1px solid var(--line);
  padding:6px 12px;border-radius:20px;font-size:13px;cursor:pointer;white-space:nowrap;transition:.15s}
.leagues button:hover{color:var(--txt)}
.leagues button.active{background:var(--accent);color:#04120a;border-color:var(--accent);font-weight:600}
.hero{padding:32px 0 20px}
.hero h1{font-size:28px;margin-bottom:8px}
.sub{color:var(--muted);max-width:640px}
.upd{margin-top:10px;font-size:12px;color:var(--muted)}
.cols{display:grid;grid-template-columns:1fr 360px;gap:24px;padding-bottom:40px}
@media(max-width:820px){.cols{grid-template-columns:1fr}}
h2{font-size:18px;margin:12px 0}
.fixtures{display:flex;flex-direction:column;gap:8px}
.fx{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.fx .team{display:flex;align-items:center;gap:8px;min-width:0}
.fx .team img{width:22px;height:22px;object-fit:contain;flex:none}
.fx .team.away{flex-direction:row-reverse;text-align:right}
.fx .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.fx .score{background:var(--card2);border-radius:6px;padding:4px 10px;font-weight:700;font-size:15px;min-width:54px;text-align:center}
.fx .score.ns{color:var(--muted);font-weight:400;font-size:12px}
.fx .meta{grid-column:1/-1;font-size:11px;color:var(--muted);text-align:center;margin-top:2px}
.fx .xg{font-size:11px;color:var(--accent2)}
.standings{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.standings table{width:100%;border-collapse:collapse;font-size:13px}
.standings th{background:var(--card2);color:var(--muted);text-align:left;padding:8px 6px;font-weight:500;font-size:11px}
.standings td{padding:7px 6px;border-top:1px solid var(--line)}
.standings td.r{text-align:center;color:var(--muted);width:24px}
.standings td.pts{font-weight:700;text-align:center}
.standings .tm{display:flex;align-items:center;gap:6px}
.standings .tm img{width:18px;height:18px;object-fit:contain}
.standings .tm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.ftr{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}
.muted{color:var(--muted)}
.loading{color:var(--muted);padding:20px;text-align:center}