.grid{display:grid;gap:12px}
    @media(min-width:860px){ .grid.cols-2{grid-template-columns:1fr 1fr} .grid.cols-3{grid-template-columns:1fr 1fr 1fr} }
    .pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#1b1b22;border:1px solid #2b2b38;font-size:12px}
    .muted{color:#b5b8c6}.mini{font-size:12px}.badge{font-weight:800}
    .evt{display:flex;gap:8px;align-items:center}.evt .t{width:34px;text-align:right;font-weight:800}
    .divider{height:1px;background:#2b2b38;margin:8px 0}
    .flag{width:18px;height:12px;object-fit:cover;border:1px solid #2b2b38;border-radius:2px;margin-right:8px;vertical-align:-2px}

    /* ====== LIVE LIST (tetap seperti sebelumnya) ====== */
    .live-list{display:block}
    .lg{margin:12px 0}
    .lg-head{display:flex;align-items:center;gap:8px;padding:10px 12px;font-weight:900;letter-spacing:.2px;background:#0f1220;border:1px solid #2b2b38;border-radius:12px;color:#e9ebf5}
    .lg-head .lname{opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .lg-body{margin-top:8px;display:flex;flex-direction:column;gap:10px}
    .match-card{display:grid;grid-template-columns:68px 1fr auto;gap:10px;align-items:center;padding:10px 12px;background:#0e0e14;border:1px solid #2b2b38;border-radius:12px;color:#e9ebf5}
    .m-left{display:flex;flex-direction:column;align-items:center;gap:6px}
    .m-left .stage{font-size:12px;border:1px solid #2b2b38;padding:2px 8px;border-radius:999px;background:#141420}
    .m-left .minute{font-weight:900}
    .m-mid{min-width:0}
    .team{display:flex;justify-content:space-between;gap:10px}
    .team span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .team + .team{margin-top:6px}
    .m-right{font-weight:900;font-size:18px;min-width:68px;text-align:right}
    .m-cta{grid-column:1/-1;margin-top:6px;display:flex;gap:8px}
    .m-cta .pill{border-color:#394155;background:#151a28}
    .is-live .stage{background:#2a1a1a;border-color:#4a2a2a;color:#ff8e8e}
    .is-ht .stage{background:#1a2130;border-color:#2a3950;color:#8ec9ff}
    .is-ft .stage{background:#1a2a1a;border-color:#2a4a2a;color:#9dff9d}
    @media (max-width:620px){.match-card{grid-template-columns:56px 1fr auto}.m-right{font-size:16px;min-width:54px}}

    /* ====== NEXT / AKAN DIMULAI (baru, jam mewah) ====== */
    .next-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .next-tabs{display:flex;gap:8px}
    .tab-btn{
      background:#0f1220;border:1px solid #2b2b38;color:#e9ebf5;
      padding:8px 12px;border-radius:999px;font-weight:800;letter-spacing:.2px;cursor:pointer
    }
    .tab-btn.on{background:linear-gradient(180deg,#ffe08e,#ffd86b 55%,#e1b64c);color:#1b1300;border-color:#caa44a}
    .up-group{margin:12px 0}
    .up-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0f1220;border:1px solid #2b2b38;border-radius:12px;font-weight:900}
    .up-body{margin-top:8px;display:flex;flex-direction:column;gap:10px}
    .up-card{
      display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:center;
      padding:12px;background:#0e0e14;border:1px solid #2b2b38;border-radius:12px
    }
    @media (max-width:620px){.up-card{grid-template-columns:84px 1fr auto}}
    /* jam bulat mewah */
    .kick{display:flex;flex-direction:column;align-items:center;gap:6px}
    .clock{
      position:relative;width:68px;height:68px;border-radius:999px;
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      background:radial-gradient(120px 120px at 50% 20%, #1a1f2c, #0b0e14);
      color:#f6f7fb;border:1px solid #2f3647;box-shadow:inset 0 8px 30px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.35)
    }
    .clock::after{
      content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
      background:linear-gradient(135deg,#ffd86b,#e1b64c,#ffd86b);
      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;mask-composite:exclude;
      filter:drop-shadow(0 0 6px rgba(255,216,107,.25));
    }
    .t-big{font-weight:900;font-size:15px;letter-spacing:.4px}
    .t-sub{font-size:11px;color:#d6d9e5;opacity:.9;margin-top:2px}
    .eta{font-size:12px;font-weight:800;letter-spacing:.2px;color:#ffd86b;text-shadow:0 0 8px rgba(255,216,107,.15)}
    .up-mid .team{gap:10px}
    .up-right .pill{border-color:#394155;background:#151a28}

    /* ===== MODAL (popup untuk Lihat Data) ===== */
    .modal{position:fixed;inset:0;display:none;place-items:center;z-index:60}
    .modal.show{display:grid}
    .modal .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}
    .modal .card{
      position:relative;width:min(920px,94vw);max-height:86vh;overflow:auto;
      background:#0f0f14;border:1px solid #2b2b38;border-radius:16px;
      box-shadow:0 30px 100px rgba(0,0,0,.6)
    }
    .modal .mhead{
      position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;
      padding:10px 14px;border-bottom:1px solid #262633;background:linear-gradient(180deg,#1b1b24,#14141c)
    }
    .modal .mhead .ttl{font-weight:900;letter-spacing:.3px}
    .modal .mclose{
      background:#191922;border:1px solid #2b2b38;color:#e8e9f0;border-radius:10px;padding:6px 10px;cursor:pointer
    }
    .modal .mbody{padding:12px}