/* BPEATS-MUSIC unified player skin
   Titanium / brushed metal / turquoise CI
   Loaded after main.css so no legacy gold player styling remains. */

:root{
    --bpm-player-cyan:#58d6df;
    --bpm-player-cyan-bright:#91f4f5;
    --bpm-player-cyan-deep:#278f9b;
    --bpm-player-titanium-0:#11161c;
    --bpm-player-titanium-1:#202830;
    --bpm-player-titanium-2:#4a535d;
    --bpm-player-titanium-3:#aeb5bd;
    --bpm-player-titanium-4:#eef1f3;
}

.release-sc-player{
    --player-radius:20px;
    position:relative;
    isolation:isolate;
}

.release-sc-main{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    border:1px solid rgba(190,202,210,.22);
    background:
        radial-gradient(circle at 14% 0%,rgba(255,255,255,.12),transparent 29%),
        radial-gradient(circle at 92% 100%,rgba(88,214,223,.10),transparent 38%),
        linear-gradient(145deg,rgba(65,75,85,.74) 0%,rgba(28,35,42,.94) 38%,rgba(12,17,23,.98) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(0,0,0,.66),
        0 18px 42px rgba(0,0,0,.26);
    backdrop-filter:blur(18px) saturate(128%);
    -webkit-backdrop-filter:blur(18px) saturate(128%);
}

.release-sc-main::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    opacity:.42;
    background:
        linear-gradient(112deg,transparent 0 18%,rgba(255,255,255,.13) 25%,transparent 34% 100%),
        repeating-linear-gradient(98deg,rgba(255,255,255,.024) 0 1px,transparent 1px 5px);
    mix-blend-mode:screen;
}

.release-sc-main::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    top:0;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(239,246,248,.72),rgba(88,214,223,.52),transparent);
}

.release-sc-main-play{
    position:relative;
    isolation:isolate;
    border:1px solid rgba(239,244,246,.46);
    background:
        radial-gradient(circle at 34% 27%,rgba(255,255,255,.92) 0 7%,rgba(255,255,255,.20) 8% 20%,transparent 21%),
        linear-gradient(145deg,var(--bpm-player-titanium-4) 0%,var(--bpm-player-titanium-3) 18%,var(--bpm-player-titanium-2) 48%,#e0e4e7 66%,#5a626b 100%);
    box-shadow:
        0 12px 28px rgba(0,0,0,.34),
        0 0 0 1px rgba(0,0,0,.34),
        inset 0 1px 2px rgba(255,255,255,.76),
        inset 0 -7px 12px rgba(0,0,0,.26);
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}

.release-sc-main-play::before{
    content:"";
    position:absolute;
    inset:7px;
    z-index:-1;
    border-radius:50%;
    border:1px solid rgba(180,196,205,.34);
    background:radial-gradient(circle at 36% 30%,#25313a 0%,#111820 62%,#080d12 100%);
    box-shadow:inset 0 1px 2px rgba(255,255,255,.10),0 0 10px rgba(88,214,223,.08);
}

.release-sc-main-play:hover,
.release-sc-main-play:focus-visible{
    transform:translateY(-1px) scale(1.035);
    filter:saturate(1.08) brightness(1.04);
    box-shadow:
        0 15px 32px rgba(0,0,0,.38),
        0 0 0 1px rgba(88,214,223,.42),
        0 0 22px rgba(88,214,223,.20),
        inset 0 1px 2px rgba(255,255,255,.78),
        inset 0 -7px 12px rgba(0,0,0,.25);
    outline:none;
}

.release-sc-main-play span{
    position:relative;
    z-index:2;
    border-left-color:var(--bpm-player-cyan-bright);
    filter:drop-shadow(0 0 5px rgba(88,214,223,.58));
}

.release-sc-player.is-playing .release-sc-main-play span{
    border-left-color:var(--bpm-player-cyan-bright);
    border-right-color:var(--bpm-player-cyan-bright);
}

.release-sc-now{
    color:#f4f7f8;
    font-weight:760;
    letter-spacing:.015em;
    text-shadow:0 1px 12px rgba(0,0,0,.34);
}

.release-sc-wave-shell{
    position:relative;
    border-radius:14px;
}

.release-sc-wave-shell::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%,rgba(0,0,0,.12)),
        repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 18px);
    border-top:1px solid rgba(255,255,255,.045);
    border-bottom:1px solid rgba(0,0,0,.28);
}

.release-sc-wave{
    border-radius:12px;
    mask-image:linear-gradient(90deg,transparent 0,#000 1.2%,#000 98.8%,transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.2%,#000 98.8%,transparent 100%);
}

.release-sc-wave-bars{
    gap:2px;
    align-items:center;
}

.release-sc-wave-bars span{
    min-width:1px;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(233,238,241,.72),rgba(112,124,135,.46) 48%,rgba(49,60,69,.80));
    opacity:.64;
}

.release-sc-wave-fill{
    overflow:visible;
    filter:drop-shadow(0 0 7px rgba(88,214,223,.26));
}

.release-sc-wave-fill::after{
    content:"";
    position:absolute;
    right:-1px;
    top:10%;
    width:2px;
    height:80%;
    border-radius:999px;
    background:linear-gradient(180deg,transparent,var(--bpm-player-cyan-bright) 22% 78%,transparent);
    box-shadow:0 0 10px rgba(88,214,223,.72);
}

.release-sc-wave-fill .release-sc-wave-bars span{
    opacity:1;
    background:linear-gradient(180deg,#b9ffff 0%,#68e7eb 40%,#33b7c2 72%,#207887 100%);
}

.release-sc-range:focus-visible{
    opacity:.01;
    outline:2px solid var(--bpm-player-cyan);
    outline-offset:3px;
    border-radius:12px;
}

.release-sc-player.has-audio-error .release-sc-main{
    border-color:rgba(255,115,115,.42);
}

/* Mini players inside release cards and related-release cards */
.release-glass-card .release-sc-player,
.related-record-grid .release-sc-player,
.press-player-item .release-sc-player{
    margin-top:4px;
}

.release-glass-card .release-sc-main,
.related-record-grid .release-sc-main,
.press-player-item .release-sc-main,
.card-sc-player .release-sc-main{
    grid-template-columns:40px minmax(0,1fr);
    gap:11px;
    padding:10px 11px;
    border-radius:18px;
}

.release-glass-card .release-sc-main-play,
.related-record-grid .release-sc-main-play,
.press-player-item .release-sc-main-play,
.card-sc-player .release-sc-main-play{
    width:40px;
    height:40px;
}

.release-glass-card .release-sc-wave-shell,
.related-record-grid .release-sc-wave-shell,
.press-player-item .release-sc-wave-shell,
.card-sc-player .release-sc-wave-shell{
    min-height:34px;
}

.release-glass-card .release-sc-wave,
.related-record-grid .release-sc-wave,
.press-player-item .release-sc-wave,
.card-sc-player .release-sc-wave{
    height:28px;
    top:2px;
}

.release-glass-card .release-sc-now,
.related-record-grid .release-sc-now,
.press-player-item .release-sc-now,
.card-sc-player .release-sc-now{
    font-size:.78rem;
    line-height:1.15;
}

.release-glass-card .release-sc-times,
.related-record-grid .release-sc-times,
.press-player-item .release-sc-times,
.card-sc-player .release-sc-times{
    display:none!important;
}

/* Large player on the clicked release detail page */
.record-detail-copy .detail-sc-player,
.detail-sc-player{
    width:min(100%,820px);
    max-width:820px;
    margin:22px 0 8px;
}

.record-detail-copy .detail-sc-player .release-sc-main,
.detail-sc-player .release-sc-main{
    grid-template-columns:64px minmax(0,1fr);
    gap:19px;
    padding:20px 22px 15px;
    border-radius:28px;
    border-color:rgba(211,220,225,.28);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.23),
        inset 0 -1px 0 rgba(0,0,0,.72),
        0 24px 54px rgba(0,0,0,.30),
        0 0 28px rgba(88,214,223,.055);
}

.record-detail-copy .detail-sc-player .release-sc-main-play,
.detail-sc-player .release-sc-main-play{
    width:64px;
    height:64px;
}

.record-detail-copy .detail-sc-player .release-sc-main-play::before,
.detail-sc-player .release-sc-main-play::before{
    inset:7px;
}

.record-detail-copy .detail-sc-player .release-sc-now,
.detail-sc-player .release-sc-now{
    font-size:1rem;
    line-height:1.2;
}

.record-detail-copy .detail-sc-player .release-sc-wave-shell,
.detail-sc-player .release-sc-wave-shell{
    min-height:64px;
}

.record-detail-copy .detail-sc-player .release-sc-wave,
.detail-sc-player .release-sc-wave{
    top:2px;
    height:47px;
}

.record-detail-copy .detail-sc-player .release-sc-range,
.detail-sc-player .release-sc-range{
    height:50px;
}

.record-detail-copy .detail-sc-player .release-sc-times,
.detail-sc-player .release-sc-times{
    display:flex!important;
    bottom:1px;
    color:rgba(225,232,235,.62);
    font-size:.69rem;
    letter-spacing:.05em;
    font-variant-numeric:tabular-nums;
}

/* Album / EP playlist */
.detail-sc-player .release-sc-list{
    gap:7px;
    margin-top:5px!important;
}

.detail-sc-player .release-sc-list li{
    min-height:50px;
    padding:10px 13px;
    border:1px solid rgba(180,193,201,.14);
    background:linear-gradient(135deg,rgba(64,73,82,.34),rgba(15,21,27,.58));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

.detail-sc-player .release-sc-list li:hover,
.detail-sc-player .release-sc-list li.is-active{
    transform:translateX(2px);
    border-color:rgba(88,214,223,.40);
    background:linear-gradient(135deg,rgba(67,89,96,.52),rgba(15,24,30,.72));
}

.detail-sc-player .release-sc-row-play{
    border:1px solid rgba(194,205,211,.24);
    background:linear-gradient(145deg,rgba(214,219,223,.19),rgba(30,39,47,.48));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

.detail-sc-player .release-sc-row-play span{
    border-left-color:var(--bpm-player-cyan-bright);
}

.detail-sc-player .release-sc-row-number{
    color:rgba(152,237,239,.82);
}

.detail-sc-player .release-sc-list li.is-playing{
    border-color:rgba(88,214,223,.48);
    box-shadow:0 0 0 1px rgba(88,214,223,.12),0 15px 30px rgba(0,0,0,.20);
}

@media(max-width:760px){
    .record-detail-copy .detail-sc-player .release-sc-main,
    .detail-sc-player .release-sc-main{
        grid-template-columns:50px minmax(0,1fr);
        gap:13px;
        padding:14px;
        border-radius:22px;
    }

    .record-detail-copy .detail-sc-player .release-sc-main-play,
    .detail-sc-player .release-sc-main-play{
        width:50px;
        height:50px;
    }

    .record-detail-copy .detail-sc-player .release-sc-wave-shell,
    .detail-sc-player .release-sc-wave-shell{
        min-height:53px;
    }

    .record-detail-copy .detail-sc-player .release-sc-wave,
    .detail-sc-player .release-sc-wave{
        height:38px;
    }

    .release-sc-wave-bars{
        gap:1.5px;
    }
}

@media(prefers-reduced-motion:reduce){
    .release-sc-main-play,
    .detail-sc-player .release-sc-list li{
        transition:none!important;
    }
}


/* Surgical refinement - silver/titanium mini player frame */
.release-glass-card .release-sc-main,
.related-record-grid .release-sc-main,
.press-player-item .release-sc-main,
.card-sc-player .release-sc-main{
    border:1px solid rgba(227,233,237,.34);
    background:
        radial-gradient(circle at 14% 0%,rgba(255,255,255,.42),transparent 28%),
        radial-gradient(circle at 88% 100%,rgba(88,214,223,.12),transparent 34%),
        linear-gradient(142deg,rgba(244,246,248,.78) 0%,rgba(189,196,203,.44) 18%,rgba(96,107,117,.42) 39%,rgba(41,50,58,.84) 58%,rgba(20,26,32,.94) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        inset 0 -1px 0 rgba(0,0,0,.54),
        0 18px 38px rgba(0,0,0,.22);
    backdrop-filter:blur(18px) saturate(132%);
    -webkit-backdrop-filter:blur(18px) saturate(132%);
}
.release-glass-card .release-sc-main::before,
.related-record-grid .release-sc-main::before,
.press-player-item .release-sc-main::before,
.card-sc-player .release-sc-main::before{
    opacity:.68;
    background:
        linear-gradient(112deg,transparent 0 12%,rgba(255,255,255,.22) 20%,transparent 33% 100%),
        linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%,rgba(0,0,0,.10)),
        repeating-linear-gradient(101deg,rgba(255,255,255,.030) 0 1px,transparent 1px 6px);
    mix-blend-mode:screen;
}
.release-glass-card .release-sc-main::after,
.related-record-grid .release-sc-main::after,
.press-player-item .release-sc-main::after,
.card-sc-player .release-sc-main::after{
    background:linear-gradient(90deg,transparent,rgba(248,250,251,.90),rgba(181,232,236,.72),transparent);
}
.release-glass-card .release-sc-main-play,
.related-record-grid .release-sc-main-play,
.press-player-item .release-sc-main-play,
.card-sc-player .release-sc-main-play{
    border-color:rgba(241,244,246,.54);
    background:
        radial-gradient(circle at 34% 27%,rgba(255,255,255,.94) 0 7%,rgba(255,255,255,.22) 8% 20%,transparent 21%),
        linear-gradient(145deg,#f7f8f9 0%,#d4d8dd 19%,#87909a 47%,#eef2f5 67%,#606972 100%);
    box-shadow:
        0 12px 28px rgba(0,0,0,.28),
        0 0 0 1px rgba(0,0,0,.30),
        inset 0 1px 2px rgba(255,255,255,.82),
        inset 0 -6px 10px rgba(0,0,0,.22);
}
.release-glass-card .release-sc-main-play:hover,
.related-record-grid .release-sc-main-play:hover,
.press-player-item .release-sc-main-play:hover,
.card-sc-player .release-sc-main-play:hover,
.release-glass-card .release-sc-main-play:focus-visible,
.related-record-grid .release-sc-main-play:focus-visible,
.press-player-item .release-sc-main-play:focus-visible,
.card-sc-player .release-sc-main-play:focus-visible{
    box-shadow:
        0 15px 30px rgba(0,0,0,.32),
        0 0 0 1px rgba(194,229,233,.40),
        0 0 20px rgba(88,214,223,.14),
        inset 0 1px 2px rgba(255,255,255,.82),
        inset 0 -6px 10px rgba(0,0,0,.22);
}


/* Surgical refinement v3 - remove white sweep from mini players, thinner play-ring, fix clipped detail times */
.release-glass-card .release-sc-main,
.related-record-grid .release-sc-main,
.press-player-item .release-sc-main,
.card-sc-player .release-sc-main{
    background:
        radial-gradient(circle at 88% 100%,rgba(88,214,223,.10),transparent 34%),
        linear-gradient(142deg,rgba(214,220,226,.26) 0%,rgba(112,122,132,.22) 18%,rgba(46,55,64,.78) 52%,rgba(18,24,30,.94) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.54),
        0 18px 38px rgba(0,0,0,.22);
}
.release-glass-card .release-sc-main::before,
.related-record-grid .release-sc-main::before,
.press-player-item .release-sc-main::before,
.card-sc-player .release-sc-main::before{
    opacity:.26;
    background:repeating-linear-gradient(101deg,rgba(255,255,255,.022) 0 1px,transparent 1px 6px);
    mix-blend-mode:screen;
}
.release-glass-card .release-sc-main::after,
.related-record-grid .release-sc-main::after,
.press-player-item .release-sc-main::after,
.card-sc-player .release-sc-main::after{
    background:linear-gradient(90deg,transparent,rgba(224,231,235,.42),rgba(136,222,228,.34),transparent);
}
.release-glass-card .release-sc-main-play::before,
.related-record-grid .release-sc-main-play::before,
.press-player-item .release-sc-main-play::before,
.card-sc-player .release-sc-main-play::before,
.record-detail-copy .detail-sc-player .release-sc-main-play::before,
.detail-sc-player .release-sc-main-play::before{
    inset:9px;
    border-width:1px;
}
.record-detail-copy .detail-sc-player .release-sc-main,
.detail-sc-player .release-sc-main{
    padding:20px 22px 22px;
}
.record-detail-copy .detail-sc-player .release-sc-times,
.detail-sc-player .release-sc-times{
    bottom:6px;
    padding:0 2px;
}

/* FINAL surgical correction - truly thin silver ring around Play/Pause */
.release-sc-main-play::before,
.release-glass-card .release-sc-main-play::before,
.related-record-grid .release-sc-main-play::before,
.press-player-item .release-sc-main-play::before,
.card-sc-player .release-sc-main-play::before,
.record-detail-copy .detail-sc-player .release-sc-main-play::before,
.detail-sc-player .release-sc-main-play::before{
    inset:3px!important;
    border:1px solid rgba(176,190,198,.22)!important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.08),
        0 0 6px rgba(88,214,223,.05)!important;
}


/* FINAL micro-adjustment - even thinner silver ring */
.release-sc-main-play::before,
.release-glass-card .release-sc-main-play::before,
.related-record-grid .release-sc-main-play::before,
.press-player-item .release-sc-main-play::before,
.card-sc-player .release-sc-main-play::before,
.record-detail-copy .detail-sc-player .release-sc-main-play::before,
.detail-sc-player .release-sc-main-play::before{
    inset:5px!important;
    border:1px solid rgba(172,186,194,.18)!important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.06),
        0 0 5px rgba(88,214,223,.04)!important;
}


/* FINAL micro-adjustment v2 - clearly thinner silver ring */
.release-sc-main-play::before,
.release-glass-card .release-sc-main-play::before,
.related-record-grid .release-sc-main-play::before,
.press-player-item .release-sc-main-play::before,
.card-sc-player .release-sc-main-play::before,
.record-detail-copy .detail-sc-player .release-sc-main-play::before,
.detail-sc-player .release-sc-main-play::before{
    inset:8px!important;
    border:1px solid rgba(166,180,188,.14)!important;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.05), 0 0 4px rgba(88,214,223,.03)!important;
}


/* ABSOLUTE FINAL FIX - ultra-thin Play/Pause rim (1-2px only) */
.release-sc-main-play,
.release-glass-card .release-sc-main-play,
.related-record-grid .release-sc-main-play,
.press-player-item .release-sc-main-play,
.card-sc-player .release-sc-main-play,
.record-detail-copy .detail-sc-player .release-sc-main-play,
.detail-sc-player .release-sc-main-play{
    border:1px solid rgba(214,222,227,.52)!important;
    background:
        radial-gradient(circle at 34% 28%,rgba(255,255,255,.30) 0 4%,transparent 5%),
        radial-gradient(circle at 36% 30%,#25313a 0%,#111820 62%,#080d12 100%)!important;
    box-shadow:
        0 10px 22px rgba(0,0,0,.30),
        inset 0 0 0 1px rgba(255,255,255,.05),
        0 0 8px rgba(88,214,223,.05)!important;
}
.release-sc-main-play::before,
.release-glass-card .release-sc-main-play::before,
.related-record-grid .release-sc-main-play::before,
.press-player-item .release-sc-main-play::before,
.card-sc-player .release-sc-main-play::before,
.record-detail-copy .detail-sc-player .release-sc-main-play::before,
.detail-sc-player .release-sc-main-play::before{
    inset:1px!important;
    border:0!important;
    background:radial-gradient(circle at 36% 30%,#25313a 0%,#111820 62%,#080d12 100%)!important;
    box-shadow:none!important;
}
.release-sc-main-play:hover,
.release-sc-main-play:focus-visible{
    box-shadow:
        0 12px 26px rgba(0,0,0,.34),
        inset 0 0 0 1px rgba(255,255,255,.07),
        0 0 12px rgba(88,214,223,.10)!important;
}


/* Surgical fix - hide clipped time counters in the large detail player only */
.record-detail-copy .detail-sc-player .release-sc-times,
.detail-sc-player .release-sc-times{
    display:none!important;
}

/* BPEATS-MUSIC professional waveform refinement
   Fixed full-width waveform + clipped progress reveal.
   Prevents the played waveform from being compressed or dragged from left to right. */
.release-sc-wave{
    overflow:hidden!important;
}
.release-sc-wave-bars{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
    padding:0 2px!important;
}
.release-sc-wave-bars span{
    flex:0 1 2px!important;
    width:2px!important;
    min-width:1px!important;
    max-width:2px!important;
    border-radius:2px!important;
    transform:scaleY(.72)!important;
    transform-origin:center!important;
    opacity:.50!important;
    background:linear-gradient(180deg,rgba(224,230,234,.78) 0%,rgba(129,141,151,.55) 48%,rgba(57,68,77,.82) 100%)!important;
    box-shadow:none!important;
}
.release-sc-wave-fill{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    border-radius:inherit!important;
    clip-path:inset(0 100% 0 0);
    -webkit-clip-path:inset(0 100% 0 0);
    will-change:clip-path;
    transition:clip-path .09s linear,-webkit-clip-path .09s linear!important;
    filter:none!important;
}
.release-sc-wave-fill::after{
    display:none!important;
}
.release-sc-wave-fill .release-sc-wave-bars{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-width:100%!important;
}
.release-sc-wave-fill .release-sc-wave-bars span{
    opacity:1!important;
    transform:scaleY(.72)!important;
    background:linear-gradient(180deg,#c9ffff 0%,#79eef1 34%,#46cbd3 66%,#278d9b 100%)!important;
    box-shadow:0 0 4px rgba(88,214,223,.18)!important;
}
.release-sc-player.is-playing .release-sc-wave-fill .release-sc-wave-bars span{
    box-shadow:0 0 4px rgba(88,214,223,.20)!important;
}
@media(max-width:680px){
    .release-sc-wave-bars{
        padding:0 1px!important;
    }
    .release-sc-wave-bars span{
        flex-basis:1.5px!important;
        width:1.5px!important;
        max-width:1.5px!important;
    }
}
@media(prefers-reduced-motion:reduce){
    .release-sc-wave-fill{
        transition:none!important;
    }
}