/* Final Cinema polish: intentionally loaded after the legacy desktop styles. */

.cinema-ticker,
.cinema-nav {
  display: none !important;
}

.cinema-header {
  height: 54px;
  min-height: 54px;
  padding: 0 15px 0 19px;
  border-bottom: 1px solid rgba(237, 218, 206, .12);
  background: rgba(10, 11, 14, .86);
}

.cinema-wordmark {
  width: auto;
  flex: 1;
}

.cinema-wordmark__icon {
  display: none;
}

.cinema-wordmark h2 {
  font-size: 17px;
}

.cinema-header__actions {
  width: auto;
  flex: 0 0 auto;
}

.cinema-library {
  grid-template-rows: 82px minmax(280px, 1fr);
}

.cinema-selection {
  display: none !important;
}

.cinema-coverflow-shell {
  margin-bottom: 8px;
}

.cinema-card {
  will-change: left, width, opacity, transform, filter;
  transition:
    left 640ms cubic-bezier(.22, .74, .18, 1),
    width 640ms cubic-bezier(.22, .74, .18, 1),
    opacity 520ms ease,
    transform 640ms cubic-bezier(.22, .74, .18, 1),
    filter 520ms ease,
    box-shadow 520ms ease;
}

.cinema-card__visual {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
  transform: translate3d(0, 0, 0);
  transform-origin: center center;
  backface-visibility: hidden;
}

.cinema-card__visual::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  content: "";
  background:
    linear-gradient(105deg, rgba(255, 255, 255, .14), transparent 24%),
    linear-gradient(0deg, rgba(2, 4, 7, .22), transparent 46%);
  opacity: .5;
  pointer-events: none;
}

.cinema-card.is-current .cinema-card__visual::after {
  opacity: .18;
}

.cinema-card[data-position="-4"] {
  left: 0;
  z-index: 1;
  width: clamp(175px, 18vw, 270px);
  opacity: 0;
  filter: none;
  pointer-events: none;
  transform: translate(-128%, -50%) translateZ(-240px) rotateY(54deg) scale(.8);
  transform-origin: right center;
}

.cinema-card[data-position="4"] {
  left: 100%;
  z-index: 1;
  width: clamp(175px, 18vw, 270px);
  opacity: 0;
  filter: none;
  pointer-events: none;
  transform: translate(28%, -50%) translateZ(-240px) rotateY(-54deg) scale(.8);
  transform-origin: left center;
}

.cinema-card.is-recycling {
  visibility: hidden;
  transition: none !important;
}

.cinema-coverflow.is-sliding {
  pointer-events: none;
}

.cinema-coverflow.is-sliding .cinema-card__visual {
  animation: none !important;
}

.cinema-card:hover .cinema-card__visual {
  box-shadow: 0 0 0 1px rgba(238, 220, 203, .32), 0 18px 36px rgba(0, 0, 0, .34);
  filter: brightness(1.07) saturate(1.04);
}

.cinema-arrow {
  transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.cinema-arrow:hover {
  transform: translateY(-50%) scale(1.08);
}

.cinema-arrow:active {
  transform: translateY(-50%) scale(.94);
}

@media (max-width: 980px) {
  .cinema-library {
    grid-template-rows: 76px minmax(240px, 1fr);
  }
}

@media (max-width: 680px) {
  .cinema-library {
    grid-template-rows: 72px minmax(200px, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cinema-card {
    transition: none;
  }
}

/* Cinema 7: full-bleed movie hero with a compact thumbnail rail. */

.cinema-library {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  background: #000 !important;
}

.cinema-hero {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #000;
  background-position: center;
  background-size: cover;
}

.cinema-hero::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .44) 25%, rgba(0, 0, 0, .08) 55%, transparent 72%);
  pointer-events: none;
}

.cinema-hero__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  transform: scale(1.001);
}

.cinema-hero.is-changing .cinema-hero__image {
  animation: cinema-hero-reveal 260ms ease-out both;
}

@keyframes cinema-hero-reveal {
  from { opacity: 0; transform: scale(1.012); }
  to { opacity: 1; transform: scale(1.001); }
}

.cinema-hero__content {
  position: absolute;
  bottom: 34px;
  left: 34px;
  z-index: 3;
  display: grid;
  max-width: 46%;
  align-items: end;
  grid-template-columns: minmax(0, auto) 50px;
  grid-template-rows: auto auto;
  column-gap: 16px;
  row-gap: 8px;
}

.cinema-hero__content h3 {
  margin: 0;
  grid-column: 1;
  grid-row: 1;
  color: #fff;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: .98;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .5);
}

.cinema-hero__meta {
  margin: 0;
  grid-column: 1;
  grid-row: 2;
  color: rgba(255, 255, 255, .74);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}

.cinema-watch {
  display: grid;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0 0 0 3px;
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  color: #0a0a0a;
  background: #f2f2f2;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.cinema-watch span:last-child {
  display: none;
}

.cinema-watch:hover {
  border-color: #fff;
  color: #000;
  background: #fff;
  filter: none;
  transform: translateY(-1px);
}

.cinema-coverflow-shell {
  position: absolute;
  right: 28px;
  bottom: 24px;
  z-index: 4;
  width: min(470px, 54%);
  height: 148px;
  margin: 0;
  overflow: visible;
  transform: none;
}

.cinema-coverflow {
  position: absolute;
  inset: 0 36px;
  overflow: hidden;
  perspective: none;
  transform-style: flat;
}

.cinema-card {
  top: 58px;
  left: 50%;
  width: 74px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  opacity: 1;
  background: transparent;
  box-shadow: none;
  filter: none !important;
  transform-style: flat;
  transition: transform 230ms cubic-bezier(.2, .75, .25, 1), opacity 170ms ease;
}

.cinema-card[data-position="-3"],
.cinema-card[data-position="-2"],
.cinema-card[data-position="3"],
.cinema-card[data-position="-4"],
.cinema-card[data-position="4"] {
  top: 58px;
  left: 50%;
  width: 74px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(.96);
}

.cinema-card[data-position="-1"] {
  left: 50%;
  z-index: 4;
  opacity: 1;
  transform: translate(calc(-50% - 120px), -50%);
}

.cinema-card[data-position="0"] {
  left: 50%;
  z-index: 5;
  opacity: 1;
  transform: translate(calc(-50% - 40px), -50%);
}

.cinema-card[data-position="1"] {
  left: 50%;
  z-index: 4;
  opacity: 1;
  transform: translate(calc(-50% + 40px), -50%);
}

.cinema-card[data-position="2"] {
  top: 58px;
  left: 50%;
  z-index: 3;
  width: 74px;
  opacity: 1;
  pointer-events: auto;
  transform: translate(calc(-50% + 120px), -50%);
}

.cinema-card__visual {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 6px;
  background: #090909;
  box-shadow: none;
  transform: none;
}

.cinema-card img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  background: #090909;
  box-shadow: none;
}

.cinema-card.is-current .cinema-card__visual {
  border-color: #fff;
}

.cinema-card.is-playing .cinema-card__visual {
  border-color: #d6b565;
}

.cinema-card:hover .cinema-card__visual {
  border-color: rgba(255, 255, 255, .72);
  box-shadow: none;
  filter: none;
}

.cinema-card.is-edge .cinema-card__caption,
.cinema-card:not(.is-current) .cinema-card__caption,
.cinema-card__caption {
  display: block;
  right: -3px;
  bottom: -19px;
  left: -3px;
  color: rgba(255, 255, 255, .82);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
  opacity: 1;
  text-align: center;
  text-transform: none;
}

.cinema-arrow {
  top: 58px;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 7px;
  color: #eee;
  background: rgba(0, 0, 0, .58);
  box-shadow: none;
  font-size: 18px;
  backdrop-filter: none;
}

.cinema-arrow--previous { left: 0; }
.cinema-arrow--next { right: 0; }

.cinema-arrow:hover,
.cinema-arrow:active {
  border-color: rgba(255, 255, 255, .52);
  color: #fff;
  background: rgba(0, 0, 0, .82);
  transform: translateY(-50%);
}

@media (max-width: 980px) {
  .cinema-hero__content {
    bottom: 30px;
    left: 24px;
    max-width: 36%;
  }

  .cinema-coverflow-shell {
    right: 18px;
    width: min(420px, 58%);
  }
}

@media (max-width: 680px) {
  .cinema-hero__content {
    right: 16px;
    bottom: 185px;
    left: 16px;
    max-width: none;
  }

  .cinema-hero__content h3 {
    font-size: 30px;
  }

  .cinema-coverflow-shell {
    right: 10px;
    bottom: 18px;
    left: 10px;
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cinema-hero.is-changing .cinema-hero__image {
    animation: none;
  }
}

/* Immersive player: a large picture with a compact orange control deck. */

.cinema-layout {
  grid-template-columns: minmax(0, 1fr) clamp(225px, 20vw, 310px);
}

.cinema-player-view {
  display: flex;
  min-height: 0;
  padding: 10px 14px 12px;
  flex-direction: column;
}

.cinema-player-view[hidden] {
  display: none;
}

.cinema-player-view__topline {
  min-height: 43px;
  margin: 0 2px 8px;
}

.cinema-player-view__topline > button {
  padding: 7px 12px;
  border-color: rgba(239, 117, 39, .22);
  color: #b9bdc5;
  background: rgba(16, 20, 26, .68);
}

.cinema-player-view__topline > div > span {
  color: #ef792d;
}

.cinema-player-view__topline > div > strong {
  max-width: 58vw;
  font-size: clamp(15px, 1.55vw, 23px);
}

.cinema-player-card {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 7px;
  background: #090d12;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .52), 0 0 65px rgba(224, 91, 27, .08);
}

.cinema-screen {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  flex: 1;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #020407;
  box-shadow: none;
}

.cinema-screen::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(180deg, transparent 58%, rgba(3, 7, 11, .22) 72%, rgba(3, 7, 11, .88));
  opacity: .78;
  pointer-events: none;
  transition: opacity 220ms ease;
}

.cinema-screen.controls-hidden::after {
  opacity: 0;
}

.cinema-screen video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #020407;
}

.cinema-player-controls {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  color: #dce0e5;
  background: linear-gradient(180deg, transparent, rgba(5, 10, 15, .88) 28%, rgba(8, 14, 20, .98));
  opacity: 1;
  transform: translateY(0);
  transition: opacity 220ms ease, transform 220ms ease;
}

.cinema-screen.controls-hidden .cinema-player-controls,
.cinema-screen.controls-hidden .cinema-center-play {
  opacity: 0;
  pointer-events: none;
  transform: translateY(14px);
}

.cinema-progress,
.cinema-volume {
  --range-fill: 0%;
  height: 4px;
  margin: 0;
  appearance: none;
  border: 0;
  border-radius: 999px;
  outline: 0;
  background: linear-gradient(90deg, #f17a2c var(--range-fill), rgba(255, 255, 255, .18) var(--range-fill));
  cursor: pointer;
}

.cinema-progress {
  display: block;
  width: 100%;
  height: 5px;
  border-radius: 0;
}

.cinema-progress::-webkit-slider-thumb,
.cinema-volume::-webkit-slider-thumb {
  width: 13px;
  height: 13px;
  appearance: none;
  border: 2px solid #141b22;
  border-radius: 50%;
  background: #f17a2c;
  box-shadow: 0 0 0 2px rgba(241, 122, 44, .3);
}

.cinema-progress::-moz-range-thumb,
.cinema-volume::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: 2px solid #141b22;
  border-radius: 50%;
  background: #f17a2c;
}

.cinema-control-deck {
  display: grid;
  min-height: 72px;
  padding: 10px 16px 11px;
  align-items: center;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  gap: 16px;
}

.cinema-control-deck button {
  display: grid;
  padding: 0;
  place-items: center;
  border: 0;
  color: #9ca4ae;
  background: transparent;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.cinema-control-deck button:hover,
.cinema-control-deck button.is-active {
  color: #ff8b3d;
}

.cinema-control-deck button:disabled,
.cinema-progress:disabled {
  opacity: .42;
  cursor: wait;
}

.cinema-control-deck__movie {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.cinema-reel-mark {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #111820;
  background: #f17a2c;
  box-shadow: 0 6px 18px rgba(241, 122, 44, .25);
  font-size: 21px;
}

.cinema-control-deck__movie div {
  min-width: 0;
}

.cinema-control-deck__movie strong,
.cinema-control-deck__movie span:not(.cinema-reel-mark) {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cinema-control-deck__movie strong {
  max-width: 24vw;
  color: #e8ebee;
  font-size: 11px;
  font-weight: 600;
}

.cinema-control-deck__movie span:not(.cinema-reel-mark) {
  margin-top: 4px;
  color: #737d88;
  font-size: 9px;
}

.cinema-playback-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cinema-playback-controls > button:not(.cinema-toggle-play) {
  position: relative;
  width: 30px;
  height: 30px;
  font-size: 22px;
}

.cinema-playback-controls small {
  position: absolute;
  font-size: 7px;
  font-weight: 700;
}

.cinema-toggle-play,
.cinema-center-play {
  border-radius: 50%;
  color: #111820;
  background: linear-gradient(145deg, #ff974d, #e6661e);
  box-shadow: 0 8px 24px rgba(234, 94, 22, .34), inset 0 1px rgba(255, 255, 255, .35);
}

.cinema-control-deck .cinema-toggle-play {
  width: 48px;
  height: 48px;
  color: #10171d;
  background: linear-gradient(145deg, #ff974d, #e6661e);
}

.cinema-toggle-play:hover,
.cinema-center-play:hover {
  color: #0b1015 !important;
  transform: scale(1.06);
}

.cinema-toggle-play svg,
.cinema-center-play svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.cinema-icon-pause {
  display: none;
}

.is-playing .cinema-icon-play {
  display: none;
}

.is-playing .cinema-icon-pause {
  display: block;
}

.cinema-center-play {
  position: absolute;
  top: 47%;
  left: 50%;
  z-index: 6;
  display: grid;
  width: 76px;
  height: 76px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .32);
  opacity: .95;
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: opacity 180ms ease, transform 180ms ease;
}

.cinema-center-play.is-playing {
  opacity: 0;
  pointer-events: none;
}

.cinema-center-play:hover {
  transform: translate(-50%, -50%) scale(1.07);
}

.cinema-sync-gate {
  position: absolute;
  top: 46%;
  left: 50%;
  z-index: 10;
  display: grid;
  min-width: 250px;
  padding: 20px 24px;
  place-items: center;
  border: 1px solid rgba(255, 139, 61, .2);
  border-radius: 13px;
  color: #e9edf0;
  background: rgba(8, 13, 18, .86);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .48);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -48%) scale(.96);
  transition: opacity 180ms ease, transform 180ms ease;
  backdrop-filter: none;
}

.cinema-screen.is-synchronizing .cinema-sync-gate {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.cinema-screen.is-synchronizing .cinema-center-play {
  opacity: 0;
  pointer-events: none;
}

.cinema-sync-gate > span {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  border: 3px solid rgba(255, 255, 255, .13);
  border-top-color: #f17a2c;
  border-radius: 50%;
  animation: cinema-sync-spin 700ms linear infinite;
}

.cinema-sync-gate strong {
  font-size: 11px;
  letter-spacing: .04em;
}

.cinema-sync-gate small {
  margin-top: 5px;
  color: #7f8993;
  font-size: 8px;
}

@keyframes cinema-sync-spin {
  to { transform: rotate(360deg); }
}

.cinema-control-deck__tools {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 11px;
}

.cinema-control-deck__tools button {
  width: 31px;
  height: 31px;
}

.cinema-control-deck__tools svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cinema-volume {
  width: clamp(54px, 7vw, 95px);
  --range-fill: 100%;
}

.cinema-subtitles-button {
  font: 600 18px/1 Georgia, serif;
}

.cinema-play-fallback {
  top: calc(47% + 60px);
  z-index: 7;
  border-color: rgba(255, 255, 255, .18);
  color: #15191d;
  background: #f17a2c;
}

.cinema-sync-status {
  position: static;
  min-height: 29px;
  margin: 0;
  padding: 8px 13px 7px;
  border-top: 1px solid rgba(255, 255, 255, .055);
  color: #69737e;
  background: #0a0f14;
  font-size: 8px;
  text-align: right;
}

.cinema-subtitle-layer {
  position: absolute;
  inset: 0;
  z-index: 5;
  overflow: hidden;
  pointer-events: none;
}

.cinema-subtitle-cue {
  position: absolute;
  right: 4%;
  left: 4%;
  color: #fff;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  white-space: pre-line;
  text-shadow: -2px -2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, 2px 2px 2px #000, 0 3px 8px #000;
  transition: bottom 220ms ease;
}

.cinema-subtitle-cue:empty {
  display: none;
}

.cinema-subtitle-cue--one {
  bottom: 128px;
}

.cinema-subtitle-cue--two {
  bottom: 88px;
  color: #ffd166;
  font-size: 28px;
}

.cinema-screen.controls-hidden .cinema-subtitle-cue--one {
  bottom: 64px;
}

.cinema-screen.controls-hidden .cinema-subtitle-cue--two {
  bottom: 22px;
}

.cinema-subtitles-panel {
  position: absolute;
  right: 16px;
  bottom: 86px;
  z-index: 12;
  width: min(380px, calc(100% - 32px));
  max-height: calc(100% - 110px);
  padding: 14px;
  overflow: auto;
  border: 1px solid rgba(255, 143, 67, .28);
  border-radius: 12px;
  color: #d8dde2;
  background: rgba(12, 18, 24, .96);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .58), 0 0 35px rgba(241, 122, 44, .08);
  backdrop-filter: none;
}

.cinema-subtitles-panel[hidden] {
  display: none;
}

.cinema-subtitles-panel > header,
.cinema-subtitle-track__heading,
.cinema-subtitle-style-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cinema-subtitles-panel > header {
  margin-bottom: 11px;
  text-align: right;
}

.cinema-subtitles-panel > header span,
.cinema-subtitles-panel > header strong {
  display: block;
}

.cinema-subtitles-panel > header span {
  color: #f17a2c;
  font-size: 8px;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.cinema-subtitles-panel > header strong {
  margin-top: 3px;
  color: #fff;
  font-size: 15px;
}

.cinema-subtitles-panel > header button,
.cinema-subtitle-track button {
  border: 1px solid rgba(255, 255, 255, .1);
  color: #aab1b8;
  background: rgba(255, 255, 255, .045);
  cursor: pointer;
}

.cinema-subtitles-panel > header button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 20px;
}

.cinema-subtitle-track {
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 9px;
  background: rgba(255, 255, 255, .025);
  direction: rtl;
}

.cinema-subtitle-track + .cinema-subtitle-track {
  margin-top: 9px;
}

.cinema-subtitle-track__heading strong {
  color: #f0f2f4;
  font-size: 12px;
}

.cinema-subtitle-clear {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 9px;
}

.cinema-subtitle-upload {
  display: grid;
  height: 34px;
  margin-top: 9px;
  place-items: center;
  border: 1px dashed rgba(241, 122, 44, .4);
  border-radius: 7px;
  color: #f49555;
  background: rgba(241, 122, 44, .055);
  font-size: 10px;
  cursor: pointer;
}

.cinema-subtitle-upload:hover {
  border-color: rgba(241, 122, 44, .72);
  background: rgba(241, 122, 44, .1);
}

.cinema-subtitle-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.cinema-subtitle-name {
  display: block;
  margin: 6px 2px 8px;
  overflow: hidden;
  color: #727c86;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cinema-subtitle-style-row > label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #939ca5;
  font-size: 9px;
}

.cinema-subtitle-style-row input[type="color"] {
  width: 30px;
  height: 23px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 5px;
  background: #171d23;
  cursor: pointer;
}

.cinema-subtitle-size {
  display: flex;
  align-items: center;
  direction: ltr;
  gap: 5px;
}

.cinema-subtitle-size button {
  width: 26px;
  height: 24px;
  border-radius: 6px;
  font-size: 15px;
}

.cinema-subtitle-size output {
  min-width: 38px;
  color: #b8c0c7;
  font-size: 9px;
  text-align: center;
}

.cinema-subtitles-panel button:hover,
.cinema-subtitle-track button:hover {
  border-color: rgba(241, 122, 44, .4);
  color: #ff9b58;
}

.cinema-screen:fullscreen {
  background: #000;
}

.cinema-screen:fullscreen .cinema-subtitle-cue--one {
  bottom: 144px;
}

.cinema-screen:fullscreen .cinema-subtitle-cue--two {
  bottom: 100px;
}

@media (max-width: 980px) {
  .cinema-layout {
    grid-template-columns: minmax(0, 1fr) clamp(190px, 24vw, 235px);
  }

  .cinema-control-deck {
    padding-right: 10px;
    padding-left: 10px;
    grid-template-columns: minmax(110px, 1fr) auto minmax(110px, 1fr);
    gap: 8px;
  }

  .cinema-control-deck__movie strong {
    max-width: 16vw;
  }

  .cinema-volume {
    width: 54px;
  }
}

@media (max-width: 720px) {
  .cinema-control-deck {
    grid-template-columns: auto 1fr auto;
  }

  .cinema-control-deck__movie div,
  .cinema-volume {
    display: none;
  }

  .cinema-playback-controls {
    justify-content: center;
  }

  .cinema-center-play {
    width: 62px;
    height: 62px;
  }

  .cinema-subtitle-cue {
    font-size: min(26px, 4.5vw) !important;
  }
}

/* Quiet black screening surface: no decorative compositing behind the movie. */

.cinema-window,
.cinema-window.is-active,
.cinema-window.is-maximized,
.cinema-chassis,
.cinema-header,
.cinema-layout,
.cinema-main,
.cinema-library,
.cinema-player-view,
.cinema-player-card,
.cinema-screen,
.cinema-screen video,
.cinema-sync-status,
.cinema-call-sidebar {
  background: #000 !important;
}

.cinema-backdrop-glow,
.cinema-aurora,
.cinema-main::after,
.cinema-coverflow::before,
.cinema-coverflow::after,
.cinema-card__visual::after,
.cinema-screen::after {
  display: none !important;
}

.cinema-window,
.cinema-chassis,
.cinema-player-card,
.cinema-screen,
.cinema-sync-gate,
.cinema-subtitles-panel {
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.cinema-header {
  border-bottom-color: #191919;
}

.cinema-main {
  border-right-color: #191919;
}

.cinema-player-card {
  border-color: #202020;
}

.cinema-player-controls {
  background: rgba(0, 0, 0, .94);
}

.cinema-card,
.cinema-card__visual {
  will-change: auto;
  filter: none !important;
}

.cinema-card {
  box-shadow: none;
  transition: transform 220ms ease, opacity 180ms ease;
}

.cinema-card:hover .cinema-card__visual {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}

.cinema-toggle-play,
.cinema-center-play,
.cinema-control-deck .cinema-toggle-play,
.cinema-reel-mark {
  background: #f17a2c;
  box-shadow: none;
}

.cinema-window.is-player-view .cinema-player-view {
  background: #000;
}

/* Cinema 6: exact restrained black library and player layout. */

.cinema-window,
.cinema-window.is-active,
.cinema-window.is-maximized {
  display: flex;
  padding: 0;
  background: #000 !important;
}

.cinema-chassis {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: #000 !important;
}

.cinema-header {
  height: 52px;
  min-height: 52px;
  padding: 0 16px 0 22px;
  border-bottom: 1px solid #1d1d1d;
  background: #000 !important;
  backdrop-filter: none;
}

.cinema-wordmark {
  width: auto;
  flex: 1;
}

.cinema-wordmark h2 {
  color: #f5f5f5;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.cinema-header__actions {
  width: auto;
  flex: 0 0 auto;
  gap: 10px;
}

.cinema-now-playing,
.cinema-close {
  border: 1px solid #2b2b2b;
  color: #d8d8d8;
  background: #090909;
  box-shadow: none;
  backdrop-filter: none;
}

.cinema-now-playing {
  height: 30px;
  padding: 0 11px;
  border-radius: 8px;
  font-size: 9px;
  letter-spacing: .06em;
}

.cinema-now-playing:hover {
  border-color: #525252;
  color: #fff;
  background: #111;
}

.cinema-close {
  width: 30px;
  height: 30px;
  padding: 0 0 2px;
  border-radius: 8px;
  font-size: 21px;
  transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease;
}

.cinema-close:hover {
  border-color: #5b3131;
  color: #fff;
  background: #231111;
  transform: none;
}

.cinema-layout {
  min-height: 0;
  flex: 1;
  grid-template-columns: minmax(0, 1fr) 250px;
  background: #000 !important;
}

.cinema-main {
  min-width: 0;
  min-height: 0;
  border: 0;
  background: #000 !important;
}

.cinema-library,
.cinema-player-view {
  background: #000 !important;
}

.cinema-library:not([hidden]),
.cinema-player-view:not([hidden]) {
  animation: cinema-view-enter 180ms ease-out both;
}

@keyframes cinema-view-enter {
  from { transform: translateY(5px); }
  to { transform: translateY(0); }
}

.cinema-library {
  padding: 25px 32px 28px;
  grid-template-rows: 48px minmax(0, 1fr);
}

.cinema-library__heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

.cinema-library__heading h3 {
  margin: 0;
  color: #efefef;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -.01em;
  text-shadow: none;
}

.cinema-selection {
  display: none !important;
}

.cinema-coverflow-shell {
  min-height: 0;
  margin: 0;
  overflow: hidden;
  transform: translateY(0);
}

.cinema-coverflow {
  inset: 0 48px;
  overflow: hidden;
  perspective: none;
  transform-style: flat;
}

.cinema-coverflow::before,
.cinema-coverflow::after,
.cinema-card::after,
.cinema-card__visual::after {
  display: none !important;
}

.cinema-card {
  top: 50%;
  left: 50%;
  width: clamp(104px, 13.35vw, 184px);
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 9px;
  opacity: 1;
  background: transparent;
  box-shadow: none;
  filter: none !important;
  transform-style: flat;
  transition: transform 240ms cubic-bezier(.2, .75, .25, 1), opacity 180ms ease;
  will-change: auto;
}

.cinema-card[data-position="-3"],
.cinema-card[data-position="-2"],
.cinema-card[data-position="3"],
.cinema-card[data-position="-4"],
.cinema-card[data-position="4"] {
  left: 50%;
  width: clamp(104px, 13.35vw, 184px);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(.96);
}

.cinema-card[data-position="-1"] {
  left: calc(50% + 3px);
  z-index: 4;
  transform: translate(calc(-50% - clamp(164px, 20vw, 294px)), -50%);
}

.cinema-card[data-position="0"] {
  left: calc(50% + 3px);
  z-index: 5;
  transform: translate(calc(-50% - clamp(55px, 6.7vw, 98px)), -50%);
}

.cinema-card[data-position="1"] {
  left: calc(50% + 3px);
  z-index: 4;
  transform: translate(calc(-50% + clamp(55px, 6.7vw, 98px)), -50%);
}

.cinema-card[data-position="2"] {
  left: calc(50% + 3px);
  z-index: 3;
  opacity: 1;
  pointer-events: auto;
  transform: translate(calc(-50% + clamp(164px, 20vw, 294px)), -50%);
}

.cinema-card__visual {
  overflow: hidden;
  border: 1px solid #252525;
  border-radius: 8px;
  background: #090909;
  box-shadow: none;
  transform: none;
}

.cinema-card img {
  border: 0;
  border-radius: 0;
  background: #090909;
  box-shadow: none;
}

.cinema-card.is-current,
.cinema-card.is-current .cinema-card__visual {
  box-shadow: none;
  filter: none;
}

.cinema-card.is-current .cinema-card__visual {
  border-color: #746a4c;
}

.cinema-card.is-playing .cinema-card__visual {
  border-color: #9a8350;
}

.cinema-card:hover .cinema-card__visual {
  border-color: #777;
  box-shadow: none;
  filter: none;
}

.cinema-card:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

.cinema-card.is-edge .cinema-card__caption,
.cinema-card:not(.is-current) .cinema-card__caption,
.cinema-card__caption {
  display: block;
  right: 0;
  bottom: -29px;
  left: 0;
  color: #d8d8d8;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  opacity: 1;
  text-align: left;
  text-transform: none;
}

.cinema-arrow {
  width: 34px;
  height: 34px;
  border: 1px solid #2a2a2a;
  border-radius: 9px;
  color: #ddd;
  background: #090909;
  box-shadow: none;
  font-family: Arial, sans-serif;
  font-size: 23px;
  backdrop-filter: none;
  transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease;
}

.cinema-arrow--previous { left: 0; }
.cinema-arrow--next { right: 0; }

.cinema-arrow:hover {
  border-color: #555;
  color: #fff;
  background: #111;
  transform: translateY(-50%);
}

.cinema-arrow:active {
  transform: translateY(-50%);
}

.cinema-player-view {
  padding: 12px 14px 14px;
}

.cinema-player-view__topline {
  min-height: 42px;
  margin: 0 0 8px;
}

.cinema-player-view__topline > button {
  padding: 7px 10px;
  border: 1px solid #292929;
  border-radius: 8px;
  color: #c7c7c7;
  background: #090909;
}

.cinema-player-view__topline > button:hover {
  border-color: #555;
  color: #fff;
}

.cinema-player-view__topline > div > strong {
  max-width: 58vw;
  margin: 0;
  color: #eee;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.cinema-player-card,
.cinema-screen,
.cinema-screen video {
  border-radius: 8px;
  background: #000 !important;
  box-shadow: none !important;
}

.cinema-player-card {
  border: 1px solid #242424;
}

.cinema-screen {
  border-radius: 8px 8px 0 0;
}

.cinema-player-controls {
  background: rgba(0, 0, 0, .94) !important;
}

.cinema-progress,
.cinema-volume {
  background: #333;
}

.cinema-progress::-webkit-slider-thumb,
.cinema-volume::-webkit-slider-thumb {
  background: #eee;
  box-shadow: none;
}

.cinema-progress::-moz-range-thumb,
.cinema-volume::-moz-range-thumb {
  background: #eee;
  box-shadow: none;
}

.cinema-toggle-play,
.cinema-center-play,
.cinema-control-deck .cinema-toggle-play {
  color: #050505;
  background: #eee;
  box-shadow: none;
}

.cinema-control-deck button:hover,
.cinema-control-deck button.is-active {
  color: #fff;
}

.cinema-control-deck__movie {
  gap: 0;
}

.cinema-reel-mark {
  display: none;
}

.cinema-sync-gate,
.cinema-subtitles-panel,
.cinema-subtitle-track,
.cinema-subtitle-upload,
.cinema-play-fallback {
  background: #080808;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.cinema-sync-gate,
.cinema-subtitles-panel {
  border-color: #303030;
}

.cinema-sync-status {
  border-top-color: #222;
  color: #777;
  background: #050505 !important;
}

.cinema-call-sidebar {
  padding: 12px;
  border-left: 1px solid #1d1d1d;
  background: #050505 !important;
}

.cinema-call-sidebar__topline {
  height: 32px;
  min-height: 32px;
  color: #888;
  font-size: 9px;
}

.cinema-live-dot {
  width: 5px;
  height: 5px;
  background: #52b788;
  box-shadow: none;
}

.cinema-call-stage .skype-video-stack {
  gap: 6px;
  background: #050505;
}

.cinema-call-stage .skype-video-stack > video,
.cinema-call-stage .skype-video-stack > #remote-video,
.cinema-call-stage .skype-video-stack > .skype-local-video,
.cinema-call-stage .skype-video-stack > .skype-local-video:not(.has-stream),
.cinema-call-stage .skype-video-placeholder {
  border: 1px solid #242424;
  border-radius: 8px;
  background: #0a0a0a;
  box-shadow: none;
}

.cinema-call-controls {
  height: 62px;
  min-height: 62px;
  gap: 10px;
}

.cinema-call-control {
  width: 42px;
  height: 42px;
  border: 1px solid #303030;
  color: #ddd;
  background: #101010;
  box-shadow: none;
  transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease;
}

.cinema-call-control:hover {
  border-color: #555;
  color: #fff;
  background: #181818;
  transform: none;
}

.cinema-call-control.is-off {
  border-color: #633;
  background: #2a1111;
}

@media (max-width: 980px) {
  .cinema-layout {
    grid-template-columns: minmax(0, 1fr) 220px;
  }

  .cinema-library {
    padding-right: 18px;
    padding-left: 18px;
  }

  .cinema-coverflow {
    right: 38px;
    left: 38px;
  }
}

@media (max-width: 680px) {
  .cinema-header {
    height: 52px;
    min-height: 52px;
    padding: 0 10px 0 14px;
  }

  .cinema-layout {
    grid-template-columns: minmax(0, 1fr) 150px;
  }

  .cinema-library {
    padding: 12px 10px 16px;
    grid-template-rows: 40px minmax(0, 1fr);
  }

  .cinema-library__heading h3 {
    font-size: 17px;
  }

  .cinema-coverflow {
    right: 8px;
    left: 8px;
  }

  .cinema-card[data-position="-1"],
  .cinema-card[data-position="2"] {
    opacity: 0;
    pointer-events: none;
  }

  .cinema-card[data-position="0"] {
    transform: translate(calc(-50% - 58px), -50%);
  }

  .cinema-card[data-position="1"] {
    transform: translate(calc(-50% + 58px), -50%);
  }

  .cinema-arrow {
    display: none;
  }

  .cinema-call-sidebar {
    padding: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cinema-library:not([hidden]),
  .cinema-player-view:not([hidden]) {
    animation: none;
  }

  .cinema-card {
    transition: none;
  }
}

/* Final Hero rail cascade: keep these rules after all legacy Cinema layouts. */

.cinema-library {
  display: block;
  padding: 0;
  overflow: hidden;
}

.cinema-coverflow-shell {
  position: absolute;
  right: 28px;
  bottom: 24px;
  z-index: 4;
  width: min(470px, 54%);
  height: 148px;
  margin: 0;
  overflow: visible;
  transform: none;
}

.cinema-coverflow {
  position: absolute;
  inset: 0 36px;
  overflow: hidden;
  perspective: none;
  transform-style: flat;
}

.cinema-library .cinema-card,
.cinema-library .cinema-card[data-position="-3"],
.cinema-library .cinema-card[data-position="-2"],
.cinema-library .cinema-card[data-position="3"],
.cinema-library .cinema-card[data-position="-4"],
.cinema-library .cinema-card[data-position="4"] {
  top: 58px;
  left: 50%;
  width: 74px;
  border-radius: 6px;
  box-shadow: none;
  filter: none !important;
  transform-style: flat;
}

.cinema-library .cinema-card {
  opacity: 1;
  transition: transform 230ms cubic-bezier(.2, .75, .25, 1), opacity 170ms ease;
}

.cinema-library .cinema-card[data-position="-3"],
.cinema-library .cinema-card[data-position="-2"],
.cinema-library .cinema-card[data-position="3"],
.cinema-library .cinema-card[data-position="-4"],
.cinema-library .cinema-card[data-position="4"] {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(.96);
}

.cinema-library .cinema-card[data-position="-1"] {
  left: 50%;
  z-index: 4;
  opacity: 1;
  transform: translate(calc(-50% - 120px), -50%);
}

.cinema-library .cinema-card[data-position="0"] {
  left: 50%;
  z-index: 5;
  opacity: 1;
  transform: translate(calc(-50% - 40px), -50%);
}

.cinema-library .cinema-card[data-position="1"] {
  left: 50%;
  z-index: 4;
  opacity: 1;
  transform: translate(calc(-50% + 40px), -50%);
}

.cinema-library .cinema-card[data-position="2"] {
  left: 50%;
  z-index: 3;
  opacity: 1;
  pointer-events: auto;
  transform: translate(calc(-50% + 120px), -50%);
}

.cinema-library .cinema-card__visual {
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 6px;
  background: #090909;
  box-shadow: none;
}

.cinema-library .cinema-card img {
  width: 100%;
  aspect-ratio: 2 / 3;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  box-shadow: none;
}

.cinema-library .cinema-card.is-current .cinema-card__visual {
  border-color: #fff;
}

.cinema-library .cinema-card.is-playing .cinema-card__visual {
  border-color: #d6b565;
}

.cinema-library .cinema-card.is-edge .cinema-card__caption,
.cinema-library .cinema-card:not(.is-current) .cinema-card__caption,
.cinema-library .cinema-card__caption {
  display: block;
  right: -3px;
  bottom: -19px;
  left: -3px;
  color: rgba(255, 255, 255, .82);
  font-size: 8px;
  font-weight: 500;
  opacity: 1;
  text-align: center;
  text-transform: none;
}

.cinema-coverflow-shell .cinema-arrow {
  top: 58px;
  display: grid;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 7px;
  color: #eee;
  background: rgba(0, 0, 0, .58);
  box-shadow: none;
  font-size: 18px;
}

.cinema-coverflow-shell .cinema-arrow--previous { left: 0; }
.cinema-coverflow-shell .cinema-arrow--next { right: 0; }

@media (max-width: 1200px) {
  .cinema-hero__content {
    left: 28px;
    max-width: 40%;
  }

  .cinema-hero__content h3 {
    font-size: clamp(32px, 4vw, 48px);
  }

  .cinema-coverflow-shell {
    width: min(440px, 54%);
  }
}

@media (max-width: 980px) {
  .cinema-coverflow-shell {
    right: 18px;
    width: min(420px, 58%);
  }
}

@media (max-width: 680px) {
  .cinema-hero__content {
    right: 16px;
    left: 16px;
    max-width: none;
  }

  .cinema-coverflow-shell {
    right: 10px;
    bottom: 18px;
    left: 10px;
    width: auto;
  }
}

/* Cinema player: button-only playback interaction and restrained pink controls. */

.cinema-screen,
.cinema-screen video {
  cursor: default;
}

.cinema-control-deck .cinema-toggle-play {
  display: grid !important;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .24);
  color: #fff;
  background: #ff4f9a;
  box-shadow: none;
}

.cinema-playback-controls {
  gap: 20px;
}

.cinema-center-play,
.cinema-center-play.is-playing {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, .3);
  color: #fff;
  background: #ff4f9a;
  box-shadow: none;
  visibility: visible;
  opacity: .96;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}

.cinema-center-play:hover {
  color: #fff !important;
  background: #ff78b4;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
}

.cinema-screen.controls-hidden .cinema-center-play {
  visibility: visible;
  opacity: .96;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}

.cinema-screen.center-play-hidden .cinema-center-play,
.cinema-screen.controls-hidden.center-play-hidden .cinema-center-play {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.cinema-screen.controls-hidden .cinema-player-controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
}

.cinema-progress,
.cinema-volume {
  accent-color: #ff4f9a;
  background: linear-gradient(90deg, #ff4f9a var(--range-fill), #343434 var(--range-fill));
}

.cinema-progress-track {
  position: relative;
  width: 100%;
  height: 5px;
}

.cinema-progress-track .cinema-progress {
  position: relative;
  z-index: 1;
}

.cinema-resume-marker {
  position: absolute;
  top: 50%;
  left: var(--cinema-resume-position, 0%);
  z-index: 2;
  width: 2px;
  height: 11px;
  border-radius: 2px;
  background: #ff334f;
  pointer-events: none;
  transform: translate(-1px, -50%);
}

.cinema-progress::-webkit-slider-thumb,
.cinema-volume::-webkit-slider-thumb {
  border-color: #181818;
  background: #ff4f9a;
  box-shadow: none;
}

.cinema-progress::-moz-range-thumb,
.cinema-volume::-moz-range-thumb {
  border-color: #181818;
  background: #ff4f9a;
  box-shadow: none;
}

.cinema-control-deck button,
.cinema-control-deck__tools button,
.cinema-playback-controls > button:not(.cinema-toggle-play) {
  color: #ff4f9a;
}

.cinema-control-deck button:hover,
.cinema-control-deck button.is-active,
.cinema-control-deck__tools button:hover {
  color: #ff78b4;
}

.cinema-control-deck .cinema-toggle-play.is-playing {
  color: #fff;
  background: #ff4f9a;
}

.cinema-control-deck .cinema-toggle-play:hover {
  color: #fff;
  background: #ff78b4;
}

.cinema-center-play:focus-visible,
.cinema-control-deck button:focus-visible,
.cinema-progress:focus-visible,
.cinema-volume:focus-visible {
  outline: 2px solid #ff78b4;
  outline-offset: 3px;
}

.cinema-play-fallback {
  display: none !important;
  border-color: rgba(255, 79, 154, .55);
  color: #fff;
  background: #ff4f9a;
}

.cinema-sync-gate {
  border-color: rgba(255, 79, 154, .4);
}

.cinema-sync-gate > span {
  border-top-color: #ff4f9a;
}

.cinema-subtitles-panel {
  border-color: rgba(255, 79, 154, .36);
}

.cinema-subtitles-panel > header span {
  color: #ff4f9a;
}

.cinema-subtitle-upload {
  border-color: rgba(255, 79, 154, .46);
  color: #ff78b4;
  background: rgba(255, 79, 154, .06);
}

.cinema-subtitle-upload:hover,
.cinema-subtitle-upload:focus-within {
  border-color: rgba(255, 120, 180, .78);
  background: rgba(255, 79, 154, .11);
}

.cinema-subtitles-panel button:hover,
.cinema-subtitle-track button:hover,
.cinema-subtitles-panel button:focus-visible,
.cinema-subtitle-track button:focus-visible {
  border-color: rgba(255, 79, 154, .48);
  color: #ff78b4;
}

/* Keep Cinema inexpensive: no idle visual effects or duplicated image layers. */

.cinema-library:not([hidden]),
.cinema-player-view:not([hidden]),
.cinema-hero.is-changing .cinema-hero__image {
  animation: none;
}

.cinema-hero {
  background-image: none !important;
}

.cinema-hero__image,
.cinema-player-controls,
.cinema-center-play,
.cinema-card,
.cinema-card__visual {
  will-change: auto;
}

.cinema-player-controls,
.cinema-center-play,
.cinema-sync-gate,
.cinema-subtitles-panel {
  backdrop-filter: none !important;
  box-shadow: none !important;
}
body.cinema-open .desktop-toast.is-cinema-notice {
  position: fixed;
  top: 68px;
  right: 28px;
  bottom: auto;
  z-index: 180;
  display: block !important;
  max-width: min(420px, calc(100vw - 56px));
  padding: 11px 14px;
  border: 1px solid rgba(255, 79, 154, .55);
  border-radius: 10px;
  color: #fff;
  background: #171217;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
  font-size: 13px;
  line-height: 1.45;
}