/* Label Universe V1.1 / NOW RUN player: isolated styles */
.dx-now{position:sticky;top:0;z-index:20;background:linear-gradient(110deg,var(--panel),var(--bg));border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline);box-shadow:0 12px 50px #00000012}
.dx-now__layout{display:grid;grid-template-columns:minmax(330px,1.1fr) minmax(280px,1fr);align-items:center;gap:42px;padding-top:22px;padding-bottom:13px}
.dx-now__identity{display:flex;gap:20px;align-items:center;min-width:0}
.dx-now__cover{width:78px;height:78px;flex:0 0 78px;position:relative;background:var(--panel);box-shadow:0 4px 25px #0004}
.dx-now__cover:after{content:"";position:absolute;inset:0;border:1px solid var(--hairline)}
.dx-now__cover img{width:100%;height:100%;object-fit:cover}
.dx-now__data{min-width:0}
.dx-now__overline{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--accent)}
.dx-now__overline #dx-now-state{color:var(--muted);font-weight:700}
.dx-now__live{display:block;width:8px;height:8px;border:1px solid var(--accent);background:transparent;border-radius:100%;flex:none}
.dx-now.is-playing .dx-now__live{background:var(--accent);box-shadow:0 0 0 5px var(--accent-low);animation:dx-live 1.3s ease-in-out infinite}
@keyframes dx-live{50%{box-shadow:0 0 0 9px transparent}}
.dx-now__divider{color:var(--muted);opacity:.5}
.dx-now__track{font-size:clamp(17px,1.8vw,27px);font-weight:900;letter-spacing:-.05em;line-height:1.2;overflow-wrap:anywhere}
.dx-now__version{font-size:.65em;color:var(--muted);font-weight:500;letter-spacing:0}
.dx-now__byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;color:var(--muted);font-size:11px}
.dx-now__byline strong{color:var(--accent);letter-spacing:.07em}
.dx-now__byline #dx-now-track-number{font-size:9px;letter-spacing:.12em}
.dx-now__transport{display:flex;align-items:center;gap:18px;min-width:0}
.dx-now__play{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border:1px solid var(--accent);background:var(--accent);color:#0b100c;border-radius:100%;font-size:16px;font-weight:900;box-shadow:0 0 24px var(--accent-low);transition:transform .2s,box-shadow .2s}
.dx-now__play:hover{transform:scale(1.08);box-shadow:0 0 38px var(--accent-low)}
.dx-now__timeline{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.dx-now__timeline input{width:100%;min-width:50px}
.dx-now input[type=range]{accent-color:var(--accent);height:4px;cursor:pointer}
.dx-now__volume{display:flex;align-items:center;gap:6px;color:var(--muted)}
.dx-now__volume span{font-size:13px;white-space:nowrap}
.dx-now__volume input{width:66px}
.dx-now__rpm{white-space:nowrap;border-left:1px solid var(--hairline);padding-left:18px;color:var(--accent);font-size:20px;font-weight:900;letter-spacing:-.04em}
.dx-now__rpm small{font-size:9px;letter-spacing:.14em}
.dx-now__message{font-size:10px;color:var(--muted);letter-spacing:.03em;padding-top:0;padding-bottom:17px;margin-top:0;margin-bottom:0}
.dx-now__message.is-warning{color:#f7ba7a}
.dx-spotlight__link{display:block;position:absolute;inset:0;z-index:1}
.dx-spotlight__play{position:absolute;right:12px;top:12px;z-index:4;background:#070e0cdb;color:#eaf9ee;border:1px solid #ffffff4d;border-radius:50px;padding:10px 12px;font-weight:900;letter-spacing:.09em;font-size:9px;transition:background .2s,border-color .2s}
.dx-spotlight__play:hover{background:var(--accent);color:#10190d;border-color:var(--accent)}
.dx-spotlight__tile.is-selected{outline:2px solid var(--accent);outline-offset:3px}
.dx-card{position:relative}
.dx-card__listen{position:absolute;right:9px;top:9px;z-index:4;background:#070e0cd9;border:1px solid #ffffff66;border-radius:30px;color:#fff;font-size:9px;font-weight:900;padding:8px 12px;letter-spacing:.1em;transition:background .2s,border-color .2s}
.dx-card__listen:hover{background:var(--accent);border-color:var(--accent);color:#091006}
.dx-card.is-selected .dx-card__art{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1050px){.dx-now__layout{gap:18px;grid-template-columns:1fr}.dx-now__transport{padding-bottom:12px}}
@media(max-width:620px){.dx-now__layout{padding-top:17px;padding-bottom:4px;gap:14px}.dx-now__identity{gap:12px}.dx-now__cover{width:62px;height:62px;flex-basis:62px}.dx-now__track{font-size:17px}.dx-now__transport{gap:9px}.dx-now__play{width:45px;height:45px;flex-basis:45px}.dx-now__rpm{padding-left:10px;font-size:15px}.dx-now__volume{display:none}.dx-now__message{font-size:9px}.dx-spotlight__play{top:11px;right:11px}.dx-card__listen{font-size:8px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.dx-now__live{animation:none!important}}

/* Keeps transport available while visitors browse hundreds of covers. */
.dx-now.is-docked .dx-now__message{display:none}
.dx-now.is-docked .dx-now__layout{padding-top:10px;padding-bottom:10px}
.dx-now.is-docked .dx-now__cover{width:54px;height:54px;flex-basis:54px}
@media(max-width:620px){.dx-now.is-docked .dx-now__cover{width:44px;height:44px;flex-basis:44px}.dx-now.is-docked .dx-now__layout{gap:7px;padding-top:8px;padding-bottom:7px}.dx-now.is-docked .dx-now__play{width:38px;height:38px;flex-basis:38px}.dx-now.is-docked .dx-now__track{font-size:14px}.dx-now.is-docked .dx-now__byline{font-size:10px}}

/* LABEL UNIVERSE V1.2 — HIDE RPM LABEL */
.dx-now__rpm {
    display: none !important;
}


/* DISCOLOGY NEXT — PLAYER RELEASE ACTION */
.dx-now__actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.dx-now__action{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;border:1px solid var(--accent);
  border-radius:20px;color:var(--accent);
  text-decoration:none;font-size:9px;font-weight:850;
  letter-spacing:.1em;transition:background .2s,color .2s;
}
.dx-now__action:hover,.dx-now__action:focus-visible{
  background:var(--accent);color:var(--bg);
}
.dx-now__action[aria-disabled="true"]{
  opacity:.4;pointer-events:none;
}
.dx-now.is-docked .dx-now__actions{margin-top:5px}
.dx-now.is-docked .dx-now__action{padding:4px 9px;font-size:8px}


/* DISCOLOGY NEXT — MINI REFRESH */
.dx-now__refresh{
  font-family:inherit;
  cursor:pointer;
  justify-content:center;
  padding:6px 9px;
}
.dx-now__refresh svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dx-now__refresh:hover svg{
  transform:rotate(35deg);
  transition:transform .25s ease;
}


/* DISCOLOGY NEXT — ARTIST HIGHLIGHT */
.dx-now__byline #dx-now-artist {
    color: var(--accent);
    font-size: clamp(15px, 1.45vw, 20px);
    font-weight: 900;
    letter-spacing: -.025em;
    line-height: 1.2;
}
.dx-now__byline #dx-now-catalog {
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
}
.dx-now.is-docked .dx-now__byline #dx-now-artist {
    font-size: 15px;
}
@media (max-width: 620px) {
    .dx-now__byline #dx-now-artist {
        font-size: 14px;
    }
    .dx-now.is-docked .dx-now__byline #dx-now-artist {
        font-size: 12px;
    }
}


/* DISCOLOGY NEXT — NO FLASH COVER */
#dx-now-cover,
#dx-turntable-cover {
    transition: opacity .32s ease;
}

html.dx-cover-pending #dx-now-cover,
html.dx-cover-pending #dx-turntable-cover {
    opacity: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
    #dx-now-cover,
    #dx-turntable-cover {
        transition: none;
    }
}
