/* Use the final player geometry throughout the shared-image transition. */
#player.film-morph-active {transform:none!important;opacity:1!important}
.film-morph-layer {
  position:fixed;inset:0 auto auto 0;margin:0;padding:0;
  max-width:none;max-height:none;min-width:0;min-height:0;
  overflow:hidden;pointer-events:none;user-select:none;
  box-sizing:border-box;border:1px solid rgb(235 253 237 / 67%);
  background:#101310;transform-origin:center;
  box-shadow:0 7px 32px #0005,inset 0 0 2px 1px #e9ffe766;
  z-index:8;will-change:transform,opacity;
}
.film-morph-layer::backdrop {background:transparent;backdrop-filter:none;pointer-events:none}
.film-morph-still,.film-morph-layer::after {position:absolute;inset:0}
.film-morph-still {background-size:cover;background-repeat:no-repeat}
.film-morph-still canvas {display:block;width:100%;height:100%;object-fit:cover}
.film-morph-layer::after {
  content:"";border-radius:inherit;
  background:
    radial-gradient(ellipse 39% 21% at var(--morph-sheen,9%) 0%,#f2ffe880,transparent 86%),
    linear-gradient(115deg,#e9ffdc1b,transparent 29%,transparent 80%,#d7f3e624);
  box-shadow:inset 0 1px 1px #f5ffeec4,inset 0 -2px 4px #d5f4e038;
}
@media (prefers-reduced-motion:reduce) {.film-morph-layer {display:none}}