/* OgouTV — video episodes (slider + grid) */
.ogoutv { --ogoutv-gold:#d9a441; --ogoutv-gold-2:#f0c674; --ogoutv-bg:#0e0e10; --ogoutv-card:#151518; --ogoutv-line:rgba(255,255,255,.08);
	color:#fff; font-family:inherit; }
.ogoutv *,.ogoutv *::before,.ogoutv *::after { box-sizing:border-box; }
.ogoutv-empty { color:#9aa0aa; padding:24px; text-align:center; }

/* header */
.ogoutv-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:0 0 20px; }
.ogoutv-eyebrow { text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:700; color:var(--ogoutv-gold); margin-bottom:6px; }
.ogoutv-title { font-size:30px; line-height:1.15; font-weight:800; margin:0; color:#fff; }
.ogoutv-seeall { color:var(--ogoutv-gold); text-decoration:none; font-weight:600; white-space:nowrap; }
.ogoutv-seeall:hover { color:var(--ogoutv-gold-2); }
.ogoutv-seeall span { transition:transform .2s; display:inline-block; }
.ogoutv-seeall:hover span { transform:translateX(4px); }

/* card */
.ogoutv-card { background:transparent; border-radius:16px; cursor:pointer; transition:transform .25s ease, box-shadow .25s ease; outline:none; }
.ogoutv-card:hover, .ogoutv-card:focus-visible { transform:translateY(-4px); box-shadow:0 18px 44px rgba(0,0,0,.5); }
.ogoutv-thumb { position:relative; aspect-ratio:4/5; overflow:hidden; background:#000; border-radius:16px; }
.ogoutv-grid-wrap .ogoutv-thumb { aspect-ratio:16/9; }
.ogoutv-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.ogoutv-card:hover .ogoutv-thumb img { transform:scale(1.06); }
.ogoutv-thumb-empty { width:100%; height:100%; background:linear-gradient(135deg,#1b1b20,#0c0c0e); }
.ogoutv-shade { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.88) 100%); }

.ogoutv-new { position:absolute; top:12px; left:12px; background:var(--ogoutv-gold); color:#1a1205; font-weight:800; font-size:11px;
	letter-spacing:1px; padding:5px 10px; border-radius:6px; z-index:3; }
.ogoutv-logo { position:absolute; top:12px; right:12px; max-height:30px; max-width:96px; width:auto; object-fit:contain; z-index:3;
	filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)); }
.ogoutv-play { position:absolute; left:50%; top:42%; transform:translate(-50%,-50%); width:60px; height:60px; border-radius:50%;
	background:rgba(217,164,65,.92); color:#141007; display:flex; align-items:center; justify-content:center; z-index:2;
	transition:transform .2s ease, background .2s ease; box-shadow:0 8px 24px rgba(0,0,0,.4); }
.ogoutv-play svg { margin-left:3px; }
.ogoutv-card:hover .ogoutv-play { transform:translate(-50%,-50%) scale(1.08); background:var(--ogoutv-gold-2); }

.ogoutv-meta { position:absolute; left:0; right:0; bottom:0; padding:16px 18px 18px; z-index:3; }
.ogoutv-ep { color:var(--ogoutv-gold); font-size:12.5px; font-weight:700; margin-bottom:6px; }
.ogoutv-name { font-size:18px; font-weight:800; margin:0 0 8px; line-height:1.28; color:#fff; text-shadow:0 1px 12px rgba(0,0,0,.5); }
.ogoutv-sub { color:#d7d2c6; font-size:13px; display:flex; align-items:center; gap:8px; }
.ogoutv-sub i { font-style:normal; opacity:.5; }

/* slider */
.ogoutv-slider { position:relative; }
.ogoutv-track { display:flex; gap:18px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory;
	padding:4px 2px 8px; -ms-overflow-style:none; scrollbar-width:none; }
.ogoutv-track::-webkit-scrollbar { display:none; }
.ogoutv-track > .ogoutv-card { flex:0 0 300px; width:300px; scroll-snap-align:start; }
.ogoutv-nav { position:absolute; top:38%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:none;
	background:rgba(20,20,24,.9); color:#fff; font-size:24px; line-height:1; cursor:pointer; z-index:4; display:flex;
	align-items:center; justify-content:center; border:1px solid var(--ogoutv-line); transition:background .2s; }
.ogoutv-nav:hover { background:var(--ogoutv-gold); color:#141007; }
.ogoutv-prev { left:-10px; } .ogoutv-next { right:-10px; }

/* grid */
.ogoutv-grid { display:grid; gap:22px; grid-template-columns:repeat(4,1fr); }
.ogoutv-cols-1 { grid-template-columns:repeat(1,1fr); }
.ogoutv-cols-2 { grid-template-columns:repeat(2,1fr); }
.ogoutv-cols-3 { grid-template-columns:repeat(3,1fr); }
.ogoutv-cols-4 { grid-template-columns:repeat(4,1fr); }
.ogoutv-cols-5 { grid-template-columns:repeat(5,1fr); }
.ogoutv-cols-6 { grid-template-columns:repeat(6,1fr); }
@media (max-width:1100px){ .ogoutv-grid{ grid-template-columns:repeat(3,1fr)!important; } }
@media (max-width:800px){ .ogoutv-grid{ grid-template-columns:repeat(2,1fr)!important; } .ogoutv-title{ font-size:24px; } }
@media (max-width:520px){ .ogoutv-grid{ grid-template-columns:repeat(1,1fr)!important; } .ogoutv-track > .ogoutv-card{ flex-basis:80%; width:80%; } }

/* modal player */
.ogoutv-modal { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:20px; }
.ogoutv-modal[hidden] { display:none; }
.ogoutv-modal-bg { position:absolute; inset:0; background:rgba(0,0,0,.85); backdrop-filter:blur(4px); }
.ogoutv-modal-box { position:relative; width:min(960px,100%); aspect-ratio:16/9; background:#000; border-radius:14px; overflow:hidden;
	box-shadow:0 30px 80px rgba(0,0,0,.6); z-index:1; }
.ogoutv-embeds, .ogoutv-embeds iframe, .ogoutv-embeds video { width:100%; height:100%; border:0; display:block; }
.ogoutv-modal-close { position:absolute; top:-6px; right:-6px; transform:translate(50%,-50%); width:40px; height:40px; border-radius:50%;
	background:var(--ogoutv-gold); color:#141007; border:none; font-size:26px; line-height:1; cursor:pointer; z-index:5; }
@media (max-width:520px){ .ogoutv-modal-close{ transform:none; top:8px; right:8px; } }

/* ---- Ogou Poll synergy: small vote pill + episode_vote layout ---- */
.ogoutv-vote-pill{
	position:absolute; top:52px; right:10px; z-index:4;
	display:inline-flex; align-items:center; gap:5px;
	padding:6px 12px; border-radius:999px; text-decoration:none;
	font-size:12px; font-weight:800; line-height:1;
	background:rgba(180,22,27,.95); color:#fff !important;
	backdrop-filter:blur(4px); box-shadow:0 3px 12px rgba(0,0,0,.4);
	transition:transform .12s ease, background .12s ease;
}
.ogoutv-vote-pill:hover{ transform:translateY(-1px); background:#E8A317; color:#3a1a00 !important; }
.ogoutv-vote-pill svg{ display:block; }
.ogoutv-vote-btn{
	display:inline-block; text-align:center; margin:4px 0 0; text-decoration:none;
	font-weight:800; font-size:14px; padding:9px 20px; border-radius:10px;
	background:linear-gradient(90deg,#B4161B,#E8A317); color:#fff !important;
}
.ogoutv-vote-btn:hover{ filter:brightness(1.06); }
.ogoutv-ev{ display:grid; gap:18px; }
.ogoutv-ev-video{ max-width:900px; margin:0 auto; width:100%; }
.ogoutv-ev-board{ max-width:900px; margin:0 auto; width:100%; }
@media (min-width:1000px){
	.ogoutv-ev{ grid-template-columns:1.4fr 1fr; align-items:start; }
	.ogoutv-ev-video, .ogoutv-ev-board{ margin:0; }
}