/* Dread Raven — overhead song specimens, 2026-10-23.
   Move only the existing interactive crystal buttons; preserve original
   cavern art, dragon, SVGs, labels, and song-selection behavior. */
#music-overlay .song-room .song-energy-field{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
}
#music-overlay .song-room .song-room-list,
#music-overlay .song-room .song-room-list.many-elements,
#music-overlay .song-room .song-room-list.three-elements,
#music-overlay .song-room .song-room-list.dense-elements{
  position:absolute;
  z-index:4;
  top:clamp(88px,11svh,145px);
  left:50%;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  justify-items:center;
  align-items:start;
  align-content:start;
  column-gap:clamp(3px,1.5vw,18px);
  row-gap:clamp(8px,1.5svh,19px);
  width:min(650px,calc(100% - 28px));
  max-width:650px;
  max-height:none;
  margin:0;
  padding:0 0 12px;
  overflow:visible;
}
#music-overlay .song-room .song-room-list .energy-element,
#music-overlay .song-room .song-room-list.many-elements .energy-element{
  min-height:clamp(120px,15svh,165px);
  width:100%;
  padding:0 1px 4px;
  gap:1px;
  justify-content:flex-start;
}
#music-overlay .song-room .song-room-list .energy-element .element-visual{
  flex:0 0 auto;
  min-height:clamp(83px,11svh,123px);
  height:clamp(83px,11svh,123px);
  width:100%;
}
#music-overlay .song-room .song-room-list .energy-element .element-crystal,
#music-overlay .song-room .song-room-list.many-elements .element-crystal{
  width:clamp(75px,22vw,125px);
  height:clamp(85px,24vw,139px);
  max-width:100%;
}
#music-overlay .song-room .song-room-list .energy-element strong{
  min-height:28px;
  margin:0;
  padding:0 1px;
  font-size:clamp(8px,2.25vw,12px);
  line-height:1.35;
}
#music-overlay .song-room .song-room-list .energy-element[data-track="a-bradley-girl"] strong{
  font-size:clamp(8px,2.25vw,12px);
}
@media(max-height:700px){
  #music-overlay .song-room .song-room-list,
  #music-overlay .song-room .song-room-list.many-elements{
    top:clamp(70px,10svh,95px);
    row-gap:3px;
  }
  #music-overlay .song-room .song-room-list .energy-element,
  #music-overlay .song-room .song-room-list.many-elements .energy-element{min-height:110px}
  #music-overlay .song-room .song-room-list .energy-element .element-visual{height:83px;min-height:83px}
  #music-overlay .song-room .song-room-list .energy-element .element-crystal,
  #music-overlay .song-room .song-room-list.many-elements .element-crystal{width:76px;height:86px}
}