.ambient{height:min(140vh,1300px)}
.ambient img{filter:blur(110px) saturate(1.6) brightness(.42)}
.watch{padding-top:64px}
.crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--tx3);margin:6px 0 14px;letter-spacing:-.01em}
.crumbs a{color:var(--tx2);transition:color .2s}
.crumbs a:hover{color:var(--tx)}
.crumbs svg{color:var(--tx4)}

.wgrid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}
.player{--pr:18px;position:relative;aspect-ratio:16/9;border-radius:var(--pr);overflow:hidden;background:#000;box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 .5px rgba(255,255,255,.12)}
.player media-i18n{display:contents}
.player video-player{--media-border-radius:var(--pr);--media-accent-color:#fff}
.player video-player,.player video-skin,.player hlsjs-video{position:absolute;inset:0;width:100%;height:100%;display:block}
.pmsg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 40%,#1c1c1e,#000 70%)}
.pmsg h3{font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-.03em}
.pmsg p{color:var(--tx3);margin:8px auto 18px;max-width:440px;font-size:15px}
.pmsg img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;filter:blur(3px)}
.pmsg>div{position:relative}

/* Up Next (Apple TV) */
.upnext{position:absolute;right:18px;bottom:70px;z-index:3;width:min(340px,calc(100% - 36px));display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;background:rgba(30,30,32,.78);backdrop-filter:saturate(180%) blur(30px);-webkit-backdrop-filter:saturate(180%) blur(30px);box-shadow:0 20px 50px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.upnext.on{opacity:1;transform:none;pointer-events:auto}
.upnext .th{position:relative;width:118px;flex-shrink:0;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:var(--t3)}
.upnext .th img{width:100%;height:100%;object-fit:cover}
.upnext .th i{position:absolute;left:0;bottom:0;height:3px;width:0;background:#fff}
.upnext.on .th i{animation:upfill var(--d,8s) linear forwards}
@keyframes upfill{to{width:100%}}
.upnext small{display:block;font-size:11.5px;font-weight:600;color:var(--tx3);text-transform:uppercase;letter-spacing:.04em}
.upnext b{display:block;font-size:15px;font-weight:600;margin:2px 0 8px}
.upnext .ub{display:flex;gap:8px}

.wbar{display:flex;align-items:flex-start;gap:18px;margin-top:20px;flex-wrap:wrap}
.wbar .ti{flex:1;min-width:0}
.wbar h1{font-size:clamp(22px,2.6vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.12;overflow-wrap:anywhere}
.wbar h1 a{color:var(--tx2);font-weight:600}
.wbar h1 a:hover{color:var(--tx)}
.wbar .meta{margin-top:8px}
.wbar .acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bcirc[disabled],.bcirc[aria-disabled]{opacity:.35;pointer-events:none}
.tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.tools .lbl2{font-size:13px;color:var(--tx3);margin-right:-2px}

/* side episode list */
.side{display:flex;flex-direction:column;background:rgba(28,28,30,.72);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:18px;overflow:hidden;border:.5px solid rgba(255,255,255,.08)}
.side-h{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--sep)}
.side-h b{font-size:17px;font-weight:600;letter-spacing:-.02em}
.side-h span{font-size:13px;color:var(--tx3)}
.side-h .sp{flex:1}
.jump{width:84px;height:30px;border-radius:8px;border:0;background:var(--t3);color:var(--tx);font-size:13px;padding:0 10px;outline:none}
.jump:focus{box-shadow:0 0 0 2px var(--blue2)}
.eplist{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--t4) transparent;padding:6px}
.er{display:flex;align-items:center;gap:12px;padding:7px;border-radius:12px;transition:background .2s}
.er:hover{background:rgba(255,255,255,.06)}
.er.cur{background:rgba(255,255,255,.12)}
.er .th{position:relative;width:112px;flex-shrink:0;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--t3)}
.er .th img{width:100%;height:100%;object-fit:cover}
.er .th .now{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45)}
.er .th .ok{position:absolute;right:5px;top:5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#000}
.er .th .bar{position:absolute;left:0;bottom:0;height:3px;background:#fff}
.er h4{font-size:14.5px;font-weight:600;letter-spacing:-.015em}
.er p{font-size:12.5px;color:var(--tx3);margin-top:1px}
.er>span:last-child{min-width:0}
.er p.en{color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbar .epname{margin-top:6px;font-size:16px;color:var(--tx2);letter-spacing:-.015em;overflow-wrap:anywhere}
.er.cur p{color:var(--tx2)}
.er.off{opacity:.45;pointer-events:none}
.eq{display:inline-flex;gap:2px;align-items:flex-end;height:14px}
.eq i{width:3px;background:#fff;border-radius:1px;animation:eq 1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}
@keyframes eq{0%,100%{height:4px}50%{height:14px}}

/* about */
.about{display:flex;gap:28px;align-items:flex-start;padding:24px;border-radius:22px;background:var(--t1)}
.about .ps{width:140px;flex-shrink:0;border-radius:12px;aspect-ratio:2/3;object-fit:cover;outline:.5px solid rgba(255,255,255,.1);outline-offset:-.5px}
.about h3{font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.15}
.about p.d{color:var(--tx2);font-size:15px;line-height:1.55;margin-top:10px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:760px}
.about .cta{margin-top:18px}

.notfound{min-height:70vh;display:grid;place-items:center;text-align:center;padding:120px 20px}
.notfound h1{font-size:40px;font-weight:700;letter-spacing:-.03em}
.notfound p{color:var(--tx3);margin:8px 0 22px}

@media (max-width:1068px){
  .wgrid{grid-template-columns:1fr}
  .side{max-height:none!important}
  .eplist{max-height:420px}
}
@media (max-width:734px){
  .watch{padding-top:48px}
  .watch.wrap{padding:60px 0 0}
  .crumbs{display:none}
  .player{--pr:0px;box-shadow:none}
  .wbar,.tools,.side,.below{margin-left:var(--px);margin-right:var(--px)}
  .wbar{gap:12px;margin-top:16px}
  .wbar .acts{width:100%}
  .wbar .acts .bplay{flex:1}
  .tools{flex-direction:column;align-items:stretch}
  .tools .pop,.tools .pop select{width:100%}
  .tools .seg{width:100%}
  .side{border-radius:14px}
  .eplist{max-height:min(380px,60vh)}
  .er .th{width:96px}
  .about{flex-direction:column;gap:16px;padding:16px}
  .about .ps{width:96px}
  .about h3{font-size:20px;overflow-wrap:anywhere}
  .upnext{left:10px;right:10px;bottom:52px;width:auto}
  .upnext .th{width:84px}
  .upnext b{font-size:14px}
}
/* last episode of a finished title: where the story goes next */
.seqnote{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:12px;background:rgba(48,209,88,.1);color:var(--tx2);font-size:14px;line-height:1.4}
.seqnote svg{color:var(--green);flex-shrink:0}
.seqnote a{color:var(--tx);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
/* notes under the title: on wide screens a full-width row below title and buttons, never squeezing the title */
@media (min-width:735px){ .wbar .seqnote{flex-basis:100%;order:3;margin-top:0} }
.seqnote.prev{background:rgba(255,255,255,.06)}
.seqnote.prev svg{color:var(--tx2)}
.wbar h1 a.h1t{color:var(--tx);font-weight:700}
.wbar h1 a.h1t:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.3)}
.wbar .lpill{height:38px;padding:0 16px;font-size:14px}