/* Non-destructive compositing: masks follow the actual image, not its old contain box. */
.scene .player,
.scene .hostess {
  height: auto;
  max-height: none;
  object-fit: initial;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.scene .player {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 61%, rgba(0,0,0,.98) 70%, rgba(0,0,0,.78) 80%, rgba(0,0,0,.38) 89%, rgba(0,0,0,.08) 97%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 61%, rgba(0,0,0,.98) 70%, rgba(0,0,0,.78) 80%, rgba(0,0,0,.38) 89%, rgba(0,0,0,.08) 97%, transparent 100%);
}
.scene .hostess {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 65%, rgba(0,0,0,.98) 73%, rgba(0,0,0,.74) 83%, rgba(0,0,0,.30) 92%, rgba(0,0,0,.04) 98%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 65%, rgba(0,0,0,.98) 73%, rgba(0,0,0,.74) 83%, rgba(0,0,0,.30) 92%, rgba(0,0,0,.04) 98%, transparent 100%);
}
/* Replace the hard diagonal clipping plane with an atmospheric edge. */
.scene .stadium {
  clip-path: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 24%), linear-gradient(to bottom, transparent 0%, #000 14%, #000 78%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 24%), linear-gradient(to bottom, transparent 0%, #000 14%, #000 78%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
/* A shared, low-opacity haze ties the lower silhouettes to the environment. */
.scene::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background: radial-gradient(ellipse 31% 15% at 64% 58%, rgba(223,237,253,.30), rgba(223,237,253,.10) 55%, transparent 100%);
}
[data-theme="dark"] .scene::after {
  background: radial-gradient(ellipse 31% 15% at 64% 58%, rgba(22,45,77,.40), rgba(22,45,77,.10) 55%, transparent 100%);
}
@media(max-width:900px) {
  .scene .stadium {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 20%, #000 67%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 20%, #000 67%, transparent 100%);
    -webkit-mask-composite: source-over;
    mask-composite: add;
  }
  .scene::after {
    background: radial-gradient(ellipse 65% 22% at 50% 82%, rgba(230,240,253,.35), transparent 100%);
  }
  [data-theme="dark"] .scene::after {
    background: radial-gradient(ellipse 65% 22% at 50% 82%, rgba(17,36,60,.40), transparent 100%);
  }
}