/* Reference duo presentation; the existing radio remains the only player. */
#chart .wm-home-duo.wm-home-duo--vintage {
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  width: 100%;
  padding: 16px 0 20px;
  border: 1px solid rgb(255 255 255 / 13%);
  border-radius: 36px 36px 10px 10px;
  background: none;
  box-shadow: none;
}
#chart .wm-home-duo.wm-home-duo--vintage::after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: rgb(255 255 255 / 13%); pointer-events: none; }
#chart .wm-home-duo--vintage > .wm-home-duo__radio { min-width: 0; padding: 0 20px 0 28px; }
#chart .wm-home-duo--vintage > .wm-home-duo__trending { min-width: 0; padding: 0 28px 0 22px; }
#chart .wm-home-duo--vintage .wm-duo-heading { display: flex; align-items: center; min-height: 26px; gap: 16px; margin-bottom: 10px; }
#chart .wm-home-duo--vintage .wm-duo-heading h2 { display: flex; align-items: center; gap: 8px; flex: none; margin: 0; color: var(--wm-index-white); font-size: 14px; line-height: 22px; font-weight: 600; }
#chart .wm-home-duo--vintage .wm-duo-heading h2::before { content: ''; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--wm-index-red); box-shadow: none; }
#chart .wm-home-duo--vintage .wm-duo-description { display: block; min-width: 0; margin: 0; color: var(--wm-index-muted); font-size: 9px; line-height: 18px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#chart .wm-home-duo--vintage #wm-random-anchor.is-loaded { display: none; }
#chart #wm-random-strip.wm-radio-vintage {
  --wm-radio-face: #aaa9a2;
  --wm-radio-highlight: #202322;
  --wm-radio-amber: #f1c38a;
  --wm-platter-size: 106px;
  display: grid;
  grid-template-columns: 106px minmax(0, 1fr) 44px 128px 64px;
  grid-template-rows: 18px 80px 44px;
  gap: 6px 10px;
  align-items: center;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 180px;
  margin: 0;
  padding: 12px 18px;
  overflow: visible;
  color: #202322;
  background: linear-gradient(145deg, #b7b6ae 0%, var(--wm-radio-face) 28%, #a7a89f 75%, #a3a49c 100%);
  border: 1px solid #5b6059;
  border-radius: 6px;
  box-shadow: inset 0 1px 0 #c1bfb7, inset 0 -1px 0 #737971, 0 3px 6px rgb(0 0 0 / 24%);
  font-family: inherit;
  text-align: left;
}
#chart #wm-random-strip.wm-radio-vintage *,
#chart #wm-random-strip.wm-radio-vintage *::before,
#chart #wm-random-strip.wm-radio-vintage *::after { box-sizing: border-box; }
/* Warm yellow-oak rails frame the restrained, matte metal face. */
#chart #wm-random-strip.wm-radio-vintage::before,
#chart #wm-random-strip.wm-radio-vintage::after {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 8px;
  z-index: -1;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, rgb(74 42 18 / 18%) 0 1px, transparent 1px 3px), linear-gradient(180deg, #b38a56, #966c3e 34%, #a57743 76%, #714e2c);
  border: 1px solid rgb(81 54 26 / 40%);
}
#chart #wm-random-strip.wm-radio-vintage::before { left: 2px; border-radius: 2px 0 0 2px; }
#chart #wm-random-strip.wm-radio-vintage::after { right: 2px; border-radius: 0 2px 2px 0; }
#chart #wm-random-strip.wm-radio-vintage audio { display: none; }
#chart #wm-random-strip.wm-radio-vintage button {
  font: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#chart #wm-random-strip.wm-radio-vintage button:focus-visible { outline: 2px solid var(--wm-radio-highlight); outline-offset: 4px; }
#chart #wm-random-strip.wm-radio-vintage button:disabled { cursor: default; opacity: .45; }
#chart #wm-random-strip.wm-radio-vintage .wm-radio-onair {
  grid-column: 1 / 3;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: start;
  margin: 1px 0 0 5px;
  color: #343a32;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 1.4px;
}
#chart #wm-random-strip.wm-radio-vintage .wm-radio-onair > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #9b8151, #5e5543 70%);
  box-shadow: 0 0 0 1px #696d61, inset 0 1px 0 rgb(255 221 158 / 20%);
}
#chart #wm-random-strip.wm-radio-vintage.playing .wm-radio-onair > span { background: radial-gradient(circle at 40% 35%, #fff0c9, #f2b45c 58%, #ae6b2c); box-shadow: 0 0 0 1px #706951, 0 0 7px rgb(235 184 118 / 30%); }

/* Current cover stays on the platter; its overlay remains the scrub input. */
#chart #wm-random-strip.wm-radio-vintage .art {
  grid-column: 1;
  grid-row: 2 / 4;
  position: relative;
  align-self: center;
  justify-self: start;
  width: var(--wm-platter-size);
  height: var(--wm-platter-size);
  margin: 0;
  padding: 8px;
  overflow: visible;
  border: 1px solid #626b62;
  border-radius: 50%;
  background: #242827;
  box-shadow: 0 0 0 1px #8c9186, inset 0 1px 2px #0004, 0 2px 3px #0004;
}
#chart #wm-random-strip.wm-radio-vintage .art img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  object-fit: cover;
  border: 1px solid rgb(226 219 199 / 14%);
  border-radius: 50%;
  transform: rotate(var(--wm-record-angle, 0deg));
}
#chart #wm-random-strip.wm-radio-vintage .wm-dial-wrap { position: absolute; inset: 0; z-index: 2; }
#chart #wm-random-strip.wm-radio-vintage .wm-dial {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  touch-action: pan-y;
  cursor: grab;
}
#chart #wm-random-strip.wm-radio-vintage.scrubbing .wm-dial { cursor: grabbing; }
#chart #wm-random-strip.wm-radio-vintage .wm-dial .ring { position: absolute; inset: 1px; border: 1px solid rgb(169 174 166 / 22%); border-radius: 50%; pointer-events: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-dial .hole { position: absolute; top: calc(50% - 4px); left: calc(50% - 4px); width: 8px; height: 8px; border: 2px solid #9b9e97; border-radius: 50%; background: #0b0d0d; box-shadow: 0 1px 2px #000; pointer-events: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-dial .marker {
  position: absolute;
  top: -6px;
  right: -1px;
  width: 34px;
  height: 73px;
  background: radial-gradient(circle at 25px 9px, #eeeee4 0 3px, #626b62 3px 5px, #d1d7cd 5px 8px, transparent 8.5px);
  filter: drop-shadow(0 1px 2px #0004);
  pointer-events: none;
}
#chart #wm-random-strip.wm-radio-vintage .wm-dial .marker::before { content: ''; position: absolute; top: 15px; left: 22px; width: 3px; height: 48px; border-radius: 2px; background: linear-gradient(90deg, #a8afa4, #f5f6eb 55%, #8e978c); transform: rotate(23deg); transform-origin: top center; }
#chart #wm-random-strip.wm-radio-vintage .wm-dial .marker::after { content: ''; position: absolute; left: 1px; bottom: 5px; width: 12px; height: 8px; border: 1px solid #89947f; border-radius: 2px; background: linear-gradient(#e1e6d9, #a3ae97); transform: rotate(-35deg); }

/* All tuner positions and values come from the existing station data. */
#chart #wm-random-strip.wm-radio-vintage .wm-tuner { grid-column: 2 / 5; grid-row: 2; align-self: stretch; min-width: 0; margin: 0; padding: 0; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__knob {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 80px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #5f645b;
  border-radius: 3px;
  background: #262a28;
  box-shadow: inset 0 1px 2px #0003, 0 1px 0 rgb(193 191 183 / 60%);
  cursor: ew-resize;
  touch-action: pan-y;
}
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__glass { display: block; position: absolute; inset: 5px; border-radius: 1px; background: linear-gradient(#252b28, #1c2220); box-shadow: inset 0 1px 0 rgb(255 255 245 / 5%), inset 0 -1px 0 #0002; transition: box-shadow .2s ease; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__band--fm { position: absolute; top: 12px; left: 9px; color: #bfc5b9; font-size: 9px; font-weight: 500; letter-spacing: .7px; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__scale { display: block; position: absolute; top: 5px; right: 13px; left: 42px; height: 27px; border-bottom: 1px solid rgb(184 190 175 / 15%); background: repeating-linear-gradient(90deg, rgb(184 190 175 / 32%) 0 1px, transparent 1px 7px) left 19px / 100% 6px no-repeat; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__tick { display: block; position: absolute; top: 0; left: var(--x); width: 20px; height: 36px; margin: 0; padding: 0; transform: translateX(-50%); text-align: center; cursor: pointer; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__tick-line { position: absolute; top: 18px; left: calc(50% - .5px); width: 1px; height: 8px; background: #919d8b; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__tick-label { display: none; color: #c7cabe; font-size: 9px; line-height: 16px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__tick.is-major .wm-tuner__tick-label { display: block; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__tick.is-active .wm-tuner__tick-line { background: #d0a477; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__tick.is-active .wm-tuner__tick-label { color: #efdcb8; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__needle { position: absolute; top: 0; left: var(--wm-tuner-pos, .5%); width: 2px; height: 27px; background: #ba5548; box-shadow: 0 0 6px rgb(186 85 72 / 18%); transform: translateX(-50%); pointer-events: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner__needle-cap { display: block; width: 4px; height: 4px; margin-left: -1px; border-radius: 50%; background: #ba5548; }

/* Arrange existing metadata children without moving nodes or changing handlers. */
#chart #wm-random-strip.wm-radio-vintage .meta,
#chart #wm-random-strip.wm-radio-vintage .actions { display: contents; }
#chart #wm-random-strip.wm-radio-vintage .meta .eyebrow { grid-column: 2 / 5; grid-row: 2; align-self: end; position: relative; z-index: 1; min-width: 0; height: 40px; margin: 0 13px 5px; padding: 0; overflow: hidden; color: var(--wm-radio-amber); background: none; border: 0; box-shadow: none; font-size: 12px; pointer-events: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__main,
#chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__track { display: block; width: 100%; height: 100%; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__group { display: block; position: relative; min-width: 0; height: 100%; white-space: nowrap; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__freq { display: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__name { display: flex; position: static; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; overflow: hidden; color: #d9dccf; font-size: 18px; line-height: 1.2; font-weight: 600; letter-spacing: .3px; text-align: center; transition: color .2s ease, text-shadow .2s ease; }
/* The LCD follows actual playback; paused/tuning states remain unlit. */
#chart #wm-random-strip.wm-radio-vintage.playing .wm-tuner__glass { background: radial-gradient(ellipse at 50% 100%, rgb(225 151 65 / 18%), transparent 75%), linear-gradient(#403321, #25241b); box-shadow: inset 0 0 14px rgb(244 178 80 / 15%), inset 0 1px 0 rgb(255 211 135 / 38%), 0 0 10px rgb(232 162 64 / 15%); }
#chart #wm-random-strip.wm-radio-vintage.playing .wm-tuner__band--fm,
#chart #wm-random-strip.wm-radio-vintage.playing .wm-tuner__tick-label { color: #f1c38a; text-shadow: 0 0 6px rgb(245 182 86 / 38%); }
#chart #wm-random-strip.wm-radio-vintage.playing .wm-tuner__tick-line { background: #c3985e; }
#chart #wm-random-strip.wm-radio-vintage.playing .wm-tuner__tick.is-active .wm-tuner__tick-label { color: #ffe2b5; }
#chart #wm-random-strip.wm-radio-vintage.playing .wm-tuner__needle { background: #efac7b; box-shadow: 0 0 10px rgb(239 172 123 / 35%); }
#chart #wm-random-strip.wm-radio-vintage.playing .wm-tuner-readout__name { color: #ffe2b7; text-shadow: 0 0 10px rgb(247 176 73 / 42%); }
#chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__group--clone,
#chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__onair { display: none; }
#chart #wm-random-strip.wm-radio-vintage .meta .title { grid-column: 2; grid-row: 3; align-self: start; min-width: 0; margin: 3px 0 0; overflow: hidden; color: #202322; font-size: 13px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
#chart #wm-random-strip.wm-radio-vintage .meta .title a,
#chart #wm-random-strip.wm-radio-vintage .meta .sub a { color: inherit; text-decoration: none; }
#chart #wm-random-strip.wm-radio-vintage .meta .title a:hover,
#chart #wm-random-strip.wm-radio-vintage .meta .sub a:hover { color: #732a24; text-decoration: underline; }
#chart #wm-random-strip.wm-radio-vintage .meta .sub { display: block; grid-column: 2; grid-row: 3; align-self: end; min-width: 0; margin: 0 0 3px; overflow: hidden; color: #343a32; font-size: 10px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; }
#chart #wm-random-strip.wm-radio-vintage .chips { display: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-marquee { display: block; min-width: 0; overflow: hidden; }
#chart #wm-random-strip.wm-radio-vintage .wm-marquee__track { display: block; }
#chart #wm-random-strip.wm-radio-vintage .wm-marquee__group { display: block; overflow: hidden; text-overflow: ellipsis; }
#chart #wm-random-strip.wm-radio-vintage .wm-marquee__group + .wm-marquee__group,
#chart #wm-random-strip.wm-radio-vintage .wm-marquee__gap { display: none; }

/* SCAN keeps its existing click action and is independent of Volume. */
#chart #wm-random-strip.wm-radio-vintage .wm-scan {
  grid-column: 5;
  grid-row: 2;
  justify-self: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 1px solid #6a7362;
  border-radius: 50%;
  background: linear-gradient(150deg, #bdbfb7, #939b8e);
  box-shadow: inset 0 1px 0 rgb(221 225 211 / 45%), 0 2px 4px #0004;
}
#chart #wm-random-strip.wm-radio-vintage .wm-scan::before { content: ''; position: absolute; top: 8px; left: calc(50% - 1px); width: 2px; height: 7px; border-radius: 1px; background: #48523f; }
#chart #wm-random-strip.wm-radio-vintage .wm-scan > span { position: absolute; top: -25px; color: #373f35; font-size: 9px; line-height: 16px; font-weight: 600; letter-spacing: 1.5px; }
#chart #wm-random-strip.wm-radio-vintage .wm-scan:hover { border-color: #48543f; box-shadow: inset 0 1px 0 rgb(221 225 211 / 55%), 0 2px 4px #0004; }
#chart #wm-random-strip.wm-radio-vintage .wm-scan:active { transform: translateY(1px); }
#chart #wm-random-strip.wm-radio-vintage .actions .btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid #72796c; border-radius: 3px; color: #202322; background: linear-gradient(150deg, #bdbdb4, #9fa398 72%); box-shadow: inset 0 1px 0 #d0d0c6, inset 0 -1px 0 #737d6d, 0 2px 3px #0003; }
#chart #wm-random-strip.wm-radio-vintage .actions .play { grid-column: 3; grid-row: 3; justify-self: center; color: var(--wm-radio-highlight); }
#chart #wm-random-strip.wm-radio-vintage .actions .buy { grid-column: 5; grid-row: 3; justify-self: center; }
#chart #wm-random-strip.wm-radio-vintage .actions .btn svg { display: block; width: 22px; height: 22px; color: inherit; }
#chart #wm-random-strip.wm-radio-vintage .actions .btn svg path { color: inherit; fill: currentColor; }
#chart #wm-random-strip.wm-radio-vintage .actions .btn:hover { border-color: #59664f; color: #1e291e; }
#chart #wm-random-strip.wm-radio-vintage .actions .play[data-state='pause'] { color: #8c2b26; border-color: #697a5d; }
#chart #wm-random-strip.wm-radio-vintage .wm-random__icon--pause { display: none; }
#chart #wm-random-strip.wm-radio-vintage .play[data-state='pause'] .wm-random__icon--play { display: none; }
#chart #wm-random-strip.wm-radio-vintage .play[data-state='pause'] .wm-random__icon--pause { display: block; }
#chart #wm-random-strip.wm-radio-vintage .wm-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Horizontal native volume control; generous input height also supports touch. */
#chart #wm-random-strip.wm-radio-vintage .volcol { grid-column: 4; grid-row: 3; display: block; min-width: 0; margin: 0; padding: 0; }
#chart #wm-random-strip.wm-radio-vintage .volwrap { display: flex; align-items: center; gap: 8px; position: relative; width: 100%; height: 44px; margin: 0; padding: 0; }
#chart #wm-random-strip.wm-radio-vintage .volwrap::before { content: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute { display: flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 4px; color: #202322; background: none; box-shadow: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute svg { display: block; width: 22px; height: 22px; color: inherit; }
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute svg path { color: inherit; }
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute svg path[fill='currentColor'] { fill: currentColor; }
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute svg path[stroke='currentColor'] { stroke: currentColor; }
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute .wm-volume-icon--off,
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute[aria-pressed='true'] .wm-volume-icon--on { display: none; }
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute[aria-pressed='true'] .wm-volume-icon--off { display: block; }
#chart #wm-random-strip.wm-radio-vintage .wm-volume-mute:hover { color: #111510; }
#chart #wm-random-strip.wm-radio-vintage .vol-vert { display: block; flex: 1 1 auto; appearance: none; -webkit-appearance: none; position: static; width: 88px; height: 32px; min-width: 0; margin: 0; padding: 0; opacity: 1; background: transparent; writing-mode: horizontal-tb; transform: none; cursor: pointer; touch-action: pan-y; }
#chart #wm-random-strip.wm-radio-vintage .vol-vert::-webkit-slider-runnable-track { height: 6px; border: 0; border-radius: 6px; background: linear-gradient(to right, #3a4238 0 var(--wm-volume-fill, 80%), rgb(58 66 56 / 22%) var(--wm-volume-fill, 80%) 100%); }
#chart #wm-random-strip.wm-radio-vintage .vol-vert::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 12px; height: 12px; margin-top: -3px; border: 0; border-radius: 50%; background: #3a4238; box-shadow: 0 1px 3px #0003; }
#chart #wm-random-strip.wm-radio-vintage .vol-vert::-moz-range-track { height: 6px; border: 0; border-radius: 6px; background: rgb(58 66 56 / 22%); }
#chart #wm-random-strip.wm-radio-vintage .vol-vert::-moz-range-progress { height: 6px; border-radius: 6px; background: #3a4238; }
#chart #wm-random-strip.wm-radio-vintage .vol-vert::-moz-range-thumb { width: 12px; height: 12px; border: 0; border-radius: 50%; background: #3a4238; }
#chart #wm-random-strip.wm-radio-vintage .vol-vert:focus-visible { outline: 2px solid var(--wm-radio-highlight); outline-offset: 3px; border-radius: 4px; }

/* Keep Play, Cart, then Volume without moving the tuner or Scan above them. */
@media (min-width: 601px) {
  #chart #wm-random-strip.wm-radio-vintage .actions .buy { grid-column: 4 / 6; justify-self: start; }
  #chart #wm-random-strip.wm-radio-vintage .volcol { grid-column: 4 / 6; justify-self: end; width: calc(100% - 54px); }
}

/* Reserve only the speaker icon on desktop; the range opens without shifting the track text. */
@media (min-width: 601px) and (hover: hover) and (pointer: fine) {
  #chart #wm-random-strip.wm-radio-vintage { grid-template-columns: 106px minmax(0, 1fr) 44px 36px 64px; }
  #chart #wm-random-strip.wm-radio-vintage .volwrap { justify-content: center; z-index: 3; }
  #chart #wm-random-strip.wm-radio-vintage .vol-vert {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 128px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #6f7767;
    border-radius: 3px;
    background: linear-gradient(150deg, #b7b7ae, #a5aa9d 72%);
    box-shadow: 0 4px 12px #0003;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .16s ease;
  }
  #chart #wm-random-strip.wm-radio-vintage .volwrap:hover .vol-vert,
  #chart #wm-random-strip.wm-radio-vintage .volwrap:focus-within .vol-vert {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/* Reuse the real producer links, full-list button and popup. */
section#main #chart .wm-home-duo.wm-home-duo--vintage > #trending-beatmakers-shell > .trending-beatmakers,
section#main #chart .wm-home-duo.wm-home-duo--vintage > #trending-beatmakers-shell > .trending-loading { display: block; position: relative; width: 100%; min-height: 216px; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .trending-beatmakers::before,
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .trending-beatmakers::after { content: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-header { display: flex; position: static; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: auto; min-height: 26px; margin: 0 0 10px; padding: 0; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-header__titles { display: flex; flex-direction: row; align-items: center; gap: 16px; min-width: 0; margin: 0; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-title { display: flex; align-items: center; gap: 8px; flex: none; margin: 0; color: var(--wm-index-white); font-size: 14px; font-weight: 600; line-height: 22px; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-title::before { content: ''; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--wm-index-yellow); box-shadow: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-title .eyebrow,
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .eyebrow__plate { display: inline-flex; align-items: center; position: static; gap: 4px; width: auto; height: auto; min-height: 0; margin: 0; padding: 0; color: inherit; background: none; border: 0; border-radius: 0; box-shadow: none; font: inherit; letter-spacing: 0; text-transform: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .eyebrow__kicker,
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .eyebrow__name { display: inline; margin: 0; padding: 0; color: inherit; font: inherit; letter-spacing: 0; text-transform: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-view-all { display: inline-flex; align-items: center; justify-content: flex-end; flex: none; position: static; width: auto; min-width: 44px; height: 26px; min-height: 26px; margin: 0; padding: 0; border: 0; border-radius: 0; color: #bbb; background: none; box-shadow: none; backdrop-filter: none; font-size: 10px; font-weight: 400; letter-spacing: 0; cursor: pointer; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-view-all__label { display: inline; position: static; writing-mode: horizontal-tb; text-orientation: mixed; font: inherit; white-space: nowrap; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-view-all__label::before { content: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-view-all__label::after { content: ' →'; font-size: 13px; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-view-all:hover { color: var(--wm-index-yellow); }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip { display: flex; align-items: center; min-height: 180px; width: 100%; margin: 0; padding: 0; overflow: hidden; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip__bg { display: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip__viewport { display: flex; align-items: center; flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0; height: 180px; min-height: 0; padding: 14px 0; overflow: hidden; scrollbar-width: none; overscroll-behavior-x: contain; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip__viewport::-webkit-scrollbar { display: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip__track { display: flex; align-items: flex-start; flex-wrap: nowrap; gap: var(--wm-tbm-gap, 14px); width: 100%; height: auto; min-width: 0; margin: 0; padding: 0; overflow: visible; animation: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-artist { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; flex: 0 0 var(--wm-tbm-item-width, calc((100% - 56px) / 5)); width: var(--wm-tbm-item-width, calc((100% - 56px) / 5)); height: auto; min-height: 0; margin: 0; padding: 0; opacity: .82; transform: none; scroll-snap-align: start; transition: opacity .3s ease; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-thumb { display: block; flex: none; position: relative; width: min(70px, 100%); height: auto; aspect-ratio: 1; margin: 0 0 12px; padding: 0; border: 0; border-radius: 50%; background: #111; box-shadow: none; transform: scale(.96); overflow: hidden; transition: transform .35s ease, box-shadow .35s ease; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-thumb__img { display: block; position: static; width: 100%; height: 100%; margin: 0; border-radius: 50%; object-fit: cover; object-position: center; transform: none; filter: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-name { display: block; width: 100%; min-height: 18px; margin: 0; color: var(--wm-index-white); font-size: 12px; line-height: 18px; font-weight: 500; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: none; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-style { display: block; width: 100%; min-height: 14px; margin: 2px 0 0; color: var(--wm-index-muted); font-size: 10px; line-height: 14px; font-weight: 400; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-artist.is-featured { opacity: 1; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-artist.is-featured .tbm-thumb { transform: scale(1.08); box-shadow: 0 0 0 1px rgb(214 178 74 / 55%), 0 6px 16px rgb(0 0 0 / 28%); }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-artist.is-featured .tbm-name { color: #fff; font-weight: 600; }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-artist:hover .tbm-thumb { box-shadow: 0 0 0 2px rgb(214 178 74 / 55%); }
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell button:focus-visible,
section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell a:focus-visible { outline: 2px solid var(--wm-index-yellow); outline-offset: 3px; }

@media (max-width: 1024px) {
  #chart .wm-home-duo.wm-home-duo--vintage { grid-template-columns: minmax(0, 1fr); }
  #chart .wm-home-duo.wm-home-duo--vintage::after { content: none; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip__viewport { overflow-x: auto; scroll-snap-type: x proximity; }
  #chart .wm-home-duo--vintage > .wm-home-duo__radio { padding-inline: 20px; }
  #chart .wm-home-duo--vintage > .wm-home-duo__trending { margin-top: 20px; padding: 18px 20px 0; border-left: 0; border-top: 1px solid rgb(255 255 255 / 13%); }
}
@media (max-width: 600px) {
  #chart .wm-home-duo.wm-home-duo--vintage { padding-block: 14px; border-radius: 20px; }
  #chart .wm-home-duo--vintage > .wm-home-duo__radio { padding-inline: 14px; }
  #chart .wm-home-duo--vintage > .wm-home-duo__trending { padding-inline: 14px; }
  #chart .wm-home-duo--vintage .wm-duo-heading { gap: 10px; }
  #chart .wm-home-duo--vintage .wm-duo-heading h2 { font-size: 13px; }
  #chart #wm-random-strip.wm-radio-vintage {
    --wm-platter-size: 64px;
    grid-template-columns: 64px minmax(0, 1fr) 48px;
    grid-template-rows: 14px 64px 44px;
    gap: 6px 8px;
    min-height: 154px;
    padding: 8px 20px 10px;
  }
  #chart #wm-random-strip.wm-radio-vintage .wm-radio-onair { grid-column: 1 / 4; margin: 0; font-size: 8px; line-height: 14px; }
  #chart #wm-random-strip.wm-radio-vintage .wm-radio-onair > span { width: 6px; height: 6px; }
  #chart #wm-random-strip.wm-radio-vintage .art { grid-row: 2; align-self: center; padding: 5px; }
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner,
  #chart #wm-random-strip.wm-radio-vintage .meta .eyebrow { grid-column: 2; grid-row: 2; }
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner__knob { min-height: 64px; }
  #chart #wm-random-strip.wm-radio-vintage .meta .eyebrow { height: 26px; margin-inline: 8px; margin-bottom: 4px; }
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__group { display: block; }
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__name { font-size: 12px; letter-spacing: 0; }
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner__band--fm { left: 7px; font-size: 8px; }
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner__scale { left: 28px; right: 8px; }
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner__tick-label { font-size: 7px; }
  #chart #wm-random-strip.wm-radio-vintage .wm-dial .marker { top: -5px; right: -2px; transform: scale(.6); transform-origin: top right; }
  #chart #wm-random-strip.wm-radio-vintage .wm-scan { grid-column: 3; grid-row: 2; width: 48px; height: 48px; }
  #chart #wm-random-strip.wm-radio-vintage .wm-scan > span { top: -18px; font-size: 8px; line-height: 10px; }
  #chart #wm-random-strip.wm-radio-vintage .meta .title { grid-column: 2; grid-row: 3; margin-top: 3px; font-size: 13px; text-align: center; }
  #chart #wm-random-strip.wm-radio-vintage .meta .sub { grid-column: 2; grid-row: 3; margin-bottom: 3px; text-align: center; }
  #chart #wm-random-strip.wm-radio-vintage .actions .play { grid-column: 1; grid-row: 3; justify-self: center; margin: 0; }
  #chart #wm-random-strip.wm-radio-vintage .actions .buy { grid-column: 3; grid-row: 3; }
  #chart #wm-random-strip.wm-radio-vintage .volcol { display: none; }
  section#main #chart .wm-home-duo.wm-home-duo--vintage > #trending-beatmakers-shell > .trending-beatmakers,
  section#main #chart .wm-home-duo.wm-home-duo--vintage > #trending-beatmakers-shell > .trending-loading { min-height: 166px; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-header__titles { display: block; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-title { font-size: 13px; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-view-all { min-height: 44px; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip,
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip__viewport { min-height: 112px; height: 112px; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip__viewport { padding-block: 12px; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-strip__track { gap: var(--wm-tbm-gap, 8px); }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-artist { flex-basis: var(--wm-tbm-item-width, calc((100% - 32px) / 5)); width: var(--wm-tbm-item-width, calc((100% - 32px) / 5)); }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-thumb { width: min(52px, 100%); margin-bottom: 7px; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-name { min-height: 16px; font-size: 11px; line-height: 16px; }
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-style { margin-top: 1px; min-height: 13px; font-size: 9px; line-height: 13px; }
}
@media (max-width: 360px) {
  #chart #wm-random-strip.wm-radio-vintage .meta .eyebrow { margin-inline: 4px; }
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__name { font-size: 10.5px; }
  /* Keep the end frequencies legible; all station ticks still tune normally. The needle follows the final tick. */
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner__tick.is-major:not(:first-child):not(:nth-last-child(2)) .wm-tuner__tick-label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #chart #wm-random-strip.wm-radio-vintage .wm-scan,
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner__glass,
  #chart #wm-random-strip.wm-radio-vintage .vol-vert,
  #chart #wm-random-strip.wm-radio-vintage .wm-tuner-readout__name,
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-artist,
  section#main #chart .wm-home-duo--vintage #trending-beatmakers-shell .tbm-thumb { transition: none; }
}