/* Aniwave Discover (/home): stage + queue, carry on, fresh episodes, Top 10, picks, moods, chart lanes, genres.
   Shared parts (.cr-btn, .cr-tag, .cr-seg, .cr-hd, .cr-posters, .cr-card, .cr-chips) live in crest.css. */
.cr-past{display:none!important}
.cr-discover{padding-top:22px}
.cr-discover>.cr-sec:first-child{padding-top:0}

/* ---------- stage: big art with the queue of five beside it, same height ---------- */
.cr-stage{--st-shade:rgba(6,8,18,.95);--st-ink:var(--cr-on-wave);--st-soft:#cdd2e8;
  display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}
.cr-stage--solo{grid-template-columns:1fr}
.cr-stage__art{position:relative;border-radius:var(--cr-r3);overflow:hidden;min-height:430px;background:var(--cr-sheet)}
.cr-stage__slide{position:absolute;inset:0}
.cr-stage__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cr-stage__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--st-shade) 8%,rgba(6,8,18,.35) 55%,transparent),linear-gradient(90deg,rgba(6,8,18,.72),transparent 62%);pointer-events:none}
.cr-stage__slide.is-tall .cr-stage__bg{filter:blur(22px) brightness(.55);transform:scale(1.15)}
.cr-stage__poster{position:absolute;right:28px;top:50%;transform:translateY(-50%);height:82%;width:auto;aspect-ratio:2/2.85;object-fit:cover;border-radius:var(--cr-r2);box-shadow:var(--cr-shadow);z-index:1}
.cr-stage__txt{position:absolute;left:0;bottom:0;right:0;z-index:2;padding:28px;color:var(--st-ink);max-width:660px}
.cr-stage__txt .cr-tag{background:rgba(255,255,255,.16);color:var(--st-ink)}
.cr-stage__txt h2{margin:10px 0 8px;font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.15}
.cr-stage__txt h2 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cr-stage__txt p{margin:0 0 16px;color:var(--st-soft);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cr-stage__acts{display:flex;gap:8px;flex-wrap:wrap}
.cr-stage__acts .cr-btn--ghost{color:var(--st-ink);border-color:rgba(255,255,255,.35);background:rgba(6,8,18,.3)}
.cr-stage__acts .cr-btn--ghost:hover{border-color:var(--cr-wave-hi)}
.cr-stage__acts [data-mine-save] .cr-i{width:18px;height:18px}
.cr-stage__acts [data-mine-save].on{background:var(--cr-wave);border-color:var(--cr-wave)}
.cr-queue{display:grid;grid-template-rows:auto repeat(5,minmax(0,1fr));gap:6px;padding:14px;border-radius:var(--cr-r3);background:var(--cr-sheet);border:1px solid var(--cr-rule);min-width:0}
.cr-queue h2{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--cr-faint);font-weight:700;padding:2px 4px}
.cr-queue__item{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;padding:6px;border:0;border-radius:var(--cr-r1);background:none;color:var(--cr-text);text-align:left;cursor:pointer;min-width:0}
.cr-queue__item:hover{background:var(--cr-sheet2)}
.cr-queue__item[aria-pressed="true"]{background:var(--cr-sheet2);box-shadow:inset 3px 0 0 var(--cr-wave-hi)}
.cr-queue__item img{width:86px;height:50px;object-fit:cover;border-radius:8px;background:var(--cr-sheet2)}
.cr-queue__item b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.3}
.cr-queue__item small{display:block;color:var(--cr-faint);font-size:12px;margin-top:2px}
@media(max-width:1023px){
  .cr-stage{grid-template-columns:1fr}
  .cr-queue{grid-template-rows:auto;grid-template-columns:repeat(5,minmax(0,1fr));padding:10px}
  .cr-queue h2{grid-column:1/-1}
  .cr-queue__item{grid-template-columns:1fr;gap:6px;padding:4px;align-content:start}
  .cr-queue__item img{width:100%;height:auto;aspect-ratio:16/9}
  .cr-queue__item[aria-pressed="true"]{box-shadow:inset 0 -3px 0 var(--cr-wave-hi)}
  .cr-queue__item b{font-size:12.5px}
  .cr-queue__item small{display:none}}
@media(max-width:639px){
  .cr-stage__art{min-height:340px}
  .cr-stage__txt{padding:18px}
  .cr-stage__poster{right:14px;top:16px;transform:none;height:52%}
  .cr-queue{gap:6px;padding:8px}
  .cr-queue h2,.cr-queue__item b{display:none}}

/* ---------- carry on watching (profile.js fills the row) ---------- */
.cr-resume{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cr-resume>*{min-width:0}
@media(max-width:1023px){.cr-resume{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:479px){.cr-resume{grid-template-columns:1fr}}

/* ---------- fresh episodes: list cards ---------- */
.cr-hd p a{color:var(--cr-wave-ink);font-weight:600}
.cr-drops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cr-drop{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:var(--cr-r2);background:var(--cr-sheet);border:1px solid var(--cr-rule);min-width:0}
.cr-drop:hover{border-color:var(--cr-wave)}
.cr-drop>img,.cr-drop>.cr-pic-go>img{width:62px;height:86px;object-fit:cover;border-radius:10px;background:var(--cr-sheet2)}
.cr-drop>div{min-width:0;padding-right:34px}
.cr-drop h3{margin:0;font-size:14px;font-weight:700;line-height:1.3}
.cr-drop__go{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cr-drop__go::after{content:"";position:absolute;inset:0;border-radius:inherit}
.cr-drop__ep{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 0}
.cr-drop__ep strong{font-size:13px}
.cr-drop small{display:block;color:var(--cr-faint);font-size:12px;margin-top:4px}
.cr-drop__add{position:absolute;right:8px;top:8px;z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid var(--cr-rule);background:var(--cr-deep);color:var(--cr-text);display:grid;place-items:center;padding:0;cursor:pointer}
.cr-drop__add:hover{border-color:var(--cr-wave-hi)}
.cr-drop__add.on{background:var(--cr-wave);border-color:var(--cr-wave);color:var(--cr-on-wave)}
.cr-drop__add .cr-i{width:16px;height:16px}
.cr-drops__none{margin:6px 0 0;padding:16px;border-radius:var(--cr-r2);border:1px dashed var(--cr-rule);color:var(--cr-soft)}
@media(max-width:1023px){.cr-drops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.cr-drops{grid-template-columns:1fr}.cr-hd>.cr-seg{width:100%}}

/* ---------- Top 10 ---------- */
.cr-chart__ctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cr-chart__pick{position:relative;display:inline-flex;align-items:center}
.cr-chart__pick select{height:42px;border-radius:var(--cr-pill);border:1px solid var(--cr-rule);background:var(--cr-deep);color:var(--cr-text);padding:0 38px 0 16px;font-weight:600;font-size:13.5px;-webkit-appearance:none;appearance:none;cursor:pointer}
.cr-chart__pick .cr-i{position:absolute;right:14px;width:16px;height:16px;pointer-events:none;color:var(--cr-soft)}
.cr-chart{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:0 24px}
.cr-chart__row{position:relative;display:grid;grid-template-columns:54px 50px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 6px 9px 0;border-bottom:1px solid var(--cr-rule);min-width:0}
.cr-chart__n{font:800 32px/1 var(--cr-fam);font-stretch:75%;text-align:center;color:transparent;-webkit-text-stroke:1.3px var(--cr-wave-hi)}
.cr-chart__row:nth-child(-n+3) .cr-chart__n{color:var(--cr-wave-hi);-webkit-text-stroke:0}
.cr-chart__art{position:relative;display:block}
.cr-chart__art img{width:50px;height:68px;object-fit:cover;border-radius:8px;background:var(--cr-sheet2)}
.cr-chart__art [data-mine-save]{position:absolute;top:2px;left:2px;right:auto;width:22px;height:22px;min-height:0;padding:0}
.cr-chart__art [data-mine-save] .cr-i{width:13px;height:13px}
.cr-chart__txt{min-width:0}
.cr-chart__txt b{display:block;font-size:14.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cr-chart__txt a:hover b{color:var(--cr-wave-ink)}
.cr-chart__txt small{color:var(--cr-faint);font-size:12.5px}
.cr-chart__lang{display:flex;gap:4px}
.cr-chart__note{margin:12px 0 0;color:var(--cr-faint);font-size:13px}
@media(max-width:767px){
  .cr-chart{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
  .cr-chart__row{grid-template-columns:42px 46px minmax(0,1fr)}
  .cr-chart__n{font-size:26px}
  .cr-chart__art img{width:46px;height:62px}
  .cr-chart__lang{grid-column:3;margin-top:-4px}}

/* ---------- picked for you (profile.js fills a .cr-posters grid) ---------- */
[data-cove-picks-row]>*{min-width:0}

/* ---------- moods ---------- */
.cr-moods{--md-ink:var(--cr-on-wave);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.cr-moods__tile{height:88px;border-radius:var(--cr-r2);padding:14px;display:flex;flex-direction:column;justify-content:flex-end;color:var(--md-ink);position:relative;overflow:hidden;transition:transform .2s}
.cr-moods__tile:hover{transform:translateY(-2px)}
.cr-moods__tile::after{content:"";position:absolute;right:-14px;top:-10px;width:70px;height:40px;opacity:.25;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 40'%3E%3Cpath d='M2 14c6 0 6-6 12-6s6 6 12 6 6-6 12-6 6 6 12 6 6-6 12-6M2 30c6 0 6-6 12-6s6 6 12 6 6-6 12-6 6 6 12 6 6-6 12-6' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
.cr-moods__tile b{font-size:15px}
.cr-moods__tile small{font-size:12px;opacity:.88}
.cr-moods__tile--1{background:linear-gradient(135deg,#7c3aed,#3b1d8f)}
.cr-moods__tile--2{background:linear-gradient(135deg,#0f766e,#134e4a)}
.cr-moods__tile--3{background:linear-gradient(135deg,#be3a6a,#5b1a3a)}
.cr-moods__tile--4{background:linear-gradient(135deg,#2563eb,#1e2a6b)}
.cr-moods__tile--5{background:linear-gradient(135deg,#c2410c,#5a1d06)}
.cr-moods__tile--6{background:linear-gradient(135deg,#4d7c0f,#1f3306)}
@media(max-width:1023px){.cr-moods{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:479px){.cr-moods{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- chart lanes: five rows each, columns end level ---------- */
.cr-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cr-lanes--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cr-lanes--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cr-lanes--1{grid-template-columns:1fr}
.cr-lane{display:flex;flex-direction:column;padding:14px;border-radius:var(--cr-r2);background:var(--cr-sheet);border:1px solid var(--cr-rule);min-width:0}
.cr-lane h3{margin:0 0 8px;font-size:15px}
.cr-lane h3 a{display:flex;align-items:center;gap:8px}
.cr-lane h3 .cr-i{color:var(--cr-foam)}
.cr-lane ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;flex:1}
.cr-lane li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:5px;border-radius:var(--cr-r1)}
.cr-lane li:hover{background:var(--cr-sheet2)}
.cr-lane li img{width:42px;height:58px;object-fit:cover;border-radius:7px;background:var(--cr-sheet2)}
.cr-lane li span{min-width:0}
.cr-lane li b{display:block;font-size:13.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cr-lane li small{color:var(--cr-faint);font-size:12px}
.cr-lane__more{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-weight:700;font-size:13.5px;color:var(--cr-wave-ink)}
.cr-lanes__more{margin-top:14px}
@media(max-width:1023px){.cr-lanes,.cr-lanes--3{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-lanes--3>:last-child{grid-column:1/-1}}
@media(max-width:639px){.cr-lanes,.cr-lanes--3,.cr-lanes--2{grid-template-columns:1fr}}

/* ---------- genres ---------- */
.cr-genres{margin-top:0}
/* Carry on with 1-3 shows: the row fits the count so no column is left empty */
@media(min-width:480px){
.cr-resume:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.cr-resume:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.cr-resume:has(>:only-child){grid-template-columns:1fr}
.cr-resume>:only-child{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center}
}
@media(min-width:1024px){
.cr-resume>:first-child:nth-last-child(2),.cr-resume>:nth-child(2):last-child{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:center}
}
/* stage rank badge, queue counter and arrows */
.cr-stage__tags{display:flex;flex-wrap:wrap;gap:6px}
.cr-stage__rank{background:var(--cr-wave);color:var(--cr-on-wave)}
.cr-queue__head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.cr-queue__nav{display:flex;align-items:center;gap:4px;flex:none}
.cr-queue__nav button{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid var(--cr-rule);background:var(--cr-deep);color:var(--cr-text);cursor:pointer}
.cr-queue__nav button:hover{border-color:var(--cr-wave-hi)}
.cr-queue__nav .cr-i{width:15px;height:15px}
.cr-queue__nav b{font-size:12.5px;font-weight:700;color:var(--cr-soft);min-width:3.2em;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:1023px){.cr-queue__head{grid-column:1/-1}}
@media(max-width:639px){.cr-queue__head h2{display:block!important}.cr-queue__head{padding:0 2px}}
