/* Moody Stereo — vinyl v22
   Hover in: cover shifts slightly right, vinyl emerges left and spins.
   Hover out: instant reset, no reverse transition. */

@keyframes moody-vinyl-spin-v22 {
  from { rotate:0deg; }
  to   { rotate:360deg; }
}

.song-week .music-artwork.js-vinyl {
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
}

/* REST: cover in its original position. */
.song-week .music-artwork.js-vinyl .music-artwork__cover.js-vinyl-cover {
  position:relative !important;
  inset:auto !important;
  z-index:10 !important;
  translate:0 0 !important;
  transform:none !important;
  transition:none !important;
  cursor:pointer !important;
}

/* REST: disc starts farther to the RIGHT, hidden behind the cover. */
.song-week .music-artwork.js-vinyl .music-artwork__vinyl.js-vinyl-disc {
  position:absolute !important;
  top:50% !important;
  left:58% !important;
  z-index:2 !important;
  width:92% !important;
  height:92% !important;
  margin:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  translate:-50% -50% !important;
  transform:none !important;
  rotate:0deg;
  transition:none !important;
  animation:none !important;
  pointer-events:none !important;
}

/* ENTER:
   - cover moves a little to the right
   - disc travels left from its farther-right start
   - both movements share the same .5s timing
   The final spread is balanced around the artwork's original center. */
.song-week .music-artwork.js-vinyl:hover .music-artwork__cover.js-vinyl-cover,
.song-week .music-artwork.js-vinyl.is-hovered .music-artwork__cover.js-vinyl-cover {
  translate:18% 0 !important;
  transition:translate .5s ease-out !important;
}

.song-week .music-artwork.js-vinyl:hover .music-artwork__vinyl.js-vinyl-disc,
.song-week .music-artwork.js-vinyl.is-hovered .music-artwork__vinyl.js-vinyl-disc {
  left:4% !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:left .5s ease-out !important;
  animation:moody-vinyl-spin-v22 1.333s linear infinite !important;
}

/* EXIT: immediate reset, preserving the v21 behavior that worked correctly. */
.song-week .music-artwork.js-vinyl:not(:hover):not(.is-hovered) .music-artwork__cover.js-vinyl-cover {
  translate:0 0 !important;
  transition:none !important;
}
.song-week .music-artwork.js-vinyl:not(:hover):not(.is-hovered) .music-artwork__vinyl.js-vinyl-disc {
  left:58% !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:none !important;
  animation:none !important;
}

/* The disc itself rotates as one piece. */
.song-week .music-artwork.js-vinyl .music-artwork__vinyl.js-vinyl-disc > *,
.song-week .music-artwork.js-vinyl .music-artwork__vinyl.js-vinyl-disc img {
  animation:none !important;
  transition:none !important;
}


/* === v23 — slightly smaller artwork + clean vinyl center === */

/* Reduce the complete artwork footprint without changing the grid. */
.song-week .music-artwork.js-vinyl {
  width:88% !important;
  max-width:88% !important;
  justify-self:center !important;
}

/* Vinyl slightly smaller relative to the already reduced cover. */
.song-week .music-artwork.js-vinyl {
  --moody-vinyl-v23-size:88%;
}
.song-week .music-artwork.js-vinyl .music-artwork__vinyl.js-vinyl-disc {
  width:var(--moody-vinyl-v23-size) !important;
  height:var(--moody-vinyl-v23-size) !important;
}

/* Safety: remove any legacy center lettering if old cached markup is rendered. */
.song-week .music-artwork__label {
  display:none !important;
}


/* === v24 — classic red center label + rotating vinyl reflections === */

/* Gloss bands are part of the rotating disc, so the light visibly moves with it. */
.song-week .music-artwork__shine {
  position:absolute;
  inset:2.5%;
  z-index:4;
  border-radius:50%;
  pointer-events:none;
  background:
    conic-gradient(
      from 18deg,
      transparent 0deg 20deg,
      rgba(255,255,255,.03) 30deg,
      rgba(255,255,255,.24) 43deg,
      rgba(255,255,255,.06) 58deg,
      transparent 72deg 154deg,
      rgba(255,255,255,.025) 166deg,
      rgba(255,255,255,.15) 181deg,
      rgba(255,255,255,.035) 196deg,
      transparent 210deg 360deg
    );
  mix-blend-mode:screen;
}

/* Classic plain red record label — no letters. */
.song-week .music-artwork__red-label {
  position:absolute;
  left:50%;
  top:50%;
  z-index:6;
  width:32%;
  aspect-ratio:1;
  translate:-50% -50%;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 38% 32%, rgba(255,255,255,.16), transparent 28%),
    #c91f28;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.2),
    inset 0 0 18px rgba(85,0,0,.16);
}

.song-week .music-artwork__label-ring {
  position:absolute;
  inset:13%;
  border:1px solid rgba(90,0,0,.3);
  border-radius:50%;
}

.song-week .music-artwork__spindle-hole {
  position:absolute;
  left:50%;
  top:50%;
  width:7%;
  aspect-ratio:1;
  translate:-50% -50%;
  border-radius:50%;
  background:#111;
  box-shadow:0 0 0 1px rgba(255,255,255,.12);
}

/* Fine glossy groove highlights over the black vinyl. */
.song-week .music-artwork__vinyl.js-vinyl-disc {
  background:
    repeating-radial-gradient(
      circle at center,
      rgba(255,255,255,.055) 0 1px,
      rgba(0,0,0,.035) 1px 3px,
      transparent 3px 6px
    ),
    radial-gradient(circle at center, #191919 0 17%, #090909 18% 100%) !important;
}