/* An independent photographic horizon can be selected in either music view. */
.darkmoon-horizon{display:none;--darkmoon-top:clamp(50svh,var(--snow-horizon-y,64svh),76svh)}
:root[data-horizon="darkmoon"] :is(.snow-horizon,.lunar-horizon){display:none}
:root[data-horizon="darkmoon"] .darkmoon-horizon{display:block;position:fixed;inset:var(--darkmoon-top) 0 0;z-index:0;pointer-events:none;overflow:hidden}
.darkmoon-horizon svg{position:absolute;left:50%;top:0;width:max(100vw,calc((100svh - var(--darkmoon-top))*1.5));height:auto;aspect-ratio:3/2;transform:translateX(-50%);overflow:visible}
.darkmoon-horizon:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,color-mix(in srgb,var(--bg) 12%,transparent) 50%,color-mix(in srgb,var(--bg) 70%,transparent) 78%,var(--bg));pointer-events:none}
:root[data-horizon="darkmoon"] .footer{background:none;backdrop-filter:none}
:root[data-horizon="darkmoon"] :is(.stage-coordinate,.explore-hint,.stage-counter){text-shadow:0 1px 3px var(--bg),0 0 10px var(--bg)}
:root[data-horizon="darkmoon"] .record-card{background:color-mix(in srgb,var(--bg) 90%,transparent);padding-bottom:12px}
:root[data-horizon="darkmoon"] .record-card :is(.record-year,h2,.record-stats){margin-inline:12px}
.scene-controls{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.horizon-control select{min-width:65px}
.discography-tools{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.discography-tools>p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.discography-tools .horizon-control{width:157px;text-align:left}
@media(min-width:681px) and (max-width:1100px){
  .scene-controls{width:221px}
  .scene-controls .center-control{width:calc(50% - 4px);gap:5px;padding-left:7px;padding-right:17px}
  .scene-controls .center-control select{min-width:0;font-size:8px}
  .scene-controls .center-control-label{font-size:7px}
  .scene-controls .center-control:after{right:7px}
}
@media(max-width:680px){
  .scene-controls .horizon-control{width:100%}
  .horizon-control select{min-width:0}
  .discography-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}
  .discography-tools{align-items:flex-start;gap:0}
  .discography-tools>p{display:none}
  .discography-tools .horizon-control{width:136px}
}