/* Real photographs follow the selected city; lighting follows listener time. */
.advertise{background-image:linear-gradient(110deg,#102453cc,#20103677),var(--city-image)}
footer.glass{background-image:linear-gradient(90deg,#03081bf2,#11234f99),var(--city-image)!important}
.preview>span{font-size:11px}
.preview>div{flex-wrap:wrap;justify-content:center}
.location-note{max-width:1100px;margin:0 auto;padding:9px 20px;background:#090e1c;color:#cdd7e8;font-size:12px;line-height:1.5}
#useLocation:disabled{opacity:.65;cursor:wait}
.player .record{min-width:0}
.player .record>img{width:240px;height:240px;aspect-ratio:1;object-fit:contain;flex-shrink:0;background:#111827}
.player .track{min-width:0;flex:1}
.player .track h2{overflow-wrap:anywhere}
@media(max-width:1000px){.player .record>img{width:190px;height:190px}}
@media(max-width:760px){.player{grid-template-columns:minmax(0,1fr) 155px;gap:14px;padding:14px}.player .record>img{width:min(100%,220px);height:auto;aspect-ratio:1}.player .record{align-items:center}}
@media(max-width:420px){.player{grid-template-columns:minmax(0,1fr)}.player .record>img{width:230px;max-width:100%}.player .record{width:100%}.player .eq{width:100%;box-sizing:border-box}}
.skyline{object-position:center}
.welcome h2{text-transform:uppercase}
@media(max-width:760px){.welcome h2{font-size:clamp(20px,6vw,29px);letter-spacing:.16em}}