/* =========================================================
   NINZY CORE — extras8.css  (menu Anime)
   ========================================================= */
.cx8-wrap{padding-bottom:28px;}
.cx8-loading{padding:26px 8px; text-align:center; color:var(--paper-dim); font-size:13.5px;}
.cx8-state{text-align:center; padding:26px 12px; border:1px dashed var(--line-soft); border-radius:14px; margin:12px 0;}
.cx8-state h3{margin:0 0 6px; font-size:16px;} .cx8-state p{margin:0 0 12px; color:var(--paper-dim); font-size:13.5px;}
.cx8-note{padding:10px 12px; border-radius:12px; background:rgba(255,214,102,.10); border:1px solid rgba(255,214,102,.3); font-size:12.5px; margin:0 0 12px; line-height:1.5;}
.cx8-link{background:none; border:0; color:var(--brass); text-decoration:underline; cursor:pointer; font:inherit; padding:0;}
.cx8-search{display:flex; gap:8px; margin:0 0 12px;} .cx8-search .filter-select{flex:1; min-width:0; box-sizing:border-box;}
.cx8-tabs{display:flex; gap:6px; margin-bottom:14px; overflow-x:auto; scrollbar-width:none;}
.cx8-tab{flex:0 0 auto; padding:8px 16px; border-radius:999px; border:1px solid var(--line-soft); background:rgba(255,255,255,.04); color:var(--paper-dim); font-size:13px; font-weight:600; cursor:pointer;}
.cx8-tab.on{background:var(--grad,var(--seal)); color:#fff; border-color:transparent;}
.cx8-sec{margin:0 0 20px;}
.cx8-sec .section__head{margin-bottom:10px;}
.cx8-genres, .cx8-chips{display:flex; flex-wrap:wrap; gap:8px;}
.cx8-chips{margin:8px 0;} .cx8-chips .chip.on{background:var(--grad,var(--seal)); color:#fff; border-color:transparent;}

/* kartu */
.cx8-row{display:flex; gap:12px; overflow-x:auto; padding-bottom:6px; scroll-snap-type:x proximity; scrollbar-width:none;}
.cx8-row::-webkit-scrollbar{display:none;}
.cx8-row .cx8-card{flex:0 0 118px; scroll-snap-align:start;}
.cx8-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:14px 10px;}
.cx8-card{display:flex; flex-direction:column; gap:5px; text-decoration:none; color:inherit; min-width:0;}
.cx8-card__img{position:relative; aspect-ratio:2/3; border-radius:12px; overflow:hidden; background:#222;}
.cx8-card__img img{width:100%; height:100%; object-fit:cover; display:block;}
.cx8-card b{font-size:12.5px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.cx8-card small{font-size:11px; color:var(--paper-dim);}
.cx8-badge, .cx8-score{position:absolute; font-size:10px; font-weight:700; padding:2px 7px; border-radius:999px; background:rgba(8,8,30,.78); color:#fff;}
.cx8-badge{left:6px; top:6px;} .cx8-score{right:6px; bottom:6px; color:#ffd666;}

/* jadwal */
.cx8-sched{display:flex; flex-direction:column; gap:6px;}
.cx8-sched__row{display:grid; grid-template-columns:42px 46px 1fr; grid-template-rows:auto auto; column-gap:10px; align-items:center; padding:7px; border-radius:12px; background:rgba(255,255,255,.04); text-decoration:none; color:inherit;}
.cx8-sched__row img{grid-row:1/3; width:42px; height:58px; object-fit:cover; border-radius:8px;}
.cx8-sched__row .t{grid-column:2; grid-row:1/3; font-weight:700; font-size:13px; color:var(--brass);}
.cx8-sched__row b{grid-column:3; font-size:13px; line-height:1.3; align-self:end;}
.cx8-sched__row small{grid-column:3; font-size:11.5px; color:var(--paper-dim); align-self:start;}
.cx8-sched__row.past{opacity:.55;}

/* detail */
.cx8-back{display:inline-block; margin:0 0 10px; font-size:13px; color:var(--paper-dim); text-decoration:none;}
.cx8-hero{display:flex; gap:14px; align-items:flex-end; padding:46px 12px 14px; border-radius:16px; background-size:cover; background-position:center; background-color:rgba(255,255,255,.04); margin-bottom:12px;}
.cx8-hero__cover{width:104px; aspect-ratio:2/3; object-fit:cover; border-radius:12px; flex:0 0 auto; box-shadow:0 8px 24px rgba(0,0,0,.45);}
.cx8-hero__info{min-width:0;} .cx8-hero__info h2{margin:0 0 3px; font-size:19px; line-height:1.25;} .cx8-hero__info small{display:block; color:var(--paper-dim); font-size:12px; margin-bottom:6px;}
.cx8-meta{display:flex; flex-wrap:wrap; gap:5px;} .cx8-meta span{font-size:11px; padding:2px 8px; border-radius:999px; background:rgba(255,255,255,.1);}
.cx8-actions{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:12px 0;} .cx8-actions .btn{width:auto;} .cx8-actions .filter-select{max-width:180px;}
.cx8-next{font-size:12.5px; color:var(--brass); margin:0 0 8px;}
.cx8-genres-line{display:flex; flex-wrap:wrap; gap:6px; margin:8px 0;} .cx8-pill{font-size:11.5px; padding:3px 10px; border-radius:999px; border:1px solid var(--line-soft);} .cx8-pill.alt{color:var(--brass);}
.cx8-syn{margin:8px 0 16px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.04);} .cx8-syn summary{cursor:pointer; font-weight:700; font-size:13.5px;} .cx8-syn p{margin:8px 0 0; font-size:13px; line-height:1.6; white-space:pre-line; color:var(--paper-dim);}
.cx8-trailer{position:relative; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#000; margin:8px 0;} .cx8-trailer iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}

/* daftar episode */
.cx8-eps{display:grid; grid-template-columns:repeat(auto-fill,minmax(64px,1fr)); gap:8px;}
.cx8-ep{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:46px; padding:6px 4px; border-radius:10px; border:1px solid var(--line-soft); background:rgba(255,255,255,.04); color:inherit; text-decoration:none; overflow:hidden;}
.cx8-ep b{font-size:14px;} .cx8-ep small{font-size:9.5px; color:var(--paper-dim); text-align:center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; max-width:100%;}
.cx8-ep.seen{opacity:.6;} .cx8-ep.cur{outline:2px solid var(--seal); opacity:1;}
.cx8-ep i{position:absolute; top:2px; right:5px; font-style:normal; font-size:10px; color:#43c59e;}
.cx8-ep .bar{position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(255,255,255,.12);} .cx8-ep .bar i{position:static; display:block; height:100%; background:var(--seal);}

/* pemutar */
.cx8-crumb{display:flex; flex-direction:column; gap:2px; margin-bottom:10px;} .cx8-crumb a{font-size:13px; color:var(--paper-dim); text-decoration:none;} .cx8-crumb b{font-size:15px;}
.cx8-player{position:relative; aspect-ratio:16/9; background:#000; border-radius:14px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.cx8-player video, .cx8-embed{position:absolute; inset:0; width:100%; height:100%; border:0; background:#000;}
.cx8-player .cx8-loading{color:#aaa;}
.cx8-vmsg{position:absolute; left:8px; right:8px; bottom:8px; padding:8px 10px; border-radius:10px; background:rgba(120,20,30,.88); color:#fff; font-size:12px; line-height:1.4; z-index:2;}
.cx8-setup{padding:18px 16px; text-align:center; color:#ddd;} .cx8-setup h3{margin:0 0 6px; font-size:15px; color:#fff;} .cx8-setup p{margin:0 0 12px; font-size:12.5px; line-height:1.5; color:#bbb;}
.cx8-ctl{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:10px 0;} .cx8-ctl[hidden]{display:none;} .cx8-ctl .filter-select{width:auto; padding:6px 10px;}
.cx8-navbar{display:flex; align-items:center; justify-content:space-between; gap:8px; margin:10px 0;} .cx8-navbar .btn{width:auto;} .cx8-navbar .dis{opacity:.35; pointer-events:none;}
.cx8-auto{font-size:11.5px; color:var(--paper-dim); display:flex; align-items:center; gap:5px; text-align:center; line-height:1.3;}
.cx8-seenrow{margin:6px 0 14px;}
.cx8-strip{display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; scrollbar-width:none;} .cx8-strip::-webkit-scrollbar{display:none;} .cx8-strip .cx8-ep{flex:0 0 58px;}

.cx8-modal code{font-size:11.5px; background:rgba(255,255,255,.08); padding:1px 5px; border-radius:5px;}
@media (min-width:720px){ .cx8-row .cx8-card{flex-basis:140px;} .cx8-wrap{max-width:980px; margin:0 auto;} }