/* Artwork and track-only controls. The parent feed still owns card sizes/layout. */
.mp-vinyl-card {--record-paper:var(--mp-surface,#fff);--record-line:var(--mp-line,#eeedf5)}
.mp-vinyl-card .mp-vinyl-stage {position:relative;box-sizing:border-box;display:grid;place-items:center;aspect-ratio:1;min-height:0;overflow:hidden;padding:18px;background:var(--record-paper)}
.mp-vinyl-card .mp-vinyl-stage::after {display:none}
.mp-vinyl-card .mp-vinyl-stage>.mp-vinyl-disc {position:relative;display:block;isolation:isolate;width:100%;height:auto;aspect-ratio:1;border-radius:50%;overflow:hidden;color:var(--mp-text,#222134);background:var(--record-line);box-shadow:0 5px 12px #0002,0 0 0 1px #0002;transform:rotate(0deg)}
.mp-vinyl-card .mp-vinyl-disc>.mp-vinyl-artwork {position:absolute;inset:0;display:block;width:100%;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover;border-radius:50%;transition:none}
.mp-vinyl-card .mp-vinyl-artwork[hidden] {display:none!important}
.mp-vinyl-card .mp-vinyl-disc>.mp-media-fallback {display:none!important}
.mp-vinyl-card .mp-vinyl-fallback {display:grid;place-items:center;position:absolute;inset:0;border-radius:50%;font-family:Elsie,Georgia,serif;font-size:64px;color:var(--mp-muted,#777589);background:var(--record-line)}
.mp-vinyl-card .mp-vinyl-disc::after {content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle at center,transparent 0 5px,#00000012 5px 6px,transparent 6px 8px,#ffffff15 8px 9px);box-shadow:inset 0 0 0 2px #18141c88,inset 0 0 0 5px #ffffff25,inset 0 0 14px #0002}
.mp-vinyl-card .mp-vinyl-hub {position:absolute;z-index:1;left:50%;top:50%;width:66px;height:66px;box-sizing:border-box;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #ffffff80;background:#e5e2dcce;box-shadow:0 0 0 1px #0003,inset 0 0 0 5px #ffffff35,inset 0 0 0 6px #0002;pointer-events:none}
.mp-vinyl-card .mp-vinyl-hub::after {content:"";position:absolute;inset:24px;border-radius:50%;background:var(--record-paper);box-shadow:inset 0 1px 3px #0008}
.mp-vinyl-card .mp-vinyl-stage>.mp-vinyl-play {position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px!important;height:46px!important;min-width:46px;min-height:46px;padding:0;border:1px solid #ffffff45;border-radius:50%;background:#211f27!important;box-shadow:0 2px 4px #0003;outline-offset:4px;cursor:pointer;transition:background .15s}
.mp-vinyl-card .mp-vinyl-stage>.mp-vinyl-play:hover {transform:translate(-50%,-50%);background:#3a3545!important}
.mp-vinyl-card .mp-vinyl-stage>.mp-vinyl-play img {display:block;width:19px!important;height:19px!important;min-height:0!important;max-height:19px;filter:brightness(0) invert(1)!important}
.mp-vinyl-card .mp-vinyl-play.is-playing {outline:none}
.mp-vinyl-card .mp-vinyl-play:focus-visible,.mp-vinyl-card .mp-vinyl-disc:focus-visible {outline:3px solid var(--mp-purple,#7358e8);outline-offset:3px}
.mp-vinyl-card .mp-vinyl-stage>.scene-duration {position:absolute;bottom:2px;left:auto;right:14px;background:none;color:var(--mp-muted,#777589);padding:0;font-size:10px;font-variant-numeric:tabular-nums}
.mp-vinyl-card[data-vinyl-started] .mp-vinyl-disc {animation:mp-vinyl-turn 18s linear infinite;animation-play-state:paused}
.mp-vinyl-card[data-vinyl-state="playing"]:not([data-vinyl-visible="false"]) .mp-vinyl-disc {animation-play-state:running;will-change:transform}
@keyframes mp-vinyl-turn {to{transform:rotate(360deg)}}
/* Override only track descendants of the existing homepage composition. */
.mp-home #feedGrid .mp-vinyl-card .mp-vinyl-stage {padding:20px;aspect-ratio:1;background:var(--record-paper)}
.mp-home #feedGrid .mp-vinyl-card .mp-vinyl-stage::after {display:none}
.mp-home #feedGrid .mp-vinyl-card .mp-vinyl-stage>.mp-vinyl-disc {height:auto;width:100%;aspect-ratio:1}
.mp-home #feedGrid .mp-vinyl-card .mp-vinyl-stage>.mp-vinyl-play {inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.mp-home #feedGrid .mp-vinyl-card .mp-card-title {order:0}
.mp-home #feedGrid .mp-vinyl-card .mp-card-body {padding-top:8px!important}
.mp-home #feedGrid .mp-vinyl-card .mp-card-follow {min-height:36px;justify-self:end}
.mp-home #feedGrid .mp-vinyl-card .scene-actions {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:8px 12px 12px;border-top:1px solid var(--record-line);margin-top:10px}
.mp-home #feedGrid .mp-vinyl-card .mp-content-actions {grid-column:1/-1;display:flex;justify-content:space-between;width:100%;gap:2px}
.mp-home #feedGrid .mp-vinyl-card .mp-content-action {min-height:40px;min-width:32px;gap:4px;padding:4px}
.mp-home #feedGrid .mp-vinyl-card .mp-content-action[data-content-action="like"] b {display:inline}
.mp-home #feedGrid .mp-vinyl-card .mp-view-count {order:0;font-size:10px;padding:0;line-height:1.5}
.mp-home #feedGrid .mp-vinyl-card .scene-collab {order:0;min-height:36px;background:none;padding:5px 0 5px 8px}
.mp-home #feedGrid .mp-vinyl-card .scene-collab span {font-size:10px}
/* Compact releases in the existing single-column Tracks directory. */
.mp-vinyl-list .mp-vinyl-card {display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;border:1px solid var(--record-line);border-radius:20px}
.mp-vinyl-list .mp-vinyl-stage {grid-row:1/3;width:180px}
.mp-vinyl-list .mp-card-body {min-width:0}
.mp-vinyl-list .mp-card-creator {grid-template-columns:32px minmax(0,1fr) auto;gap:8px;margin-bottom:9px}
.mp-vinyl-list .mp-card-avatar {width:32px;height:32px;min-width:32px}
.mp-vinyl-list .mp-card-follow {grid-column:auto;justify-self:end;min-height:38px}
.mp-vinyl-list .mp-card-description {-webkit-line-clamp:2}
.mp-vinyl-list .scene-actions {display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:8px 14px 12px;min-width:0}
.mp-vinyl-list .mp-content-actions {display:flex;gap:4px;padding:0;margin:0}
.mp-vinyl-list .mp-content-action {display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:38px;min-height:40px;padding:3px;border:0;border-radius:8px;background:none;color:var(--mp-muted,#777589);text-decoration:none;font:inherit;font-size:11px;cursor:pointer}
.mp-vinyl-list .mp-content-action b {font-weight:500}
.mp-vinyl-list .mp-content-action img {width:17px;height:17px;filter:brightness(0)}
.theme-dark .mp-vinyl-list .mp-content-action img {filter:brightness(0) invert(1)}
.mp-vinyl-list .mp-content-action.active img {filter:none}
.mp-vinyl-list .mp-view-count {font-size:11px;color:var(--mp-muted,#777589);margin:0;padding:0}
.mp-vinyl-list .scene-collab {display:inline-flex;align-items:center;gap:6px;margin-left:auto;min-height:40px;width:auto;padding:6px;border:0;background:none;color:inherit;cursor:pointer}
.mp-vinyl-list .scene-collab span {font-size:11px}
body:not(.mp-home) .mp-vinyl-player {position:fixed;z-index:90;left:var(--scene-player-left,104px);right:16px;bottom:calc(var(--scene-nav-height,0px) + 12px);max-width:740px;display:grid;grid-template-columns:minmax(0,1fr) 44px 34px 34px;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--mp-line,#eeedf5);border-radius:16px;background:var(--mp-surface,#fff);color:var(--mp-text,#222134);box-shadow:0 10px 40px #0002}
.mp-vinyl-player[hidden] {display:none!important}
body:not(.mp-home) .mp-vinyl-player .ecosystem-player-copy {display:grid;min-width:0;font-size:13px}
body:not(.mp-home) .mp-vinyl-player .ecosystem-player-copy>* {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not(.mp-home) .mp-vinyl-player button,body:not(.mp-home) .mp-vinyl-player>a {display:grid;place-items:center;min-width:32px;height:44px;border:0;border-radius:50%;background:var(--mp-line,#eeedf5);color:inherit;cursor:pointer}
.mp-vinyl-player>a svg {width:20px;height:20px}
body:not(.mp-home) .mp-vinyl-player .scene-player-progress {display:flex;grid-column:1/-1;align-items:center;gap:8px;font-size:11px}
body:not(.mp-home) .mp-vinyl-player .scene-player-progress input {flex:1;min-width:0;accent-color:var(--mp-purple,#7358e8)}
body:not(.mp-home) .mp-vinyl-player .scene-player-volume {display:none}
body:not(.mp-home) .mp-vinyl-player #scenePlayerStatus {grid-column:1/-1;font-size:12px;margin:0}
body:not(.mp-home).scene-player-open .tracks-wrap {padding-bottom:210px}
@media(max-width:600px) {
 .mp-home #feedGrid .mp-vinyl-card .mp-vinyl-stage {padding:12px}
 .mp-home #feedGrid .mp-vinyl-card .mp-card-follow {grid-column:1/-1;min-height:36px}
 .mp-home #feedGrid .mp-vinyl-card .scene-actions {padding:6px 8px 9px;gap:2px}
 .mp-home #feedGrid .mp-vinyl-card .scene-collab {min-width:36px;padding:4px}
 .mp-home #feedGrid .mp-vinyl-card .mp-content-action {min-width:28px}
 .mp-vinyl-list .mp-vinyl-card {grid-template-columns:120px minmax(0,1fr)}
 .mp-vinyl-list .mp-vinyl-stage {width:120px;grid-row:1;padding:10px}
 .mp-vinyl-list .scene-actions {grid-column:1/-1;gap:6px 10px;padding:8px 10px}
 .mp-vinyl-list .mp-card-creator {grid-template-columns:28px minmax(0,1fr)}
 .mp-vinyl-list .mp-card-avatar {width:28px;height:28px;min-width:28px}
 .mp-vinyl-list .mp-card-follow {grid-column:1/-1;min-height:36px}
 .mp-vinyl-list .scene-collab span {display:none}
 body:not(.mp-home) .mp-vinyl-player {left:12px;right:12px}
}
@media(prefers-reduced-motion:reduce) {
 .mp-vinyl-card[data-vinyl-started] .mp-vinyl-disc {animation:none!important;will-change:auto}
 .mp-vinyl-card .mp-vinyl-play {transition:none}
}