/* BPEATS-MUSIC · Artist mini-player scroll performance
   Surgical scope: artist pages and their release cards only.
   No content virtualization, no animation changes, no functional changes. */

.page-artist .artist-release-grid{
    align-items:start;
}

/* Avoid expensive live backdrop recomposition on every card while scrolling.
   The visual character is retained with a precomposed titanium/glass gradient. */
.page-artist .artist-release-performance-card{
    content-visibility:visible!important;
    contain:layout style!important;
    contain-intrinsic-size:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:
        radial-gradient(circle at 92% 8%,rgba(88,214,223,.075),transparent 34%),
        linear-gradient(145deg,rgba(67,78,88,.52) 0%,rgba(31,39,47,.78) 38%,rgba(13,19,25,.92) 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,.34),
        0 14px 34px rgba(0,0,0,.24)!important;
}
.page-artist .artist-release-performance-card::before{
    mix-blend-mode:normal!important;
    opacity:.16!important;
}

/* The former performance layer created many paint-contained/promoted waveform
   layers. On long artist catalogues this can exhaust compositor resources and
   produce blank frames during fast scrolling. Keep layout containment only. */
.page-artist .artist-release-performance-card .release-sc-player,
.page-artist .artist-release-performance-card .release-sc-main{
    contain:layout style!important;
    content-visibility:visible!important;
    contain-intrinsic-size:none!important;
    transform:none!important;
    will-change:auto!important;
}

.page-artist .artist-release-performance-card .release-sc-main{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:
        radial-gradient(circle at 92% 100%,rgba(88,214,223,.075),transparent 38%),
        linear-gradient(145deg,rgba(76,87,97,.64) 0%,rgba(29,37,44,.91) 40%,rgba(11,16,21,.98) 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(0,0,0,.54),
        0 10px 24px rgba(0,0,0,.21)!important;
}
.page-artist .artist-release-performance-card .release-sc-main::before{
    mix-blend-mode:normal!important;
    opacity:.18!important;
}

.page-artist .artist-release-performance-card .release-sc-wave,
.page-artist .artist-release-performance-card .release-sc-wave-fill,
.page-artist .artist-release-performance-card .release-sc-wave-bars{
    contain:none!important;
    transform:none!important;
    will-change:auto!important;
    backface-visibility:visible!important;
}
.page-artist .artist-release-performance-card .release-sc-wave-fill{
    filter:none!important;
}
.page-artist .artist-release-performance-card .release-sc-main-play span{
    filter:none!important;
}

/* Keep the cover and vinyl stable in the normal paint flow. */
.page-artist .artist-release-performance-card .release-cover,
.page-artist .artist-release-performance-card .release-cover img,
.page-artist .artist-release-performance-card .cover-vinyl{
    transform:none!important;
    will-change:auto!important;
    backface-visibility:visible!important;
}

/* The fixed blurred ambient layer is visually recreated without a live blur on
   artist pages, reducing full-viewport repaint work during rapid scrolling. */
.page-artist .ambient-glow{
    filter:none!important;
    opacity:.82;
    background:
        radial-gradient(circle at 50% 0%,rgba(82,180,192,.12),transparent 42%),
        radial-gradient(circle at 88% 50%,rgba(255,255,255,.045),transparent 38%)!important;
}

@media (max-width:760px){
    .page-artist .artist-release-performance-card{
        contain:layout style!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 26px rgba(0,0,0,.21)!important;
    }
}