/* Live stations use the same catalogue and player, without song seeking. */
.radio-mode #artists,.radio-mode #popularArtistsTitle,.radio-mode #moods{display:none}
.live-playback #seek,.live-playback #speed,.live-playback #playerdownload{display:none}
.radio-mode .song-duration{color:var(--gold);font-size:10px;letter-spacing:.08em}
.live-playback #duration{color:var(--gold);font-weight:700}

body.radio-mode #grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:12px;overflow:visible}
.radio-mode #grid .music-tile{min-width:0;padding:8px;border-radius:14px}
.radio-mode #grid .card{min-width:0;text-align:left}
.radio-mode #grid .album-art{width:100%;aspect-ratio:1;margin:0 0 9px}
.radio-mode #grid .album-disc{display:none}
.radio-mode #grid .album-sleeve{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:9px}
.radio-mode #grid .card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;font-size:13px;line-height:1.35;min-height:2.7em}
.radio-mode #grid .card span>small:not(.meta){display:none}
.radio-mode #grid .card .meta{color:var(--gold);font-size:10px;letter-spacing:.08em}
@media(max-width:700px){body.radio-mode #grid{gap:8px}.radio-mode #grid .music-tile{padding:6px}.radio-mode #grid .card strong{font-size:11px}}

/* Desktop stations share the homepage tile spacing and record artwork. */
@media(min-width:1000px){
 body.radio-mode #grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:22px 16px}
 .radio-mode #grid .music-tile{padding:10px}
 .radio-mode #grid .album-art{aspect-ratio:1.42;margin:3px 0 12px}
 .radio-mode #grid .album-disc{display:block}
 .radio-mode #grid .album-sleeve{width:70%;border-radius:2px}
 .radio-mode #grid .card strong{display:block;white-space:nowrap;text-overflow:ellipsis;min-height:0;font-size:13px}
}

@media(min-width:1200px){body.radio-mode #grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}