:root{
  --mogst-green: #22c55e;
  --mogst-gray: #d1d5db;
  --mogst-bg: rgba(0,0,0,0.85);
  --mogst-size: 72px;
}
.mogst-bar{ position:relative; width:100%; overflow-x:auto; padding:12px; box-sizing:border-box; background:transparent; }
.mogst-track{ display:flex; gap:14px; align-items:center; }
.mogst-item{ position:relative; width:var(--mogst-size); height:var(--mogst-size); border:none; background:none; padding:0; border-radius:50%; cursor:pointer; }
.mogst-item img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.mogst-item .mogst-ring{ position:absolute; inset:-3px; border-radius:50%; box-shadow:0 0 0 3px var(--mogst-green) inset; transition: box-shadow .2s ease; }
.mogst-item.seen .mogst-ring{ box-shadow:0 0 0 3px var(--mogst-gray) inset; }

/* Overlay */
.mogst-overlay[hidden]{ display:none; }
.mogst-overlay{ position:fixed; inset:0; background:var(--mogst-bg); z-index:999999; display:flex; align-items:center; justify-content:center; }
.mogst-view{ position:relative; width:min(100vw, 1080px); max-height:100vh; display:flex; flex-direction:column; align-items:center; gap:10px; }
.mogst-stage{ width:100%; max-height:90vh; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#000; }
.mogst-stage img, .mogst-stage video{ width:100%; height:100%; object-fit:contain; }
.mogst-close{ position:absolute; top:10px; right:10px; background:rgba(255,255,255,0.2); color:#fff; border:none; font-size:28px; line-height:1; width:44px; height:44px; border-radius:50%; cursor:pointer; }
.mogst-prev, .mogst-next{ position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.15); color:#fff; border:none; font-size:28px; width:48px; height:48px; border-radius:50%; cursor:pointer; }
.mogst-prev{ left:10px; } .mogst-next{ right:10px; }

/* Progress (simple bar) */
.mogst-progress{ width:100%; height:4px; background:rgba(255,255,255,0.15); border-radius:3px; overflow:hidden; }
.mogst-progress::after{ content:""; display:block; width:0%; height:100%; background:#fff; transition:width linear; }
