/*! SONIC SNOWFLAKE RECORDS — Music View Styles */

.disco-header { padding-top: calc(var(--nav-h) + 2.5rem); padding-bottom: 1rem; }
.disco-header__title {
  font-size: var(--fs-hero); line-height: .9; margin: .6rem 0 1.1rem;
  background: linear-gradient(180deg, var(--chrome-1), var(--chrome-2) 50%, var(--neon));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.disco-header__sub { max-width: 60ch; color: var(--mist); font-size: var(--fs-lead); margin-bottom: 2.2rem; }

.disco-filters { display: flex; flex-wrap: wrap; gap: 10px; }
.disco-filter { background: transparent; cursor: pointer; }
.disco-filter.is-active {
  background: color-mix(in srgb, var(--card-accent, var(--neon)) 22%, transparent);
  border-color: var(--card-accent, var(--neon)); color: var(--pearl);
}

.disco-list { display: flex; flex-direction: column; gap: 3.2rem; }
.disco-release__head { display: flex; align-items: center; gap: 20px; margin-bottom: 14px; }
.disco-release__cover {
  position: relative; width: 92px; height: 92px; flex: none; border-radius: var(--radius-sm); overflow: hidden;
  border: 1px solid var(--line); background: var(--panel-2);
}
.disco-release__cover img { width: 100%; height: 100%; object-fit: cover; }
.disco-release__playicon {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(6,3,9,0); color: var(--pearl); opacity: 0; transition: opacity var(--dur-fast) ease, background var(--dur-fast) ease;
}
.disco-release__playicon svg { width: 22px; height: 22px; filter: drop-shadow(0 2px 8px rgba(0,0,0,.5)); }
.disco-release__cover:hover .disco-release__playicon, .disco-release__cover.is-playing .disco-release__playicon { opacity: 1; background: rgba(6,3,9,.45); }
.disco-release__playicon .icon-pause { display: none; }
.disco-release__cover.is-playing .disco-release__playicon .icon-play { display: none; }
.disco-release__cover.is-playing .disco-release__playicon .icon-pause { display: block; }
.disco-release__type { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--mist-dim); margin-bottom: 4px; }
.disco-release__title { font-family: var(--font-display); font-size: clamp(1.2rem, 2.4vw, 1.5rem); font-weight: 800; margin-bottom: 4px; }
.disco-release__artist { font-family: var(--font-mono); font-size: .78rem; letter-spacing: .04em; color: var(--neon-bright); }
.disco-release__artist:hover { text-decoration: underline; }

.disco-empty { color: var(--mist); padding: 3rem 0; text-align: center; }

@media (max-width: 560px) {
  .disco-release__head { gap: 14px; }
  .disco-release__cover { width: 70px; height: 70px; }
  .track-row__thumb { display: none; }
}