/* Rádio Só Flashback | ONEPAGE V14 | vinil transparente e halo ativo
   A arte permanece integral, e todos os componentes de áudio permanecem intactos.
   Não modifica os estilos mobile já aprovados (até 1199px).
*/
@media (min-width:1200px) {
  body.sf-onepage .album-frame {
    /* Necessário para as camadas não ultrapassarem o disco. */
    isolation:isolate;
    border-radius:50%;
    overflow:hidden;
  }
  body.sf-onepage .album-frame > #albumArt {
    display:block; width:100%;height:100%; object-fit:cover;
    border-radius:50%; position:relative; z-index:0;
  }
  /* Trilhas concêntricas transparentes, sem escurecer ou diminuir a capa. */
  body.sf-onepage .sf-vinyl-grooves {
    position:absolute; z-index:3; inset:0; border-radius:50%;pointer-events:none;
    background-image:
      repeating-radial-gradient(circle at 50% 50%,
        rgba(255,255,255,0) 0px,
        rgba(255,255,255,.16) 1px,
        rgba(0,0,0,.10) 2px,
        rgba(255,255,255,0) 4px,
        rgba(0,0,0,0) 8px),
      radial-gradient(circle at 32% 22%,rgba(255,255,255,.11),transparent 56%);
    -webkit-mask-image:radial-gradient(circle,transparent 0 6%,#000 11% 95%,transparent 100%);
    mask-image:radial-gradient(circle,transparent 0 6%,#000 11% 95%,transparent 100%);
    opacity:.82;
    mix-blend-mode:screen;
  }
  /* O centro metálico gira com a arte e não toma espaço da capa. */
  body.sf-onepage .sf-vinyl-spindle {
    position:absolute; z-index:4; left:50%;top:50%; transform:translate(-50%,-50%);
    width:clamp(11px,2.8%,17px);height:clamp(11px,2.8%,17px);
    border-radius:50%;pointer-events:none;
    border:1px solid #e6f4ff;
    background:radial-gradient(circle at 28% 25%,#fff 0 8%,#eaf7ff 18%,#849eab 37%,#152938 62%,#f0fcff 82%,#364e60 100%);
    box-shadow:0 0 0 2px rgba(0,0,0,.25),0 1px 6px rgba(0,0,0,.8),0 0 7px rgba(197,231,255,.55);
  }
  body.sf-onepage .sf-vinyl-spindle::after {
    content:'';position:absolute;inset:39%;border-radius:50%;background:#233543;
    box-shadow:inset 0 1px 2px #000,0 1px 1px #fff9;
  }
  /* O JS atualiza --halo-beat somente enquanto a música toca. */
  body.sf-onepage .album-orbit .album-halo {
    opacity:calc(.66 + var(--halo-beat,0)*.34) !important;
    transform:scale(calc(1.005 + var(--halo-beat,0)*.052)) !important;
    filter:brightness(calc(1.0 + var(--halo-beat,0)*.40));
    transition:transform .08s linear,opacity .08s linear,filter .08s linear !important;
  }
  body.sf-onepage .site-shell.is-audio-playing .album-halo {
    box-shadow:
      0 0 calc(18px + var(--halo-beat,0)*36px) rgba(56,141,255,.80),
      0 0 calc(15px + var(--halo-beat,0)*42px) rgba(240,45,250,.74) !important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.sf-onepage .album-orbit .album-halo{transition:none !important}
}