/* ========================= 2. LIVE SCHEDULE ========================= */
.schedule{background:var(--bg-2)}
.tz-note{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;border-radius:999px;background:var(--bg-3);font-size:.85rem;color:var(--muted)}
.tz-note b{color:var(--text)}
.schedule-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.day-card{
  background:var(--bg-3);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);
  padding:22px 14px;text-align:center;transition:transform .2s,border-color .2s;position:relative;
}
.day-card:hover{transform:translateY(-4px)}
.day-card .day{font-family:var(--font-head);font-size:1.6rem;letter-spacing:.05em}
.day-card .time{font-weight:700;margin-top:8px;font-size:.95rem}
.day-card .game{color:var(--muted);font-size:.8rem;margin-top:4px}
.day-card.off{opacity:.45}
.day-card.off .time{color:var(--muted)}
.day-card.today{border-color:var(--primary);background:linear-gradient(180deg,rgba(255,61,127,.15),var(--bg-3))}
.day-card.today::before{
  content:"HARI INI";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;
  font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.08em;
}

@media (max-width:1024px){ .schedule-grid{grid-template-columns:repeat(4,1fr)} }
@media (max-width:560px){ .schedule-grid{grid-template-columns:repeat(2,1fr)} }
