/* Màu, cỡ chữ, khoảng cách đo từ client PC tối của FB Sports — bản trang thể thao s666 mở. */
:root{
  --nen:#0c0c0e;--khoi:#151618;--dau:#1c2134;--o:#1c1d1f;--o2:#232428;--vien:rgba(135,141,172,.1);
  --trang:#fff;--chu:#d2d4d9;--chu2:#aaafc9;--chu3:#8d9198;
  --lam:#4c6fff;--len:#ea3543;--xuong:#37d200;--cam:#ff9f1a;--vang:#f5b52e;--hong:#ff6eb4;
  --ct:46px;--c1:46px;--c2:64px;--c3:70px;--cao:34px;--le:8px;--fs:13px;
}
@media (max-width:374px){:root{--ct:42px;--c1:42px;--c2:58px;--c3:64px}}
@media (min-width:640px){:root{--ct:60px;--c1:139px;--c2:186px;--c3:186px;--cao:30px;--le:12px;--fs:14px}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--nen);color:var(--chu);font:14px/1.5 Roboto,-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--lam);outline-offset:1px}
.so,.ty,.dong-ho,.doi .ban,.gio{font-family:Barlow,DIN,Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums}
.trang{max-width:860px;margin:0 auto;padding:0 0 28px}

/* Thanh trên */
.tren{position:sticky;top:0;z-index:5;background:var(--khoi);border-bottom:1px solid var(--vien)}
.tren-hang{display:flex;align-items:center;gap:10px;padding:10px 12px}
.hieu{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.fb{white-space:nowrap;font:italic 900 15px/1 Roboto,Arial,sans-serif;letter-spacing:.5px;color:#fff;background:var(--lam);padding:5px 8px;border-radius:3px}
.tin{font:500 12px/1 Barlow,Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--chu);background:var(--o);padding:6px 10px;border-radius:3px;white-space:nowrap}
.tin::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--chu3);margin-right:6px;vertical-align:1px}
.tin.ok::before{background:var(--xuong);animation:nhap 1.6s ease-in-out infinite}
.tin.cham::before{background:var(--vang)}
.tin.loi{color:var(--len)}
.tin.loi::before{background:var(--len)}
.chuong{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:3px;border:1px solid var(--vien);background:var(--o);color:var(--chu2)}
.chuong.on{color:var(--vang);border-color:rgba(245,181,46,.55)}
.chuong:disabled{opacity:.4;cursor:not-allowed}
.chuong.hoi{font:700 16px/1 Roboto,sans-serif}
.tabs{display:flex;padding:0 12px 10px}
.tab{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--lam);background:transparent;color:#fff;padding:6px 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.2px}
.tab:first-child{border-radius:3px 0 0 3px}
.tab:last-child{border-radius:0 3px 3px 0}
.tab+.tab{border-left:0}
@media (max-width:419px){.tab{padding:6px 10px;font-size:12px}}
.tab.on{background:var(--lam)}
.tab b{font:600 11px/1 Barlow,Roboto,sans-serif;background:rgba(255,255,255,.16);padding:2px 6px;border-radius:9px}

/* Cảnh báo và ghi chú */
.canh-bao{margin:10px 4px 0;padding:8px 12px 2px;border-radius:4px;background:var(--khoi);border:1px solid var(--vien);border-left:3px solid var(--cam)}
.canh-bao.nong{border-left-color:var(--len);background:#1d1416}
.cb-dau{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--chu3)}
.cb-dau b{font-weight:700;color:var(--cam)}
.canh-bao.nong .cb-dau b{color:#ff6b76}
.cb-dong{cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:center;padding:7px 0;border-top:1px solid var(--vien);font-size:13px}
.cb-tran{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-ty{font:600 15px/1 Barlow,Roboto,sans-serif;font-variant-numeric:tabular-nums;color:#fff}
.cb-phu{grid-column:2/-1;font-size:12px;color:var(--chu2)}
/* Nhãn bậc báo: một hệ màu cho thẻ trận, dải cảnh báo và bảng luật. */
.bac,.the.bao{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:3px;font:700 11px/1 Roboto,sans-serif;letter-spacing:.4px;white-space:nowrap;color:#fff;background:var(--lam)}
.bac.k12,.the.bao.k12{color:#1a1206;background:var(--cam)}
.bac.k123,.the.bao.k123{background:var(--len)}
.bac.xiu,.the.bao.xiu{color:#2b0a1b;background:var(--hong)}
.luat{margin:8px 0;padding:0 12px;border-radius:4px;background:var(--khoi);border:1px solid var(--vien);color:var(--chu3);font-size:12px;line-height:1.5}
.luat p{margin:8px 0 10px}
.luat-nut{display:flex;align-items:center;gap:6px;width:100%;min-height:40px;padding:0;border:0;background:none;color:var(--chu2);font-size:12px;font-weight:500;text-align:left}
.luat-nut>b{flex:1;font-weight:500}
.luat-nut svg{flex:none;color:var(--chu3);transition:transform .15s}
.luat-nut[aria-expanded="true"] svg{transform:rotate(180deg)}
.luat p b{color:var(--chu2);font-weight:500}
.luat-luoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px}
.luat-o{display:flex;flex-direction:column;gap:2px;min-width:0;padding:7px 9px;border-radius:3px;background:var(--o)}
.luat-ma{font:700 11px/1.2 Roboto,sans-serif;letter-spacing:.4px;color:#9fb3ff}
.luat-ma.xiu{color:var(--hong)}
.luat-o b{color:var(--chu);font-weight:500}
.luat-o small{font-size:11px;color:var(--chu3)}
@media (max-width:519px){
  .luat-luoi{grid-template-columns:1fr}
  .luat-o{flex-direction:row;align-items:baseline;gap:8px}
  .luat-o small{display:none}
}
.hd{margin:8px 0;padding:14px 12px 16px;border-radius:4px;background:var(--khoi);border:1px solid var(--vien);color:var(--chu2);font-size:13px;line-height:1.5}
.hd h2{margin:0 0 4px;color:var(--trang);font-size:17px;font-weight:700}
.hd h3{margin:20px 0 8px;color:var(--trang);font-size:13px;font-weight:700}
.hd p{margin:6px 0}
.hd-mo{margin:0 0 12px!important}
.hd-mo b{color:var(--chu);font-weight:500}
.hd-ds{margin:0;padding-left:18px}
.hd-ds li+li{margin-top:4px}
.hd-thu{padding:0 12px 12px;border-radius:4px;background:var(--dau);border:1px solid rgba(76,111,255,.35)}
.hd-thu h3{margin:0;padding:12px 0 10px}
.hd-bang{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.hd-chinh{display:flex;flex-direction:column;gap:10px;min-width:0}
.hd-hang{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:8px;font-size:12px;color:var(--chu2)}
.hd-chons{display:flex;flex-wrap:wrap;gap:4px}
.hd-chon{min-width:36px;height:32px;padding:0 10px;border-radius:3px;border:1px solid var(--vien);background:var(--o);color:var(--chu);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.hd-chon.on{background:var(--lam);border-color:var(--lam);color:#fff}
.hd-ty{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:2px 0}
.hd-ty em{padding-bottom:7px;font-style:normal;font-size:18px;color:var(--chu3)}
.hd-dem small{display:block;margin-bottom:4px;font-size:12px;color:var(--chu2);text-align:center}
.hd-dem>div{display:flex;align-items:center;gap:2px}
.hd-dem button{width:36px;height:36px;border-radius:3px;border:1px solid var(--vien);background:var(--o);color:var(--chu);font-size:18px;line-height:1}
.hd-dem b{width:34px;color:var(--trang);font:700 22px/1 Barlow,Roboto,sans-serif;font-variant-numeric:tabular-nums;text-align:center}
.hd-ra{display:flex;flex-direction:column;gap:10px;min-width:0}
.hd-tin{padding:10px 12px;border-radius:3px;border-left:3px solid var(--lam);background:var(--khoi);color:var(--chu2);font-size:12px}
.hd-tin b{display:block;margin-bottom:4px;color:var(--trang);font-size:13px;font-weight:500}
.hd-tin p{margin:2px 0}
.hd-tin small{display:block;margin-top:6px;color:var(--chu3);font-size:11px}
.hd-tin.k12{border-left-color:var(--cam)}
.hd-tin.k123{border-left-color:var(--len)}
.hd-tin.xiu{border-left-color:var(--hong)}
.hd-tin.khong{border-left-color:var(--chu3)}
.hd-mocs>span{display:block;margin-bottom:6px;font-size:12px;color:var(--chu2)}
.hd-mocs>div{display:flex;flex-wrap:wrap;gap:4px}
.hd-moc{min-width:38px;height:28px;padding:0 6px;border-radius:3px;border:1px solid transparent;background:var(--lam);color:#fff;font:600 12px/1 Barlow,Roboto,sans-serif;font-variant-numeric:tabular-nums}
.hd-moc.k12{background:var(--cam);color:#1a1206}
.hd-moc.xiu{background:var(--hong);color:#2b0a1b}
.hd-moc.on{outline:2px solid #fff;outline-offset:1px}
.hd-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.hd-dong{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px 12px;border-radius:3px;border-left:3px solid var(--lam);background:var(--o)}
.hd-dong.k12{border-left-color:var(--cam)}
.hd-dong.k123{border-left-color:var(--len)}
.hd-dong.xiu{border-left-color:var(--hong)}
.hd-dong b{color:var(--chu);font-weight:500}
.hd-dong small{font-size:12px;color:var(--chu3)}
.hd-dong .vd{color:var(--chu2)}
.hd-buoc{counter-reset:buoc;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.hd-buoc li{counter-increment:buoc;position:relative;padding:8px 12px 8px 40px;border-radius:3px;background:var(--o)}
.hd-buoc li::before{content:counter(buoc);position:absolute;left:10px;top:9px;width:20px;height:20px;border-radius:50%;background:var(--o2);color:var(--chu);font:600 11px/20px Barlow,Roboto,sans-serif;text-align:center}
.hd-buoc b{display:block;color:var(--chu);font-weight:500}
.hd-buoc small{display:block;font-size:12px;color:var(--chu3)}
@media (max-width:639px){
  .hd-bang,.hd-luoi{grid-template-columns:minmax(0,1fr)}
}
.ghi{margin:10px 4px 8px;color:var(--chu3);font-size:12px;line-height:1.55}
main{padding:0 4px}

/* Thanh giải */
.giai{margin-top:4px}
.giai-dau{display:grid;grid-template-columns:minmax(0,1fr) var(--c1) var(--c2) var(--c3);column-gap:2px;align-items:center;height:34px;padding:0 var(--le) 0 10px;margin-bottom:4px;background:var(--dau);border-radius:4px;border-left:1px solid rgba(0,0,0,.6)}
.giai-ten{display:flex;align-items:center;gap:8px;min-width:0;color:#fff;font-size:var(--fs);font-weight:500}
.giai-ten .chuong-giai{flex:none;color:var(--chu3)}
.giai-ten img,.giai-ten .logo-giai{width:22px;height:22px;flex:none;border-radius:50%;object-fit:contain;background:#fff;padding:2px}
.giai-ten>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.giai-ten small{color:var(--chu3);font-weight:400;font-size:12px}
.cot{color:var(--chu2);font-size:12px;text-align:center;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nhan-dai{display:none}

/* Khối trận */
.tran{display:grid;grid-template-columns:var(--ct) minmax(0,1fr) var(--c1) var(--c2) var(--c3);grid-template-rows:repeat(3,var(--cao)) auto;column-gap:2px;row-gap:2px;padding:10px var(--le) 0 0;margin-bottom:4px;background:var(--khoi);border-radius:4px;border-left:4px solid transparent}
.tran.song{border-left-color:var(--len);background:#1c1314}
.tran.song .gio i{color:var(--len);font-weight:700}
.tran.song .gio i::before{content:"";display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--len);vertical-align:1px;animation:nhap 1.2s ease-in-out infinite}
.tran.k1{border-left-color:var(--lam);background:#121628}
.tran.k12{border-left-color:var(--cam);background:#1b1712}
.tran.k123{border-left-color:var(--len);background:#1f1416;box-shadow:inset 0 0 0 1px rgba(234,53,67,.3)}
.tran.xiu{border-left-color:var(--hong);background:#21131c}
.gio{grid-row:1/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 4px 10px;border-right:1px solid var(--vien);font-size:12px;line-height:18px;color:var(--chu2);text-align:center;min-width:0}
.gio i{font-style:normal}
.gio b{color:#fff;font-weight:500}
.doi{display:flex;align-items:center;gap:6px;min-width:0;padding:0 4px 0 8px;font-size:var(--fs)}
.doi img,.chu-dau{width:16px;height:16px;border-radius:50%;flex:none;object-fit:contain}
.chu-dau{display:grid;place-items:center;background:var(--o2);color:var(--chu2);font-size:9px}
.doi .ten{flex:1;min-width:0;color:var(--chu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doi .ban{color:#fff;font-weight:500;font-size:var(--fs);min-width:12px;text-align:right}
.doi.hoa{padding-left:30px;color:var(--chu)}
.o{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0 2px;border-radius:2px;background:var(--o);text-align:center;line-height:1.15}
.o.rong{background:transparent}
.ke{max-width:100%;color:var(--chu2);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ke.chan{color:var(--vang);font-weight:500}
.ty{color:var(--chu);font-size:13px;font-weight:500;white-space:nowrap}
.ty.len{color:var(--len)}
.ty.xuong{color:var(--xuong)}
.ty.len::after,.ty.xuong::after{font-size:8px;margin-left:3px;vertical-align:1px}
.ty.len::after{content:"▲"}
.ty.xuong::after{content:"▼"}
.ty.khoa-ic{color:var(--chu3);line-height:0}
@media (min-width:640px){
  .o{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0}
  .o.giua{display:flex}
  .ke{font-size:12px}
  .gio{padding:0 8px 10px}
  main{padding:0 8px}
  .canh-bao{margin:10px 8px 0}
  .nhan-dai{display:inline}
  .nhan-ngan{display:none}
  .doi{padding:0 8px 0 12px}
  .doi.hoa{padding-left:34px}
  .dai{padding-left:12px}
}
.dai{grid-column:2/-1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:20px;row-gap:2px;min-height:28px;padding:2px 0 2px 8px;font-size:12px;color:var(--chu2)}
.dai:empty{min-height:10px}
.the{white-space:nowrap;line-height:24px;max-width:100%;min-width:0;overflow:hidden}
.the.moc{color:#7f9bff}
.the.hoa{color:#7f9bff;font-weight:500}
.the.mo{color:var(--chu3)}
.the.tre{color:var(--vang)}
.the.moc{white-space:normal}
.the .mc{white-space:nowrap;font:500 12px/18px Barlow,Roboto,sans-serif;color:#9fb3ff;background:rgba(76,111,255,.12);padding:0 6px;border-radius:3px}
.the .mc.khop{color:var(--cam);background:rgba(255,159,26,.14)}
.the .mc.xiu{color:var(--hong);background:rgba(255,110,180,.14)}
.the .mc.dang{box-shadow:inset 0 0 0 1px currentColor}
.moc-xiu{white-space:nowrap}
.dks{display:inline-flex;gap:4px;flex-wrap:wrap}
.dk{display:inline-flex;align-items:baseline;line-height:18px;gap:5px;height:22px;padding:0 8px;border-radius:11px;background:var(--o2);border:1px solid transparent;color:var(--chu3);font-size:11px;font-weight:500;white-space:nowrap}
.dk b{font:600 12px/18px Barlow,Roboto,sans-serif;font-variant-numeric:tabular-nums;color:var(--chu2)}
.dk.on{color:var(--xuong);background:rgba(55,210,0,.1);border-color:rgba(55,210,0,.45)}
.dk.on b{color:#fff}
.dk .dau{align-self:center;display:grid;place-items:center;width:12px;height:12px;flex:none;border-radius:50%;border:1.5px solid currentColor;opacity:.6}
.dk.on .dau{opacity:1;border-color:var(--xuong);background:var(--xuong);color:var(--nen)}
.the.truc{color:var(--chu2)}
.the.truc .ty{font-size:12px}
.the.truc i{font-style:normal;color:var(--chu3);margin:0 2px}
.the.truc .khoa-ic{vertical-align:-2px}
.vach{align-self:center;position:relative;display:inline-block;width:40px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--o) 0 72.2%,rgba(245,181,46,.6) 72.2% 94.4%,var(--o) 94.4%)}
.vach i{position:absolute;top:-3px;width:2px;height:10px;margin-left:-1px;border-radius:1px;background:#fff}
@keyframes nhap{50%{opacity:.55}}
/* Chữ dài hơn chỗ chứa thì chạy một chiều: hai bản nối nhau, dịch đúng nửa dải là về chỗ cũ. */
[data-chay]{text-overflow:clip!important;white-space:nowrap}
.chay-dai{display:inline-flex;vertical-align:top;animation:chay-chu var(--tg,8s) linear infinite;will-change:transform;backface-visibility:hidden}
.chay-mot{flex:none;display:inline-block;padding-right:32px}
@keyframes chay-chu{to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.chay-dai{animation:none}}
.kq-loc{display:flex;gap:6px;margin:10px 4px 8px}
.kq-loc button{border:1px solid var(--vien);background:var(--o);color:var(--chu2);padding:5px 12px;border-radius:14px;font-size:12px}
.kq-loc button.on{background:var(--lam);border-color:var(--lam);color:#fff}
.kq-luoi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
@media (max-width:719px){
  .kq-luoi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kq-luoi>:last-child{grid-column:1/-1}
}
.kq-the{display:flex;flex-direction:column;justify-content:flex-start;width:100%;padding:10px 12px;border-radius:4px;background:var(--khoi);border:1px solid var(--vien);border-top:3px solid var(--chu3);min-width:0;text-align:left}
.kq-the.on{background:var(--o2);border-color:var(--chu3);border-top-color:var(--chu3)}
.bac.xam{background:var(--chu3);color:var(--nen)}
.kq-the.k1,.kq-the.k1.on{border-top-color:var(--lam)}
.kq-the.k12,.kq-the.k12.on{border-top-color:var(--cam)}
.kq-the.k123,.kq-the.k123.on{border-top-color:var(--len)}
.kq-the.xiu,.kq-the.xiu.on{border-top-color:var(--hong)}
.kq-ten{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--chu3)}
.kq-ten>b{color:#fff;font-size:12px;letter-spacing:.4px;text-transform:uppercase}
.kq-so{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 6px}
.kq-so>span{font-size:11px;line-height:1.3;color:var(--chu2)}
.kq-so b{display:block;margin-bottom:3px;font:600 26px/1 Barlow,Roboto,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.kq-phu{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11px;color:var(--chu3)}
.kq-phu b{color:var(--chu);font-weight:500}
.kq-dau{margin:14px 4px 6px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--chu3)}
.kq-dong[data-mo]{cursor:pointer}
.kq-dong.mo{outline:1px solid var(--vien)}
.kq-ct{grid-column:1/-1;margin:8px 0 0 10px;padding-top:8px;border-top:1px solid var(--vien);font-size:12px;color:var(--chu);cursor:default}
.kq-ct-d{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;padding:3px 0}
.kq-ct-d>span{color:var(--chu3)}
.kq-moc{display:inline-flex;align-items:center;gap:6px;margin:0 12px 4px 0}
.kq-dong{display:grid;grid-template-columns:var(--ct) minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:8px 10px 8px 0;margin-bottom:4px;background:var(--khoi);border-radius:4px}
.kq-gio{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--chu3);border-right:1px solid var(--vien);text-align:center;line-height:1.4}
.kq-gio b{font:500 12px Barlow,Roboto,sans-serif;color:#fff}
.kq-tran{display:flex;align-items:center;gap:8px;min-width:0}
.kq-tran b{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kq-chu{margin-top:3px;font-size:12px;color:var(--chu3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kq-ra{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.kqt{font-size:11px;font-weight:500;padding:2px 8px;border-radius:3px;white-space:nowrap;background:var(--o2);color:var(--chu2)}
.kqt.tot{background:rgba(55,210,0,.12);color:var(--xuong)}
.kqt.xau{background:rgba(234,53,67,.12);color:#ff6b76}
@media (max-width:519px){
  .kq-dong{grid-template-columns:var(--ct) minmax(0,1fr)}
  .kq-ra{grid-column:2;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:6px}
}
.trong{padding:48px 16px;text-align:center;color:var(--chu2)}
.trong b{display:block;color:var(--chu);font-size:14px;margin-bottom:6px}
.quay{width:30px;height:30px;margin:48px auto;border:3px solid var(--o2);border-top-color:var(--lam);border-radius:50%;animation:quay .8s linear infinite}
@keyframes quay{to{transform:rotate(360deg)}}