/* Poster colour is deliberately contained within its own film page. */
.detail-page[data-poster-theme="ready"],
.detail-page[data-poster-theme="neutral"] {
  --accent: var(--poster-accent);
  background: radial-gradient(ellipse 75% 440px at 10% 180px, rgba(var(--poster-rgb), .12), transparent 85%);
}
.detail-page:is([data-poster-theme="ready"], [data-poster-theme="neutral"]) .detail-art > div {
  background: linear-gradient(0deg, var(--bg), transparent 85%), linear-gradient(90deg, var(--poster-surface), rgba(var(--poster-rgb), .07));
}
.detail-page:is([data-poster-theme="ready"], [data-poster-theme="neutral"]) .detail-poster {
  box-shadow: 0 20px 60px #0007, 0 0 0 1px rgba(var(--poster-rgb), .32), 0 15px 55px rgba(var(--poster-rgb), .13);
}
.detail-page:is([data-poster-theme="ready"], [data-poster-theme="neutral"]) .detail-copy .genre-tag {
  color: #e3e3e8;
  background: rgba(var(--poster-rgb), .09);
  border-color: rgba(var(--poster-rgb), .3);
}
.detail-page:is([data-poster-theme="ready"], [data-poster-theme="neutral"]) .detail-copy .genre-tag:hover {
  background: rgba(var(--poster-rgb), .18);
  border-color: var(--poster-accent);
}
.detail-page:is([data-poster-theme="ready"], [data-poster-theme="neutral"]) .primary {
  background: var(--poster-accent);
  border-color: var(--poster-accent);
  color: var(--poster-ink);
}
.detail-page:is([data-poster-theme="ready"], [data-poster-theme="neutral"]) .primary:hover {
  background: var(--poster-hover);
  border-color: var(--poster-hover);
}
.detail-page:is([data-poster-theme="ready"], [data-poster-theme="neutral"]) .watch-section {
  background: linear-gradient(125deg, rgba(var(--poster-rgb), .045), transparent 65%), var(--poster-surface);
  border-color: rgba(var(--poster-rgb), .22);
  box-shadow: 0 12px 45px rgba(var(--poster-rgb), .04);
}
.detail-page:is([data-poster-theme="ready"], [data-poster-theme="neutral"]) .player-host {
  box-shadow: 0 0 0 1px rgba(var(--poster-rgb), .1);
}
@media (prefers-reduced-motion: reduce) {
  .detail-page[data-poster-theme] .primary,
  .detail-page[data-poster-theme] .genre-tag,
  .detail-page[data-poster-theme] .detail-poster {
    transition: none;
  }
}