/* Evil Morty (tickets/T150-evil-morty.md): while For the Damaged Coda plays,
   the sleeve is a black record turning at 33 ⅓ with Evil Morty's head stuck
   on it — on every screen, not only under a desktop's hand. */

/* Round: the well inherits the radius and cuts the record out. #cover outweighs
   sleeve-vinyl.css, whose hover morph stands down (the record turns already). */
#cover.is-morty { border-radius: 50%; --vinyl: 0 !important; transition: border-radius 500ms cubic-bezier(0.32, 0.72, 0, 1); }
#cover.is-morty .cover__ring { opacity: 0; }

.morty {
  position: absolute;
  inset: 0;
  opacity: 0;
  scale: 0.9;
  transition: opacity 500ms ease, scale 500ms cubic-bezier(0.32, 0.72, 0, 1);
}
.is-morty .morty { opacity: 1; scale: 1; }

/* The record of the wheel's card (crate.css): sweeps of light, grooves, rim. */
.morty__disc {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle closest-side, var(--primary) 0 33.8%, #0b0b0d 33.8% 36%, transparent 36%),
    conic-gradient(#0000 0deg, #ffffff1c 38deg, #0000 96deg, #0000 190deg, #ffffff12 224deg, #0000 274deg),
    repeating-radial-gradient(circle at 50% 50%, #141417 0 1px, #050506 1px 2.5px),
    #0b0b0d;
  animation: morty-spin 1.8s linear infinite;
}
/* Stuck on the label and spilling over it, so it turns with the record. */
.morty__head {
  position: absolute;
  inset: 14%;
  width: 72%;
  height: 72%;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgb(0 0 0 / 0.5));
}
@keyframes morty-spin { to { rotate: 360deg; } }
@media (prefers-reduced-motion: reduce) { .morty__disc { animation: none; } }

/* The time leaves the corner, outside the record, for the middle of its foot,
   white on the grooves (as sleeve-vinyl.css does under the hand). */
#cover.is-morty .cover__left { right: 50%; translate: 50% 0; background: none; color: #fff; }