/* SJR TV · Ambient playback, instead of duplicated portrait backgrounds.
   The video remains centred, uncropped and primary. No added user-facing labels. */
html,body,#app,.scene{background:#07080b!important}
@media(min-width:700px){body::before{background-image:none!important;opacity:0!important}}
.scene-photo{background:transparent!important}
.scene-photo img{display:none!important}
.scene-photo::before{display:none!important;background-image:none!important}
.scene-photo::after{
 background:linear-gradient(180deg,rgba(5,6,10,.62) 0%,rgba(7,8,11,.18) 28%,rgba(6,7,11,.14) 52%,rgba(7,8,11,.42) 70%,rgba(7,8,11,.94) 96%)!important;
}
.frame-atmosphere{display:none!important;background-image:none!important}
.ambient-stage{position:absolute;z-index:0;inset:-65px;overflow:hidden;pointer-events:none;background:#07080b}
.ambient-still,.ambient-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;transform:scale(1.26);pointer-events:none}
.ambient-still{
 background-image:var(--scene-art);background-size:cover;background-position:center;
 filter:blur(69px) saturate(1.2) brightness(.70);
 opacity:.60;transition:opacity .55s ease;
}
.ambient-canvas{filter:blur(69px) saturate(1.2) brightness(.90);opacity:0;transition:opacity .55s ease}
.scene.has-video-ambient .ambient-canvas{opacity:.80}
.scene.has-video-ambient .ambient-still{opacity:.10}
.ambient-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,6,8,.26),transparent 30%,rgba(6,7,10,.35) 65%,#07080b 96%)}
.scene-glass{
 border:0!important;border-radius:0!important;
 box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 background:linear-gradient(180deg,transparent,rgba(6,7,11,.24) 26%,rgba(6,7,11,.90) 100%)!important;
}
.scene-glass::after{display:none!important}
.topbar{background:linear-gradient(180deg,rgba(6,7,9,.38),transparent)!important}
.player-area{box-shadow:0 8px 28px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.055)!important}
#sjr-app-nav{background:rgba(8,9,12,.80)!important}
:root[data-tv-ambient="off"] .ambient-stage{display:none!important}
:root[data-tv-ambient="off"] .scene-photo::after{background:linear-gradient(180deg,rgba(4,4,6,.02),rgba(4,4,6,.02) 50%,#07080b 94%)!important}
:root[data-tv-ambient="off"] .scene-glass{background:linear-gradient(180deg,transparent,rgba(6,7,10,.88))!important}
/* Instagram uses the official public embed; narrower than the YouTube landscape player. */
.scene.is-instagram .player-area{width:min(65vw,250px)!important;height:auto!important;aspect-ratio:9/16!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;border-radius:13px;background:#07080b!important;border:1px solid rgba(255,255,255,.08)}
.scene.is-instagram .sjr-instagram-embed{position:absolute;inset:0;width:100%;height:100%;border:0;background:#09090c}
.scene.is-instagram .poster-button img{object-fit:cover}
.scene.is-instagram .scene-meta{bottom:calc(var(--nav) + 8px)}
.scene.is-instagram .scene-description{-webkit-line-clamp:2}
.scene.is-instagram .artist-chip strong{font-size:clamp(19px,5.8vw,24px)}
@media(max-height:690px){.scene.is-instagram .player-area{width:min(55vw,215px)!important}}
@media(prefers-reduced-motion:reduce){.ambient-still,.ambient-canvas{transition:none!important}}
