:root{--bg:#0b0f1a;--c1:#111829;--c2:#16203a;--ln:#1f2a44;--tx:#e8ecf5;--mu:#8b95ad;--ng:#39ff88;--bl:#4cc9ff;--ku:#ffc53d;--me:#ff5470;
  --kut:#ffc53d;--on-ng:#06140f;--on-me:#20070d;--hv:#142036;--lvb:#0f2a22;--glb:#1d5c43;--bawah:rgba(17,24,41,.96);--tx2:#c3cadb;--ln2:#2c3b5e;--bayang:rgba(255,255,255,.35);
  --atas:56px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--ng);outline-offset:1px}
img{display:block}

.atas{position:sticky;top:0;z-index:30;height:var(--atas);display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--ln)}
.merek{font-size:19px;font-weight:800;letter-spacing:-.3px}
.merek b{color:var(--ng);font-weight:800}
.kecil{color:var(--mu);font-size:13px;padding-left:12px;border-left:1px solid var(--ln)}
.kanan{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--mu)}
.stat::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mu);margin-right:6px}
.stat.hidup::before{background:var(--ng)}
.stat.tunda{color:var(--kut)}
.stat.tunda::before{background:var(--ku)}
.ikon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px}
.ikon:hover{background:var(--c2)}
.tombol-menu{display:none;margin-left:-8px}

.tata{display:grid;grid-template-columns:236px minmax(0,1fr) 384px;max-width:1500px;margin:0 auto;align-items:start}

/* sidebar */
.sisi{position:sticky;top:var(--atas);height:calc(100vh - var(--atas));overflow-y:auto;padding:12px 8px 24px;border-right:1px solid var(--ln);scrollbar-width:thin;scrollbar-color:var(--ln) transparent}
.sisi h2{font-size:13px;font-weight:700;color:var(--mu);margin:14px 8px 4px}
.sisi h2:first-child{margin-top:2px}
.sisi .kosong{color:var(--mu);font-size:13px;margin:2px 8px 6px}
.lg{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:5px 8px;border-radius:7px;text-align:left}
.lg:hover{background:var(--c1)}
.lg.aktif{background:var(--c2);box-shadow:inset 2px 0 0 var(--ng)}
.lg img{width:22px;height:22px;object-fit:contain;flex:none;background:#e8ecf5;border-radius:5px;padding:2px}
.lg .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg .jm{color:var(--mu);font-size:12px}
.lg .jm.ada{color:var(--ng);font-weight:700}
.sisi details summary{cursor:pointer;display:flex;align-items:center;gap:9px;min-height:32px;padding:4px 8px;border-radius:7px;list-style:none}
.sisi details summary::-webkit-details-marker{display:none}
.sisi details summary:hover{background:var(--c1)}
.sisi details summary .jm{margin-left:auto;color:var(--mu);font-size:12px}
.sisi details .lg{padding-left:18px}

/* tengah */
.tengah{min-width:0;padding:12px 16px 40px}
.tanggal{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tanggal button{padding:7px 4px;border-radius:8px;background:var(--c1);text-align:center;border:1px solid transparent}
.tanggal button b{display:block;font-weight:700}
.tanggal button span{font-size:12px;color:var(--mu)}
.tanggal button:hover{border-color:var(--ln)}
.tanggal button[aria-pressed=true]{background:var(--c2);border-color:var(--ng)}
.tab{display:flex;gap:18px;margin-top:10px;border-bottom:1px solid var(--ln);overflow-x:auto;scrollbar-width:none}
.tab button{padding:9px 1px;color:var(--mu);font-weight:600;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.tab button i{font-style:normal;font-weight:500;font-size:12px;margin-left:3px}
.tab button:hover{color:var(--tx)}
.tab button[aria-selected=true]{color:var(--tx);border-bottom-color:var(--ng)}
.tab button.ada-live i{color:var(--ng);font-weight:700}
.saring{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--mu);font-size:13px}
.saring button{padding:3px 10px;background:var(--c2);border-radius:999px;color:var(--tx)}

.grup{margin-top:12px}
.kepala{display:flex;align-items:center;gap:8px;min-height:32px;padding:2px 4px}
.kepala img{width:18px;height:18px;object-fit:contain;flex:none}
.kepala .jd{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.kepala .jd span{color:var(--mu);font-weight:500}
.bintang{width:30px;height:30px;display:grid;place-items:center;color:var(--mu);font-size:16px;line-height:1;border-radius:6px}
.bintang:hover{color:var(--kut);background:var(--c1)}
.bintang[aria-pressed=true]{color:var(--kut)}

/* satu laga: skor tumpuk di kanan seperti papan skor */
.baris{display:grid;grid-template-columns:52px minmax(0,1fr) 34px;align-items:center;gap:10px;width:100%;padding:7px 12px 7px 8px;background:var(--c1);border-bottom:1px solid var(--bg);text-align:left;position:relative}
.grup .baris:first-of-type{border-radius:8px 8px 0 0}
.grup .baris:last-child{border-radius:0 0 8px 8px;border-bottom:0}
.grup .baris:only-of-type{border-radius:8px}
.baris:hover{background:var(--hv)}
.baris.pilih{background:var(--c2);box-shadow:inset 2px 0 0 var(--ng)}
.wkt{color:var(--mu);font-size:13px;text-align:center;line-height:1.2}
.wkt.live{color:var(--ng);font-weight:700}
.wkt.batal{color:var(--kut);font-size:12px}
.tbh{display:inline-block;margin-left:5px;padding:0 4px;border-radius:4px;background:var(--ng);color:var(--on-ng);font-size:.82em;font-weight:800;line-height:1.35}
.tbh:empty{display:none}
.tim{min-width:0;display:grid;gap:3px}
.tim div{display:flex;align-items:center;gap:7px;min-width:0}
.tim img{width:18px;height:18px;object-fit:contain;flex:none;filter:drop-shadow(0 0 1px var(--bayang))}
.tim span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tim .kalah{color:var(--mu)}
.tim em{flex:none;width:9px;height:12px;border-radius:2px;background:var(--me);font-size:0}
.skor{display:grid;gap:3px;text-align:right;font-size:15px;font-weight:800}
.skor span{display:block;line-height:18px}
.skor .kalah{color:var(--mu);font-weight:600}
.baris.live .skor{color:var(--ng)}
.baris.gol{animation:gol 2.4s ease-out 1}
.baris.gol .skor span.baru{color:var(--bg);background:var(--ng);border-radius:3px;margin-left:8px;text-align:center}
@keyframes gol{0%{background:var(--glb)}100%{background:var(--c1)}}

.kosong-besar{padding:48px 16px;text-align:center;color:var(--mu)}
.kosong-besar b{display:block;color:var(--tx);font-size:16px;margin-bottom:4px}
.kosong-besar button{margin-top:12px;padding:7px 14px;border-radius:8px;background:var(--c2);color:var(--tx)}

/* panel kanan */
.panel{position:sticky;top:var(--atas);height:calc(100vh - var(--atas));overflow-y:auto;border-left:1px solid var(--ln);padding:12px 14px 28px;scrollbar-width:thin;scrollbar-color:var(--ln) transparent}
.panel .tutup{display:none;margin-bottom:6px}
.pkep{color:var(--mu);font-size:13px;display:flex;align-items:center;gap:7px;min-height:22px}
.pkep img{width:18px;height:18px;object-fit:contain}
.papan{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;text-align:center;margin:14px 0 12px}
.papan img{width:64px;height:64px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 0 1px var(--bayang))}
.logo-tim{position:relative;display:block;width:64px;margin:0 auto 6px}
.kmerah{position:absolute;right:-5px;top:-2px;min-width:12px;height:16px;border-radius:2px;background:var(--me);box-shadow:0 0 0 2px var(--sf,var(--bg));color:#fff;font:800 10px/16px system-ui;text-align:center}
.papan .nm{font-weight:700;line-height:1.25;overflow-wrap:break-word;word-break:normal}
.papan .angka{font-size:42px;font-weight:800;line-height:1.05;letter-spacing:-.5px;white-space:nowrap;padding-top:4px}
.papan .angka.live{color:var(--ng)}
.papan .ket{color:var(--mu);font-size:13px;margin-top:3px}
.papan .ket.live{color:var(--ng);font-weight:700}
.ptab{display:flex;gap:18px;border-bottom:1px solid var(--ln);margin-bottom:12px}
.ptab button{padding:7px 1px;color:var(--mu);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}
.ptab button[aria-selected=true]{color:var(--tx);border-bottom-color:var(--ng)}
.panel h3{font-size:14px;margin:16px 0 8px}
.ev{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:6px;padding:4px 0}
.ev .mn{color:var(--mu);text-align:center;font-size:13px}
.ev .isi{display:flex;align-items:center;gap:6px;min-width:0}
.ev .isi.a{justify-content:flex-start}
.ev .isi.h{justify-content:flex-end;text-align:right}
.ev .isi small{display:block;color:var(--mu);font-size:12px}
.tnd{flex:none;width:12px;height:15px;border-radius:2px}
.tnd.ku{background:var(--ku)}.tnd.me{background:var(--me)}.tnd.km{background:linear-gradient(135deg,var(--ku) 50%,var(--me) 50%)}
.tnd.gl{width:13px;height:13px;border-radius:50%;background:var(--ng)}
.tnd.bd{width:13px;height:13px;border-radius:50%;background:none;border:3px solid var(--me)}
.stb{margin-bottom:10px}
.stb .ang{display:flex;justify-content:space-between;font-weight:700;font-size:13px}
.stb .ang span:nth-child(2){color:var(--mu);font-weight:500}
.stb .bar{display:grid;grid-template-columns:1fr 1fr;gap:3px;height:5px;margin-top:3px}
.stb .bar div{background:var(--c2);border-radius:3px;overflow:hidden}
.stb .bar div:first-child{display:flex;justify-content:flex-end}
.stb .bar i{display:block;height:100%;background:var(--mu)}
.stb .bar .unggul{background:var(--ng)}
.info{color:var(--mu);font-size:13px;margin-top:16px;display:grid;gap:3px}
.info b{color:var(--tx);font-weight:500}
.tenang{color:var(--mu);padding:18px 2px}
.klas{width:100%;border-collapse:collapse;font-size:13px}
.klas th{color:var(--mu);font-weight:500;text-align:right;padding:4px 3px}
.klas th:nth-child(2){text-align:left}
.klas td{padding:5px 3px;border-top:1px solid var(--ln);text-align:right}
.klas td:first-child{color:var(--mu);width:22px}
.klas td:nth-child(2){text-align:left;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:99%}
.klas td:last-child{font-weight:800}
.klas tr.sorot td{background:var(--c2)}


/* ---------- tahap 2 ---------- */
.ssr{display:none}
.tanpa{visibility:hidden}
.cari{position:relative;flex:0 1 340px;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;margin-left:12px;background:var(--c1);border:1px solid var(--ln);border-radius:999px;color:var(--mu)}
.cari:focus-within{border-color:var(--ng)}
.cari input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:inherit}
.cari-hasil{position:absolute;top:44px;left:0;width:min(420px,92vw);max-height:70vh;overflow-y:auto;background:var(--c1);border:1px solid var(--ln);border-radius:12px;padding:6px;z-index:40;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.cari-hasil h4,.cari-hal h4{margin:8px 8px 4px;font-size:12px;color:var(--mu);font-weight:600}
.ch{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;color:var(--tx);min-height:40px}
.ch:hover{background:var(--c2)}
.ch img{width:26px;height:26px;object-fit:contain;flex:none}
.ch img.bulat{border-radius:50%;object-fit:cover}
.ch small{display:block;color:var(--mu);font-size:12px}
.cari-hal{padding:4px 0}
.cari-hal input{width:100%;height:44px;padding:0 14px;background:var(--c1);border:1px solid var(--ln);border-radius:10px;color:var(--tx);font:inherit;margin-bottom:10px}
#tombolCari{display:none}
.ikon.nyala{color:var(--ng)}
.kabar{position:fixed;left:50%;bottom:84px;transform:translate(-50%,16px);background:var(--c2);border:1px solid var(--ln);padding:8px 14px;border-radius:999px;opacity:0;transition:.18s;pointer-events:none;z-index:60}
.kabar.tampil{opacity:1;transform:translate(-50%,0)}
.bawah{display:none}

/* tanggal */
.tanggal-bar{position:relative;display:flex;align-items:center;gap:6px;background:var(--c1);border-radius:12px;padding:4px}
.tanggal{display:flex;flex:1;min-width:0;gap:2px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.tanggal::-webkit-scrollbar{display:none}
.tanggal a{flex:1 0 74px;padding:6px 4px;border-radius:9px;text-align:center;border:1px solid transparent}
.tanggal a b{display:block;font-size:13px;font-weight:700}
.tanggal a span{font-size:12px;color:var(--mu)}
.tanggal a:hover{background:var(--c2)}
.tanggal a[aria-pressed=true]{background:var(--c2);border-color:var(--ng)}
.kalender{position:absolute;top:calc(100% + 6px);right:0;width:290px;background:var(--c1);border:1px solid var(--ln);border-radius:12px;padding:10px;z-index:35;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.kal-kepala{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.kal-kepala button{width:32px;height:32px;border-radius:8px;font-size:20px}
.kal-kepala button:hover{background:var(--c2)}
.kal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.kal-grid i{font-style:normal;color:var(--mu);font-size:12px;padding:4px 0}
.kal-grid a{padding:7px 0;border-radius:7px}
.kal-grid a:hover{background:var(--c2)}
.kal-grid a.kini{color:var(--ng);font-weight:700}
.kal-grid a[aria-pressed=true]{background:var(--ng);color:var(--bg);font-weight:700}

/* filter */
.tab-bar{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.tab{flex:1;gap:6px;margin:0;border:0;min-width:0}
.tab button{padding:6px 12px;border:1px solid var(--ln);border-radius:999px;margin:0;color:var(--tx);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.tab button[aria-selected=true]{background:var(--ng);border-color:var(--ng);color:var(--bg)}
.tab button i{margin:0}
.tab button.ada-live i{color:var(--ng)}
.tab button.ada-live[aria-selected=true] i{color:var(--bg)}
.tab button u{width:7px;height:7px;border-radius:50%;background:var(--me);text-decoration:none}
.alat{display:flex;align-items:center;gap:6px}
.alat select,.kepala-hal select,.kartu select,.baris-alat select{background:var(--c1);color:var(--tx);border:1px solid var(--ln);border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;max-width:118px}
.alat .ikon{width:34px;height:34px}
.alat .ikon[aria-pressed=true]{color:var(--bg);background:var(--ng)}

/* grup + baris gaya papan tengah */
.grup{margin-top:12px;background:var(--c1);border-radius:12px;overflow:hidden}
.grup.rata{margin-top:6px;background:none}
.grup.fav{box-shadow:inset 0 0 0 1px var(--ng)}
.kepala{padding:8px 8px 6px 12px;gap:10px;background:var(--c1)}
.kepala>img{width:28px;height:28px;background:#e8ecf5;border-radius:7px;padding:2px}
.kepala .jd{display:block;min-width:0;flex:1}
.kepala .jd b{display:block;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kepala .jd span{display:flex;align-items:center;gap:5px;color:var(--mu);font-size:12px;font-weight:500}
.kepala .jd span img{width:13px;height:13px}
.kepala .jd:hover b{color:var(--ng)}
.ikon-fav{color:var(--kut);font-size:18px;width:28px;text-align:center}
.baris{grid-template-columns:62px minmax(0,1fr) 84px minmax(0,1fr) 34px;gap:8px;padding:0 6px 0 8px;min-height:52px;background:var(--c1);border-bottom:1px solid var(--bg);border-radius:0!important}
.grup .baris:last-child{border-bottom:0}
.baris .lapis{position:absolute;inset:0;z-index:1}
.baris .bintang{position:relative;z-index:2}
.baris .tgl{display:none}
.baris .wkt.nanti{visibility:hidden}
.tim{display:flex!important;align-items:center;gap:8px;min-width:0}
.tim.h{justify-content:flex-end}
.tim img{width:24px;height:24px}
.tim .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tim .kalah,.tim .nm.kalah{color:var(--mu)}
.tengah-skor{display:flex;flex-direction:column;align-items:center;gap:1px}
.skor{display:flex;justify-content:center;align-items:center;gap:0;min-width:64px;height:30px;padding:0 8px;background:var(--bg);border-radius:8px;font-size:15px;font-weight:800}
.skor span{line-height:30px;min-width:16px;text-align:center}
.skor span:first-child::after{content:"-";margin:0 6px;color:var(--mu);font-weight:600}
.skor.belum{font-weight:600;font-size:14px;color:var(--tx)}
.skor .kalah{font-weight:800}
.baris.live .skor{background:var(--lvb)}
.baris.gol .skor span.baru{background:var(--ng);color:var(--bg);border-radius:3px;padding:0 4px;margin:0}
.b1{color:var(--mu);font-size:11px;line-height:1}
.tv{position:relative;z-index:2;display:inline-flex;align-items:center;gap:3px;margin-top:2px;padding:1px 6px;border-radius:9px;background:rgba(57,255,136,.12);color:var(--ng);font-size:10px;font-weight:700;line-height:15px;white-space:nowrap}
.tv:hover{background:rgba(57,255,136,.22)}
.tv.besar{margin:8px auto 0;padding:6px 14px;border-radius:16px;font-size:13px;line-height:18px;gap:6px}
.tim em{width:8px;height:11px}

/* sidebar */
.lg .nm{min-width:0}
.sisi a.lg{color:inherit}
.sisi-cari{width:calc(100% - 16px);margin:2px 8px 6px;height:34px;padding:0 10px;background:var(--c1);border:1px solid var(--ln);border-radius:8px;color:var(--tx);font:inherit}
.sisi summary img,.kosong-bendera{width:20px;height:20px;object-fit:contain;flex:none}
.sisi details:not([open]) .lg{display:none}

/* panel + halaman laga */
.panel .tutup{font-size:22px;line-height:1;padding:0 8px 0 0;margin:0}
.pkep a{display:flex;align-items:center;gap:7px;min-width:0}
.pkep a:hover span{color:var(--tx)}
.pkep .buka-laga{margin-left:auto;flex:none}
.tautan{color:var(--ng)}
.tautan:hover{text-decoration:underline}
.papan a{min-width:0;display:block}
.pencetak{display:grid;grid-template-columns:1fr 14px 1fr;gap:8px;color:var(--mu);font-size:12px;margin:-4px 0 10px}
.pencetak ul{list-style:none;margin:0;padding:0;min-width:0}
.pencetak ul:first-child{text-align:right}
.gb{display:inline-block;font-style:normal;font-size:9px;font-weight:800;line-height:13px;min-width:13px;padding:0 2px;border-radius:7px;text-align:center;background:var(--c2);color:var(--tx);vertical-align:1px}
.gb.bd{color:var(--me)}
.pencetak .g{width:9px;height:9px;border-radius:50%;background:var(--ng);align-self:center;justify-self:center}
.ptab{overflow-x:auto;scrollbar-width:none;gap:6px;border:0;margin-bottom:10px}
.ptab::-webkit-scrollbar{display:none}
.ptab button{white-space:nowrap;padding:5px 11px;border:1px solid var(--ln);border-radius:999px;margin:0;color:var(--tx);font-size:13px}
.ptab button[aria-selected=true]{background:var(--ng);border-color:var(--ng);color:var(--bg)}
.hal-penuh .tata{grid-template-columns:236px minmax(0,1fr)}
.hal-penuh .panel{display:none}
.kartu-laga,.kartu-hal{background:var(--c1);border-radius:14px;padding:14px 16px 8px;margin-bottom:12px}
.panel .kartu-laga{padding:0;background:none;margin:0}
#vHal .papan{max-width:640px;margin:12px auto}
#vHal .papan img{width:74px;height:74px}
#vHal .papan .angka{font-size:46px}
#vHal .ptab{justify-content:safe center}
#vHal .tabh{justify-content:flex-start}
#vHal .badan-laga,.kartu{background:var(--c1);border-radius:14px;padding:12px 16px 16px;margin-bottom:12px}
.panel .badan-laga{padding:0 0 12px}
.kartu h3:first-child{margin-top:2px}
.dua{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;min-width:0}
.dua>div{min-width:0}
.panel .dua:not(.pra){grid-template-columns:1fr;gap:0}
.gw{position:relative;height:50px;margin:10px 6px 8px}
.gw-jalur{position:absolute;left:0;right:0;top:20px;height:4px;background:var(--c2);border-radius:2px}
.gw-jalur i{display:block;height:100%;background:var(--ng);border-radius:2px}
.gw-jalur b{position:absolute;top:-3px;width:2px;height:10px;background:var(--mu)}
.gw-t{position:absolute;width:10px;height:10px;margin-left:-5px;border-radius:50%}
.gw-t.atas{top:6px}.gw-t.bawah{top:28px}
.gw-t.gl{background:var(--ng)}.gw-t.me,.gw-t.km{background:var(--me);border-radius:2px;height:12px;width:8px}.gw-t.bd{border:2px solid var(--me)}
.gw-label{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:11px;color:var(--mu)}
.gw-label span[style]{position:absolute;transform:translateX(-50%)}
.ev{padding:5px 0}
.ev a:hover{color:var(--ng)}
.ev.cepat{color:var(--ng)}
.ev-babak{text-align:center;color:var(--mu);font-size:12px;margin:6px 0;padding:3px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.tnd.sb{width:14px;height:14px;background:linear-gradient(90deg,var(--ng) 50%,var(--me) 50%);border-radius:50%}
.tnd.vr{width:18px;height:13px;background:var(--bl);border-radius:2px}
.info{grid-template-columns:1fr;margin-top:4px}
.fm{display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:13px;margin-bottom:6px}
.lapangan{position:relative;aspect-ratio:68/105;max-height:760px;margin:0 auto 12px;width:100%;max-width:520px;background:repeating-linear-gradient(180deg,#123a2a 0 8.33%,#10342a 8.33% 16.66%);border:2px solid #2c5a47;border-radius:8px;overflow:hidden}
.lapangan i{position:absolute;border:2px solid #2c5a47}
.lapangan .tgh{left:0;right:0;top:50%;height:0;border-width:2px 0 0}
.lapangan .lingkar{left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}
.lapangan .kotak{left:22%;right:22%;height:13%}
.lapangan .kotak.a{top:-2px}.lapangan .kotak.b{bottom:-2px}
.pt{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:64px;color:#fff;text-align:center}
.pt .no{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.pt small{font-size:11px;line-height:1.15;margin-top:2px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000}
.pt .rt{position:absolute;top:-6px;right:8px;background:var(--bg);font-size:10px;padding:0 3px;border-radius:3px;font-weight:700}
.pt .rt.bagus{color:var(--ng)}
.pt .tk{position:absolute;top:18px;left:8px;font-size:11px;color:var(--kut)}
.pt .gg{position:absolute;top:-6px;left:10px;font-size:8px;color:var(--ng)}
.panel .pt{width:52px}.panel .pt .no{width:26px;height:26px;font-size:12px}.panel .pt small{max-width:52px}
.cad{list-style:none;margin:0;padding:0}
.cad li{display:flex;align-items:center;gap:8px;padding:4px 0;border-top:1px solid var(--ln)}
.cad small{margin-left:auto;color:var(--ng);font-size:12px;flex:none}
.cad a:hover,.pelatih a:hover{color:var(--ng)}
.no-k{color:var(--mu);width:20px;text-align:right;flex:none}
.pelatih{color:var(--mu);margin:6px 0}
.pelatih a{color:var(--tx)}
.h2h-rek{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;margin:8px 0}
.h2h-rek b{display:block;font-size:22px}
.h2h-rek span{color:var(--mu);font-size:12px}
.h2h-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--c2);gap:2px}
.h2h-bar .a{background:var(--ng)}.h2h-bar .s{background:var(--mu)}.h2h-bar .b{background:var(--bl)}
.bk{display:grid;grid-template-columns:44px 96px minmax(0,1fr) 54px minmax(0,1fr) 24px;gap:6px;align-items:center;padding:6px 0;border-top:1px solid var(--ln);font-size:13px}
.bk:hover{background:var(--c2)}
.bk .t,.bk .ln{color:var(--mu);font-size:12px}
.bk .ln{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk .tm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk .tm.r{text-align:right}
.bk .tm.menang{font-weight:700}
.bk .sk{text-align:center;font-weight:700}
.panel .bk,.dua .bk{grid-template-columns:40px minmax(0,1fr) 46px minmax(0,1fr) 24px}
.panel .bk .ln,.dua .bk .ln{display:none}
.chips{display:flex;gap:4px;margin:4px 0 6px}
.chip{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:800}
.chip.M{background:var(--ng);color:var(--bg)}.chip.S{background:#59627a;color:#fff}.chip.K{background:var(--me);color:var(--on-me)}
.chips.besar .chip{width:34px;height:34px;font-size:15px}
.pil{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.pil button{padding:5px 12px;border:1px solid var(--ln);border-radius:999px;font-size:13px}
.pil button[aria-selected=true]{background:var(--c2);border-color:var(--ng);color:var(--ng)}
.dua.pra{grid-template-columns:1fr 1fr}
.dua.pra span{color:var(--mu);font-size:12px}
.klas a{display:flex;align-items:center;gap:7px;min-width:0}
.klas a:hover{color:var(--ng)}
.klas td img{width:18px;height:18px;object-fit:contain;flex:none}
.klas td:first-child{position:relative;text-align:center}
.klas .z-atas{box-shadow:inset 3px 0 0 var(--ng)}.klas .z-tgh{box-shadow:inset 3px 0 0 var(--bl)}.klas .z-bawah{box-shadow:inset 3px 0 0 var(--me)}
.klas td.fk,.klas th.fk{text-align:right;white-space:nowrap}
.f{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:2px;border-radius:4px;font-style:normal;font-size:11px;font-weight:800}
.f.W{background:var(--ng);color:var(--bg)}.f.D{background:#59627a;color:#fff}.f.L{background:var(--me);color:var(--on-me)}
.klas.top td,.klas.pm-tb td{max-width:none}
.klas.top td:nth-child(2){text-align:left;width:99%}
.klas.tf td,.klas.tf th{text-align:left;max-width:none;width:auto;white-space:normal}
.klas.tf td:first-child{text-align:left;color:var(--mu);white-space:nowrap;width:auto}
.klas.tf td:last-child{font-weight:500}
.klas.pm-tb td:first-child{text-align:left;width:99%}
.klas.pm-tb td:nth-child(2){text-align:right;width:auto;max-width:none}
.klas.pm-tb small{display:block;color:var(--mu)}
.klas.pm-tb th:first-child,.klas.pm-tb th:nth-child(2){text-align:right}
.klas.pm-tb th:first-child{text-align:left}
.radar{display:block;width:100%;max-width:300px;margin:0 auto}
.radar text{fill:var(--mu);font-size:10px}
.legenda{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--mu)}
.legenda i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px}
.catatan{color:var(--mu);font-size:12px;margin:8px 0 0}
.komentar{list-style:none;margin:0;padding:0}
.komentar li{display:grid;grid-template-columns:44px 18px 1fr;gap:6px;align-items:center;padding:7px 0;border-top:1px solid var(--ln)}
.komentar b{color:var(--mu);font-weight:600;text-align:right}
.komentar p{margin:0}
.kepala-hal{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.kepala-hal>img{width:84px;height:84px;object-fit:contain;flex:none}
.kepala-hal>img.bulat{border-radius:50%;object-fit:cover;background:var(--c2)}
.kepala-hal .ttl{flex:1;min-width:0}
.kepala-hal h1{margin:0;font-size:26px;line-height:1.15;overflow-wrap:anywhere}
.kepala-hal p{margin:6px 0 0;color:var(--mu);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kepala-hal .bintang{width:44px;height:44px;font-size:24px}
.bendera{width:18px;height:18px;object-fit:contain}
.sorot-laga{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:6px 0}
.sorot-laga>div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0;font-weight:700}
.sorot-laga img{width:60px;height:60px;object-fit:contain}
.sorot-laga .sk b{font-size:30px}
.sorot-laga small{color:var(--mu);font-weight:500}
.skuad{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 12px}
.pm{display:flex;align-items:center;gap:10px;padding:5px 4px;border-radius:8px;min-width:0}
.pm:hover{background:var(--c2)}
.pm img{width:36px;height:36px;object-fit:contain;flex:none}
.pm img.bulat{border-radius:50%;object-fit:cover;background:var(--c2)}
.pm span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pm small{display:block;color:var(--mu);font-size:12px}
.klas .pm img{width:30px;height:30px}
.fav-item{display:flex;align-items:center;justify-content:space-between}
.sel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin:8px 0 12px}
.sel{background:var(--c2);border-radius:10px;padding:9px 10px;text-align:center;min-width:0}
.sel b{display:block;font-size:17px;overflow-wrap:anywhere}
.sel span{color:var(--mu);font-size:12px}
.info-pm .sel b{font-size:14px;font-weight:600}
.baris-alat{display:flex;align-items:center;justify-content:space-between;gap:10px}
.trofi{list-style:none;margin:0;padding:0;columns:2;font-size:13px}
.trofi li{padding:3px 0;break-inside:avoid;color:var(--mu)}
.trofi b{color:var(--tx);font-weight:500}
.lebih{display:block;margin:12px auto 0;padding:7px 16px;background:var(--c2);border-radius:8px}
.bagan{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}
.bagan-k{flex:0 0 220px;display:flex;flex-direction:column;justify-content:space-around;gap:10px}
.bagan-k h3{margin:0;text-align:center;color:var(--mu);font-size:13px}
.bagan-p{display:block;background:var(--c1);border-radius:10px;padding:6px 8px}
.bagan-p:hover{background:var(--c2)}
.bagan-p>div{display:grid;grid-template-columns:20px minmax(0,1fr) 22px;gap:6px;align-items:center;padding:3px 0;color:var(--mu)}
.bagan-p>div.unggul{color:var(--tx);font-weight:700}
.bagan-p img{width:20px;height:20px;object-fit:contain}
.bagan-p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bagan-p b{text-align:right}
.skel{display:grid;gap:8px;padding:12px 0}
.skel i{display:block;height:44px;border-radius:10px;background:linear-gradient(100deg,var(--c1) 30%,var(--c2) 50%,var(--c1) 70%);background-size:300% 100%;animation:kilau 1.3s linear infinite}
@keyframes kilau{0%{background-position:100% 0}100%{background-position:-50% 0}}
#vBeranda[hidden],#vHal[hidden],.tirai[hidden]{display:none}

@media (max-width:1180px){
  .tata,.hal-penuh .tata{grid-template-columns:220px minmax(0,1fr)}
  .panel{position:fixed;top:var(--atas);right:0;bottom:0;width:min(440px,100%);height:auto;z-index:25;background:var(--bg);transform:translateX(100%);visibility:hidden;transition:transform .18s ease-out,visibility .18s}
  .panel.buka{transform:none;visibility:visible}
  .panel .tutup{display:block;color:var(--mu)}
  .baris{grid-template-columns:52px minmax(0,1fr) 72px minmax(0,1fr) 30px}
}
@media (max-width:760px){
  :root{--atas:52px}
  .tata,.hal-penuh .tata{grid-template-columns:minmax(0,1fr)}
  body{padding-bottom:64px}
  .tombol-menu{display:grid}
  .cari,.stat,.jam,.kanan a.ikon{display:none}
  #tombolCari{display:grid}
  .tengah{padding:10px 8px 24px}
  .sisi{position:fixed;left:0;top:var(--atas);bottom:0;height:auto;width:min(290px,84vw);z-index:26;background:var(--bg);transform:translateX(-100%);visibility:hidden;transition:transform .18s ease-out,visibility .18s}
  .sisi.buka{transform:none;visibility:visible}
  .tirai{position:fixed;inset:var(--atas) 0 0;z-index:24;background:rgba(5,8,14,.6)}
  .panel{width:100%}
  .kanan{gap:4px}
  .tab{display:none}
  .tab-bar{margin-top:8px}
  .alat{width:100%}
  .alat select{flex:1 1 0;min-width:0;max-width:none}
  .grup{background:none;overflow:visible}
  .grup.fav{box-shadow:none}
  .kepala{background:none;padding:6px 4px}
  .grup .baris{background:var(--c1);margin-bottom:6px;border:0;border-radius:12px!important;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr) 30px;grid-template-areas:"h s a b" "h w a b";padding:8px 2px 8px 8px;row-gap:2px;column-gap:6px;min-height:62px}
  .grup .baris.bl{grid-template-areas:"l l l l" "h s a b" "h w a b"}
  .baris .lg-b{grid-area:l}
  .baris .wkt{grid-area:w;font-size:11.5px}
  .baris .wkt.nanti{display:none}
  .tim.h{grid-area:h;justify-content:flex-end}
  .tim.a{grid-area:a}
  .tim img{width:20px;height:20px}
  .tim .nm{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.2;overflow-wrap:normal;word-break:normal;hyphens:manual}
  .tim .nm.nm-kecil{font-size:11px;letter-spacing:-.2px}
  .tim.h .nm{text-align:right}
  .tengah-skor{grid-area:s}
  .skor{min-width:58px;height:28px;padding:0 4px;font-size:14px}
  .skor span{line-height:28px}
  .skor span:first-child::after{margin:0 4px}
  .b1{display:none}
  .baris .bintang{grid-area:b;justify-self:center;width:30px}
  .bawah{position:fixed;left:8px;right:8px;bottom:8px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--bawah);border:1px solid var(--ln);border-radius:16px;padding:4px;backdrop-filter:blur(8px)}
  .bawah a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;color:var(--mu);font-size:11px;border-radius:12px;min-height:48px}
  .bawah svg{width:20px;height:20px}
  .bawah a.aktif{color:var(--ng);background:var(--c2)}
  .bawah i{position:absolute;top:2px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 3px;border-radius:9px;background:var(--me);color:var(--on-me);font:700 11px/17px system-ui;text-align:center}
  .bawah i[hidden]{display:none}
  .dua{grid-template-columns:1fr}
  .kartu-laga,.kartu-hal{padding:10px 12px 6px;border-radius:12px}
  #vHal .badan-laga,.kartu{padding:10px 12px 14px}
  #vHal .papan img{width:54px;height:54px}
  #vHal .papan .angka{font-size:36px}
  #vHal .ptab{justify-content:flex-start}
  .kepala-hal>img{width:58px;height:58px}
  .kepala-hal h1{font-size:21px}
  .klas .fk{display:none}
  .klas{font-size:12.5px}
  .bk{grid-template-columns:40px minmax(0,1fr) 46px minmax(0,1fr) 24px}
  .bk .ln{display:none}
  .bintang{width:34px;height:34px}
  .baris-alat{flex-wrap:wrap}
  .kalender{left:0;right:auto;width:100%}
  .lapangan{max-height:none}
  .pt{width:54px}.pt .no{width:26px;height:26px;font-size:12px}.pt small{max-width:54px;font-size:10.5px}
  .trofi{columns:1}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}
/* 1 Nov 2026: tombol kembali di halaman penuh laga */
.pkep a.kembali{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-size:20px;line-height:1}.pkep a.kembali small{font-size:12px;font-weight:600}

/* panah tab detail laga */
.ptab-w{position:relative;--sf:var(--c1)}
.panel .ptab-w{--sf:var(--bg)}
.ptab-p{position:absolute;top:0;bottom:10px;z-index:2;display:grid;place-items:center;width:34px}
.ptab-p[hidden]{display:none}
.ptab-p.kiri{left:0;justify-items:start;background:linear-gradient(90deg,var(--sf) 62%,transparent)}
.ptab-p.kanan{right:0;justify-items:end;background:linear-gradient(270deg,var(--sf) 62%,transparent)}
.ptab-p svg{width:26px;height:26px;padding:6px;border-radius:50%;background:var(--c2);border:1px solid var(--ln);fill:none;stroke:var(--tx);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ptab-p:hover svg{border-color:var(--ng)}

/* ringkasan: momentum, penguasaan, angka, pemain terbaik */
.mm-kep{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.mm-kep .legenda{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--mu);margin:0;min-width:0}
.mm-kep .legenda span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.mm-kep .legenda i{width:8px;height:8px;border-radius:50%;flex:none}
.mm-est{flex:none;font-size:11px;color:var(--mu);border:1px solid var(--ln);border-radius:999px;padding:0 7px;cursor:help}
.mm{position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.mm-lajur{position:relative;height:28px}
.mm-t{position:absolute;transform:translateX(-50%);width:8px;height:10px;border-radius:1px;box-shadow:0 0 0 2px var(--bg)}
.mm-t.l1{top:1px}.mm-t.l2{top:15px}
.mm-t.ku{background:var(--ku)}.mm-t.me{background:var(--me)}.mm-t.km{background:linear-gradient(135deg,var(--ku) 50%,var(--me) 50%)}
.mm-t.gl{width:10px;height:10px;border-radius:50%;background:var(--tx)}
.mm-t.bd{width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--me)}
.mm-plot{position:relative;height:104px;background:linear-gradient(var(--ln),var(--ln)) 0 50%/100% 1px no-repeat;border-bottom:1px solid var(--ln)}
.mm-plot b{position:absolute;top:0;bottom:0;width:1px;background:var(--mu);opacity:.5}
.mm-plot i{position:absolute}
.mm-plot i.h{bottom:50%;background:var(--ng);border-radius:3px 3px 0 0}
.mm-plot i.a{top:50%;background:var(--bl);border-radius:0 0 3px 3px}
.mm-sumbu{position:relative;height:18px;font-size:11px;color:var(--mu)}
.mm-sumbu span{position:absolute;top:3px;transform:translateX(-50%)}
.mm-sumbu .awal{transform:none}.mm-sumbu .akhir{transform:translateX(-100%)}
.mm-tip{position:absolute;top:30px;transform:translateX(-50%);z-index:3;background:var(--c2);border:1px solid var(--ln);border-radius:6px;padding:3px 8px;font-size:12px;white-space:nowrap;pointer-events:none}
.mm-tip[hidden]{display:none}
.mm-cat{margin:2px 0 10px}
.poss{margin:12px 0 8px}
.poss .ang{display:flex;justify-content:space-between;font-size:13px;font-weight:700}
.poss .ang span:nth-child(2){color:var(--mu);font-weight:500}
.poss-bar{display:flex;gap:2px;height:8px;margin-top:4px}
.poss-bar i{background:var(--ng);border-radius:4px 0 0 4px}
.poss-bar i+i{background:var(--bl);border-radius:0 4px 4px 0}
.ang3{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:5px 0;border-bottom:1px solid var(--ln);font-size:13px;text-align:center}
.ang3 span{color:var(--mu)}
.ang3 b{font-weight:600}
.ang3 b:first-child{text-align:left}.ang3 b:last-child{text-align:right}
.ang3 b.unggul{font-weight:800}
.lebih-stat{margin-top:8px;font-size:13px}
.pm-top{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0}
.pm-top>img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--c2)}
.pm-top b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-top small{display:flex;align-items:center;gap:4px;color:var(--mu);font-size:12px;min-width:0}
.pm-top small img{width:14px;height:14px;object-fit:contain;flex:none}
.rt-b{font-weight:800;font-size:13px;padding:2px 7px;border-radius:5px;background:var(--c2)}
.rt-b.bagus{background:var(--ng);color:var(--bg)}

/* 2 Nov: kronologi + garis waktu */
.ev-babak{font-weight:600}
.ev-sk{flex:none;font-size:12px;font-weight:800;color:var(--ng);padding:0 2px}
.gw{position:relative;height:auto;margin:6px 0 12px;padding-left:24px}
.gw-isi{position:relative;height:calc(36px + var(--tum,1) * 30px)}
.gw-jalur{position:absolute;left:0;right:0;top:calc(50% - 2px);height:4px;background:var(--c2);border-radius:2px}
.gw-jalur b{top:-4px;width:2px;height:12px;margin-left:-1px;background:var(--mu);border-radius:1px}
.gw-l{position:absolute;left:0;width:18px;height:18px;object-fit:contain}
.gw-l.a{top:calc((100% - 18px) / 2 - 22px)}.gw-l.b{top:calc((100% - 18px) / 2 + 2px)}
.gw-t,.gw-t.gl,.gw-t.bd,.gw-t.me,.gw-t.km{position:absolute;width:12px;height:12px;margin-left:-6px;border-radius:50%;border:0;cursor:default}
.gw-t.gl{background:var(--ng);box-shadow:0 0 0 2px var(--bg)}
.gw-t.bd{background:var(--bg);border:3px solid var(--me)}
.gw-t.ku,.gw-t.me,.gw-t.km{width:9px;height:12px;margin-left:-4.5px;border-radius:2px;background:var(--ku)}
.gw-t.me{background:var(--me)}.gw-t.km{background:linear-gradient(135deg,var(--ku) 50%,var(--me) 50%)}
.gw-t.sb{background:linear-gradient(90deg,var(--ng) 50%,var(--me) 50%);width:10px;height:10px;margin-left:-5px;opacity:.85}
.gw-t.vr{background:var(--bl);width:12px;height:9px;border-radius:2px}
.gw-label{position:relative;display:block;height:16px;margin-top:2px;font-size:11px;color:var(--mu)}
.gw-label span,.gw-label span[style]{position:absolute;top:0;transform:translateX(-50%)}
.gw-label .awal,.gw-label span.awal[style]{transform:none}.gw-label .akhir,.gw-label span.akhir[style]{transform:translateX(-100%)}
.gw-tip{position:absolute;top:-4px;transform:translate(-50%,-100%);z-index:3;background:var(--c2);border:1px solid var(--ln);border-radius:6px;padding:3px 8px;font-size:12px;white-space:nowrap;pointer-events:none}
.gw-tip[hidden]{display:none}
/* lineup */
.fm{align-items:center}
.fm span{display:inline-flex;align-items:center;gap:7px;min-width:0}
.fm img{width:22px;height:22px;object-fit:contain;flex:none}
.fm b{color:var(--ng);font-weight:800}
.pt .tk{top:15px;left:auto;right:0;font-size:10px;line-height:1;background:rgba(5,8,14,.7);padding:1px 2px;border-radius:3px}
.pt .gg.bd{color:var(--me)}
.pt .pk{position:absolute;top:17px;left:10px;width:8px;height:11px;border-radius:1px;background:var(--ku)}
.pt .pk.me{background:var(--me)}
.cad .tnd{width:10px;height:12px}.cad .tnd.gl{width:10px;height:10px}
.cad small.klr{color:var(--me)}
.pelatih{display:flex;align-items:center;gap:9px;margin:8px 0}
.pelatih img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--c2);flex:none}
.pelatih span{font-size:12px}
.pelatih b{display:block;font-size:14px;font-weight:600;color:var(--tx)}
/* H2H */
.msk{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--mu);margin:0 0 6px}
.msk b{color:var(--tx)}.msk .M b{color:var(--ng)}.msk .K b{color:var(--me)}
.bk .tm{display:flex;align-items:center;gap:5px;min-width:0}
.bk .tm span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk .tm.r{justify-content:flex-end}
.bk .tm img{width:16px;height:16px;object-fit:contain;flex:none}
.pt .tk{position:static;order:2;background:none;padding:0;margin-top:1px;line-height:1}
/* beranda: strip tanggal, kalender, urut, sidebar */
.tgl-p{flex:none;width:30px;height:38px;color:var(--mu)}
.tgl-p:hover{color:var(--tx)}
.kal-grid a{position:relative}
.kal-grid a.ada::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--ng)}
.kal-grid a[aria-pressed=true].ada::after{background:var(--bg)}
.kal-kaki{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--ln);font-size:12px;color:var(--mu)}
.kal-kaki a{color:var(--ng);font-weight:700;padding:4px 0}
.kal-kaki i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--ng);vertical-align:1px}
.urut{display:flex;flex:none;background:var(--c1);border:1px solid var(--ln);border-radius:8px;padding:2px}
.urut button{padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;color:var(--mu)}
.urut button[aria-pressed=true]{background:var(--ng);color:var(--bg)}
.jam-k{min-height:34px}
.jam-k b{font-size:15px}
.jam-k span{color:var(--mu);font-size:12px}
.baris .lg-b{grid-column:1/-1;display:flex;align-items:center;gap:5px;min-width:0;padding:6px 0 0 2px;font-size:11.5px;color:var(--mu)}
.baris .lg-b img{width:14px;height:14px;object-fit:contain;flex:none}
.baris .lg-b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sisi-cari{display:block;position:sticky;top:0;z-index:2;margin:0 8px 8px}
.lg .nm small{display:block;color:var(--mu);font-size:11px;line-height:1.1}
#sisiIsi[hidden],#sisiHasil[hidden]{display:none}
@media (max-width:760px){.urut{flex:none}.tgl-p{display:none}.tanggal a{flex:0 0 64px}}
/* tab-bar tiga alat di lebar tanggung */
.tab{flex:1 1 430px}
.alat select{max-width:104px}
/* bagan mini */
.bagan.mini{gap:10px}
.bagan.mini .bagan-k{flex:0 0 176px}
.bagan.mini .bagan-p{background:var(--c2);font-size:13px}
.bagan-p.ini{box-shadow:inset 0 0 0 1px var(--ng)}
.bagan-p>div{grid-template-columns:20px minmax(0,1fr) auto}
.bagan-k{position:relative;padding-top:26px}
.bagan-k h3{position:absolute;top:0;left:0;right:0}
.pt .rt{top:-10px;right:6px;font-size:9.5px}

/* ===== detail laga gaya uniscore (5 Nov): kartu bertumpuk, kandang hijau / tandang biru ===== */
.ptab button{display:inline-flex;align-items:center;gap:5px;background:var(--c1)}
.ptab button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ptab button[aria-selected=true]{background:rgba(57,255,136,.1);border-color:var(--ng);color:var(--ng)}
#vHal .badan-laga{background:none;padding:0}
.u-kartu{background:var(--c1);border:1px solid var(--ln);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.panel .u-kartu{background:var(--c1)}
.u-jdl{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:600;color:var(--mu)}
.u-jdl .ik{width:15px;height:15px}
.u-tengah .u-jdl{justify-content:center}
.u-sub{font-size:13px;font-weight:600;color:var(--mu);margin:14px 2px 8px}
.ik{width:14px;height:14px;flex:none;display:inline-block;vertical-align:-2px}
.kt{display:inline-block;width:10px;height:13px;border-radius:2px;flex:none}
.kt.ku{background:var(--ku)}.kt.me{background:var(--me)}.kt.km{background:linear-gradient(135deg,var(--ku) 50%,var(--me) 50%)}
.u-kosong{color:var(--mu);font-size:13px;text-align:center;margin:8px 0}
.u-foto{display:inline-block;width:34px;height:34px;border-radius:50%;background:var(--c2) center/60% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5.5' r='3' fill='%238b95ad'/%3E%3Cpath d='M2 15c0-3.3 2.7-5.5 6-5.5s6 2.2 6 5.5z' fill='%238b95ad'/%3E%3C/svg%3E");overflow:hidden;flex:none}
.u-foto img{width:100%;height:100%;object-fit:cover;background:var(--c2)}
.u-foto.k{width:28px;height:28px}.u-foto.b{width:46px;height:46px}
.u-rt{display:inline-block;min-width:30px;padding:1px 5px;border-radius:999px;font-size:11px;font-weight:800;text-align:center;color:#0b0f1a;line-height:1.35}
.u-rt.r8{background:#1fbf6a}.u-rt.r7{background:#39d98a}.u-rt.r65{background:#d9b13b}.u-rt.r6{background:#e8853a}.u-rt.r5{background:#ef5a5a}   /* gaya uniscore: >=7 hijau, 6-6,9 oranye (6,5+ lebih kuning), <6 merah */
.u-mini{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid var(--ln);border-radius:999px;font-size:11px;font-weight:700}
.u-mini .ik{width:11px;height:11px}
/* momentum + bilah waktu */
.u-momen .mm-cat{display:none}
.u-bw{margin:10px 6px 0}
.u-bw-j{position:relative;height:4px;background:var(--c2);border-radius:2px}
.u-bw-j i{position:absolute;left:0;top:0;bottom:0;background:var(--ng);border-radius:2px}
.u-bw-j b{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--mu);transform:translate(-50%,-50%)}
.u-bw-j b:first-of-type{background:var(--ng)}
.u-bw-l{display:flex;justify-content:space-between;color:var(--mu);font-size:11px;margin-top:6px}
/* penguasaan bola */
.u-pos{display:flex;align-items:center;gap:6px}
.u-pos>img{width:18px;height:18px;object-fit:contain;flex:none}
.u-pos-b{flex:1;display:flex;gap:3px;height:22px;min-width:0}
.u-pos-b i{display:flex;align-items:center;min-width:44px;font-style:normal;font-size:12px;font-weight:800;color:var(--on-ng)}
.u-pos-b i.h{background:linear-gradient(90deg,rgba(57,255,136,.35),var(--ng));border-radius:6px 0 0 6px;justify-content:flex-end;padding-right:6px}
.u-pos-b i.a{background:linear-gradient(90deg,var(--bl),rgba(76,201,255,.35));border-radius:0 6px 6px 0;padding-left:6px}
.u-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:10px}
.u-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border:1px solid var(--ln);border-radius:999px;background:var(--bg);font-size:13px}
.u-chip b{font-weight:700}
.u-chip .xg{font-style:normal;color:var(--bl);font-weight:700;font-size:12px}
/* pemain terbaik laga */
.u-potm-k{padding:10px 14px}
.u-potm{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden}
.u-potm-l{color:var(--mu);font-size:12px;line-height:1.3;width:86px;flex:none}
.u-potm-n{display:flex;flex-direction:column;gap:4px;min-width:0}
.u-potm-n b{display:flex;align-items:center;gap:6px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-potm-n b img{width:16px;height:16px;object-fit:contain}
.u-potm-n>span{display:flex;gap:6px;align-items:center}
.u-potm-b{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:54px;height:54px;color:var(--ln)}
/* garis waktu vertikal */
.u-tl{position:relative;padding:4px 0}
.u-tl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--ln)}
.u-ev{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:center;gap:6px;padding:5px 0}
.u-mn{justify-self:center;display:grid;place-items:center;min-width:34px;height:34px;padding:0 3px;border-radius:999px;background:var(--c2);border:1px solid var(--ln);font-size:11.5px;font-weight:700;color:var(--tx)}
.u-sisi{display:flex;align-items:center;gap:6px;min-width:0}
.u-sisi.h{justify-content:flex-end;text-align:right}
.u-ev-t{min-width:0;font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap}
.u-ev-t a,.u-ev-t{overflow:hidden;text-overflow:ellipsis}
.u-ev-t small{display:block;color:var(--mu);font-size:11.5px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-gsk{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--ng);border-radius:999px;background:rgba(57,255,136,.08);flex:none}
.u-gsk b{font-weight:800;color:var(--ng);font-size:13px}
.u-var{font-size:10px;font-weight:800;padding:1px 4px;border:1px solid var(--mu);border-radius:3px;color:var(--mu)}
.u-pisah,.u-tbh{position:relative;display:flex;justify-content:center;padding:6px 0}
.u-pisah span,.u-tbh span{position:relative;padding:3px 12px;border-radius:999px;background:var(--c2);border:1px solid var(--ln);font-size:12px;font-weight:700}
.u-pisah b{color:var(--ng)}
.u-tbh span{font-weight:500;color:var(--mu)}
.u-ev.cepat{opacity:.8}
.u-tl.tanpa-sb .u-ev[data-j=sb],.u-tl.tanpa-kt .u-ev[data-j=ku],.u-tl.tanpa-kt .u-ev[data-j=me],.u-tl.tanpa-kt .u-ev[data-j=km]{display:none}
.u-sak{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;color:var(--mu);font-size:12px}
.u-sw{display:inline-flex;align-items:center;gap:6px}
.u-sw-t{position:relative;display:inline-block;width:30px;height:16px;border-radius:999px;background:var(--c2);border:1px solid var(--ln)}
.u-sw-t::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--mu);transition:.15s}
.u-sw.on .u-sw-t{background:rgba(57,255,136,.25);border-color:var(--ng)}
.u-sw.on .u-sw-t::after{left:16px;background:var(--ng)}
/* rating teratas, daftar laga */
.u-tr-b{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:7px 0;border-top:1px solid var(--ln)}
.u-tr-b:first-of-type{border-top:0}
.u-tr{display:flex;align-items:center;gap:8px;min-width:0}
.u-tr.kn{flex-direction:row-reverse;text-align:right}
.u-tr>span:last-child{min-width:0}
.u-tr b{display:block;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-tr-c{display:flex;gap:4px;margin-top:3px}
.u-tr.kn .u-tr-c{justify-content:flex-end;flex-direction:row-reverse}
.u-daftar{display:grid;gap:6px;margin-bottom:10px}
.u-lg{display:grid;grid-template-columns:50px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 12px;background:var(--c1);border:1px solid var(--ln);border-radius:12px}
.u-lg:hover{border-color:var(--ln2)}
.u-lg-w{color:var(--mu);font-size:12px;text-align:center;line-height:1.3}
.u-lg-w .live{color:var(--ng)}
.u-lg-t{display:grid;gap:4px;min-width:0;font-size:13px}
.u-lg-t span{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-lg-t span.w{font-weight:700}
.u-lg-t img{width:18px;height:18px;object-fit:contain;flex:none}
.u-lg-l{color:var(--mu);font-size:11.5px;text-align:right;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-lg-s{display:grid;gap:2px;padding:2px 0;min-width:22px;border:1px solid var(--ln);border-radius:5px;text-align:center;font-weight:800;font-size:13px}
.u-lg-s b.w{color:var(--ng)}
.u-lg-s.live{border-color:var(--ng);color:var(--ng)}
/* info lain */
.u-wasit{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ln)}
.u-ava{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c2);color:var(--mu)}
.u-ava .ik{width:18px;height:18px}
.u-wasit b{display:block;font-weight:600}
.u-wasit small{display:block;color:var(--mu);font-size:12px}
.u-inf{display:grid;gap:6px;padding:10px 0;border-bottom:1px solid var(--ln);font-size:13px}
.u-inf:last-child{border-bottom:0;padding-bottom:0}
.u-inf span{display:flex;align-items:center;gap:8px}
.u-inf .ik{color:var(--mu)}
.u-inf-tv{grid-template-columns:1fr auto;align-items:center}
/* klasemen */
.u-klas{width:100%;border-collapse:collapse;font-size:13px}
.u-klas th{color:var(--mu);font-weight:500;padding:4px;text-align:center;white-space:nowrap}
.u-klas th:nth-child(2){text-align:left}
.u-klas td{padding:6px 4px;text-align:center;border-top:1px solid var(--ln);white-space:nowrap}
.u-klas td:nth-child(2){text-align:left;width:99%;max-width:0}
.u-klas td a{display:flex;align-items:center;gap:8px;min-width:0}
.u-klas td a img{width:20px;height:20px;object-fit:contain;flex:none}
.u-klas .nm{min-width:0;overflow:hidden;text-overflow:ellipsis}
.u-klas .nm small{display:flex;align-items:center;gap:4px;color:var(--mu);font-size:11.5px}
.u-klas .nm small img{width:13px;height:13px}
.u-klas td.u-poin{font-weight:800}
.u-klas tr.s-h td{background:rgba(57,255,136,.08)}.u-klas tr.s-a td{background:rgba(76,201,255,.08)}
.u-klas td.fm{text-align:right}
.u-no{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;border:1.5px solid transparent;color:var(--tx)}
.u-no.z-atas{border-color:var(--ng)}.u-no.z-tgh{border-color:var(--bl)}.u-no.z-bawah{border-color:var(--me)}
.u-tim-f{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none}
.u-form{display:flex;gap:2px}
.u-form i{width:5px;height:5px;border-radius:50%;background:var(--mu)}
.u-form i.W{background:var(--ng)}.u-form i.L{background:var(--me)}.u-form i.D{background:#8b95ad}
.u-skc{flex:none;padding:1px 7px;border-radius:999px;background:var(--bg);border:1px solid var(--ln);font-size:12px;font-weight:800}
.u-skc.M{color:var(--ng);border-color:var(--ng)}.u-skc.K{color:var(--me)}
.u-lengkap{display:block;margin:8px auto 0}
.u-pilrow{display:flex;align-items:flex-start;gap:8px}
.u-pilrow .pil{flex:1}
.u-ikb{display:grid;place-items:center;width:32px;height:30px;border:1px solid var(--ln);border-radius:8px;color:var(--mu);flex:none}
.u-ikb .ik{width:16px;height:16px}
.u-ikb.on{color:var(--ng);border-color:var(--ng)}
.u-geser{overflow-x:auto;scrollbar-width:thin}
.u-klas.penuh-1 td:nth-child(2){min-width:130px}
.u-zona{display:grid;gap:6px;font-size:12px;color:var(--mu)}
.u-zona span{display:flex;align-items:center;gap:8px}
.u-zona i{width:10px;height:10px;border-radius:50%;flex:none;border:2px solid}
.u-zona i.z-atas{border-color:var(--ng)}.u-zona i.z-tgh{border-color:var(--bl)}.u-zona i.z-bawah{border-color:var(--me)}
.u-top td a .u-foto{width:28px;height:28px}
/* lineup */
.u-lineup{padding:0;overflow:hidden}
.u-lu-kep{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--c2)}
.u-lu-kep>a img{width:26px;height:26px;object-fit:contain}
.u-lu-kep>b{font-weight:800}
.u-pel{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:13px;min-width:0}
.u-pel a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-lap{position:relative;aspect-ratio:68/128;width:100%;max-width:560px;margin:0 auto;background:repeating-linear-gradient(180deg,#0f2f24 0 6.25%,#0d2a20 6.25% 12.5%)}
.u-lap i{position:absolute;border:1.5px solid rgba(255,255,255,.12)}
.u-lap .tgh{left:0;right:0;top:50%;height:0;border-width:1.5px 0 0}
.u-lap .lingkar{left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}
.u-lap .kotak{left:20%;right:20%;height:11%}.u-lap .kotak.a{top:-2px}.u-lap .kotak.b{bottom:-2px}
.u-lap .kotak6{left:36%;right:36%;height:4%}.u-lap .kotak6.a{top:-2px}.u-lap .kotak6.b{bottom:-2px}
.u-pt{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:76px;text-align:center}
.u-pt-f{position:relative;display:inline-block}
.u-pt-f .u-foto{width:38px;height:38px;border:2px solid rgba(255,255,255,.18)}
.u-pt-f>.u-rt{position:absolute;left:-22px;top:2px;min-width:28px;font-size:10px}
.u-pt small{margin-top:3px;padding:1px 6px;border-radius:999px;background:rgba(5,8,14,.75);font-size:10.5px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-pb{position:absolute;display:inline-flex;align-items:center}
.u-pb.g{right:-8px;top:-4px}.u-pb.g i{font-style:normal;font-size:9px;font-weight:800;margin-left:1px}
.u-pb.k{left:50%;top:-8px;transform:translateX(-50%)}
.u-pb.s{right:-8px;bottom:-2px;background:var(--bg);border-radius:50%}
.u-pb .ik{width:13px;height:13px}
.u-lu-kep.bwh{border-top:1px solid var(--ln)}
.u-2k{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.u-logo2,.u-absen .u-2k:first-of-type{justify-items:center;margin-bottom:6px}
.u-logo2 img,.u-absen .u-2k:first-of-type img{width:28px;height:28px;object-fit:contain}
.u-bangku{position:relative}
.u-bangku::before{content:"";position:absolute;left:50%;top:84px;bottom:12px;width:1px;background:var(--ln)}
.u-bn{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:5px 0}
.u-bn-c{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;font-size:13px}
.u-bn-c.kn{justify-content:flex-start}
.u-bn-c .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.u-bn-c.kn .nm{text-align:left}
.u-bn-c .nm small{display:flex;align-items:center;gap:3px;justify-content:flex-end;color:var(--ng);font-size:11px}
.u-bn-c.kn .nm small{justify-content:flex-start}
.u-bn-c .no{color:var(--mu);font-size:12px;flex:none}
.u-pt-f.k .u-foto{width:34px;height:34px;border-width:1px}
.u-pt-f.k>.u-rt{left:auto;right:-10px;top:auto;bottom:-6px;font-size:9.5px;min-width:24px}
.u-bn-1{display:grid;gap:6px}
.u-bn-1 a{display:flex;align-items:center;gap:8px;font-size:13px}
.u-bn-1 a>span:not(.u-foto){color:var(--mu);width:20px;text-align:right}
.u-ab-k{align-items:start}
.u-ab{display:flex;align-items:center;gap:8px;padding:5px 0;min-width:0}
.u-ab span:last-child{min-width:0}
.u-ab b{display:block;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-ab small{display:block;color:var(--mu);font-size:11.5px}
.u-leg2{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:12.5px;color:var(--mu)}
.u-leg2 span{display:flex;align-items:center;gap:8px}
.u-pel2 .u-pel{margin:0}
/* prediksi AI */
.u-ai-kep{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.u-ai-kep img{width:26px;height:26px;object-fit:contain;flex:none}
.u-ai-kep b{flex:1;font-weight:700}
.u-ai-kep span{color:var(--mu);font-size:12px}
.u-narasi{color:var(--tx2);font-size:13px;line-height:1.5;max-height:5.6em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent)}
.u-narasi.buka{max-height:none;-webkit-mask-image:none}
.u-narasi p{margin:0 0 8px}
.u-lagi{display:block;margin:4px auto 0;color:var(--mu);font-size:12px}
.u-lagi:hover{color:var(--tx)}
.u-penafian{color:var(--mu);font-size:12px;text-align:center;margin:6px 12px 4px;opacity:.75}
.u-kotak{display:grid;gap:8px}
.u-kotak+.u-kotak{margin-top:8px}
.u-k2{grid-template-columns:1fr 1fr}.u-k3{grid-template-columns:1fr 1fr 1fr}
.u-kotak>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid var(--ln);border-radius:10px;background:var(--bg);text-align:center}
.u-kotak>div img{width:22px;height:22px;object-fit:contain}
.u-kotak>div span{color:var(--mu);font-size:12.5px}
.u-kotak>div b{font-size:16px;font-weight:800}
.u-kotak>div.top{border-color:var(--ng);background:rgba(57,255,136,.1)}
.u-kotak>div.top b{color:var(--ng)}
.u-skor5{display:flex;flex-wrap:wrap;gap:6px}
.u-skor5 span{display:flex;flex-direction:column;align-items:center;min-width:56px;padding:6px 8px;border:1px solid var(--ln);border-radius:8px;background:var(--bg);font-size:12px;color:var(--mu)}
.u-skor5 b{font-size:15px;color:var(--tx)}
/* statistik */
.u-st{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 8px;padding:7px 0}
.u-st>span{text-align:center;font-size:13px;color:var(--tx)}
.u-pl{justify-self:start;min-width:34px;padding:2px 9px;border-radius:999px;border:1px solid var(--ln);text-align:center;font-size:13px;font-weight:700}
.u-pl.a{justify-self:end}
.u-pl.h{border-color:var(--ng)}.u-pl.a{border-color:var(--bl)}   /* statlive 8 Nov: yang kalah = garis tepi warna tim (uniscore) */
.u-pl.h.unggul{background:var(--ng);border-color:var(--ng);color:var(--on-ng)}
.u-pl.a.unggul{background:var(--bl);border-color:var(--bl);color:var(--on-ng)}
.u-st-b{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3px;height:5px}
.u-st-b div{background:var(--c2);border-radius:3px;overflow:hidden;display:flex}
.u-st-b div:first-child{justify-content:flex-end}
.u-st-b i{display:block;height:100%;background:#59627a}
.u-st-b div:first-child i.unggul{background:var(--ng)}.u-st-b div:last-child i.unggul{background:var(--bl)}
.u-st-c{grid-template-columns:auto auto 1fr auto auto}
.u-cin{position:relative;display:grid;place-items:center;width:44px;height:44px}
.u-cin svg{position:absolute;inset:0;transform:rotate(-90deg)}
.u-cin circle{fill:none;stroke:var(--c2);stroke-width:3}
.u-cin circle.isi{stroke:#59627a;stroke-linecap:round}
.u-cin.h.unggul circle.isi{stroke:var(--ng)}.u-cin.a.unggul circle.isi{stroke:var(--bl)}
.u-cin b{font-size:11px;font-weight:700;color:var(--mu)}
.u-cin.h.unggul b{color:var(--ng)}.u-cin.a.unggul b{color:var(--bl)}
.u-cin.bsr{width:84px;height:84px}.u-cin.bsr circle{stroke-width:2.6}.u-cin.bsr b{font-size:15px}
.u-gawang{--bagi:50%;position:relative;margin:0 0 10px;padding:12px 12px 0;border-radius:10px;overflow:hidden;
  background:linear-gradient(90deg,rgba(57,255,136,.38) var(--bagi),rgba(76,201,255,.38) var(--bagi));background:linear-gradient(90deg,color-mix(in srgb,var(--ng) 40%,transparent) var(--bagi),color-mix(in srgb,var(--bl) 40%,transparent) var(--bagi))}
.u-gw-in{position:relative;margin:12px 8% 0;padding:52px 10px 14px;border:4px solid rgba(255,255,255,.85);border-bottom:0;border-radius:3px 3px 0 0;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px 10px)}
.u-gw-in::before{content:"";position:absolute;inset:8px 6% 0;border:1.5px solid rgba(255,255,255,.4);border-bottom:0}
.u-gw-in .u-gw-r{position:relative}
.u-gw-r span{font-weight:700}
.u-st-utama .u-st-pos{margin-bottom:8px}
.u-st-pos>span{display:block;text-align:center;font-size:12.5px;color:var(--mu);margin-bottom:6px}
.u-stat>.u-jdl{justify-content:center;color:var(--tx);font-size:14px;font-weight:700}
.u-tk{display:flex;align-items:center;justify-content:space-around;padding:4px 0 8px}
.u-tk>span{font-size:13px;font-weight:600}
.u-pos-pil{margin-bottom:10px;overflow-x:auto}
.u-st-babak{margin-bottom:10px}
.u-gw-r{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:12.5px;text-align:center}
.u-gw-r b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#0b0f1a;color:#fff;font-weight:800}
/* h2h */
.u-tren{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ln);font-size:13px}
.u-tren:first-of-type{border-top:0}
.u-tren-l{display:flex}
.u-tren-l img{width:20px;height:20px;object-fit:contain;border-radius:50%;background:var(--c2);padding:2px}
.u-tren-l img+img{margin-left:-5px}
.u-tren b{font-weight:800;min-width:34px;text-align:right}
.u-seg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px}
.u-seg button{display:grid;place-items:center;height:38px;border-radius:10px;background:var(--c1);border:1px solid var(--ln);font-weight:700}
.u-seg button img{width:22px;height:22px;object-fit:contain}
.u-seg button[aria-selected=true]{border-color:var(--ng);background:rgba(57,255,136,.12);color:var(--ng)}
.u-ceks{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-bottom:10px}
.u-cek{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--tx)}
.u-cek i{width:16px;height:16px;border:1.5px solid var(--mu);border-radius:3px;display:grid;place-items:center}
.u-cek[aria-checked=true] i{background:var(--ng);border-color:var(--ng)}
.u-cek[aria-checked=true] i::after{content:"";width:8px;height:4px;border:solid var(--on-ng);border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}
.u-rek-t{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--mu);font-size:12.5px;margin-bottom:8px}
.u-rek-t img{width:22px;height:22px;object-fit:contain}
.u-rek-bar{height:6px}
.h2h-bar .b.k{background:var(--me)}
.u-rek{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:8px;font-size:13px}
.u-rek div:nth-child(2){text-align:center}.u-rek div:last-child{text-align:right}
.u-rek b{display:block;font-weight:700}
.u-rek span{color:var(--mu);font-size:12px}
.u-rek .h b{color:var(--ng)}.u-rek .a b{color:var(--bl)}.u-rek .k b{color:var(--me)}
.u-h2h{gap:4px}
.u-kg{display:flex;align-items:center;gap:8px;margin:10px 2px 2px}
.u-kg img{width:20px;height:20px;object-fit:contain}
.u-kg b{display:block;font-size:13px;font-weight:700}
.u-kg small{display:block;color:var(--mu);font-size:11.5px}
.u-hr{position:relative;display:flex;align-items:center;gap:6px}
.u-hr>.u-lg{flex:1;min-width:0}
.u-hr>.chip{flex:none}
@media (max-width:760px){
  .u-kartu{padding:11px 12px;border-radius:11px}
  .u-pt{width:66px}.u-pt small{max-width:66px;font-size:10px}
  .u-pt-f .u-foto{width:32px;height:32px}
  .u-pt-f>.u-rt{left:-20px;font-size:9.5px;min-width:26px}
  .u-lg{grid-template-columns:44px minmax(0,1fr) auto;padding:8px 10px}
  .u-lg-l{display:none}
}
.panel .u-pt{width:60px}.panel .u-pt small{max-width:60px;font-size:9.5px}.panel .u-pt-f .u-foto{width:28px;height:28px}.panel .u-pt-f>.u-rt{left:-17px;font-size:9px;min-width:24px}
.panel .u-lg{grid-template-columns:44px minmax(0,1fr) auto;padding:8px 10px}.panel .u-lg-l{display:none}

/* Pengaturan (8 Nov, meniru menu profil uniscore) */
.kanan{position:relative}
.setel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:300px;max-width:calc(100vw - 16px);background:var(--c1);border:1px solid var(--ln);border-radius:12px;padding:12px 14px;box-shadow:0 12px 32px rgba(0,0,0,.45);color:var(--tx);font-size:14px}
.setel h3{margin:0 0 6px;font-size:14px}
.set-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;border-top:1px solid var(--ln)}
.set-bar input{width:20px;height:20px;accent-color:var(--ng)}
.set-pil{display:flex;gap:4px}
.set-pil button,.set-tb{padding:6px 10px;border-radius:8px;background:var(--c2);font-size:13px}
.set-pil button[aria-checked=true]{background:var(--ng);color:var(--on-ng);font-weight:700}
.set-ket{margin:8px 0 0;color:var(--mu);font-size:12px}
.tanpa-b1 .baris .b1{display:none}
/* Laga lain dilipat per negara (gaya "Other matches" uniscore) */
.lain-judul{margin:18px 4px 8px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.lain-judul button{color:var(--mu);font-size:12px;font-weight:600}
.lain-judul button:hover{color:var(--tx)}
.neg-lain{background:var(--c1);border-radius:10px;margin-bottom:6px}
.neg-lain>summary{display:flex;align-items:center;gap:10px;min-height:46px;padding:6px 14px;cursor:pointer;list-style:none}
.neg-lain>summary::-webkit-details-marker{display:none}
.neg-lain>summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--mu);border-bottom:2px solid var(--mu);transform:rotate(45deg);margin:0 2px 3px 4px;transition:transform .15s}
.neg-lain[open]>summary::after{transform:rotate(-135deg);margin-bottom:-3px}
.neg-lain>summary img,.neg-lain>summary .kosong-bendera{width:20px;height:20px;object-fit:contain;flex:none}
.neg-lain>summary .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.neg-lain>summary .jm{color:var(--mu);font-size:13px}
.neg-lain>summary .lv{color:var(--me);font-size:12px;font-weight:700;border:1px solid var(--me);border-radius:999px;padding:1px 7px}
.neg-lain>.grup{margin:0 0 4px}
.lain-judul small{color:var(--mu);font-weight:400;margin-left:4px}
@media (max-width:760px){.dengan-b1 .baris .b1{display:block;text-align:center;margin-top:3px}}

/* Kartu kuning & sepak pojok di baris (8 Nov malam, sakelar Pengaturan, bawaan mati) */
.tim .kk{display:none;flex:none;min-width:9px;height:12px;padding:0 1px;border-radius:2px;background:var(--ku);color:#1a1300;font:800 8.5px/12px system-ui,sans-serif;font-style:normal;text-align:center}
.dengan-kk .tim .kk{display:inline-block}
.baris .sp{display:none;align-items:center;gap:3px;color:var(--mu);font-size:11px;line-height:1;margin-top:2px}
.dengan-sp .baris .sp{display:inline-flex}
/* Leg 1/2 + agregat (8 Nov malam) */
.baris .leg{color:var(--bl);font-size:10.5px;font-weight:600;line-height:1.1;margin-top:2px;white-space:nowrap}
.leg-k a{color:var(--bl);font-weight:600}
.leg-k a:hover{text-decoration:underline}
/* Tema terang (8 Nov malam): <html data-tema="terang">, dipasang skrip kecil di <head> sebelum gambar pertama (localStorage ls_tema, bawaan prefers-color-scheme) */
html[data-tema=terang]{color-scheme:light;--bg:#eef1f6;--c1:#ffffff;--c2:#e6ebf3;--ln:#d5dbe6;--tx:#141a26;--mu:#566074;--ng:#067a3b;--bl:#0a6bb0;--ku:#f2b100;--me:#c8203c;
  --kut:#8a5a00;--on-ng:#ffffff;--on-me:#ffffff;--hv:#f3f6fb;--lvb:#e1f5e9;--glb:#bfeccf;--bawah:rgba(255,255,255,.97);--tx2:#3d4659;--ln2:#b9c3d4;--bayang:rgba(0,0,0,.18)}
html[data-tema=gelap]{color-scheme:dark}
html[data-tema=terang] .baris.pilih{background:#e3ecf9}
html[data-tema=terang] .setel,html[data-tema=terang] .cari-hasil,html[data-tema=terang] .kalender{box-shadow:0 12px 32px rgba(20,26,38,.18)}
html[data-tema=terang] .tirai{background:rgba(20,26,38,.35)}
html[data-tema=terang] .pt .tk,html[data-tema=terang] .u-pt small{color:#fff}
html[data-tema=terang] .u-st-b i{background:#b9c3d4}
/* Titik adu penalti per penendang (8 Nov malam): baris atas kandang, bawah tandang */
.pn-b{display:inline-grid;gap:2px;margin-top:3px;justify-items:center}
.pn-s{display:flex;gap:2px;line-height:0}
.pn-s i{width:6px;height:6px;border-radius:50%;background:var(--ng)}
.pn-s i.g{background:transparent;box-shadow:inset 0 0 0 1.5px var(--me)}
.pn-b.besar{display:grid;margin:6px auto 0;gap:4px}
.pn-b.besar i{width:10px;height:10px}
.pn-b.besar .pn-s{gap:4px}
/* Transfer terbaru (8 Nov malam) */
.tr-daftar{display:grid}
.tr-b{display:grid;grid-template-columns:62px minmax(0,1.1fr) minmax(0,2fr) 120px;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--ln)}
.tr-b:last-child{border-bottom:0}
.tr-d{color:var(--mu);font-size:12.5px}
.tr-p{display:flex;align-items:center;gap:8px;min-width:0}
.tr-p img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--c2);flex:none}
.tr-p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.tr-arah{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:6px;color:var(--mu)}
.tr-tim{display:flex;align-items:center;gap:6px;min-width:0;color:var(--tx)}
.tr-tim img{width:18px;height:18px;object-fit:contain;flex:none}
.tr-tim span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.tr-j{text-align:right;font-size:12.5px;font-weight:600;color:var(--bl)}
@media (max-width:760px){
  .tr-b{grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"d p j" "a a a";row-gap:4px}
  .tr-d{grid-area:d}.tr-p{grid-area:p}.tr-j{grid-area:j}.tr-arah{grid-area:a;padding-left:52px}
}
.catatan.perk{margin:0 0 10px;padding:8px 12px;border-radius:8px;background:var(--c2);color:var(--tx2);font-size:12.5px}
/* ===== Banding Rincian uniscore 8 Nov malam ===== */
.u-ava{position:relative;overflow:hidden;flex:none}
.u-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--c2)}
.u-wneg{display:flex!important;align-items:center;gap:5px}
.u-bdr{width:16px;height:11px;object-fit:cover;border-radius:2px}
.u-wrata{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;margin-top:3px}
.u-wrata span{display:inline-flex;align-items:center;gap:4px;color:var(--tx);font-weight:600}
.u-wrata em{font-style:normal;color:var(--mu)}
.u-inf2{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.u-inf2>div{display:grid;gap:6px;min-width:0}
.u-cuaca{justify-items:end;color:var(--tx)}
.u-cuaca span{flex-direction:row-reverse}
.u-hl-k{padding:0;overflow:hidden}
.u-hl{display:flex;align-items:center;gap:12px;width:100%;padding:10px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.u-hl-g{position:relative;flex:none;width:132px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--c2)}
.u-hl-g img{width:100%;height:100%;object-fit:cover}
.u-hl-g i{position:absolute;inset:0;display:grid;place-items:center}
.u-hl-g i .ik{width:34px;height:34px;padding:8px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff}
.u-hl-t{display:grid;gap:4px;min-width:0}
.u-hl-t b{font-weight:600;font-size:13px;line-height:1.3}
.u-hl-t small{color:var(--mu);font-size:12px}
.u-hl:hover .u-hl-t b{color:var(--ng)}
.u-hl-v{position:relative;aspect-ratio:16/9;background:#000}
.u-hl-v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.u-hl-k .catatan{padding:8px 12px;margin:0}
.u-hcs{display:inline-flex;gap:5px}
.u-hc{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid var(--ln);border-radius:999px;background:var(--bg);font-size:12px;white-space:nowrap}
.u-hc img{width:14px;height:14px;object-fit:contain}
.u-hc b{font-weight:700}
.u-hc.M{border-color:var(--ng)}.u-hc.K{border-color:var(--me)}
.u-hc.M b{color:var(--ng)}.u-hc.K b{color:var(--me)}
.u-klas-mini td:nth-child(2){min-width:120px}
.u-hc-th{text-align:left!important}
.u-hc-td{text-align:left!important}
.u-h2h-c{display:flex;flex-wrap:wrap;margin-top:10px}
.u-gc{display:inline-flex;align-items:center;gap:1px}
.u-gc .ik:last-child{width:11px;height:11px}
.u-pel-i{display:grid;place-items:center;width:100%;height:100%;color:var(--mu);font-weight:800;font-size:12px}
.u-kap{font-style:normal;font-weight:800;color:inherit}   /* kapten '(C) 5 Andrew' gaya uniscore */
.u-bl-b{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.u-bl{display:flex;align-items:center;gap:8px;min-width:0}
.u-bl.kn{flex-direction:row-reverse;text-align:right}
.u-bl>span{display:grid;gap:3px;min-width:0}
.u-bl b{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-bl small{color:var(--mu);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-bl.kn .u-tr-c{justify-content:flex-end;flex-direction:row-reverse}
.u-bl>img{width:34px;height:34px;object-fit:contain}
.u-bl-vs{color:var(--mu);font-size:12px}
.u-bl-k .u-stat{margin-top:10px}
.u-pt3-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.u-pt3{background:var(--c1);border:1px solid var(--ln);border-radius:12px;padding:10px 12px}
.u-pt3 h4{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--mu)}
.u-pt3-b{display:grid;grid-template-columns:20px 28px minmax(0,1fr) 16px auto;align-items:center;gap:8px;padding:4px 0}
.u-pt3-b .lg{width:16px;height:16px;object-fit:contain}
.u-pt3-b .nm small{color:var(--mu);font-size:11.5px;font-weight:500}
.u-pt3-b .u-pl{justify-self:end;min-width:40px;padding:1px 8px;font-size:12.5px}
.u-pt3-b .nm{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.u-pt3-b .nm img{width:14px;height:14px;object-fit:contain;flex:none}
.u-pt3-b b{font-weight:700}
.u-pt3-b b small{color:var(--mu);font-weight:500}
.u-pt3-b .u-no{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c2);font-size:11px}
.u-rc{width:100%;height:auto;max-height:240px;display:block}
.u-rc text{fill:var(--mu);font-size:9px}
.u-rc-k .legenda{margin-top:6px}
.u-brk a{display:inline-flex;align-items:center;gap:2px}
.u-brk img{width:18px;height:18px;object-fit:contain}
.u-brk small{color:var(--mu);font-size:10px}
.u-dl-kep{display:flex;justify-content:space-between;color:var(--mu);font-size:12px;margin-bottom:6px}
.u-dl-kep span{display:flex;align-items:center;gap:6px}
.u-dl-kep img{width:20px;height:20px;object-fit:contain}
.u-dl{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;padding:6px 0;border-top:1px solid var(--ln);font-size:13px}
.u-dl span{text-align:center;color:var(--mu)}
.u-dl b:last-child{text-align:right;justify-self:end}
.u-dl .u-form{justify-content:flex-start}
.u-dl b:last-child .u-form{justify-content:flex-end}
.km-ts li{grid-template-columns:52px 18px 1fr}
.km-ts li.n p{color:var(--mu)}
.km-ts li.km-gl p{font-weight:700;color:var(--tx)}
.km-ts .tnd.ku{width:9px;height:12px;background:var(--ku);border-radius:2px}
.km-ts .tnd.me{width:9px;height:12px;background:var(--me);border-radius:2px}
@media (max-width:760px){.u-hl-g{width:112px}.u-pt3-g{grid-template-columns:1fr}.u-cuaca{font-size:12px}}
.u-dl span small{display:block;font-size:10.5px}
.u-bn-c .nm>.kt,.u-bn-c .nm>.ik{margin-left:4px;vertical-align:-1px}
/* Rincian pra-laga 2 (8 Nov malam): pemain terbaik + radar 5 sumbu, saring H2H, pil H2H berwarna pemenang */
.u-ii{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;border:1px solid var(--mu);border-radius:50%;background:none;color:var(--mu);font:italic 700 10px/1 Georgia,serif;cursor:pointer;vertical-align:1px;padding:0}
.u-ii.on,.u-ii:hover{border-color:var(--ng);color:var(--ng)}
.u-rp-info{background:var(--c2);border-radius:8px;padding:8px 10px;margin-bottom:10px;font-size:12px;color:var(--tx2,var(--mu));line-height:1.45}
.u-rp-info p{margin:0 0 4px}.u-rp-info ul{margin:4px 0;padding-left:16px}.u-rp-info b{color:var(--tx)}
.u-bp-b{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.u-bp{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0;text-align:right}
.u-bp.kn{flex-direction:row-reverse;justify-content:flex-end;text-align:left}
.u-bp>span:last-child{display:grid;gap:3px;justify-items:end;min-width:0}
.u-bp.kn>span:last-child{justify-items:start}
.u-bp b{font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.u-bp small{color:var(--mu);font-size:11px}
.u-bp-gol{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:10px 0 0;font-size:13px;color:var(--mu)}
.u-bp-gol span:first-child{justify-self:end}.u-bp-gol span:last-child{justify-self:start}
.u-bp-gol .rp-h,.u-bp-gol .rp-a{min-width:26px;text-align:center;border-radius:999px;padding:1px 8px;font-weight:700;color:var(--tx)}
.u-bp-gol .rp-h{background:rgba(57,255,136,.16);border:1px solid var(--ng)}
.u-bp-gol .rp-a{background:rgba(76,201,255,.16);border:1px solid var(--bl)}
.radar.rp{max-width:320px}
.rp .rp-ph{fill:rgba(57,255,136,.16);stroke:var(--ng);stroke-width:1.6}
.rp .rp-pa{fill:rgba(76,201,255,.16);stroke:var(--bl);stroke-width:1.6}
.rp .rp-l{fill:var(--tx);font-size:11px;font-weight:700}
.rp rect.rp-h{fill:var(--c2);stroke:var(--ng)}.rp rect.rp-a{fill:var(--c2);stroke:var(--bl)}
.rp .rp-n{fill:var(--tx);font-size:10px;font-weight:700}
.u-bp-leg{margin-top:2px}
.u-bp-asal{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;font-size:11px;color:var(--mu)}
.u-bp-asal small:last-child{text-align:right}
.u-bl-k .u-lagi{margin-top:6px}
.u-rk-pil{margin:0 0 10px}
.u-hc.H{border-color:var(--ng)}.u-hc.A{border-color:var(--bl)}
.u-wasit .u-wrata{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.u-klas-mini.dg-hasil .u-hc{padding:1px 5px;font-size:11px;gap:3px}
.u-klas-mini.dg-hasil .u-hc img{width:12px;height:12px}
.u-klas-mini.dg-hasil .u-hcs{gap:3px}
/* panel kanan & HP: seperti uniscore, tim cukup logo + titik form supaya 2 hasil terakhir muat */
.panel .u-klas-mini.dg-hasil .nm{display:none}
@media (max-width:600px){.u-klas-mini.dg-hasil .nm{display:none}}
.u-bp-gol{margin-bottom:4px}
.u-klas-mini .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.panel .u-klas-mini.dg-hasil td:nth-child(2){min-width:0;width:40px}
@media (max-width:600px){.u-klas-mini.dg-hasil td:nth-child(2){min-width:0;width:40px}}
.u-klas-mini.dg-hasil td,.u-klas-mini.dg-hasil th{padding-left:3px;padding-right:3px}

/* Lineup gaya uniscore (8 Nov malam, SS Steven): judul, mode lencana, rating musim, bangku 2 kolom seluruh skuad, foto inisial */
.u-foto{position:relative}
.u-foto.ini{background-image:none;display:inline-flex;align-items:center;justify-content:center}
.u-foto.ini>b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--mu);letter-spacing:.3px}
.u-foto.ini>img{position:relative}
.u-lu-mode{padding:10px 12px 0;flex-wrap:wrap}
.u-lu-jdl{text-align:center;color:var(--mu);font-size:13px;margin:10px 0 8px}
.u-lu-ket{color:var(--mu);font-size:11.5px;text-align:center;margin:8px 10px 2px}
.u-pt-f>.u-bdr{position:absolute;left:-17px;top:4px;width:18px;height:13px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.u-rt.u-inf-c{background:var(--ln);color:var(--tx)}
.u-rt.u-inf-c i{font-style:normal;font-size:.8em;opacity:.75;margin-left:1px}
.u-pb.g{display:inline-flex;align-items:center;gap:1px}
.u-bn2{align-items:start;gap:10px}
.u-bn2>div{display:grid;gap:2px;min-width:0}
.u-bn2 .u-bn-c{padding:5px 0}
.u-bn2 .u-bn-c>.u-rt{flex:none}
.u-bn2 .u-bn-c .u-foto{width:30px;height:30px}
.u-bn2 .u-bn-c .u-bdr{width:18px;height:13px;border-radius:2px;flex:none}
.u-bn2 .u-bn-c img.u-bdr{object-fit:cover}
.u-bn-c.luar{opacity:.6}
.u-bn-c .nm .ik{width:13px;height:13px;margin-left:3px;vertical-align:-2px}
.u-bn-sep{color:var(--mu);font-size:11px;margin:8px 0 2px;padding-top:6px;border-top:1px dashed var(--ln)}
.u-bn2>div:first-child .u-bn-sep{text-align:right}
.u-bn-cat{color:var(--mu);font-size:12px;text-align:center;margin:12px 0 2px}
.u-bn-1 a .u-rt,.u-bn-1 a .u-bdr{margin-left:auto}
.u-bn-1 a img.u-bdr{width:18px;height:13px}
@media (max-width:600px){.u-bn2 .u-bn-c{font-size:12px;gap:5px}.u-bn2 .u-bn-c .u-foto{width:26px;height:26px}.u-bn2 .u-bn-c .no{font-size:11px}}
.panel .u-bn2 .u-bn-c{font-size:12px;gap:5px}.panel .u-bn2 .u-bn-c .u-foto{width:26px;height:26px}
.panel .u-pt-f>.u-bdr{left:-14px;width:15px;height:11px}
.u-pt small .u-kap{margin-right:3px;vertical-align:0}
/* Statistik pra-laga gaya uniscore (8 Nov): kepala logo + chip rata gol + form, ubin 2 kolom */
.u-ms{padding:14px 16px}
.u-ms-kep{display:flex;align-items:center;justify-content:space-between;gap:10px}
.u-ms-t{display:flex;align-items:center;gap:10px;min-width:0}
.u-ms-t img{width:34px;height:34px;object-fit:contain;flex:none}
.u-ms-ch{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.u-ms-t.k .u-ms-ch{align-items:flex-end}
.u-ms-ch .u-form i{width:7px;height:7px}
.u-ms-vs{font-size:20px;font-weight:800;letter-spacing:.5px}
.u-ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}
.u-ms-u{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:10px 8px;background:var(--c1);border:1px solid var(--ln);border-radius:12px}
.u-ms-u>b{font-size:18px;font-weight:800;white-space:nowrap}
.u-ms-l{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--ln);border-radius:6px;font-size:12.5px;color:var(--tx);line-height:1.25}
.u-ms-l.hj{color:var(--ng);border-color:color-mix(in srgb,var(--ng) 45%,var(--ln))}
.u-ms-l svg{width:14px;height:14px;flex:none}
.u-ms-ket{display:flex;gap:6px;align-items:flex-start}
.u-ms-ket svg{width:14px;height:14px;flex:none;margin-top:1px}
.u-ms-sub{margin-top:14px}
@media (max-width:700px){.u-ms-u{min-height:58px;gap:7px;padding:8px 6px}.u-ms-u>b{font-size:16px}.u-ms-l{font-size:11.5px;padding:3px 6px}}
.panel .u-ms-u{gap:7px;padding:8px 6px}.panel .u-ms-u>b{font-size:16px}.panel .u-ms-l{font-size:11.5px;padding:3px 6px}

/* Rincian live/selesai gaya uniscore (8 Nov malam, SS Altrincham-Notts County): Adu Penalti, linimasa, momentum ET, kartu berikutnya/relevan, Tim */
.u-adu .u-jdl{margin-bottom:4px}
.u-adu-s{display:flex;justify-content:center;align-items:center;gap:14px;margin:2px 0 12px}
.u-adu-s b{min-width:44px;text-align:center;font-size:34px;font-weight:800;line-height:1}
.u-adu-s b.w{color:var(--ku)}
.u-adu-s img{width:30px;height:30px;object-fit:contain}
.u-adu-l{display:grid;gap:8px}
.u-adu-r{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.u-adu-p{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.u-adu-p.kn{justify-content:flex-start}
.u-adu-p .u-adu-d{margin-right:auto}.u-adu-p.kn .u-adu-d{margin:0 0 0 auto}
.u-adu-d{width:8px;height:8px;border-radius:50%;flex:none}
.u-adu-d.g{background:var(--ng)}.u-adu-d.x{background:var(--me)}
.u-adu-n{min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-adu-f{position:relative;flex:none}
.u-adu-f i{position:absolute;right:-3px;bottom:-3px;min-width:13px;height:13px;padding:0 2px;border-radius:999px;background:var(--c2);border:1px solid var(--ln);font-size:8.5px;font-style:normal;font-weight:700;line-height:11px;text-align:center;color:var(--tx)}
.u-gsk{border-color:var(--ku);border-width:1.5px;background:rgba(255,197,61,.08)}
.u-gsk b{color:var(--ku)}
.u-gsk.u-pn .ik{width:11px;height:11px;color:var(--mu)}
.u-gsk.u-pn.gagal{border-color:var(--ln);background:var(--c2)}
.u-gsk.u-pn.gagal b{color:var(--tx);font-weight:700}
.u-pn-i{min-width:22px;height:22px;padding:0}
.u-pn-i .ik{width:14px;height:14px}
.u-pn-i.x{border-color:var(--me)}
.u-pn-i.x b{color:var(--me);font-size:15px;line-height:1}
.u-pisah::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ln)}
.u-tbh.u-mulai span{color:var(--mu);font-weight:500}
.mm-kep .mm-sak{display:inline-flex;gap:8px;margin-left:auto;flex:none}
.mm-t.sd{width:3px;height:10px;border-radius:0;background:var(--mu);box-shadow:none}
.mm-t.sd::after{content:"";position:absolute;left:3px;top:0;border-left:6px solid var(--ku);border-top:3px solid transparent;border-bottom:3px solid transparent}
.mm.tanpa-sd .mm-t.sd,.mm.tanpa-kt .mm-t.ku,.mm.tanpa-kt .mm-t.me,.mm.tanpa-kt .mm-t.km{display:none}
.u-nx .u-lg{grid-template-columns:50px minmax(0,1fr) auto}
.u-nx-l{display:grid;gap:2px;text-align:right;max-width:150px;font-size:11.5px;color:var(--mu)}
.u-nx-l span,.u-nx-l small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-nx-l small{font-size:11px}
.u-hr>.bintang{flex:none}
.u-lg.u-lg-live{background:linear-gradient(90deg,rgba(255,197,61,.16),var(--c1) 70%);border-color:rgba(255,197,61,.45)}
.u-tf-r{display:flex;align-items:center;gap:10px;padding:6px 0}
.u-tf-r+.u-tf-r{border-top:1px solid var(--ln)}
.u-tf-t{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;width:44px}
.u-tf-t img{width:22px;height:22px;object-fit:contain}
.u-tf-t .u-form i{width:6px;height:6px}
.u-tf-g{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:2px 0}
.u-tf-g::-webkit-scrollbar{display:none}
.u-tf .u-jdl .u-ii{cursor:help}
@media (max-width:760px){
  .u-nx .u-lg{grid-template-columns:44px minmax(0,1fr) auto}
  .u-nx-l{max-width:96px}
  .u-adu-s b{font-size:30px}
}
.panel .u-nx .u-lg{grid-template-columns:44px minmax(0,1fr) auto}.panel .u-nx-l{max-width:110px}
html[data-tema=terang] .u-lg.u-lg-live{background:linear-gradient(90deg,rgba(242,177,0,.18),var(--c1) 70%)}
.u-rt-b{font-style:normal;font-size:10px;margin-left:2px}
.u-ev-pn .u-ev-t{white-space:nowrap}
.u-ev-pn .u-ev-t small{white-space:normal;overflow-wrap:normal;font-size:10.5px;line-height:1.2}
.u-adu-l,.u-adu-s{max-width:560px;margin-left:auto;margin-right:auto}
.u-pisah b{color:var(--tx)}
.u-pisah b em{font-style:normal}
.u-pisah b em.w{color:var(--ku)}
@media (max-width:760px){
  .u-ev-pn .u-gsk.u-pn{padding:2px 6px}
  .u-ev-pn .u-gsk.u-pn .ik{display:none}
}
.panel .u-ev-pn .u-gsk.u-pn .ik{display:none}
html[data-tema=terang] .u-gsk b,html[data-tema=terang] .u-pisah b em.w,html[data-tema=terang] .u-adu-s b.w{color:#8a5a00}

/* Lineup live/selesai (8 Nov malam, SS uniscore-lineuplive-1..4): ikon kaus di samping formasi, ikon masuk/keluar di foto bangku */
.u-kaus{display:inline-flex;align-items:center;flex:none}
.u-kaus svg{width:22px;height:22px;display:block}
.u-pt-f.k .u-pb.s{right:-6px;bottom:-4px}
.u-pt-f.k .u-pb.s.o{top:-4px;bottom:auto}
.u-pb.s .ik{width:12px;height:12px}
.u-bn-c .nm small{color:var(--mu)}
.u-bn-1 a>small{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-li{display:inline-flex;align-items:center;gap:2px;font-style:normal;font-size:11px;color:var(--mu);flex:none}
.u-li .ik{width:13px;height:13px}
/* nama berkapten "(C) 26 Nama" tidak terpotong habis di HP/panel: label boleh lebih lebar dari titik pemain */
@media (max-width:600px){.u-pt small{max-width:78px}}
.panel .u-pt small{max-width:78px}
.u-pt small .u-kap{font-size:.92em}
.u-bn-c .nm small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}   /* "120+1' T. Ferrier": potong di ujung, bukan di awal menit */
/* Komentar gaya uniscore (8 Nov malam): kartu terpisah, menit + foto kiri, judul kejadian + ikon, logo tim kanan atas, kartu baru live masuk halus */
.km-daftar{list-style:none;margin:10px 0 0;padding:0}
.kmk{display:grid;grid-template-columns:40px 1fr 22px;gap:10px;align-items:start;padding:11px 12px;margin-bottom:8px;background:var(--c2);border:1px solid var(--ln2);border-radius:10px}
.km-k{display:flex;flex-direction:column;align-items:center;gap:6px}
.km-k>b{font-weight:800;font-size:14px;color:var(--tx);white-space:nowrap}
.km-k .u-foto{width:30px;height:30px}
.km-i{min-width:0}
.km-j{display:flex;align-items:center;gap:6px;margin-bottom:3px;font-weight:800;font-size:12.5px;letter-spacing:.2px;text-transform:uppercase}
.km-j .ik,.km-j .kt{width:14px;height:14px;flex:none}.km-j .kt{width:10px;height:13px}
.km-pel{display:inline-flex;color:var(--tx)}
.km-skor{margin-left:auto;display:inline-flex;gap:3px;align-items:center;padding:1px 8px;border-radius:6px;background:var(--bg);font-size:13px;font-weight:700;color:var(--mu);letter-spacing:0}
.km-skor b.on{color:var(--ng)}.km-skor small{font-size:10px;font-weight:600;margin-left:1px}
.kmk p{margin:0;color:var(--tx2);line-height:1.45;overflow-wrap:anywhere}
.kmk p a{color:var(--tx);font-weight:600}.kmk p a:hover{text-decoration:underline}
.km-l{width:22px;height:22px;object-fit:contain}
.kmk.km-gl,.kmk.km-og{border-color:color-mix(in srgb,var(--ng) 45%,var(--ln2))}
.kmk.km-gl .km-j,.kmk.km-og .km-j{color:var(--ng)}
.kmk.km-me .km-j,.kmk.km-k2 .km-j,.kmk.km-pg .km-j{color:var(--me)}
.kmk.km-n p,.kmk.km-tw p{color:var(--mu)}
.kmk.km-baru{animation:kmMasuk .55s ease-out,kmSorot 2.4s ease-out}
@keyframes kmMasuk{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes kmSorot{from{box-shadow:0 0 0 1px var(--ng)}to{box-shadow:0 0 0 1px transparent}}
@media (prefers-reduced-motion:reduce){.kmk.km-baru{animation:none}}
@media (max-width:600px){.kmk{grid-template-columns:42px 1fr 20px;gap:8px;padding:10px}.km-l{width:20px;height:20px}}
/* komentar tahap 2 (9 Nov): pergantian dua baris masuk/keluar */
.km-sbr{display:flex;align-items:center;gap:10px;margin-top:8px}
.km-sbr .u-foto{width:32px;height:32px;flex:none}
.km-sbn{color:var(--tx2);font-weight:600;min-width:0;overflow-wrap:anywhere}.km-sbn a{color:var(--tx)}.km-sbn a:hover{text-decoration:underline}
.km-sbr em{font-style:normal;font-weight:700;white-space:nowrap}.km-sbr em.masuk{color:var(--ng)}.km-sbr em.keluar{color:var(--me)}
.km-ced{display:block;margin-top:6px;color:var(--mu);font-size:12px}
/* judul hanya kejadian penting; penanda babak polos; teks redup pelanggaran/tendangan bebas/offside */
.kmk.km-rd p{color:var(--mu)}
.kmk.km-pn{padding-top:13px;padding-bottom:13px}.kmk.km-pn p{color:var(--tx2)}
/* peta lapangan gol (posisi perkiraan dari teks komentar) + animasi gol baru saat live */
.km-peta{grid-column:2/3;position:relative;margin-top:10px;max-width:520px}
@media (max-width:600px){.km-peta{grid-column:1/-1;max-width:none}}
.km-peta svg{display:block;width:100%;height:auto}
.km-lap{fill:#1a2234}
.km-kira{position:absolute;left:22px;bottom:6px;font-size:10px;letter-spacing:.2px;color:rgba(255,255,255,.5);pointer-events:auto}
.km-gw{transform-box:fill-box;transform-origin:center}
.km-anim .km-gw{opacity:0;animation:kmGwMuncul .2s 2.4s forwards,kmKilau .7s 2.4s 3}
@keyframes kmGwMuncul{to{opacity:1}}
@keyframes kmKilau{0%{filter:drop-shadow(0 0 0 #ff9f1a);transform:scale(1)}50%{filter:drop-shadow(0 0 2.5px #ff9f1a);transform:scale(1.25)}100%{filter:drop-shadow(0 0 0 #ff9f1a);transform:scale(1)}}
.kmk.km-baru.km-gl,.kmk.km-baru.km-og{animation:kmMasuk .55s ease-out,kmDenyut .8s ease-out 3}
@keyframes kmDenyut{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ng) 70%,transparent)}100%{box-shadow:0 0 0 9px transparent}}
.angka.skor-naik{animation:skorNaik .8s ease-out}
@keyframes skorNaik{0%{transform:scale(1)}30%{transform:scale(1.15);color:var(--ng)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.km-bgerak{display:none}.km-anim .km-gw{opacity:1;animation:none}.kmk.km-baru.km-gl,.kmk.km-baru.km-og,.angka.skor-naik{animation:none}}
/* 9 Nov: fallback 'susunan laga sebelumnya' per tim */
.u-lu-lalu{margin:0;padding:4px 12px 8px;background:var(--c2);color:var(--mu);font-size:12px;line-height:1.35}
.u-lap-ksg{position:absolute;left:8%;right:8%;text-align:center;color:rgba(255,255,255,.85);font-size:12.5px;font-weight:600;transform:translateY(-50%)}
.u-lap-ksg.a{top:25%}.u-lap-ksg.b{top:75%}
.u-lu-nm{font-weight:700}
/* Tanda Kurung (bagan per babak) + Pencetak gol terbanyak untuk piala tanpa klasemen (9 Nov) */
.krg-pil{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.krg-pil::-webkit-scrollbar{display:none}
.krg-pil button{flex:none;white-space:nowrap}
.krg-n{margin:0 0 8px;color:var(--mu);font-size:12.5px}
.krg-ls{display:grid;gap:8px}
.krg-tgl{margin:8px 0 0;color:var(--mu);font-size:12px;font-weight:600}
.krg-tgl:first-child{margin-top:0}
.krg .u-lg{grid-template-columns:50px minmax(0,1fr) auto}
.krg .u-lg.krg-ini{border-color:var(--ng)}
.krg .u-lg-s{min-width:26px;padding:2px 4px}
.krg .u-lg-s small{font-weight:600;font-size:10.5px;margin-left:2px;color:var(--mu)}
.krg-kp{display:flex;align-items:center;gap:10px;margin:2px 0 10px;font-size:15px}
.krg-kp img{width:28px;height:28px;object-fit:contain}
.krg-top td:nth-child(n+3),.krg-top th:nth-child(n+3){text-align:center;width:46px}

/* 11 Nov 2026 (audit #11): tombol Bagikan di kepala laga & halaman tim/liga/pemain */
.bagi{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 11px;border-radius:999px;border:1px solid var(--ln);background:var(--c2);color:var(--tx);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;flex:none}
.bagi svg{fill:none;stroke:currentColor;stroke-width:1.7}
.bagi:hover{border-color:var(--ng)}
.pkep .bagi{margin-left:auto}
.pkep .bagi + .buka-laga{margin-left:0}
@media (max-width:760px){.bagi span{display:none}.bagi{padding:0 9px}}
/* 11 Nov 2026 (audit #18): target sentuh >= 24 px di HP (Kembali, liga di kepala laga, sakelar grafik, tim di klasemen) */
@media (pointer:coarse){
  .pkep a,.pkep a.kembali{min-height:32px}
  .u-sw{min-height:32px;padding:0 4px}
  table.klas td a{display:inline-flex;align-items:center;min-height:28px}
}
/* 11 Nov 2026 (audit #10/#12): halaman Tentang/Kontak/Privasi */
.info-hal{line-height:1.65;max-width:760px}
.info-hal h1{font-size:24px;margin:0 0 10px}
.info-hal h2{font-size:17px;margin:18px 0 6px}
.info-hal a{color:var(--ng)}
.info-kaki{display:flex;gap:14px;flex-wrap:wrap;padding:10px 4px 0;font-size:12.5px;color:var(--mu)}
.info-kaki a{color:var(--mu)}
/* 11 Nov 2026 (audit #14): beranda tiga blok Live -> Jadwal -> Selesai */
.blok-fase{display:flex;align-items:baseline;gap:8px;margin:16px 4px 8px;font-size:15px}
.blok-fase:first-child{margin-top:4px}
.blok-fase small{color:var(--mu);font-size:12px}
.blok-fase.live b{color:var(--ng)}
.blok-fase.live b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ng);margin-right:7px;vertical-align:1px;animation:kedip 1.6s infinite}
@keyframes kedip{50%{opacity:.35}}

/* 11 Nov: Ringkasan AI di tab Rincian */
.u-ringkas-ai p{margin:0;line-height:1.6;font-size:14px}
.u-ringkas-ai .u-jdl small{font-weight:400;font-size:11px;opacity:.6;margin-left:6px}
.pkep .bintang{margin-left:auto;flex:none}
.pkep .bintang + .bagi{margin-left:0}
.fav-tg{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.fav-tg a,.fav-tg button{background:#229ED9;color:#fff;border:0;border-radius:8px;padding:8px 12px;font-weight:600;cursor:pointer;text-decoration:none;font-size:13px}
.fav-tg small{opacity:.7}
/* 11 Nov tahap 2: komentar AI (garis hijau tipis), blok Berita, halaman Indonesia & Diaspora */
.kmk.km-ai{box-shadow:inset 3px 0 0 var(--ng)}
.km-ait{margin:6px 0 0;font-size:13px;line-height:1.5}
.u-berita ul{margin:0;padding-left:18px;display:grid;gap:8px}
.u-berita li{line-height:1.5;font-size:14px}
.u-berita li a{color:var(--mu);font-size:12px;white-space:nowrap}
.u-berita .u-jdl small{font-weight:400;font-size:11px;opacity:.6;margin-left:6px}
.indo-pil{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.indo-pil button{background:var(--c2);border:1px solid var(--ln2,var(--ln));color:inherit;border-radius:16px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;min-height:34px}
.indo-pil button[aria-pressed=true]{background:var(--ng);color:var(--on-ng);border-color:var(--ng);font-weight:600}
.dsp-daftar{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.dsp{background:var(--c1,var(--c2));border:1px solid var(--ln);border-radius:12px;padding:12px;display:grid;gap:8px;min-width:0}
.dsp-kep{display:flex;gap:10px;align-items:center;min-width:0}
.dsp-kep>a>img,.dsp-kep>img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--c2);flex:none}
.dsp-kep .nm{flex:1;min-width:0}
.dsp-kep .nm a{font-weight:600;font-size:15px;color:inherit;text-decoration:none}
.dsp-kep .nm small{display:flex;gap:6px;align-items:center;color:var(--mu);font-size:12px;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dsp-kep .nm small img{width:16px;height:16px;object-fit:contain}
.dsp-b{font-size:13px;line-height:1.45;display:grid;gap:2px}
.dsp-b b{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--mu);font-weight:600}
.dsp-b a{color:inherit}
.dsp-st{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:3px}
.dsp-st span{background:var(--c2);border-radius:6px;padding:2px 7px;font-size:12px}
.dsp-tg{font-size:12px;color:var(--mu)}

/* 12 Nov (banding #2): ikon benua untuk grup Internasional/Eropa/Asia/Afrika/Amerika/Oseania */
.ik-benua{width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:16px;line-height:1}
/* 12 Nov (banding #13): nama tim di HP tidak dipotong di tengah kata ("Mancheste r United"): kata tidak pernah diputus (overflow-wrap:normal),
   dibungkus per kata maks 2 baris; bila satu kata tetap lebih lebar dari kolom (ikon kartu merah/chip hasil), inti.js pasNama() mengecilkan
   huruf (.nm-kecil) lalu memakai nama pendek ("Man Utd"). Kolom G/A pemain tidak dibungkus. */
.tim{min-width:0}
.tim .nm{min-width:0}
.pm-lalu td:nth-child(3){white-space:nowrap}

/* 12 Nov (banding #7): rangkaian per tim di H2H, dua kolom di PC */
.u-rang{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 18px}
.u-rang>div>.u-tren:first-child{border-top:0}
/* 12 Nov (banding #8): ringkasan tim - performa terkini, grafik posisi/poin, ikhtisar kompetisi */
.perf{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:4px;align-items:end}
.perf-k{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;min-width:0}
.perf-a,.perf-b{display:flex;width:100%;justify-content:center;height:46px}
.perf-a{align-items:flex-end;border-bottom:1px solid var(--ln)}
.perf-b{align-items:flex-start}
.perf-k i{display:flex;align-items:center;justify-content:center;width:70%;max-width:22px;border-radius:3px;font-style:normal;font-size:10px;font-weight:800;color:#fff}
.perf-k i.m{background:var(--ng)}.perf-k i.k{background:#ef4444}.perf-k i.s{background:#94a3b8}
.perf-k small{font-size:10.5px;color:var(--mu);margin-top:2px;white-space:nowrap}
.perf-k img{width:18px;height:18px;object-fit:contain;margin-top:2px}
.gr-tim{width:100%;height:auto;display:block;margin-top:8px}
.gr-tim .gr-sb line{stroke:var(--ln);stroke-width:1}
.gr-tim .gr-sb text{fill:var(--mu);font-size:9px}
.gr-tim polyline{fill:none;stroke:var(--ng);stroke-width:2}
.gr-tim circle{stroke:var(--c1,#0b1220);stroke-width:1}
.gr-tim circle.m{fill:#22c55e}.gr-tim circle.k{fill:#ef4444}.gr-tim circle.s{fill:#94a3b8}
.ikh+.ikh{margin-top:12px;padding-top:10px;border-top:1px solid var(--ln)}
.ikh-kp{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13.5px}
.ikh-kp img{width:20px;height:20px;object-fit:contain}
.ikh-kp span{margin-left:auto;color:var(--mu);font-size:12px}
.ikh-st{margin:0;font-size:13px}.ikh-st.k{color:#f87171}
.ikh-st a{color:inherit}
/* 12 Nov (banding #9): tabel skuad + statistik musim */
.sq-st td:not(:first-child),.sq-st th:not(:first-child){text-align:center;white-space:nowrap}
.sq-st td small{display:block;color:var(--mu);font-size:10.5px}
.sq-st .pm{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;min-width:0}
.sq-st .pm img{width:30px;height:30px;flex:none}
.sq-st .pm span{min-width:0}
@media (max-width:600px){.sq-st th,.sq-st td{padding-left:3px;padding-right:3px}.sq-st .pm img{width:26px;height:26px}}
/* 12 Nov (banding #10): pemain - grafik rating, karier per musim */
.gr-rt rect{fill:#94a3b8}.gr-rt rect.r8{fill:#1fbf6a}.gr-rt rect.r7{fill:#39d98a}.gr-rt rect.r65{fill:#d9b13b}.gr-rt rect.r6{fill:#e8853a}.gr-rt rect.r5{fill:#ef5a5a}
.gr-rt line.rata{stroke:var(--tx);stroke-dasharray:4 3;opacity:.6}
.km-tb td:first-child{white-space:nowrap;color:var(--mu);font-size:12px}
.km-tb .pm img{width:22px;height:22px;object-fit:contain}
.km-tot td{font-weight:800}
.gr-tim{max-width:640px;margin-left:auto;margin-right:auto}
.km-tb td:nth-child(2),.km-tb th:nth-child(2){text-align:left;white-space:normal;width:100%}
.km-tb td:nth-child(2) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw}
@media (max-width:600px){.km-tb td:nth-child(2) small{display:none}.km-tb th,.km-tb td{font-size:12px}}
.km-tb th:nth-child(2),.km-tb td:nth-child(2){text-align:left!important}.km-tb .pm{justify-content:flex-start}
.klas.pm-tb.km-tb td:first-child{width:auto}.klas.pm-tb.km-tb td:nth-child(2){width:99%}
.pil-gulir{overflow-x:auto;scrollbar-width:none;margin:0 -2px}.pil-gulir::-webkit-scrollbar{display:none}.pil-gulir .pil{flex-wrap:nowrap;width:max-content}
/* 12 Nov (banding #15): juara liga & riwayat tim */
.jr-tb td:nth-child(2),.jr-tb td:nth-child(4),.rw-tb td:nth-child(2),.jr-tb th:nth-child(2),.jr-tb th:nth-child(4),.rw-tb th:nth-child(2){text-align:left!important;white-space:normal}
.klas.pm-tb.jr-tb td:first-child,.klas.pm-tb.rw-tb td:first-child{width:auto;white-space:nowrap;color:var(--mu);font-size:12px}
.jr-tb .pm img,.rw-tb .pm img{width:22px;height:22px;object-fit:contain}
.rw-tb td.z-atas b{color:var(--ng)}.rw-tb td.z-bawah b{color:#f87171}.rw-tb td.z-tgh b{color:var(--bl)}
.rw-tb td small{display:inline!important}
.rw-pl td:nth-child(2){white-space:normal!important;font-size:12px}
#isiHal .klas:not(.pm-tb) td:last-child{white-space:nowrap}

/* 12 Nov tahap 3: Tebak Skor (/tebak), kartu suporter (/u/<kode>), Mini App Telegram (html.tg) */
.tbk-ajak,.tbk-akun{display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--c2);border:1px solid var(--ln);border-radius:12px;padding:10px 12px;margin:0 0 12px}
.tbk-ajak span{color:var(--tx2);font-size:13px}
.tbk-akun small{display:block;color:var(--mu);font-size:12px;margin-top:2px}
.tbk-tombol{display:inline-block;background:var(--ng);color:var(--on-ng);font-weight:700;border-radius:999px;padding:8px 14px;white-space:nowrap;font-size:13px}
.tbk-tombol.kecil{padding:6px 11px;font-size:12px}
.tbk-laga .tbk-kepala{display:block;color:var(--mu);font-size:12px;margin-bottom:8px}
.tbk-baris{display:grid;grid-template-columns:22px 1fr auto 1fr 22px;align-items:center;gap:8px}
.tbk-baris img,.tbk-tim img{width:22px;height:22px;object-fit:contain}
.tbk-baris span:last-of-type{text-align:right}
.tbk-baris b{font-size:15px}
.tbk-tim{display:flex;align-items:center;gap:8px;padding:5px 0}
.tbk-tim span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.tbk-ang{display:flex;align-items:center;gap:6px}
.tbk-ang button{width:34px;height:34px;border-radius:10px;background:var(--c2);border:1px solid var(--ln);font-size:18px;font-weight:700}
.tbk-ang b{min-width:26px;text-align:center;font-size:20px}
.tbk-cepat{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.tbk-cepat button{padding:4px 10px;border:1px solid var(--ln);border-radius:999px;font-size:12px;color:var(--tx2)}
.tbk-simpan{width:100%;background:var(--ng);color:var(--on-ng);font-weight:700;border-radius:10px;padding:10px;margin-top:2px}
.tbk-hasil{display:inline-block;margin-top:8px;font-size:12px;color:var(--mu);background:var(--c2);border-radius:999px;padding:3px 10px}
.tbk-hasil.tepat{color:var(--on-ng);background:var(--ng)}
.tbk-hasil.benar{color:var(--bl)}
.tbk-hasil.salah{color:var(--me)}
.tbk-rk{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--ln)}
.tbk-rk.aku{background:var(--lvb);border-radius:8px}
.tbk-rk small{display:block;color:var(--mu);font-size:11px}
.tbk-rk i{font-style:normal;font-weight:700;color:var(--ku)}
.tbk-kamu{color:var(--mu);font-size:12px;margin:8px 0 0}
.tbk-ubin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tbk-ubin div{background:var(--c2);border-radius:10px;padding:10px}
.tbk-ubin b{display:block;font-size:22px}
.tbk-ubin small{color:var(--mu);font-size:11px}
.tbk-lencana{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tbk-lencana span{font-size:12px;color:var(--ku);border:1px solid var(--ku);border-radius:999px;padding:3px 10px}
.tbk-kartu{width:100%;max-width:420px;height:auto;border-radius:14px;margin:0 auto}
.tbk-aksi{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.fav-tg .tg-ok{color:var(--ng)}
@media (max-width:520px){.tbk-ubin{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 12 Nov tahap 3B: pangkat prediktor, papan Poin/Rating, profil publik, blok tim/laga, strip beranda */
.pkt{display:inline-block;font-size:11px;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px;border:1px solid var(--ln);color:var(--mu);vertical-align:2px;white-space:nowrap}
.pkt.pk-pengamat{color:var(--bl);border-color:var(--bl)}
.pkt.pk-analis{color:var(--ng);border-color:var(--ng)}
.pkt.pk-pakar{color:var(--ku);border-color:var(--ku)}
.pkt.pk-legenda{color:var(--me);border-color:var(--me)}
h1 .pkt{font-size:13px;vertical-align:4px}
.tbk-rk i small,.tbk-rw i small{display:block;font-size:11px;font-weight:600}
small.naik{color:var(--ng)}small.turun{color:var(--me)}
.tbk-rw{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--ln)}
.tbk-rw .tbk-hasil{margin:0}
.tbk-rw small{display:block;color:var(--mu);font-size:11px}
.tbk-rw i{font-style:normal;font-weight:700;color:var(--ku);text-align:right}
.tbk-uname label{display:block;color:var(--tx2);font-size:13px;margin-bottom:6px}
.tbk-uname div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tbk-uname span{color:var(--mu);font-size:13px}
.tbk-uname input{flex:1;min-width:120px;background:var(--c2);border:1px solid var(--ln);border-radius:8px;padding:7px 9px;color:var(--tx)}
.tbk-priv{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--tx2);margin-top:12px}
.tbk-laga-sup{background:var(--c2);border:1px solid var(--ln);border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:13px}
.tbk-laga-sup small{display:block;color:var(--mu);font-size:12px;margin-top:6px}
.tbk-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;margin-top:8px;background:var(--ln)}
.tbk-bar i:nth-child(1){background:var(--ng)}.tbk-bar i:nth-child(2){background:#59627a}.tbk-bar i:nth-child(3){background:var(--bl)}
.strip-pred{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:6px 2px 8px;margin-bottom:4px}
.strip-pred::-webkit-scrollbar{display:none}
.strip-j{font-weight:700;font-size:12px;white-space:nowrap;color:var(--ku)}
.strip-i{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:12px;background:var(--c2);border:1px solid var(--ln);border-radius:999px;padding:4px 10px}
.strip-i small{color:var(--mu)}