.lyric-stage.scenic {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 410px;
  margin: 20px -12px 18px;
  padding: 58px 25px 60px;
  border: 1px solid #ffffff18;
  border-radius: 16px;
  background: #102b33;
}
.scenic canvas, .scene-shade { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.scenic canvas { z-index: -2; }
.scene-shade {
  z-index: -1;
  background: linear-gradient(180deg, #071c285c, #081d30c4 35%, #081b2dbd 62%, #071b2938);
}
.scenic .current { color: #ffe5a5; text-shadow: 0 2px 18px #000b; }
.scenic .previous, .scenic .next { color: #d5e2dc; text-shadow: 0 1px 8px #000; }
.scenic .cue { color: #e0e8e1; }
.scene-caption { position: absolute; left: 18px; top: 14px; margin: 0; color: #e2ece9; font-size: 9px; letter-spacing: 1.2px; text-transform: uppercase; text-align: left; }
.scene-controls { position: absolute; right: 12px; bottom: 12px; }
.scene-controls button { padding: 7px 11px; background: #09212de0; color: #f4ead1; border-color: #9bb6b36b; font-size: 10px; }
.scenic.scenes-off canvas, .scenic.scenes-off .scene-shade, .scenic.scenes-off .scene-caption { visibility: hidden; }
@media(max-width:450px) {
  .lyric-stage.scenic { min-height: 390px; margin-inline: -6px; padding: 50px 14px 58px; }
  .scene-caption { font-size: 8px; left: 13px; }
}