:root{--bg:#f3f4f7;--card:#fff;--text:#1f2937;--muted:#6b7280;--primary:#ce1126;--line:#e5e7eb;--hl:#fff1f2}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}.app{background:var(--card);width:100%;max-width:480px;min-height:100vh;box-shadow:0 0 0 1px var(--line);flex-direction:column;margin:0 auto;display:flex}.app main{flex:1}.topbar{z-index:10;background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 15px;display:flex;position:sticky;top:0}.logo{letter-spacing:.5px;font-size:20px;font-weight:800}.logo span{color:var(--primary)}.nav{gap:16px;font-size:13px;display:flex}.nav a{color:var(--muted);border-bottom:2px solid #0000;padding:4px 0}.nav a.active{color:var(--text);border-bottom-color:var(--primary);font-weight:600}.section{padding:14px 15px}.page-title{margin:0 0 2px;font-size:18px}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 10px;font-size:13px}.muted{color:var(--muted);margin:0;font-size:13px}.card-link{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.card-link span{color:var(--primary);white-space:nowrap;font-size:13px}.group{padding:0 0 8px}.group-title{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f9fafb;margin:0;padding:10px 15px;font-size:14px}.group-title small{color:var(--muted);margin-left:6px;font-weight:400}.table-wrap{overflow-x:auto}.standings{border-collapse:collapse;width:100%;font-size:13px}.standings th,.standings td{text-align:center;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 6px}.standings th{color:var(--muted);font-size:11px;font-weight:600}.standings .left{text-align:left}.standings th:first-child,.standings td:first-child{padding-left:15px}.standings th:last-child,.standings td:last-child{padding-right:15px}.standings .team{align-items:center;gap:8px;display:flex}.standings .team img{box-shadow:0 0 0 1px var(--line);border-radius:2px}.standings .pts{font-weight:700}.standings tr.is-idn td{background:var(--hl);font-weight:600}.standings tr.is-idn td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.remark{color:var(--muted);margin:6px 15px 0;font-size:11px}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:16px 15px;font-size:12px}.match{border-bottom:1px solid var(--line);padding:12px 15px}.match-meta{color:var(--muted);margin-bottom:8px;font-size:12px}.match-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.match .side{align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.match .side span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match .side.right{text-align:right;justify-content:flex-end}.match .side img{object-fit:cover;width:22px;height:22px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none}.match .score{letter-spacing:1px;font-size:17px;font-weight:800}.match-note{text-align:center;color:var(--muted);margin-top:4px;font-size:11px}.match-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.badge{color:#fff;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-M{background:#16a34a}.badge-S{background:#6b7280}.badge-K{background:#dc2626}.tabs{border-bottom:1px solid var(--line);gap:6px;padding:10px 15px;display:flex;overflow-x:auto}.tabs a,.tabs span{border:1px solid var(--line);color:var(--muted);border-radius:16px;flex:none;padding:5px 12px;font-size:13px}.tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.tabs span.off{opacity:.5}.sub-title{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f9fafb;margin:0;padding:10px 15px;font-size:12px;font-weight:700}.kickoff{text-align:center;font-size:15px;font-weight:800}.kickoff small{color:var(--muted);font-size:10px;font-weight:500;display:block}.match.is-batal{opacity:.6}.badge-X{background:#9ca3af}.badge-live{background:#dc2626}.empty{color:var(--muted);margin:0;padding:14px 15px;font-size:13px}.player{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 15px;font-size:14px;display:flex}.player .no{text-align:center;width:26px;color:var(--primary);font-weight:800}.player .nm{flex:1;font-weight:600}.player .ct{color:var(--muted);font-size:12px}.countdown{text-align:center;color:var(--muted);border-bottom:1px solid var(--line);background:#fff5f5;margin:0;padding:8px 15px;font-size:12px}.card-link+.card-link{margin-top:10px}