.screening-room {
  width: min(1000px, calc(100% - 24px));
  padding-right: clamp(34px, 8vw, 104px);
  padding-left: clamp(34px, 8vw, 104px);
}

.screening-room::before,
.screening-room::after {
  width: clamp(48px, 10vw, 128px);
}

.proscenium {
  transform: perspective(1500px) rotateX(.35deg);
  transform-origin: center top;
}

.program-panel {
  margin-top: 38px;
}

.center-seat-view {
  position: relative;
  z-index: 4;
  height: clamp(115px, 17vw, 185px);
  margin: 22px clamp(-104px, -8vw, -34px) 0;
  overflow: hidden;
  clip-path: polygon(25% 0, 75% 0, 100% 100%, 0 100%);
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(224, 191, 121, .035) 50%, transparent 50.2%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.016) 0 1px, transparent 1px 34px),
    linear-gradient(180deg, #0d090a, #050404 62%, #020202);
  box-shadow: inset 0 28px 52px #000;
}

.center-seat-view::before {
  content: '';
  position: absolute;
  right: 27%;
  bottom: -42px;
  left: 27%;
  height: 78px;
  border-radius: 50%;
  background: rgba(122, 49, 153, .1);
  filter: blur(20px);
}

.floor-light {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(224, 191, 121, .46);
  box-shadow: 0 0 7px rgba(224, 191, 121, .32), 0 0 15px rgba(122, 49, 153, .22);
}
.floor-light.left.near { left: 13%; bottom: 16%; }
.floor-light.left.middle { left: 25%; bottom: 48%; opacity: .72; }
.floor-light.left.far { left: 35%; bottom: 77%; opacity: .46; }
.floor-light.right.near { right: 13%; bottom: 16%; }
.floor-light.right.middle { right: 25%; bottom: 48%; opacity: .72; }
.floor-light.right.far { right: 35%; bottom: 77%; opacity: .46; }

.proscenium:fullscreen {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: 100vw;
  height: 100vh;
  padding: 18px;
  border: 0;
  background: #030203;
  transform: none;
}

.proscenium:fullscreen .screen-frame {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

.proscenium:fullscreen .player-console {
  padding: 12px 2vw 5px;
  background: #070506;
}

@media (max-width: 620px) {
  .screening-room {
    width: calc(100% - 12px);
    padding-right: 24px;
    padding-left: 24px;
  }
  .screening-room::before,
  .screening-room::after { width: 18px; }
  .center-seat-view { margin-right: -24px; margin-left: -24px; }
  .proscenium:fullscreen { padding: 8px; }
  .proscenium:fullscreen .now-title-row { display: none; }
}