

html.cine-on body.cine-store,
html.cine-on body.cine-store .content {
  background: #000 !important;
  background-image: none !important;
}
html.cine-on body.cine-store .content { isolation: isolate; }
html.cine-on body.cine-store .store,
html.cine-on body.cine-store .store-shelf,
html.cine-on body.cine-store .rows { background: transparent !important; }


html.cine-on body.cine-top .shell { grid-template-columns: minmax(0, 1fr) !important; }
html.cine-on body.cine-top .shell > .rail { display: none !important; }
html.cine-on body.cine-top .shell > .content { grid-column: 1 / -1; transform: none !important; }


html.cine-on body.cine-store [data-hero] { display: none !important; }



.cine-bg { display: none; }
html.cine-on body.cine-store.cine-shelf .store-shelf { position: relative; }
html.cine-on body.cine-store.cine-shelf .cine-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(var(--cine-h) + 18vh);
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #000;
}
html.cine-on body.cine-store.cine-shelf .cine-info,
html.cine-on body.cine-store.cine-shelf .rows { position: relative; z-index: 1; }

.cine-layer {
  position: absolute;
  top: 0;
  right: 0;
  width: 72%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 500ms linear;
  will-change: opacity;
}
.cine-layer.is-on { opacity: 1; }
.cine-layer.no-fade { transition: none; }


html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .cine-layer {
  height: min(100%, 40.5vw);
}
.cine-ov {
  position: absolute;
  inset: 0;
  
  z-index: 3;
  background:
    
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    
    linear-gradient(0deg, #000 0%, rgba(0,0,0,.9) 12%, rgba(0,0,0,.5) 26%, rgba(0,0,0,.12) 40%, rgba(0,0,0,0) 52%),
    
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%);
}
.cine-dim { display: none; }


.cine-info { display: none; }


html.cine-on body.cine-store { --cine-h: min(max(420px, min(64vh, 56.25vw)), 720px, 70vh); --cine-left: var(--n-s5); }



html.cine-on[data-shell="tv"] body.cine-store { --cine-left: 30px; }
html.cine-on[data-shell="tv"] body.cine-store .cine-info { --cine-left: 20px; }
html.cine-on[data-shell="tv"] body.cine-store .title-page { --cine-left: 20px; }
html.cine-on body.cine-store .cine-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 22px;
  height: var(--cine-h);
  
  padding: 0 var(--cine-left) 18px;
  box-sizing: border-box;
}
.cine-copy {
  max-width: 660px;
  transition: opacity 240ms ease-out, transform 240ms ease-out;
}
.cine-copy.is-swapping {
  opacity: 0;
  transform: translateY(8px);
  transition-duration: 150ms;
}
.cine-title {
  margin-top: 0;
  font-family: var(--n-font-display);
  font-weight: 700;
  font-size: clamp(38px, 3.5vw, 68px);
  line-height: 1.1;
  color: #fff;
  text-wrap: balance;
  text-shadow: 0 2px 28px rgba(0,0,0,.55);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  
  padding-bottom: .2em;
  margin-bottom: calc(14px - .2em);
}
.cine-meta {
  font-family: var(--n-font);
  font-size: clamp(14px, 1vw, 18px);
  font-weight: 700;
  line-height: 1.45;
  color: rgba(255,255,255,.88);
  letter-spacing: .02em;
}
.cine-meta .cine-sep { opacity: .45; padding: 0 .55em; font-weight: 400; }
.cine-meta .cine-bit { white-space: nowrap; }
.cine-rate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  font-family: var(--n-font);
  font-size: clamp(14px, 1vw, 18px);
  font-weight: 700;
  color: #fff;
}
.cine-rate .cine-star { color: #f5c451; }
.cine-rate .cine-chip {
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 5px;
  padding: 2px 7px;
  font-size: .8em;
  letter-spacing: .03em;
  color: rgba(255,255,255,.92);
}
.cine-rate .cine-chip.is-hue { border-color: color-mix(in srgb, var(--n-hue) 70%, transparent); color: var(--n-hue); }
.cine-plot {
  margin: 12px 0 0;
  font-family: var(--n-font);
  font-size: clamp(15px, 1.05vw, 20px);
  line-height: 1.48;
  color: rgba(255,255,255,.8);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cine-acts { display: flex; flex-wrap: wrap; gap: 12px; }
.cine-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 52px;
  padding: 0 26px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(38,42,50,.66);
  color: #fff;
  font-family: var(--n-font);
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 180ms cubic-bezier(.2,.8,.2,1), box-shadow 180ms ease-out, background-color 180ms;
}
.cine-btn svg { width: 18px; height: 18px; }
.cine-btn.is-play { background: #f2f3f5; color: #0a0b0d; border-color: transparent; }
.cine-btn:focus-visible,
body:not(.is-touch) .cine-btn:hover {
  outline: none;
  
  
  box-shadow: 0 0 0 3px #fff, 0 0 30px color-mix(in srgb, var(--n-hue) 55%, transparent);
}


.cine-pill, .cine-clock, .cine-mylist { display: none; }
html.cine-on body.cine-top .bar {
  position: relative;
  background: transparent !important;
  min-height: 84px;
}
html.cine-on body.cine-top.cine-shelf .content { position: relative; }
html.cine-on body.cine-top.cine-shelf .bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  transition: background-color 200ms ease-out;
}
html.cine-on body.cine-top.cine-shelf.cine-scrolled .bar {
  background: linear-gradient(180deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.82) 70%, rgba(0,0,0,0) 100%) !important;
}
html.cine-on body.cine-top .cine-clock {
  display: block;
  font-family: var(--n-font);
  font-size: 17px;
  font-weight: 700;
  color: rgba(255,255,255,.8);
  white-space: nowrap;
  padding-left: 8px;
}
html.cine-on body.cine-top:not(.cine-shelf) .cine-clock { display: none; }


html.cine-on body.cine-store.cine-shelf .cats-pane { padding-top: 84px; }
html.cine-on body.cine-top .cine-pill {
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 6px;
  border-radius: 999px;
  background: rgba(36,40,48,.58);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 10px 32px rgba(0,0,0,.38);
  z-index: 2;
}
.cine-pill button {
  position: relative;
  z-index: 1;
  height: 46px;
  padding: 0 26px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,.64);
  font-family: var(--n-font);
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: color 200ms;
}
.cine-pill button.is-on { color: #0b0c0f; }
body:not(.is-touch) .cine-pill button:not(.is-on):hover { color: #fff; }
.cine-pill button:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--n-hue); }
.cine-slider {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 0;
  width: 0;
  border-radius: 999px;
  background: rgba(242,243,245,.95);
  transition: transform 260ms cubic-bezier(.3,1.3,.5,1), width 260ms cubic-bezier(.3,1.3,.5,1);
}
html.cine-on body.cine-top .cine-mylist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  border: 0;
  background: none;
  color: var(--n-text-2, var(--n-text));
  cursor: pointer;
}
.cine-mylist svg { width: 20px; height: 20px; display: block; }
html[data-shell="tv"] body.cine-top .cine-mylist { width: 64px; height: 64px; }
html[data-shell="tv"] .cine-mylist svg { width: 34px; height: 34px; }
body:not(.is-touch) .cine-mylist:hover { background: var(--n-panel-2); }
.cine-mylist:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--n-hue); }


html.cine-on body.cine-top .bar .avatar { display: inline-flex !important; }


html.cine-on body.cine-store .strip-head h3 {
  font-family: var(--n-font);
  font-size: clamp(20px, 1.45vw, 28px);
  font-weight: 700;
  color: #fff;
  letter-spacing: .005em;
}
html.cine-on body.cine-store .strip { padding-top: 22px; padding-bottom: 30px; }
html.cine-on body.cine-store .card-shot {
  transition: transform 140ms ease-out, box-shadow 140ms ease-out;
  transform-origin: center center;
}
html.cine-on body.cine-store .card:focus-visible .card-shot,
html.cine-on body.cine-store:not(.is-touch) .card:hover .card-shot {
  transform: scale(1.08);
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(.2,.8,.2,1);
  box-shadow: 0 0 0 3px #fff, 0 16px 40px rgba(0,0,0,.62), 0 0 36px color-mix(in srgb, var(--n-hue) 48%, transparent);
  outline: none !important;
  z-index: 2;
}
html.cine-on body.cine-store .card:focus-visible { outline: none !important; }
html.cine-on body.cine-store .card:focus-visible .card-shot::after { opacity: 0 !important; }

html.cine-on body.cine-store .card-prog-fill { background: var(--n-hue) !important; }

html.cine-on body.cine-store .card-prog {
  --inset: 12px;
  left: 0; right: 0; bottom: 0;
  height: 44px;
  background: linear-gradient(0deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%);
  pointer-events: none;
}
html.cine-on body.cine-store .card-prog::before {
  content: '';
  position: absolute;
  left: var(--inset); right: var(--inset); bottom: var(--inset);
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.3);
}
html.cine-on body.cine-store .card-prog-fill {
  position: absolute;
  left: var(--inset);
  bottom: var(--inset);
  height: 4px;
  width: calc((100% - 2 * var(--inset)) * var(--p, 0)) !important;
  border-radius: 999px;
}
html.cine-on[data-shell="tv"] body.cine-store .card-prog { --inset: 14px; height: 52px; }
html.cine-on[data-shell="tv"] body.cine-store .card-prog::before,
html.cine-on[data-shell="tv"] body.cine-store .card-prog-fill { height: 6px; }

html.cine-on body.cine-store [data-continue] .strip-head h3 { text-shadow: 0 2px 18px rgba(0,0,0,.7); }


.cine-title-shade { display: none; }
html.cine-on body.cine-store .cine-title-shade {
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, #000 0%, rgba(0,0,0,.85) 22%, rgba(0,0,0,0) 55%),
    linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.78) 28%, rgba(0,0,0,.28) 55%, rgba(0,0,0,0) 76%);
}
html.cine-on body.cine-store .title-card {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.cine-on body.cine-store .title-card::before,
html.cine-on body.cine-store .title-card::after { display: none !important; }
html.cine-on body.cine-store .title-card [data-title-name] { text-shadow: 0 2px 26px rgba(0,0,0,.6); }

@media (prefers-reduced-motion: reduce) {
  .cine-layer, .cine-copy, .cine-slider { transition: none !important; }
}


html.cine-on body.cine-store .strip-head { padding-left: var(--cine-left); padding-right: var(--cine-left); }
html.cine-on body.cine-store .strip { padding-left: var(--cine-left); padding-right: var(--cine-left); scroll-padding-left: var(--cine-left); }


html.cine-on body.cine-store .title-acts .btn {
  height: 52px;
  padding: 0 26px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(38,42,50,.66);
  color: #fff;
  font-weight: 700;
  transition: transform 180ms cubic-bezier(.2,.8,.2,1), box-shadow 180ms ease-out;
}
html.cine-on body.cine-store .title-acts .btn-play { background: #f2f3f5; color: #0a0b0d; border-color: transparent; }
html.cine-on body.cine-store .title-acts .btn:focus-visible,
html.cine-on body.cine-store:not(.is-touch) .title-acts .btn:hover {
  outline: none;
  
  
  box-shadow: 0 0 0 3px #fff, 0 0 30px color-mix(in srgb, var(--n-hue) 55%, transparent);
}
html.cine-on body.cine-store .title-acts .btn.is-danger { color: var(--n-danger); border-color: var(--n-danger); }





html.cine-on[data-shell="tv"] body.cine-store { --n-card-w: 200px; }


html.cine-on body.cine-store .cine-pill { transition: opacity 160ms ease-out; }


html.cine-on body.cine-top .bar:has(.search.is-open) .cine-pill,
html.cine-on body.cine-top .bar:has(.search:focus-within) .cine-pill { opacity: 0; pointer-events: none; }


html.cine-on body.cine-store .card-shot { box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); }


html.cine-on body.cine-store .card.is-ranked {
  --rank-w: calc(var(--n-card-w) * .5);
  width: calc(var(--n-card-w) + var(--rank-w));
  display: grid;
  grid-template-columns: var(--rank-w) var(--n-card-w);
  grid-template-rows: auto auto;
  align-content: start;
}
.card-rank { display: none; }
html.cine-on body.cine-store .card.is-ranked .card-rank {
  display: block;
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  justify-self: end;
  position: relative;
  
  z-index: 3;
  margin-right: calc(var(--n-card-w) * -.2);
  margin-bottom: 6px;                 
  
  font-family: "Arial Black", "Segoe UI Black", "Helvetica Neue", Roboto, Arial, sans-serif;
  font-size: calc(var(--n-card-w) * 1.3);
  font-weight: 900;
  line-height: .74;
  letter-spacing: -.04em;
  
  transform: scaleX(.78);
  transform-origin: right bottom;
  color: #0a0a0a;
  -webkit-text-stroke: max(2px, calc(var(--n-card-w) * .014)) #fff;
  
  filter: drop-shadow(6px 0 14px rgba(0,0,0,.75));
  pointer-events: none;
  user-select: none;
}

html.cine-on body.cine-store .card.is-ranked:nth-child(10) { --rank-w: calc(var(--n-card-w) * .66); }
html.cine-on body.cine-store .card.is-ranked:nth-child(10) .card-rank {
  font-size: calc(var(--n-card-w) * 1.1);
  letter-spacing: -.08em;
}

html.cine-on[data-shell="tv"] body.cine-store .card.is-ranked .card-rank { margin-bottom: calc(var(--n-s3) - 2px); }
html.cine-on body.cine-store .card.is-ranked .card-shot { grid-column: 2; grid-row: 1; position: relative; z-index: 1; }
html.cine-on body.cine-store .card.is-ranked .card-meta { grid-column: 2; grid-row: 2; }
html.cine-on body.cine-store .card.is-ranked:focus-visible .card-rank,
html.cine-on body.cine-store:not(.is-touch) .card.is-ranked:hover .card-rank { -webkit-text-stroke-color: var(--n-hue); }


html.cine-on body.cine-store .strip { scrollbar-width: none; }
html.cine-on body.cine-store .strip::-webkit-scrollbar { display: none; }
html.cine-on body.cine-store .row-strip { position: relative; }
.cine-arrow { display: none; }
html.cine-on:not([data-shell="tv"]) body.cine-store:not(.is-touch) .cine-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 4;
  
  width: 76px;
  border: 0;
  padding: 0;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: opacity 180ms ease-out;
}
.cine-arrow svg { width: 44px; height: 44px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.8)); transition: transform 160ms ease-out; }
.cine-arrow.is-next { right: 0; background: linear-gradient(270deg, rgba(0,0,0,.72), rgba(0,0,0,0)); }
.cine-arrow.is-prev { left: 0; background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,0)); }
html.cine-on body.cine-store .row-strip:hover .cine-arrow:not([hidden]) { opacity: 1; }
.cine-arrow:hover svg, .cine-arrow:focus-visible svg { transform: scale(1.25); }
.cine-arrow:focus-visible { outline: none; opacity: 1; }
.cine-arrow[hidden] { display: none !important; }


.cine-saved-head { display: none; }
html.cine-on body.cine-saved .cine-saved-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding: 18px var(--cine-left) 6px;
}
html.cine-on body.cine-saved .cine-saved-title {
  margin: 0;
  font-family: var(--n-font-display);
  font-size: clamp(30px, 2.5vw, 46px);
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
}

html.cine-on body.cine-saved .cine-saved-head .saved-bar:not([hidden]) {
  display: flex !important;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 0;
}
html.cine-on body.cine-saved .saved-switch {
  display: flex;
  gap: 0;
  padding: 5px;
  border-radius: 999px;
  background: rgba(36,40,48,.58);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
html.cine-on body.cine-saved .saved-act {
  min-height: 44px;
  height: 44px;
  padding: 0 18px;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(38,42,50,.66);
  color: #fff;
  font-family: var(--n-font);
  font-size: 16px;
  font-weight: 700;
  transition: transform 160ms cubic-bezier(.2,.8,.2,1), box-shadow 160ms ease-out, background-color 160ms, color 160ms;
}
html.cine-on body.cine-saved .saved-act.saved-seg {
  height: 40px;
  min-height: 40px;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.64);
}
html.cine-on body.cine-saved .saved-act.saved-seg.is-on { background: #f2f3f5; color: #0b0c0f; }
html.cine-on body.cine-saved .saved-seg .saved-n { color: inherit; opacity: .62; font-family: var(--n-font); font-weight: 700; }
html.cine-on body.cine-saved:not(.is-touch) .saved-act.saved-seg:not(.is-on):hover { color: #fff; background: transparent; }
html.cine-on body.cine-saved:not(.is-touch) .saved-act:not(.saved-seg):hover { background: rgba(58,62,72,.8); }
html.cine-on body.cine-saved .saved-actions { margin: 0 !important; gap: 12px; }

html.cine-on body.cine-saved .saved-act:focus-visible,
html.cine-on body.cine-saved .saved-act.saved-seg:focus-visible {
  outline: none;
  background: var(--n-hue);
  color: #10141a;
  box-shadow: 0 0 0 3px var(--n-hue);
}
html.cine-on body.cine-saved .saved-act:focus-visible *,
html.cine-on body.cine-saved .saved-act.saved-seg:focus-visible * { color: #10141a; }

html.cine-on body.cine-saved .saved-act.saved-seg:focus-visible .saved-n { opacity: .74; }
html.cine-on body.cine-saved .saved-remove:not([disabled]) { background: var(--n-danger); border-color: transparent; color: #fff; }
html.cine-on body.cine-saved .saved-menu {
  background: rgba(22,24,29,.97);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
}
html.cine-on body.cine-saved .saved-opt { border-radius: 9px; color: #fff; font-family: var(--n-font); font-weight: 600; }
html.cine-on body.cine-saved .saved-opt.is-on { color: #0b0c0f; background: #f2f3f5; }

html.cine-on body.cine-saved .bar .bar-tools { margin-left: auto; }
html.cine-on body.cine-saved .cine-mylist { order: 0; }
html.cine-on body.cine-saved .bar .avatar { margin-right: 0 !important; }
.cine-mylist.is-on { color: #fff !important; }
html.cine-on body.cine-saved .cine-mylist.is-on::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 5px;
  height: 5px;
  margin-left: -2.5px;
  border-radius: 50%;
  background: var(--n-hue);
}
html.cine-on body.cine-top .cine-mylist { position: relative; }

html.cine-on body.cine-saved .saved-grid {
  --n-card-min: 212px;
  gap: 34px 18px;
  padding: 22px var(--cine-left) 64px;
}
html.cine-on body.cine-saved .saved-empty { padding: 40px var(--cine-left); color: rgba(255,255,255,.62); font-size: 18px; }

html.cine-on body.cine-saved .saved-grid.is-editing .card-shot::before { border: 2px dashed rgba(255,255,255,.34); }
html.cine-on body.cine-saved .saved-grid.is-editing .card.is-picked .card-shot::before {
  border: 3px solid var(--n-danger);
  background: rgba(0,0,0,.38);
}

html.cine-on[data-shell="tv"] body.cine-saved .cine-saved-head { padding-top: 24px; }
html.cine-on[data-shell="tv"] body.cine-saved .saved-act { height: 60px; min-height: 60px; padding: 0 24px; font-size: 22px; }
html.cine-on[data-shell="tv"] body.cine-saved .saved-act.saved-seg { height: 54px; min-height: 54px; }
html.cine-on[data-shell="tv"] body.cine-saved .saved-grid { --n-card-min: 244px; gap: 40px 24px; }

html.cine-on body.cine-saved .cine-info,
html.cine-on body.cine-saved .cine-bg { display: none !important; }

html.cine-on body.cine-saved .cine-clock { display: block !important; }
html.cine-on body.cine-saved .cine-saved-head .saved-bar:not([hidden]) { flex: 0 0 auto; margin-left: auto; }


html.cine-on body.cine-live .cine-clock { display: block !important; }
html.cine-on body.cine-live .bar .bar-tools { order: 0; margin-left: auto; }
html.cine-on body.cine-live .cine-mylist,
html.cine-on body.cine-live .bar .avatar { order: 0; }


html.cine-on:not([data-shell="tv"]) body.cine-live .shell > .content > .live {
  box-sizing: border-box;
  grid-template-columns: var(--n-cat-w) calc(var(--n-ch-w) + 40px) minmax(0, 1fr);
}


html.cine-on body.cine-live [data-groups] .grow.is-find { display: none !important; }
.cine-find { display: none; }
html.cine-on[data-shell="tv"] body.cine-live .cine-find {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: var(--n-text-2, var(--n-text));
  margin-left: auto;
  cursor: pointer;
}
.cine-find svg { width: 34px; height: 34px; display: block; }
.cine-find:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--n-hue); }


html.cine-on body.cine-store.is-title .content { position: relative; }
html.cine-on body.cine-store.is-title .bar {
  position: absolute !important;
  top: 0; left: 0; right: 0;
  z-index: 6;
  transition: background-color 200ms ease-out;
}
html.cine-on body.cine-store.is-title.cine-scrolled .bar {
  background: linear-gradient(180deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.82) 70%, rgba(0,0,0,0) 100%) !important;
}
html.cine-on body.cine-store.is-title .bar [data-role="categories"],
html.cine-on body.cine-store.is-title .bar [data-role="filter"] { display: none !important; }

html.cine-on body.cine-store.is-title .bar .bar-back:not([hidden]) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 0 0 8px !important;
  transform: none !important;
  border-radius: 50%;
  background: rgba(20,22,27,.55);
  color: #fff;
}
html.cine-on body.cine-store.is-title .bar .bar-back svg { width: 22px; height: 22px; }
html.cine-on body.cine-store.is-title:not(.is-touch) .bar .bar-back:hover,
html.cine-on body.cine-store.is-title .bar .bar-back:focus-visible { outline: none; box-shadow: 0 0 0 3px #fff; }

html.cine-on body.cine-store .title-page:not([hidden]) {
  --tp-h: 100vh;
  position: relative !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 0 !important;
  background: #000 !important;
}
html.cine-on body.cine-store .title-page::before { display: none !important; }
html.cine-on body.cine-store .title-page .title-art {
  position: absolute !important;
  inset: auto !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 72% !important;
  height: var(--tp-h) !important;
  background-size: cover !important;
  background-position: center top !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  z-index: 0;
}
html.cine-on body.cine-store .title-page .title-art.is-portrait::before { display: none; }
html.cine-on body.cine-store .title-page .title-scrim { display: none !important; }
html.cine-on body.cine-store .title-page .cine-title-shade {
  position: absolute !important;
  top: 0; left: 0; right: 0;
  bottom: auto !important;
  height: var(--tp-h);
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, #000 0%, rgba(0,0,0,.9) 12%, rgba(0,0,0,.5) 26%, rgba(0,0,0,.12) 40%, rgba(0,0,0,0) 52%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%) !important;
}
html.cine-on body.cine-store .title-page .title-body {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 0 var(--cine-left) 72px !important;
  margin: 0 !important;
}
html.cine-on body.cine-store .title-page .title-poster { display: none !important; }
html.cine-on body.cine-store .title-page .title-text { max-width: none !important; width: auto !important; }


html.cine-on body.cine-store .cine-tp-hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 22px;
  min-height: var(--tp-h);
  box-sizing: border-box;
  padding: 110px 0 7vh;
}
html.cine-on body.cine-store .title-page .title-card {
  display: block !important;
  width: auto !important;
  max-width: 680px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
html.cine-on body.cine-store .title-page .title-card [data-title-name] {
  margin: 0 0 14px !important;
  font-family: var(--n-font-display) !important;
  font-size: clamp(38px, 3.5vw, 68px) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  padding-bottom: .12em;
  color: #fff;
  text-wrap: balance;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html.cine-on body.cine-store .title-page .title-meta {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px !important;
  font-size: clamp(15px, 1.05vw, 19px) !important;
  font-weight: 700;
  color: rgba(255,255,255,.9) !important;
}

html.cine-on body.cine-store .title-page .title-score {
  border-radius: 6px;
  padding: 2px 8px;
  
  
  font-size: inherit;
  
  line-height: 1.3;
  
  border: 1px solid transparent;
}
html.cine-on body.cine-store .title-page .title-facts { margin: 0 0 12px !important; }
html.cine-on body.cine-store .title-page .tfact {
  font-size: clamp(14px, .95vw, 17px) !important;
  line-height: 1.45;
  margin-bottom: 4px !important;
  color: rgba(255,255,255,.86);
}
html.cine-on body.cine-store .title-page .tfact-lab { color: rgba(255,255,255,.5) !important; }
html.cine-on body.cine-store .title-page .tfact-val {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html.cine-on body.cine-store .title-page .title-fileline { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0 0 12px !important; font-size: clamp(15px, 1.05vw, 19px); }
html.cine-on body.cine-store .title-page .title-fileline:not(:has(.title-qual:not([hidden]):not(.cine-empty))) { display: none !important; }
html.cine-on body.cine-store .title-page .title-qual.cine-empty { display: none !important; }
html.cine-on body.cine-store .title-page .title-plot {
  max-width: 660px;
  margin: 0 !important;
  font-size: clamp(15px, 1.05vw, 20px) !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,.8) !important;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


html.cine-on body.cine-store .title-page .title-acts {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}
html.cine-on body.cine-store .title-page .title-acts > .btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 26px !important;
  gap: 10px;
  font-size: 18px !important;
}
html.cine-on body.cine-store .title-page .title-quiet { min-height: 0 !important; margin: 0 !important; }
html.cine-on body.cine-store .title-page .title-quiet:not(:has(.btn:not([hidden]))) { display: none !important; }
html.cine-on body.cine-store .title-page .title-quiet .btn {
  height: 40px; padding: 0 18px; border-radius: 999px;
  background: transparent; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.78); font-weight: 600;
}


html.cine-on body.cine-store .title-page .upnext { margin: 8px 0 34px !important; max-width: 1100px; }
html.cine-on body.cine-store .title-page .upnext-head,
html.cine-on body.cine-store .title-page .seasons::before {
  display: block;
  margin: 0 0 14px !important;
  font-family: var(--n-font);
  font-size: clamp(20px, 1.45vw, 28px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #fff !important;
}
html.cine-on body.cine-store .title-page .seasons { max-width: 1100px; }
html.cine-on body.cine-store .title-page .seasons::before { content: 'Episodes'; }
html.cine-on body.cine-store .title-page .season-tabs { gap: 8px !important; margin: 0 0 18px !important; }
html.cine-on body.cine-store .title-page .season-tab {
  height: 40px;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(38,42,50,.66) !important;
  color: rgba(255,255,255,.8) !important;
  font-weight: 700;
}
html.cine-on body.cine-store .title-page .season-tab.is-on { background: #f2f3f5 !important; color: #0b0c0f !important; border-color: transparent !important; }

html.cine-on body.cine-store .title-page .season-tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px #0b0c0f, 0 0 0 6px #fff;
}
html.cine-on body.cine-store .title-page .episodes,
html.cine-on body.cine-store .title-page .upnext-row {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  max-width: 1100px !important;
}
html.cine-on body.cine-store .title-page .ecard {
  gap: 22px !important;
  align-items: center !important;
  padding: 16px 14px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  position: relative;
  transition: background-color 160ms;
}

html.cine-on body.cine-store .title-page .episodes .ecard + .ecard::before {
  content: '';
  position: absolute;
  top: 0; left: 14px; right: 14px;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.1) 12%, rgba(255,255,255,.1) 88%, rgba(255,255,255,0));
}
html.cine-on body.cine-store:not(.is-touch) .title-page .ecard:hover,
html.cine-on body.cine-store .title-page .ecard:focus-visible { background: rgba(255,255,255,.07) !important; outline: none !important; }
html.cine-on body.cine-store .title-page .ecard:focus-visible { box-shadow: 0 0 0 3px #fff !important; }
html.cine-on body.cine-store .title-page .ecard.is-resume { background: rgba(255,255,255,.05) !important; }

html.cine-on body.cine-store .title-page .ecard.is-resume {
  box-shadow: none !important;
}

html.cine-on body.cine-store .title-page .ecard.is-selected {
  background: rgba(255,255,255,.115) !important;
}
html.cine-on body.cine-store .title-page .eshot {
  flex: 0 0 240px !important;
  width: 240px !important;
  border-radius: 10px !important;
  background-color: #14171c !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

html.cine-on body.cine-store .title-page .eshot:has(.eplate) {
  background-image: linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.55)), var(--tp-art, none) !important;
  background-size: cover !important;
  background-position: center !important;
}
html.cine-on body.cine-store .title-page .eplate {
  color: #fff !important;
  font-family: var(--n-font-display);
  font-size: 28px !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.7);
}
html.cine-on body.cine-store .title-page .etext { gap: 6px !important; }
html.cine-on body.cine-store .title-page .ehead { gap: 12px !important; }
html.cine-on body.cine-store .title-page .enum { font-size: 15px !important; color: rgba(255,255,255,.55) !important; }
html.cine-on body.cine-store .title-page .etitle { font-size: 19px !important; font-weight: 700 !important; color: #fff; }
html.cine-on body.cine-store .title-page .esub { flex-direction: row !important; gap: 14px !important; font-size: 14px !important; color: rgba(255,255,255,.6) !important; }
html.cine-on body.cine-store .title-page .eplot { font-size: 15px !important; color: rgba(255,255,255,.72) !important; max-width: 760px; }


html.cine-on[data-shell="tv"] body.cine-store .cine-tp-hero { padding: 120px 0 64px; gap: 26px; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card { max-width: 900px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card [data-title-name] { font-size: 66px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-meta { font-size: 24px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .tfact { font-size: 22px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-plot { font-size: 24px !important; max-width: 880px; -webkit-line-clamp: 3; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-acts > .btn { height: 64px !important; min-height: 64px !important; padding: 0 32px !important; font-size: 24px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .etitle { font-size: 26px !important; }



html.cine-on[data-shell="tv"] body.cine-store .title-page .srcs {
  gap: 16px !important;
  
  
  
  padding: 20px 10px 18px !important;
  
  margin-left: 0 !important;
  margin-right: 0 !important;
  
  scroll-padding-left: 0;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc {
  
  
  
  --sc-peek: 56px;
  flex: 0 0 calc((100% - 4 * 16px - var(--sc-peek)) / 5) !important;
  width: auto !important;
  
  flex-direction: row !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: rgba(8, 12, 18, .82) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  box-shadow: none !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc > .lead {
  
  
  flex: 0 0 96px !important;
  
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 8px 5px !important;
  background: rgba(154, 230, 255, .12) !important;
  border-right: 1px solid rgba(154, 230, 255, .26) !important;
  min-height: 0 !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .qual { order: 1; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .inst { order: 2; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .by   { order: 3; }

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .qual {
  font-size: 33px !important;
  line-height: 1 !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .qual.is-4k {
  font-size: 46px !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .qual.is-cam {
  font-size: 20px !important;
  letter-spacing: .01em !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .inst {
  font-size: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 0 !important;
}


html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .inst .m {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
}


html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .by {
  margin-left: 0 !important;
  
  
  font-size: 19px !important;
  line-height: 1.15 !important;
  text-align: center !important;
  
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: 100% !important;
  color: rgba(255, 255, 255, .92) !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc > .facts {
  
  border-top: 0 !important;
  
  padding: 6px 12px !important;
  gap: 6px !important;
  justify-content: center !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts div {
  
  font-size: 21px !important;
  line-height: 1.3 !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .fct.con,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .fct.vid,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .fct.rate {
  display: none !important;
}


html.cine-on[data-shell="tv"] body.cine-store .title-page .sc.is-waiting {
  height: 97px !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .esub { font-size: 20px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .eplot { font-size: 20px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .eshot { flex-basis: 300px !important; width: 300px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .season-tab { height: 56px; font-size: 22px; padding: 0 26px !important; }

html.cine-on body.cine-store .title-page .title-card .title-plot {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  max-height: none !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card .title-plot { -webkit-line-clamp: 3 !important; }
html.cine-on body.cine-store .title-page .title-fileline .qual-lab {
  font-size: clamp(14px, .95vw, 17px) !important;
  color: rgba(255,255,255,.5) !important;
  font-weight: 400 !important;
  flex: 0 0 auto !important;
  margin-right: 10px;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-fileline .qual-lab { font-size: 22px !important; }
html.cine-on body.cine-store .title-page .title-qual { display: inline-flex; align-items: center; margin: 0 !important; }

html.cine-on body.cine-store .title-page .title-art,
html.cine-on body.cine-store .title-page .cine-title-shade {
  position: fixed !important;
  top: 0 !important;
}
html.cine-on body.cine-store .title-page .cine-title-shade::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #000;
  opacity: calc(var(--tp-dim, 0) * .78);
  pointer-events: none;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes {
  flex-direction: row !important;
  gap: 26px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: none !important;
  padding: 10px 4px 24px !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes .ecard {
  flex: 0 0 380px !important;
  width: 380px !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes .ecard + .ecard::before { display: none; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes .eshot {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes .ecard:focus-visible { box-shadow: none !important; background: transparent !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes .ecard:focus-visible .eshot {
  box-shadow: 0 0 0 4px #fff, 0 16px 40px rgba(0,0,0,.6) !important;
  transform: scale(1.04);
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes .ecard.is-standing:not(:focus-visible) .eshot {
  
  box-shadow: 0 0 0 4px #fff !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes .etext { padding: 0 4px; }

html.cine-on[data-shell="tv"] body.cine-store .title-page .seasons {
  width: auto !important;
  max-width: none !important;
  margin-right: calc(-1 * var(--cine-left)) !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes { padding: 14px var(--cine-left) 24px 4px !important; }


html[data-shell="tv"] .sandbox-mark { display: none !important; }


html.cine-on body.cine-store .cine-acts .cine-btn { scroll-margin-top: 200vh; }


html.cine-on body.cine-store .card.card-all { transition: transform 140ms ease-out, box-shadow 140ms ease-out, background-color 140ms; border-radius: 12px; }
html.cine-on body.cine-store .card.card-all:focus-visible,
html.cine-on body.cine-store:not(.is-touch) .card.card-all:hover {
  outline: none !important;
  transform: scale(1.08);
  background: rgba(255,255,255,.14) !important;
  box-shadow: 0 0 0 3px #fff, 0 16px 40px rgba(0,0,0,.62);
}


html.cine-on[data-shell="tv"] body.cine-top .cine-clock { font-size: 26px; }
html.cine-on[data-shell="tv"] body.cine-top .bar .avatar { width: 64px !important; height: 64px !important; }
html.cine-on[data-shell="tv"] body.cine-top .bar .avatar svg { width: 34px !important; height: 34px !important; }


html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="categories"],
html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="filter"],
html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="saved-filter"],
html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="saved-edit"],
html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="reorder"] {
  width: 64px !important;
  height: 64px !important;
  border-radius: 999px !important;
}
html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="categories"] svg,
html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="filter"] svg,
html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="saved-filter"] svg,
html.cine-on[data-shell="tv"] body.cine-top .bar [data-role="saved-edit"] svg {
  width: 34px !important;
  height: 34px !important;
}


html.cine-on[data-shell="tv"] body.cine-store .cine-meta,
html.cine-on[data-shell="tv"] body.cine-store .cine-rate { font-size: 24px; }
html.cine-on[data-shell="tv"] body.cine-store .cine-plot { font-size: 28px; -webkit-line-clamp: 4; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card [data-title-name] { font-size: 78px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-meta { font-size: 30px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .tfact { font-size: 28px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-fileline .qual-lab { font-size: 28px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card .title-plot { font-size: 32px !important; -webkit-line-clamp: 5 !important; }


html.cine-on[data-shell="tv"] body.cine-store { --n-card-w: 268px; --n-card-gap: 32px; }
html.cine-on[data-shell="tv"] body.cine-store .strip { gap: 32px !important; }
html.cine-on[data-shell="tv"] body.cine-top { --sec: #ffffff; }
html.cine-on[data-shell="tv"] body.cine-top :focus-visible { outline-color: #ffffff; }
html.cine-on body.cine-top .cine-btn:focus-visible,
html.cine-on body.cine-top:not(.is-touch) .cine-btn:hover,
html.cine-on body.cine-store .title-acts .btn:focus-visible,
html.cine-on body.cine-store:not(.is-touch) .title-acts .btn:hover {
  box-shadow: 0 0 0 3px #fff, 0 12px 30px rgba(0,0,0,.55) !important;
}
html.cine-on body.cine-store .card:focus-visible .card-shot,
html.cine-on body.cine-store:not(.is-touch) .card:hover .card-shot {
  box-shadow: 0 0 0 3px #fff, 0 16px 40px rgba(0,0,0,.62) !important;
}
html.cine-on body.cine-top .cine-pill button:focus-visible,
html.cine-on body.cine-top .cine-find:focus-visible,
html.cine-on body.cine-top .cine-mylist:focus-visible { box-shadow: 0 0 0 3px #fff !important; }
html.cine-on[data-shell="tv"] body.cine-top .srow:focus-visible {
  background: rgba(255,255,255,.1) !important;
  box-shadow: inset 4px 0 0 0 #fff !important;
}
html.cine-on[data-shell="tv"] body.cine-top .guide-row:has(.guide-cell:focus-visible) .guide-name { box-shadow: inset 4px 0 0 0 #fff !important; }
html.cine-on[data-shell="tv"] body.cine-top .guide-row.is-playing:has(.guide-cell:focus-visible) .guide-name { background: rgba(255,255,255,.1) !important; }
html.cine-on[data-shell="tv"] body.cine-top .card.is-ranked:focus-visible .card-rank { -webkit-text-stroke-color: #fff; }


html.cine-on[data-shell="tv"] body.cine-store .card.card-all {
  width: var(--n-card-w) !important;
  min-width: 0 !important;
  height: calc(var(--n-card-w) * 1.5) !important;
  align-self: flex-start !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.03)) !important;
  text-align: center;
}
html.cine-on[data-shell="tv"] body.cine-store .card.card-all::before {
  content: '';
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255,255,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 30px no-repeat;
}
html.cine-on[data-shell="tv"] body.cine-store .card.card-all .card-all-name { font-size: 28px; font-weight: 700; color: #fff; }
html.cine-on[data-shell="tv"] body.cine-store .card.card-all .card-all-note { font-size: 20px; color: rgba(255,255,255,.62); }
html.cine-on[data-shell="tv"] body.cine-store .card.card-all:focus-visible {
  background: rgba(255,255,255,.22) !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 3px #fff, 0 16px 40px rgba(0,0,0,.62) !important;
  transform: scale(1.06);
}


html.cine-on body.cine-store .cine-rate { margin: 0 0 8px; flex-wrap: nowrap; white-space: nowrap; }
.cine-rate .cine-fact { color: rgba(255,255,255,.9); }
.cine-rate > span + span::before { content: '\00b7'; margin-right: 10px; opacity: .5; font-weight: 400; }
.cine-rate > .cine-chip::before { content: none; }
html.cine-on body.cine-store .cine-meta { font-size: clamp(13px, .95vw, 17px); color: rgba(255,255,255,.7); font-weight: 600; letter-spacing: .01em; }
html.cine-on[data-shell="tv"] body.cine-store .cine-rate { font-size: 26px; }
html.cine-on[data-shell="tv"] body.cine-store .cine-meta { font-size: 22px; }
html.cine-on body.cine-store .title-page .title-meta { flex-wrap: nowrap !important; white-space: nowrap; }
html.cine-on body.cine-store .title-page .cine-genres {
  margin: -4px 0 12px;
  font-size: clamp(14px, .95vw, 17px);
  font-weight: 600;
  color: rgba(255,255,255,.7);
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-genres { font-size: 26px; }


html.cine-on[data-shell="tv"] body.cine-top .bar { min-height: 100px; }
html.cine-on[data-shell="tv"] body.cine-top .cine-pill { padding: 7px; }
html.cine-on[data-shell="tv"] body.cine-top .cine-pill button { height: 58px; padding: 0 34px; font-size: 23px; }
html.cine-on[data-shell="tv"] body.cine-top .cine-slider { top: 7px; bottom: 7px; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes {
  padding-left: 12px !important;
  margin-left: -12px !important;
  scroll-padding-left: 12px;
  
  padding-right: calc(var(--cine-left) + 56px) !important;
  scroll-padding-right: calc(var(--cine-left) + 56px);
}


html.cine-on body.cine-store .cine-copy { max-width: min(50vw, 960px); }
html.cine-on body.cine-store .title-page .title-card { max-width: min(50vw, 960px) !important; }
html.cine-on body.cine-store .title-page .title-plot { max-width: 100% !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card { max-width: 960px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card .title-plot { max-width: 100% !important; }

html.cine-on body.cine-store .title-page .cine-factline {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 14px;
  margin: 0 0 12px;
  white-space: nowrap;
}
html.cine-on body.cine-store .title-page .cine-factline .title-meta { margin: 0 !important; }
html.cine-on body.cine-store .title-page .title-meta [data-title-facts] { order: 1; }
html.cine-on body.cine-store .title-page .title-meta .title-score { order: 2; }
html.cine-on body.cine-store .title-page .cine-factline .title-fileline { margin: 0 !important; gap: 10px !important; flex-wrap: nowrap; }
html.cine-on body.cine-store .title-page .cine-factline .qual-lab { display: none !important; }
html.cine-on body.cine-store .title-page .cine-factline .title-qual { margin: 0 !important; }


html.cine-on body.cine-store .cine-copy { max-width: min(44vw, 780px) !important; }
html.cine-on[data-shell="tv"] body.cine-store .cine-copy { max-width: 780px !important; }
html.cine-on[data-shell="tv"] body.cine-store .cine-plot { -webkit-line-clamp: 3; }
html.cine-on body.cine-store .cine-rate { align-items: center; }
html.cine-on body.cine-store .cine-rate .cine-chip,
html.cine-on body.cine-store .cine-rate .cine-chip.is-hue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.35em;
  padding: 0 .45em;
  line-height: 1;
  font-size: .78em;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 5px;
  color: rgba(255,255,255,.9);
  background: transparent;
  box-sizing: border-box;
}

html.cine-on body.cine-store .title-page .cine-factline .qbtn,
html.cine-on body.cine-store .title-page .cine-factline .qual-row > * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  border-color: rgba(255,255,255,.34) !important;
  color: rgba(255,255,255,.9) !important;
  background: transparent !important;
}
html.cine-on body.cine-store .title-page .cine-factline .qbtn.is-on { border-color: rgba(255,255,255,.7) !important; color: #fff !important; }


html.cine-on body.cine-top .search-scope { display: none !important; }
html.cine-on body.cine-top .search.is-open,
html.cine-on body.cine-top .search:focus-within { border-color: rgba(255,255,255,.75) !important; }
html.cine-on body.cine-top .bar .avatar:focus-visible,
html.cine-on body.cine-top .bar .search:focus-within { outline: none !important; box-shadow: 0 0 0 3px #fff !important; }
html.cine-on[data-shell="tv"] body.cine-top .bar .avatar:focus-visible { color: #fff; background: rgba(255,255,255,.16) !important; }


html.cine-on body.cine-top {
  --cine-ground: linear-gradient(180deg, #102040 0%, #0c1936 30%, #09132b 58%, #060d1f 82%, #040915 100%);
  --cine-top-rgb: 16, 32, 64;
}
html.cine-on body.cine-top[data-theme="black"],
html.cine-on[data-boot-theme="black"] body.cine-top:not([data-theme]) {
  --cine-ground: linear-gradient(180deg, #000 0%, #000 100%);
  --cine-top-rgb: 0, 0, 0;
}

html.cine-on body.cine-store,
html.cine-on body.cine-store .content {
  background: var(--cine-ground) !important;
  background-size: 100% 100vh !important;
  background-repeat: no-repeat !important;
  background-color: #040915 !important;
}
html.cine-on body.cine-store[data-theme="black"],
html.cine-on body.cine-store[data-theme="black"] .content { background-color: #000 !important; }
html.cine-on body.cine-store.cine-shelf .cine-bg { background: transparent !important; }


html.cine-on body.cine-store.cine-shelf .cine-ov {
  background: var(--cine-ground) !important;
  background-size: 100% 100vh !important;
  background-repeat: no-repeat !important;
  -webkit-mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, #000 0%, rgba(0,0,0,.9) 12%, rgba(0,0,0,.5) 26%, rgba(0,0,0,.12) 40%, rgba(0,0,0,0) 52%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%);
  mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, #000 0%, rgba(0,0,0,.9) 12%, rgba(0,0,0,.5) 26%, rgba(0,0,0,.12) 40%, rgba(0,0,0,0) 52%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%);
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

html.cine-on body.cine-store.cine-shelf .rows { background: transparent !important; }


html.cine-on body.cine-top.cine-shelf.cine-scrolled .bar,
html.cine-on body.cine-store.is-title.cine-scrolled .bar {
  background: linear-gradient(180deg, rgba(var(--cine-top-rgb), .96) 0%, rgba(var(--cine-top-rgb), .84) 70%, rgba(var(--cine-top-rgb), 0) 100%) !important;
}


html.cine-on body.cine-store .title-page:not([hidden]) {
  background: var(--cine-ground) !important;
  background-size: 100% 100vh !important;
  background-repeat: no-repeat !important;
  background-color: #040915 !important;
  background-attachment: local, scroll !important;
}
html.cine-on body.cine-store[data-theme="black"] .title-page:not([hidden]) { background-color: #000 !important; }
html.cine-on body.cine-store .title-page .cine-title-shade {
  background: var(--cine-ground) !important;
  background-size: 100% 100vh !important;
  background-repeat: no-repeat !important;
  -webkit-mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, #000 0%, rgba(0,0,0,.9) 12%, rgba(0,0,0,.5) 26%, rgba(0,0,0,.12) 40%, rgba(0,0,0,0) 52%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%);
  mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, #000 0%, rgba(0,0,0,.9) 12%, rgba(0,0,0,.5) 26%, rgba(0,0,0,.12) 40%, rgba(0,0,0,0) 52%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%);
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

html.cine-on body.cine-store .title-page .cine-title-shade::after { display: none !important; }
html.cine-on body.cine-store .title-page .title-art::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #040915;
  opacity: calc(var(--tp-dim, 0) * .78);
  pointer-events: none;
}
html.cine-on body.cine-store[data-theme="black"] .title-page .title-art::after { background: #000; }

html.cine-on body.cine-store .store,
html.cine-on body.cine-store .store-grid,
html.cine-on body.cine-store .store-shelf { background: transparent !important; }


html.cine-on body.cine-store .cine-info { justify-content: center !important; padding-top: 84px !important; padding-bottom: 0 !important; }
html.cine-on[data-shell="tv"] body.cine-store .cine-info { padding-top: 100px !important; }




html.cine-on[data-shell="tv"] body.cine-store .card,
html.cine-on[data-shell="tv"] body.cine-store .card-all { scroll-margin-top: 215px !important; }
html.cine-on[data-shell="tv"] body.cine-store.cine-scrolled .bar {
  background: linear-gradient(180deg, rgba(var(--cine-top-rgb), .97) 0%, rgba(var(--cine-top-rgb), .9) 72%, rgba(var(--cine-top-rgb), 0) 100%) !important;
}


html.cine-on body.cine-store .card.is-ranked { --rank-w: calc(var(--n-card-w) * .62); }
html.cine-on body.cine-store .card.is-ranked:nth-child(10) { --rank-w: calc(var(--n-card-w) * .95); }
html.cine-on body.cine-store .card.is-ranked .card-rank {
  justify-self: start !important;
  margin-right: 0 !important;
  transform-origin: left bottom !important;
}
html.cine-on body.cine-store .card.is-ranked .card-shot,
html.cine-on body.cine-store .card.is-ranked .card-meta { margin-left: calc(var(--n-card-w) * -.2); }

html.cine-on body.cine-store .card.is-ranked .card-rank { color: rgba(var(--cine-top-rgb), .92) !important; }


html.cine-on body.cine-top:not([data-theme="black"]) {
  --cine-ground: linear-gradient(180deg, #0b1830 0%, #09142a 30%, #070f22 58%, #050b19 82%, #030711 100%);
  --cine-top-rgb: 11, 24, 48;
}
html.cine-on body.cine-store:not([data-theme="black"]),
html.cine-on body.cine-store:not([data-theme="black"]) .content,
html.cine-on body.cine-store:not([data-theme="black"]) .title-page:not([hidden]) { background-color: #030711 !important; }
html.cine-on body.cine-store:not([data-theme="black"]) .title-page .title-art::after { background: #030711; }


html.cine-on body.cine-store .cine-acts .cine-btn[data-cine="cats"] { display: none !important; }
html.cine-on body.cine-store .cine-acts .cine-btn {
  min-width: 150px;
  height: 56px;
  padding: 0 28px;
  font-size: clamp(15px, 1.05vw, 19px);
}
html.cine-on[data-shell="tv"] body.cine-store .cine-acts .cine-btn {
  min-width: 190px;
  height: 66px;
  padding: 0 34px;
  font-size: 26px;
}
html.cine-on[data-shell="tv"] body.cine-store .cine-acts .cine-btn svg { width: 24px; height: 24px; }


html.cine-on[data-shell="tv"] body.cine-store .card-shot { transition-duration: 110ms !important; }
html.cine-on[data-shell="tv"] body.cine-store .card:focus-visible .card-shot {
  box-shadow: 0 0 0 3px #fff, 0 10px 22px rgba(0,0,0,.55) !important;
  transition-duration: 110ms !important;
}


html.cine-on[data-shell="tv"] body.cine-top .cine-pill { padding: 6px; transition: padding 180ms ease-out; }
html.cine-on[data-shell="tv"] body.cine-top .cine-pill button {
  height: 52px;
  padding: 0 30px;
  font-size: 21px;
  transition: height 180ms ease-out, padding 180ms ease-out, font-size 180ms ease-out, color 180ms;
}
html.cine-on[data-shell="tv"] body.cine-top .cine-slider { top: 6px; bottom: 6px; transition: transform 180ms ease-out, width 180ms ease-out, top 180ms ease-out, bottom 180ms ease-out; }
html.cine-on[data-shell="tv"] body.cine-top .cine-pill:focus-within { padding: 7px; }
html.cine-on[data-shell="tv"] body.cine-top .cine-pill:focus-within button { height: 62px; padding: 0 36px; font-size: 24px; }
html.cine-on[data-shell="tv"] body.cine-top .cine-pill:focus-within .cine-slider { top: 7px; bottom: 7px; }


html.cine-on body.cine-store .card.is-ranked { --rank-w: calc(var(--n-card-w) * .5); }
html.cine-on body.cine-store .card.is-ranked:nth-child(10) { --rank-w: calc(var(--n-card-w) * .8); }
html.cine-on body.cine-store .card.is-ranked .card-rank {
  z-index: 0 !important;
  font-size: calc(var(--n-card-w) * .95) !important;
  color: transparent !important;
  -webkit-text-stroke: max(1.5px, calc(var(--n-card-w) * .008)) rgba(255,255,255,.42) !important;
  filter: none !important;
}
html.cine-on body.cine-store .card.is-ranked:nth-child(10) .card-rank { font-size: calc(var(--n-card-w) * .8) !important; }
html.cine-on body.cine-store .card.is-ranked .card-shot,
html.cine-on body.cine-store .card.is-ranked .card-meta { margin-left: calc(var(--n-card-w) * -.12) !important; }
html.cine-on body.cine-store .card.is-ranked .card-shot { z-index: 1 !important; }
html.cine-on body.cine-store .card.is-ranked:focus-visible .card-rank,
html.cine-on body.cine-store:not(.is-touch) .card.is-ranked:hover .card-rank { -webkit-text-stroke-color: rgba(255,255,255,.85) !important; }




html.cine-on[data-shell="tv"] body.cine-top .cine-pill,
html.cine-on[data-shell="tv"] body.cine-top .cine-pill button { transition: color 180ms !important; }
html.cine-on[data-shell="tv"] body.cine-top .cine-slider { transition: transform 180ms ease-out !important; }
.cine-slider.no-anim { transition: none !important; }

html.cine-on[data-shell="tv"] body.cine-top .cine-slider.no-anim { transition: none !important; }




html.cine-on body.cine-top.cine-shelf.cine-scrolled .bar,
html.cine-on[data-shell="tv"] body.cine-store.cine-scrolled .bar {
  background: linear-gradient(180deg, rgb(var(--cine-top-rgb)) 0%, rgb(var(--cine-top-rgb)) 80%, rgba(var(--cine-top-rgb), 0) 100%) !important;
}


html.cine-on[data-shell="tv"] body.cine-top .bar { padding-top: 12px !important; box-sizing: border-box; }
html.cine-on[data-shell="tv"] body.cine-top .cine-pill { top: calc(50% + 6px); }


html.cine-on body.cine-top:not([data-theme="black"]) {
  --cine-ground: linear-gradient(180deg, #06101f 0%, #050c19 30%, #040a14 58%, #03070e 82%, #020408 100%);
  --cine-top-rgb: 6, 16, 31;
}
html.cine-on body.cine-store:not([data-theme="black"]),
html.cine-on body.cine-store:not([data-theme="black"]) .content,
html.cine-on body.cine-store:not([data-theme="black"]) .title-page:not([hidden]) { background-color: #020408 !important; }
html.cine-on body.cine-store:not([data-theme="black"]) .title-page .title-art::after { background: #020408; }


html.cine-on[data-shell="tv"] body.cine-store [data-continue] .card.is-wide { width: calc(var(--n-card-w) * 1.5) !important; }


html.cine-on body.cine-store .card.is-ranked {
  width: calc(var(--n-card-w) * .8 + var(--rank-w)) !important;
  grid-template-columns: calc(var(--rank-w) - var(--n-card-w) * .2) var(--n-card-w) !important;
}
html.cine-on body.cine-store .card.is-ranked .card-shot,
html.cine-on body.cine-store .card.is-ranked .card-meta { margin-left: 0 !important; }
html.cine-on body.cine-store .card.is-ranked .card-rank {
  justify-self: start !important;
  
  -webkit-text-stroke: max(4px, calc(var(--n-card-w) * .018)) rgba(255,255,255,.42) !important;
}
html.cine-on body.cine-store .card.is-ranked:focus-visible .card-rank,
html.cine-on body.cine-store:not(.is-touch) .card.is-ranked:hover .card-rank {
  color: transparent !important;
  -webkit-text-stroke-color: rgba(255,255,255,.85) !important;
}


html.cine-on body.cine-store.cine-shelf .cine-ov { background-position: 0 var(--shelf-y, 0px) !important; }



html.cine-on[data-shell="tv"] body.cine-store.cine-shelf .cine-bg { height: 100% !important; }

html.cine-on[data-shell="tv"] body.cine-store.cine-shelf .cine-info { height: calc(100vh - 12px) !important; }   

html.cine-on[data-shell="tv"] body.cine-store.cine-shelf .cine-info { padding-top: 0 !important; margin-top: 0 !important; top: 0 !important; }


html.cine-on[data-shell="tv"] body.cine-store .strip-head h3 { font-size: 34px !important; }
html.cine-on[data-shell="tv"] body.cine-store .card,
html.cine-on[data-shell="tv"] body.cine-store .card-all { scroll-margin-top: 223px !important; }


html.cine-on[data-shell="tv"] body.cine-store .strip { scroll-padding-right: calc(var(--n-card-w) * .6) !important; }


html.cine-on[data-shell="tv"] body.cine-store.cine-shelf .cine-ov {
  -webkit-mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%) !important;
  mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%) !important;
}


html.cine-on[data-shell="tv"] body.cine-store.cine-shelf.cine-scrolled .cine-layer { visibility: hidden !important; }


html.cine-on body.cine-store .card.is-ranked .card-rank {
  -webkit-text-stroke-width: max(6px, calc(var(--n-card-w) * .026)) !important;
  transition: none !important;
}
html.cine-on body.cine-store .card.is-ranked:focus-visible .card-rank,
html.cine-on body.cine-store:not(.is-touch) .card.is-ranked:hover .card-rank {
  transform: scale(1.12) scaleX(.78) !important;
  transform-origin: left bottom !important;
}

html.cine-on[data-shell="tv"] body.cine-store.cine-shelf .store { padding-bottom: 0 !important; }
html.cine-on[data-shell="tv"] body.cine-store.cine-shelf .store-shelf { padding-bottom: 32px !important; }


html.cine-on[data-shell="tv"] body.cine-store .card .card-meta { padding-top: 16px !important; }


html.cine-on[data-shell="tv"] body.is-asking .sheet-card { width: 600px !important; max-width: 600px !important; }
html.cine-on[data-shell="tv"] body.is-asking .sheet-card h2 { font-size: 44px !important; }
html.cine-on[data-shell="tv"] body.is-asking .sheet-card .srow { padding-top: 22px !important; padding-bottom: 22px !important; }
html.cine-on[data-shell="tv"] body.is-asking .sheet-card .srow-text b { font-size: 30px !important; }
html.cine-on[data-shell="tv"] body.is-asking .sheet-card .srow-text span { font-size: 21px !important; }


html.cine-on[data-shell="tv"] *,
html.cine-on[data-shell="tv"] { scrollbar-width: none !important; }
html.cine-on[data-shell="tv"] ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }


html.cine-on[data-shell="tv"] body.cine-store .strip { scroll-snap-type: none !important; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card [data-title-name] { font-size: 67px !important; line-height: 1.1 !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-meta,
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-meta > span { font-size: 26px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-score,
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-score.is-good,
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-score.is-fair,
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-score.is-poor {
  background: transparent !important;
  color: rgba(255,255,255,.9) !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-score::before { content: '★ '; color: #f5c451; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qbtn,
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qbtn.is-on,
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qual-row > *,
html.cine-on[data-shell="tv"] body.cine-store .title-page .qfact {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 5px !important;
  color: rgba(255,255,255,.92) !important;
  height: 36px !important;
  padding: 0 12px !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qbtn:focus-visible { border-color: #fff !important; box-shadow: 0 0 0 2px #fff !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-genres { font-size: 22px !important; font-weight: 600 !important; color: rgba(255,255,255,.7) !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .tfact,
html.cine-on[data-shell="tv"] body.cine-store .title-page .tfact-lab,
html.cine-on[data-shell="tv"] body.cine-store .title-page .tfact-val { font-size: 22px !important; line-height: 1.4 !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .tfact-val { -webkit-line-clamp: 2 !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card .title-plot { font-size: 28px !important; font-weight: 400 !important; line-height: 1.48 !important; color: rgba(255,255,255,.8) !important; }


html.cine-on body.cine-store .card.is-ranked {
  width: calc(var(--n-card-w) * .88 + var(--rank-w)) !important;
  grid-template-columns: calc(var(--rank-w) - var(--n-card-w) * .12) var(--n-card-w) !important;
}
html.cine-on body.cine-store .card.is-ranked .card-rank { -webkit-text-stroke-color: rgba(255,255,255,.58) !important; }
html.cine-on body.cine-store .card.is-ranked:focus-visible .card-rank { -webkit-text-stroke-color: rgba(255,255,255,.9) !important; }





body:not([data-section="live"]):not(.is-vod) section.live[data-live] { display: none !important; }


html.cine-on[data-shell="tv"] body[data-section="live"] section.live { padding-top: 32px !important; box-sizing: border-box; }



html.cine-on[data-shell="tv"] body[data-section="live"] section.live > [data-zone="groups"] {
  overflow: hidden;
  transition: opacity 180ms ease-out;
}

html.cine-on[data-shell="tv"] body[data-section="live"].cine-live-wide section.live {
  
  --n-tv-edge: 8px;
  grid-template-columns: var(--n-tv-edge) 713px minmax(0, 1fr) !important;
  
  padding-left: 0 !important;
  column-gap: 0 !important;
}
html.cine-on[data-shell="tv"] body[data-section="live"].cine-live-wide section.live > .player {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

html.cine-on[data-shell="tv"] body[data-section="live"].cine-live-wide section.live > .guide-now {
  margin-left: var(--n-s4);
}
html.cine-on[data-shell="tv"] body[data-section="live"].cine-live-wide section.live > [data-zone="groups"] { opacity: 0; }



html.cine-on[data-shell="tv"] body.cine-store .title-page .title-card .tfact-lab { flex: 0 0 108px !important; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-title-shade {
  -webkit-mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%) !important;
  mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%) !important;
}



html.cine-on[data-shell="tv"] body[data-section="live"] .guide { --n-guide-name: calc(713px - 8px); }





html.cine-on[data-shell="tv"] body.cine-store .title-page [data-upnext] { display: none !important; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .card-left,
html.cine-on[data-shell="tv"] body.cine-store .title-page .eseen { color: rgba(255,255,255,.72) !important; }

html.cine-on[data-shell="tv"] body.cine-store .title-page .ecard.is-resume { box-shadow: none !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .ecard:focus-visible { outline: none !important; box-shadow: 0 0 0 3px #fff !important; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .episodes { padding-bottom: 0 !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-body { padding-bottom: 16px !important; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .btn-quiet {
  height: 64px !important;
  min-height: 64px !important;
  padding: 0 32px !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  
  background: rgba(38,42,50,.66) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: #fff !important;
  opacity: 1 !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .btn-quiet:focus-visible { outline: none !important; box-shadow: 0 0 0 3px #fff !important; }


html.cine-on body.cine-store .cine-rate .cine-chip,
html.cine-on body.cine-store .cine-rate .cine-chip.is-hue {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  height: auto !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  color: rgba(255,255,255,.9) !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qbtn,
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qbtn.is-on,
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qual-row > *,
html.cine-on[data-shell="tv"] body.cine-store .title-page .qfact {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 8px 0 0 !important;
  height: auto !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.9) !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qbtn:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px #fff !important;
  border-radius: 6px !important;
  padding: 0 8px !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page [data-seasons] { margin-top: 0 !important; padding-top: 0 !important; }

html.cine-on[data-shell="tv"] body.cine-store .title-page .seasons::before { margin-bottom: 20px !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .season-tabs { margin-bottom: 20px !important; }


html.cine-on[data-shell="tv"] body[data-section="live"] .guide-head {
  border-bottom: 0 !important;
  padding-bottom: 14px !important;
}

html.cine-on[data-shell="tv"] body[data-section="live"] .guide-rows:empty,
html.cine-on[data-shell="tv"] body[data-section="live"] .guide-row:not(:has(.guide-cell)) { border-bottom: 0 !important; }


html.cine-on[data-shell="tv"] body[data-section="live"] .live .player { border: 0 !important; }


html.cine-on[data-shell="tv"] body.cine-store .card.is-skeleton,
html.cine-on[data-shell="tv"] body.cine-store .is-skeleton { visibility: hidden !important; }


html.cine-on[data-shell="tv"] body.cine-top .bar .avatar:focus-visible {
  background: transparent !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px #fff !important;
}
html.cine-on body.cine-top .bar .avatar:focus-visible svg,
html.cine-on body.cine-top .bar .avatar:focus-visible svg * { fill: #fff !important; stroke: none !important; }



html.cine-on[data-shell="tv"] .sheet .sheet-back,
html.cine-on[data-shell="tv"] [data-sheet] [data-role="sheetback"] { display: none !important; }


html.cine-on[data-shell="tv"] body.cine-store.is-title .store-shelf { visibility: hidden !important; }


html.cine-on[data-shell="tv"] body.cine-top .bar .avatar,
html.cine-on[data-shell="tv"] body.cine-top .bar .avatar:focus-visible { border-radius: 999px !important; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .title-quiet,
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-quiet:not(:has(.btn:not([hidden]))) {
  
  display: block !important;
  visibility: visible;
  min-height: 64px !important;
  
  margin-top: 12px !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-quiet:not(:has(.btn:not([hidden]))) { visibility: hidden; }





.srcs-box[hidden] { display: none; }
.srcs-box { margin: 22px 0 0; }
.srcs-head {
  margin: 0 0 12px;
  font-family: var(--n-font);
  font-size: clamp(15px, 1.15vw, 20px);
  font-weight: 700;
  color: #fff;
}

.srcs-count {
  margin-left: 9px;
  font-size: .72em;
  font-weight: 400;
  color: var(--n-muted);
  font-variant-numeric: tabular-nums;
}


.srcs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .18) transparent;
  padding: 2px 0 10px;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
}
.srcs::-webkit-scrollbar { height: 8px; }
.srcs::-webkit-scrollbar-track { background: transparent; }
.srcs::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .14);
  border-radius: 999px;
}
body:not(.is-touch) .srcs:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .3);
}

body.is-touch .srcs { scrollbar-width: none; }
body.is-touch .srcs::-webkit-scrollbar { display: none; }


.sc {
  flex: 0 0 auto;
  width: 300px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 15px 13px;
  border-radius: 14px;
  text-align: left;
  color: var(--n-text);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .075) 0%,
                            rgba(255, 255, 255, .028) 38%,
                            rgba(255, 255, 255, .018) 100%);
  border: 1px solid rgba(255, 255, 255, .07);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .07),
              0 1px 2px rgba(0, 0, 0, .35);
  cursor: pointer;
  transition: transform .14s ease, box-shadow .14s ease,
              border-color .14s ease, background .14s ease;
}

.sc.is-waiting {
  height: 132px;
  cursor: default;
  pointer-events: none;
  opacity: .5;
}
body:not(.is-touch) .sc:not(.is-waiting):hover,
.sc:focus-visible {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .11) 0%,
                            rgba(255, 255, 255, .05) 40%,
                            rgba(255, 255, 255, .03) 100%);
  border-color: rgba(255, 255, 255, .17);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .12),
              0 8px 22px rgba(0, 0, 0, .5);
  transform: translateY(-2px);
  outline: none;
}
.sc:active { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .sc { transition: none; }
  body:not(.is-touch) .sc:hover,
  .sc:focus-visible { transform: none; }
}


.sc .lead {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-height: 24px;
}
.sc .inst {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px 3px 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #6fe0a6;
  background: rgba(76, 201, 138, .14);
  box-shadow: inset 0 0 0 1px rgba(76, 201, 138, .26);
}
.sc .inst svg { opacity: 1; }

.sc.is-stray { opacity: .62; }
body:not(.is-touch) .sc.is-stray:hover { opacity: 1; }
.sc .stray {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #e8c073;
  background: rgba(232, 192, 115, .14);
  box-shadow: inset 0 0 0 1px rgba(232, 192, 115, .3);
}

.sc .wait {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .52);
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
}
.sc .qual {
  font-family: var(--n-font-data);
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -.01em;
  line-height: 1;
}


.sc .qual.is-cam {
  color: rgb(232, 192, 115);
  letter-spacing: .04em;
}
.sc .qual.is-4k {
  background: linear-gradient(180deg, #a8d4ff, var(--n-hue));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sc .by {
  margin-left: auto;
  font-size: 12px;
  color: var(--n-muted);
  letter-spacing: .02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 88px;
}


.sc .facts {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, .055);
  min-width: 0;
}
.sc .facts div {
  display: flex;
  gap: 8px;
  align-items: center;
  
  font-size: 15px;
  color: var(--n-muted);
  line-height: 1.35;
  min-width: 0;
}

.sc .facts div:first-child { color: rgba(255, 255, 255, .82); }
.sc .facts b {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sc .facts div.rel { align-items: flex-start; }
.sc .facts div.rel b {
  white-space: normal;
  overflow: visible;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.3;
  color: var(--n-muted);
}



.sc .fcts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
             min-width: 0; }


.sc .snd, .sc .hdrline, .sc .ed, .sc .warn3d {
  min-height: 24px; display: flex; align-items: center; gap: 6px;
}


.sc .snd b, .sc .ed b, .sc .warn3d b, .sc .lang b, .sc .pic-size b {
  font-weight: 600;
  color: rgba(233, 240, 248, .92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sc .lang { min-height: 22px; }

.sc .hdrline b {
  font-weight: 600;
  
  color: rgba(233, 240, 248, .92);
  
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: break-word;
}


.sc .lang b {
  color: rgba(233, 240, 248, .92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sc .warn3d b { color: #f6c768; }
.sc .fct {
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  padding: 3px 10px;
  white-space: nowrap;
  color: rgba(255, 255, 255, .92);
}

.sc .fct.pic {
  flex: 0 1 auto;
  color: #d3f1ff;
  background: rgba(154, 230, 255, .15);
  border-color: rgba(154, 230, 255, .34);
}
.sc .fct.src {
  color: #ffd9a8;
  background: rgba(243, 196, 104, .16);
  border-color: rgba(243, 196, 104, .42);
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .fct {
  
  font-size: 17px !important;
  padding: 4px 12px !important;
}
.sc .facts div.lang { color: rgba(255, 255, 255, .82); }
.sc .facts div.lang b { font-weight: 500; }



.sc svg.m {
  width: 19px;
  height: 19px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 1;
}
.sc .facts > div.pic,

.sc .facts > div.pic-size,
.sc .facts > div.snd,
.sc .facts > div.hdrline,
.sc .facts > div.lang,
.sc .facts > div.ed,
.sc .facts > div.warn3d {
  display: grid;
  grid-template-columns: 19px 1fr;
  
  align-items: center;
  column-gap: 10px;
  min-height: 26px;
}

.sc .facts > div.hdrline { align-items: start; }
.sc .facts > div.hdrline > .m { margin-top: 3px; }

.sc .facts > div.snd > b:only-child,
.sc .facts > div.hdrline > b:only-child { grid-column: 2; }


.srcs-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 12px;
}
.srcs-top .srcs-head { margin: 0; }

.srcs-pick {
  margin-left: auto;
  flex: 0 1 auto;
  max-width: 62%;
  padding: 7px 30px 7px 13px;
  border-radius: 10px;
  font-family: var(--n-font);
  font-size: 12.5px;
  line-height: 1.2;
  color: var(--n-text);
  background-color: rgba(255, 255, 255, .05);
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015)),
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, right 9px center;
  background-size: auto, 13px 13px;
  border: 1px solid rgba(255, 255, 255, .09);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .06);
  cursor: pointer;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .12s ease, background-color .12s ease;
}
.srcs-pick[hidden] { display: none; }
body:not(.is-touch) .srcs-pick:hover { background-color: rgba(255, 255, 255, .09); }
.srcs-pick:focus-visible {
  outline: none;
  border-color: rgba(255, 255, 255, .28);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .12),
              0 0 0 2px rgba(255, 255, 255, .16);
}

.srcs-pick.is-narrowed {
  border-color: rgba(255, 255, 255, .26);
  background-color: rgba(255, 255, 255, .12);
}

.srcs-pick option,
.srcs-pick optgroup {
  background: #12161d;
  color: var(--n-text);
}
.srcs-pick optgroup { font-style: normal; font-weight: 700; }


.srcs-none {
  font-size: 12.5px;
  color: var(--n-muted);
  padding: 6px 0 10px;
}

.cast[hidden] { display: none; }
.cast { margin: 22px 0 0; }
.cast-head {
  margin: 0 0 12px;
  font-family: var(--n-font);
  font-size: clamp(15px, 1.15vw, 20px);
  font-weight: 700;
  color: #fff;
}
.cast-row {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 6px;
}
.cast-row::-webkit-scrollbar { display: none; }
.cast-row .person {
  flex: 0 0 auto;
  width: 104px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  text-align: center;
  cursor: pointer;
}
.cast-row .person-face {
  width: 88px;
  height: 88px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 140ms ease-out, box-shadow 140ms ease-out;
}
.cast-row .person-art {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 180ms ease-out;
}
.cast-row .person-art.is-ready { opacity: 1; }
.cast-row .person-initials {
  font-family: var(--n-font);
  font-weight: 700;
  font-size: 26px;
  color: rgba(255,255,255,.7);
}
.cast-row .person-name {
  font-family: var(--n-font);
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,.92);
  line-height: 1.25;
}
.cast-row .person-role {
  font-family: var(--n-font);
  font-size: 12px;
  color: rgba(255,255,255,.55);
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cast-row .person:focus-visible { outline: none; }
.cast-row .person:focus-visible .person-face { box-shadow: 0 0 0 3px #fff; transform: scale(1.06); }
body:not(.is-touch) .cast-row .person:hover .person-face { box-shadow: 0 0 0 3px rgba(255,255,255,.6); }



html[data-shell="tv"] .cast { margin-top: 20px; }
html[data-shell="tv"] .cast-head { font-size: 34px; margin-bottom: 18px; }
html[data-shell="tv"] .cast-row { gap: 28px; }
html[data-shell="tv"] .cast-row .person { width: 168px; }
html[data-shell="tv"] .cast-row .person-face { width: 148px; height: 148px; }
html[data-shell="tv"] .cast-row .person-initials { font-size: 44px; }
html[data-shell="tv"] .cast-row .person-name { font-size: 21px; }
html[data-shell="tv"] .cast-row .person-role { font-size: 18px; }


.grid-people {
  margin: 0 0 22px;
  padding-left: var(--n-s5);
  padding-right: var(--n-s5);
  box-sizing: border-box;
}
.grid-people[hidden] { display: none; }


html:not([data-shell="tv"]) .title-page .title-fileline .qual-lab { display: none !important; }
html:not([data-shell="tv"]) .title-page .title-fileline .title-qual,
html:not([data-shell="tv"]) .title-page .title-fileline .qual-row {
  gap: 8px !important;
  align-items: baseline !important;
}
html:not([data-shell="tv"]) .title-page .title-fileline .qfact,
html:not([data-shell="tv"]) .title-page .title-fileline .qbtn,
html:not([data-shell="tv"]) .title-page .title-fileline .qual-row > * {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  color: rgba(255,255,255,.9) !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html:not([data-shell="tv"]) .title-page .title-fileline .qbtn:focus-visible {
  outline: 2px solid rgba(255,255,255,.8) !important;
  outline-offset: 3px;
}

html:not([data-shell="tv"]) .title-page .title-fileline .title-qual.cine-empty { display: none !important; }


html:not([data-shell="tv"]) .title-page [data-upnext] { display: none !important; }

html:not([data-shell="tv"]) .title-page .title-card .title-meta,
html:not([data-shell="tv"]) .title-page .title-card .title-fileline {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  vertical-align: baseline;
  margin: 0 !important;
}
html:not([data-shell="tv"]) .title-page .title-card .title-fileline { margin-left: 10px !important; }

html:not([data-shell="tv"]) .title-page .title-card .title-meta,
html:not([data-shell="tv"]) .title-page .title-card .title-fileline { margin-top: 12px !important; }


html:not([data-shell="tv"]) .title-page .season-tab.is-on,
html:not([data-shell="tv"]) .season-tab.is-on {
  background: #f2f3f5 !important;
  color: #0b0c0f !important;
  border-color: transparent !important;
}
html:not([data-shell="tv"]) .season-tab:focus-visible { outline: 2px solid rgba(255,255,255,.85) !important; outline-offset: 2px; }


html:not([data-shell="tv"]) .bar .search.is-open,
html:not([data-shell="tv"]) .bar .search:focus-within {
  border-color: rgba(255,255,255,.75) !important;
  box-shadow: none !important;
}
html:not([data-shell="tv"]) .bar .search-scope,
html:not([data-shell="tv"]) .bar .search-scope svg { color: rgba(255,255,255,.72) !important; }
html:not([data-shell="tv"]) .bar .search-scope.is-all,
html:not([data-shell="tv"]) .bar .search-scope[aria-pressed="true"] { color: #fff !important; }
html:not([data-shell="tv"]) .bar .search-field::selection { background: rgba(255,255,255,.28); }

html:not([data-shell="tv"]) .bar { padding-bottom: 12px !important; }


html:not([data-shell="tv"]) .bar { position: relative; z-index: 6; }






html:not([data-shell="tv"]):not(.cine-on) body {
  --n-top: #0A0D13;
  background-color: #0A0D13 !important;
  background-image: none !important;
}
html:not([data-shell="tv"]):not(.cine-on) body:not([data-section="live"]):not([data-theme="black"]),
html:not([data-shell="tv"]):not(.cine-on) body:not([data-section="live"]):not([data-theme="black"]) .content {
  --n-top: #06101f;
  background: linear-gradient(180deg, #06101f 0%, #050c19 30%, #040a14 58%, #03070e 82%, #020408 100%) !important;
  background-size: 100% 100vh !important;
  background-repeat: no-repeat !important;
  background-color: #020408 !important;
}


html:not([data-shell="tv"]) .card.is-ranked {
  --rank-w: calc(var(--n-card-w) * .62);
  width: calc(var(--n-card-w) * .88 + var(--rank-w));
  display: grid;
  grid-template-columns: calc(var(--rank-w) - var(--n-card-w) * .12) var(--n-card-w);
  grid-template-rows: auto auto;
  align-content: start;
}
html:not([data-shell="tv"]) .card.is-ranked .card-rank {
  display: block;
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  justify-self: start;
  position: relative;
  z-index: 0;                       
  margin: 0 0 6px;
  
  font-family: "Arial Black", "Segoe UI Black", "Helvetica Neue", Roboto, Arial, sans-serif;
  font-size: calc(var(--n-card-w) * .95);
  font-weight: 900;
  line-height: .74;
  letter-spacing: -.04em;
  transform: scaleX(.78);
  transform-origin: left bottom;
  color: transparent;
  -webkit-text-stroke: max(2px, calc(var(--n-card-w) * .018)) rgba(255,255,255,.58);
  filter: none;
  pointer-events: none;
  user-select: none;
}
html:not([data-shell="tv"]) .card.is-ranked:nth-child(10) { --rank-w: calc(var(--n-card-w) * .95); }
html:not([data-shell="tv"]) .card.is-ranked:nth-child(10) .card-rank { font-size: calc(var(--n-card-w) * .8); letter-spacing: -.08em; }
html:not([data-shell="tv"]) .card.is-ranked .card-shot { grid-column: 2; grid-row: 1; position: relative; z-index: 1; }
html:not([data-shell="tv"]) .card.is-ranked .card-meta { grid-column: 2; grid-row: 2; }


html:not([data-shell="tv"]) .card.is-ranked {
  width: calc(var(--n-card-w) * .68 + var(--rank-w));
  grid-template-columns: calc(var(--rank-w) - var(--n-card-w) * .32) var(--n-card-w);
}
html:not([data-shell="tv"]) .card.is-ranked .card-rank {
  justify-self: end;
  transform-origin: right bottom;
  
  margin-right: calc(var(--n-card-w) * -.06);
  -webkit-text-stroke-width: max(2.5px, calc(var(--n-card-w) * .026));
  transition: none;
}
html:not([data-shell="tv"]) .card.is-ranked:hover .card-rank,
html:not([data-shell="tv"]) .card.is-ranked:active .card-rank,
html:not([data-shell="tv"]) .card.is-ranked.is-held .card-rank,
html:not([data-shell="tv"]) .card.is-ranked:focus-visible .card-rank {
  transform: scale(1.12) scaleX(.78);
  -webkit-text-stroke-color: rgba(255,255,255,.85);
}






html:not([data-shell=tv]) .bar {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


html:not([data-shell="tv"]) { background: #06101f !important; }


html:not([data-shell="tv"]) .bar {
  min-height: 48px !important;
  padding-bottom: 0 !important;
}



html:not([data-shell="tv"]) .hero-body::before {
  display: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html:not([data-shell="tv"]) .hero-body .hero-title,
html:not([data-shell="tv"]) .hero-body .hero-meta,
html:not([data-shell="tv"]) .hero-body h2,
html:not([data-shell="tv"]) .hero-body p {
  text-shadow: 0 1px 3px rgba(0,0,0,.92), 0 0 16px rgba(0,0,0,.6);
}

html:not([data-shell="tv"]) .hero-acts .btn {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(16, 20, 27, .72) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
}




html:not(.cine-on) .title-acts .btn {
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(38,42,50,.66);
  color: #fff;
  font-weight: 700;
}
html:not(.cine-on) .title-acts .btn-play {
  background: #f2f3f5;
  color: #0a0b0d;
  border-color: transparent;
}

html:not(.cine-on) .hero-acts .btn {
  background: rgba(38,42,50,.66) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}

html:not(.cine-on) .title-meta { font-weight: 700; }

html:not(.cine-on) .bar .avatar { border-radius: 999px; }


html:not(.cine-on) .hero-acts { display: flex; gap: 8px; }

html:not(.cine-on) .hero-acts .btn {
  flex: 0 0 auto;
  min-width: 82px;
  line-height: 20px;
  font-weight: 700;
  justify-content: center;
}
html:not(.cine-on) .hero-acts .btn-play {
  background: #f2f3f5 !important;
  color: #0a0b0d !important;
  border-color: transparent !important;
}






html:not([data-shell="tv"]) .rail {
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  background: var(--n-panel) !important;
  background: color-mix(in srgb, var(--n-panel) 62%, transparent) !important;
}


html:not(.cine-on) .hero-acts .btn-play,
html:not(.cine-on) .title-acts .btn-play {
  text-shadow: none !important;
}


html:not(.cine-on) .bar .chip { height: 34px; }
html:not(.cine-on) .bar .chip-text { line-height: 20px; }


html:not(.cine-on) .bar { padding-top: calc(var(--n-sat, 0px) + 24px) !important; }
html:not(.cine-on) .hero { margin-top: 0 !important; }



html:not(.cine-on) .hero { margin-bottom: var(--n-s5) !important; }


.rows[data-continue] { padding-bottom: 0; }


.strip-head .strip-all { margin-bottom: -4px; }


html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .cine-bg { height: 100% !important; }
html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .cine-info {
  height: calc(100vh - 12px) !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  top: 0 !important;
}
html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .cine-ov {
  -webkit-mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%) !important;
  mask-image:
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.36) 9%, rgba(0,0,0,0) 20%),
    linear-gradient(90deg, #000 0%, #000 28%, rgba(0,0,0,.82) 33%, rgba(0,0,0,.45) 41%, rgba(0,0,0,.12) 50%, rgba(0,0,0,0) 58%) !important;
}

html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf.cine-scrolled .cine-layer { visibility: hidden !important; }

html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .store { padding-bottom: 0 !important; }
html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .store-shelf { padding-bottom: 32px !important; }


html.cine-on:not([data-shell="tv"]) body.cine-top .bar {
  
  padding-top: 24px !important;
  min-height: 82px !important;
  box-sizing: border-box;
}
html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .cine-info {
  height: 100vh !important;
}



html.cine-on:not([data-shell="tv"]) body.cine-top .cine-pill,
html.cine-on:not([data-shell="tv"]) body.cine-top .cine-pill button { transition: color 180ms !important; }
html.cine-on:not([data-shell="tv"]) body.cine-top .cine-slider { transition: transform 180ms ease-out !important; }
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .cine-pill:hover,
html.cine-on:not([data-shell="tv"]) body.cine-top .cine-pill:has(:focus-visible) { padding: 7px; }
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .cine-pill:hover button,
html.cine-on:not([data-shell="tv"]) body.cine-top .cine-pill:has(:focus-visible) button {
  height: 54px;
  padding: 0 34px;
  font-size: 21px;
}
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .cine-pill:hover .cine-slider,
html.cine-on:not([data-shell="tv"]) body.cine-top .cine-pill:has(:focus-visible) .cine-slider { top: 7px; bottom: 7px; }


html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar .avatar:hover {
  color: #fff;
  background: rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
}


html.cine-on:not([data-shell="tv"]) body.cine-store .store,
html.cine-on:not([data-shell="tv"]) body.cine-store .store-shelf {
  scroll-snap-type: y proximity;
  scroll-padding-top: 96px;
}
html.cine-on:not([data-shell="tv"]) body.cine-store .row-strip { scroll-snap-align: start; }

html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .cine-info { scroll-snap-align: start; }


html.cine-on:not([data-shell="tv"]) body.cine-top .cine-pill { top: calc(50% + 12px); }


html.cine-on:not([data-shell="tv"]) body.cine-store .cast { position: relative; }
html.cine-on:not([data-shell="tv"]) body.cine-store .cast:hover .cine-arrow:not([hidden]) { opacity: 1; }


html.cine-on:not([data-shell="tv"]) body.cine-store .cine-tp-hero {
  
  min-height: 0;
  padding: 190px 0 26px;
}

html.cine-on:not([data-shell="tv"]) body.cine-store.is-title .bar .bar-back:not([hidden]) {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 10px;
}


html.cine-on:not([data-shell="tv"]) body.cine-store.cine-shelf .cine-bg {
  -webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 7%, #000 17%);
  mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 7%, #000 17%);
}


html.cine-on:not([data-shell="tv"]) body.cine-top .cine-slider { transition: none !important; }


.cast-row .person-face { position: relative; }
.cast-row .person-art { position: absolute; inset: 0; }


html.cine-on:not([data-shell="tv"]) body.cine-store .cine-tp-first {
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 26px;
}

html.cine-on:not([data-shell="tv"]) body.cine-store .cine-tp-first .cine-tp-hero {
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}








html.cine-on:not([data-shell="tv"]) body.cine-store .title-page .cine-factline .qbtn.qbtn,
html.cine-on:not([data-shell="tv"]) body.cine-store .title-page .cine-factline .qual-row > *,
html:not([data-shell="tv"]) body .title-page .title-fileline .qual-row > *,
html:not([data-shell="tv"]) body .title-page .title-fileline .qbtn.qbtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: transparent !important;
  color: rgba(255,255,255,.9) !important;
  
  font-size: inherit !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .cine-factline .qbtn.qbtn {
  border-radius: 6px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  
  padding: 0 10px !important;
  height: 38px !important;
}

html.cine-on body.cine-store .title-page .cine-factline .qbtn.qbtn.is-on,
html:not([data-shell="tv"]) body .title-page .title-fileline .qbtn.qbtn.is-on {
  border-color: var(--n-ok, #5ad19b) !important;
  color: #fff !important;
}


.cast-row { overflow-anchor: none; }


.title-page .upnext[hidden],
.title-page .seasons[hidden],
.title-page [data-episodes][hidden],
.title-page .cast[hidden] { display: none !important; }


html.cine-on:not([data-shell="tv"]) body.cine-store .title-page .title-body {
  padding-bottom: 0 !important;
}

html.cine-on:not([data-shell="tv"]) body.cine-store .title-page .title-body:has(.ecard) {
  padding-bottom: 72px !important;
}


html.cine-on[data-shell="tv"] body.cine-store .cine-tp-first {
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 40px;
}
html.cine-on[data-shell="tv"] body.cine-store .cine-tp-first .cine-tp-hero {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


html.cine-on[data-shell="tv"] body.cine-store .cast-row .person:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}
html.cine-on[data-shell="tv"] body.cine-store .cast-row .person:focus-visible * {
  color: inherit !important;
}



html.cine-on[data-shell="tv"] body.cine-store .title-page .title-quiet:not(:has(.btn:not([hidden]))) {
  display: none !important;
  min-height: 0 !important;
  margin-top: 0 !important;
}


@media (hover: none) and (pointer: coarse) {
  html:not([data-shell="tv"]) .rail :focus-visible,
  html:not([data-shell="tv"]) .rail-item:focus-visible {
    outline: none !important;
    box-shadow: none !important;
  }
}


html body[data-section="live"]:not([data-theme="black"]),
html body[data-section="live"]:not([data-theme="black"]) .content {
  --n-top: #06101f;
  background: linear-gradient(180deg, #06101f 0%, #050c19 30%, #040a14 58%, #03070e 82%, #020408 100%) !important;
  background-size: 100% 100vh !important;
  background-repeat: no-repeat !important;
  background-color: #020408 !important;
}


@media (max-width: 699px) {
  html:not([data-shell="tv"]):not(.cine-on) [data-hero] { overflow: hidden; }
  html:not([data-shell="tv"]):not(.cine-on) [data-hero] .hero-fill {
    display: block !important;
    position: absolute !important;
    
    top: calc((100vw - 24px) * .5625) !important;
    left: -40px !important;
    right: -40px !important;
    bottom: auto !important;
    height: calc((100vw - 24px) * .5625) !important;
    
    
    background-size: calc(100vw - 24px) auto !important;
    background-position: 50% 0 !important;
    background-repeat: no-repeat !important;
    
    transform: scaleY(-1);
    
    
    
    filter: blur(9px) brightness(.72) saturate(1.2);
    
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
    mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
    z-index: 0 !important;
    pointer-events: none;
  }
  
  html:not([data-shell="tv"]):not(.cine-on) [data-hero] { position: relative; }
  html:not([data-shell="tv"]):not(.cine-on) [data-hero]::before {
    content: ""; position: absolute; inset: -70px; z-index: 0; pointer-events: none;
    background-image: var(--hero-img);
    background-size: cover; background-position: 50% 62%; background-repeat: no-repeat;
    filter: blur(48px) brightness(.5) saturate(1.5);
  }
  
  html:not([data-shell="tv"]):not(.cine-on) [data-hero]::after {
    content: ""; position: absolute; left: 0; right: 0; z-index: 1;
    top: calc((100vw - 24px) * .5625); bottom: 0; pointer-events: none;
    background: linear-gradient(180deg,
      rgba(14,17,22,0) 0%, rgba(14,17,22,.38) 52%, rgba(14,17,22,.90) 100%);
  }
  html:not([data-shell="tv"]):not(.cine-on) [data-hero] .hero-body { position: relative; z-index: 3; }

  html:not([data-shell="tv"]):not(.cine-on) [data-hero] .hero-art {
    
    background-size: 100% auto !important;
    background-position: 50% 0 !important;
    background-repeat: no-repeat !important;
    
    
    
    
    -webkit-mask-image: none !important;
    mask-image: none !important;
    z-index: 2 !important;   
  }
  
  html:not([data-shell="tv"]):not(.cine-on) [data-hero] {
    min-height: 0 !important;
    height: auto !important;
  }
  html:not([data-shell="tv"]):not(.cine-on) [data-hero] .hero-body {
    position: relative;
    z-index: 2 !important;
    width: 100%;
    
    max-width: none !important;
    padding-top: calc((100vw - 24px) * .66) !important;
  }
  html:not([data-shell="tv"]):not(.cine-on) .hero-body .hero-title {
    
    font-size: clamp(30px, 10vw, 46px);
    
    line-height: calc(clamp(30px, 10vw, 46px) * 1.12);
    
    white-space: nowrap !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    max-width: none !important;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


html.cine-on .bar [data-role="saved-filter"][aria-pressed="true"],
html.cine-on .bar [data-role="saved-edit"][aria-pressed="true"] {
  background: color-mix(in srgb, var(--n-text) 14%, transparent);
  color: var(--n-text);
}
html.cine-on body.cine-top .bar .avatar:focus-visible {
  background: transparent !important;
}


html.cine-on:not([data-shell="tv"]) body.cine-store .title-page .title-meta,
html.cine-on:not([data-shell="tv"]) body.cine-store .title-page .title-fileline {
  font-size: clamp(15px, 1.05vw, 19px) !important;
}



html.cine-on[data-shell="tv"] body.cine-store .title-page .title-meta,
html.cine-on[data-shell="tv"] body.cine-store .title-page .title-fileline {
  font-size: 26px !important;
}
html.cine-on[data-shell="tv"] body.cine-store.is-title .bar .bar-back:not([hidden]) {
  left: 65px;
}
html.cine-on[data-shell="tv"] body.cine-store.is-title .cine-clock {
  padding-left: 130px;
}



html.cine-on body.cine-store.is-title .bar .bar-back:not([hidden]) {
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html.cine-on:not([data-shell="tv"]) body.cine-store.is-title .bar .bar-back:not([hidden]) {
  left: 6.8px !important;
  
  transform: translateY(calc(-50% + 12px)) !important;
}
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar .bar-back:hover,
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar .avatar:hover,
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar [data-role="search"]:hover,
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar [data-role="categories"]:hover,
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar [data-role="filter"]:hover,
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar [data-role="saved-filter"]:hover,
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar [data-role="saved-edit"]:hover,
html.cine-on:not([data-shell="tv"]) body.cine-top:not(.is-touch) .bar [data-role="reorder"]:hover,
html.cine-on:not([data-shell="tv"]) body.cine-store.is-title:not(.is-touch) .bar .bar-back:hover {
  color: #fff !important;
  background: rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}


html.cine-on body.cine-store.is-title .cine-clock { display: block !important; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible {
  
  border-color: transparent !important;
  background: rgba(8, 12, 18, .92) !important;
  color: var(--n-text) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px #fff, 0 16px 40px rgba(0, 0, 0, .6) !important;
  transform: scale(1.03);
  position: relative;
  z-index: 2;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible * {
  color: var(--n-text) !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .fct.pic {
  color: #d3f1ff !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .fct.src {
  color: #ffd9a8 !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .inst,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .inst .m,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .inst svg {
  color: #6fe0a6 !important;
  fill: #6fe0a6 !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .qual.is-cam {
  color: rgb(232, 192, 115) !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .by,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .lang {
  color: rgba(255, 255, 255, .92) !important;
}


html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .pic b { font-weight: 600; }
.sc .pic-superb b    { color: #5fd38a !important; }
.sc .pic-excellent b { color: #93d96a !important; }
.sc .pic-very b      { color: #cfd96a !important; }
.sc .pic-good b      { color: #f0c674 !important; }
.sc .pic-poor b      { color: #e8826a !important; }

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .pic-superb b    { color: #5fd38a !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .pic-excellent b { color: #93d96a !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .pic-very b      { color: #cfd96a !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .pic-good b      { color: #f0c674 !important; }
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible .pic-poor b      { color: #e8826a !important; }


html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts div.pic,

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts div.hdrline,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts div.lang {
  align-items: flex-start !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts div.pic b,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts div.lang b {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: break-word !important;
}


html.cine-on[data-shell="tv"] body.cine-store .title-page .sc:focus-visible {
  box-shadow: inset 0 0 0 4px #fff !important;
  transform: none !important;
  background: rgba(22, 30, 42, .96) !important;
}



html:not([data-shell="tv"]) .title-page .sc {
  flex: 0 0 calc((100% - 3 * 12px) / 4);
  width: auto;
  flex-direction: row;
  padding: 0;
  gap: 0;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(8, 12, 18, .82);
  border: 1px solid rgba(255, 255, 255, .22);
  box-shadow: none;
}

html:not([data-shell="tv"]) .title-page .sc > .lead {
  flex: 0 0 86px;
  
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 5px;
  background: rgba(154, 230, 255, .12);
  border-right: 1px solid rgba(154, 230, 255, .26);
  min-height: 0;
}
html:not([data-shell="tv"]) .title-page .sc .qual { order: 1; font-size: 22px; line-height: 1; }
html:not([data-shell="tv"]) .title-page .sc .inst { order: 2; font-size: 0; border: 0;
  background: none; box-shadow: none; padding: 0; gap: 0; }
html:not([data-shell="tv"]) .title-page .sc .inst .m { width: 15px; height: 15px; flex: 0 0 15px; }
html:not([data-shell="tv"]) .title-page .sc .by {
  order: 3;
  margin-left: 0;
  font-size: 12px;
  line-height: 1.15;
  text-align: center;
  
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  text-overflow: clip;
  max-width: 100%;
  color: rgba(255, 255, 255, .92);
}
html:not([data-shell="tv"]) .title-page .sc > .facts {
  border-top: 0;
  padding: 10px 12px;
  gap: 7px;
  justify-content: center;
  min-width: 0;
  flex: 1 1 auto;
}
html:not([data-shell="tv"]) .title-page .sc .facts div { font-size: 14px; line-height: 1.3; }
html:not([data-shell="tv"]) .title-page .sc .fct { font-size: 14px; padding: 3px 9px; }

html:not([data-shell="tv"]) .title-page .sc .fct.con,
html:not([data-shell="tv"]) .title-page .sc .fct.vid,
html:not([data-shell="tv"]) .title-page .sc .fct.rate { display: none; }

html:not([data-shell="tv"]) .title-page .sc .facts div.pic,
html:not([data-shell="tv"]) .title-page .sc .facts div.hdrline,
html:not([data-shell="tv"]) .title-page .sc .facts div.lang { align-items: flex-start; }
html:not([data-shell="tv"]) .title-page .sc .facts div.pic b,
html:not([data-shell="tv"]) .title-page .sc .facts div.lang b {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: break-word;
}

@media (max-width: 699px) {
  html:not([data-shell="tv"]) .title-page .sc { flex: 0 0 240px; }
  html:not([data-shell="tv"]) .title-page .sc > .lead { flex: 0 0 74px; }
  html:not([data-shell="tv"]) .title-page .sc .qual { font-size: 19px; }
}



html.cine-on[data-shell="tv"] body.cine-store .title-page .sc svg.m {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  opacity: .85 !important;
  margin-top: 0 !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts > div.pic,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts > div.snd,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts > div.hdrline,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts > div.lang,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts > div.ed,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts > div.warn3d {
  display: grid !important;
  grid-template-columns: 19px 1fr !important;
  align-items: center !important;
  column-gap: 10px !important;
  min-height: 28px !important;
}



.sc .facts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .sc .facts {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc > .facts,
html.cine-on[data-shell="tv"] body.cine-store .title-page .sc > .lead {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}





html.cine-on[data-shell="tv"] body.cine-store .title-page .srcs-head {
  letter-spacing: .005em;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #fff !important;
}
html.cine-on[data-shell="tv"] body.cine-store .title-page .srcs-scope {
  color: #fff !important;
  font-weight: 700 !important;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .srcs-count {
  margin-left: 14px;
  letter-spacing: .005em;
  
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #fff !important;
}


html.cine-on[data-shell="tv"] body.cine-store .title-page .srcs-pick {
  font-size: 21px;
  padding: 10px 44px 10px 18px;
  border-radius: 12px;
  color: #fff !important;
  
  
  background-color: rgba(8, 12, 18, .82) !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  box-shadow: none !important;
  background-repeat: no-repeat !important;
  background-size: 22px 22px !important;
  background-position: right 14px center !important;
  
  
  width: auto !important;
  flex: 0 0 auto !important;
  max-width: none;
}

html.cine-on[data-shell="tv"] body.cine-store .title-page .srcs-pick.is-narrowed {
  background-color: rgba(8, 12, 18, .94) !important;
  border-color: rgba(255, 255, 255, .46) !important;
}


.srcs-progress {
  height: 2px;
  margin: -6px 0 10px;
  border-radius: 2px;
  background: rgba(255, 255, 255, .10);
  overflow: hidden;
  transition: opacity .3s ease;
}
.srcs-progress > i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, .55);
  transition: width .35s ease;
}
.srcs-progress.is-done { opacity: 0; }
.srcs-progress[hidden] { display: none; }

html.cine-on[data-shell="tv"] body.cine-store .title-page .srcs-progress {
  height: 3px;
  margin: -4px 0 14px;
}
