:root{
  --panel: var(--panel, #131419);
  --panel-2: var(--panel-2, #1a1b22);
  --text: var(--text, #f1f3f9);
  --muted: var(--muted, #a3a7b3);
  --glass: var(--glass, rgba(255,255,255,.06));
  --border: var(--border, rgba(255,255,255,.08));
  --accent: var(--accent, #7c4dff);
}

/* Card layout tweaks */
.mdbs-ep-title-row{
  padding:6px 2px 6px 2px;
}
.mdbs-ep-title-txt{
  font-weight:900; font-size:14px; padding-left:2px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mdbs-ep-img{ position:relative; width:100%; padding-top:56%; background:#222 center/cover no-repeat; border-radius:12px; border:1px solid var(--border); cursor:pointer; }
.mdbs-ep-img .play-icon{
  position:absolute; right:10px; bottom:10px; font-weight:900;
  background:var(--accent); color:#fff; border-radius:12px; padding:6px 10px; border:1px solid var(--border);
  box-shadow:0 6px 18px rgba(0,0,0,.3);
}
.mdbs-ep-meta{ padding:8px 2px 0 2px; }
.mdbs-ep-syn{ font-size:12px; color:var(--muted); }

/* Grid reuses your earlier rules; keep consistent spacing */
.mdbs-ep-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:12px 0 4px; }
@media (max-width:900px){ .mdbs-ep-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .mdbs-ep-grid{ grid-template-columns:1fr; } }

/* Player overlay */
.mdbs-player{ position:fixed; inset:0; z-index:1000; display:none; background:rgba(0,0,0,.92); }
.mdbs-player.active{ display:flex; align-items:center; justify-content:center; }
.mdbs-player-inner{
  position:relative; width:min(960px, 96vw); background:var(--panel-2);
  border:1px solid var(--border); border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.6);
  padding:10px 10px 12px;
}
.mdbs-player-close{
  position:absolute; right:10px; top:10px; width:36px; height:36px; border-radius:10px; border:1px solid var(--border);
  background:var(--glass); color:#fff; cursor:pointer;
}
.mdbs-player-title{ color:#fff; font-weight:900; font-size:15px; margin:6px 8px 10px; }
.mdbs-player-frame{ width:100%; aspect-ratio:16/9; background:#000; border-radius:10px; overflow:hidden; border:1px solid var(--border); }
.mdbs-player-frame iframe, .mdbs-player-frame video{ width:100%; height:100%; border:0; display:block; background:#000; }
