.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.film-scenes {
  position: absolute; z-index: 15; top: 132px; right: var(--gutter);
  display: flex; align-items: center; gap: 3px; padding: 5px;
  border-radius: 40px; background: rgba(31, 23, 43, .85);
  backdrop-filter: none; -webkit-backdrop-filter: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 6px 24px rgba(7,3,15,.12);
  transition: opacity .22s ease, transform .22s ease, visibility .22s;
}
.film-scenes__label { color: #cfc1de; font-size: 10px; padding: 0 12px; letter-spacing: .09em; }
.film-scenes button { border: 1px solid transparent; border-radius: 30px; background: transparent; color: #eae1f2; padding: 0 17px; min-height: 36px; font-size: 11px; transition: color .2s, background .2s; }
.film-scenes button[aria-pressed=true] { color: #35263e; background: #f3eafb; border-color: rgba(255,255,255,.6); box-shadow: 0 2px 9px rgba(0,0,0,.12); }
.film-scenes button:focus-visible { outline: 2px solid #e0c7ff; outline-offset: 3px; }
.film-scenes[aria-busy=true] { border-color: #b995db; }
#stage[data-state=interior] .film-scenes,
#stage.is-entry-handoff .film-scenes { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); }
.scene-change-veil { position: absolute; z-index: 6; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(ellipse at 70% 35%, #30203e, #100b1b 75%); transition: opacity .22s ease; }
#stage.is-scene-changing .scene-change-veil { opacity: 1; }
@media(max-width:900px){.film-scenes{top:100px;right:16px}}
@media(max-width:700px){
  .film-scenes{top:88px;left:16px;right:auto;padding:4px;gap:2px}
  .film-scenes__label{padding:0 8px;font-size:9px}
  .film-scenes button{min-height:36px;padding:0 13px;font-size:10px}
}
@media(any-pointer:coarse) and (max-height:500px){
  .film-scenes{top:76px;right:16px;left:auto;padding:3px}
  .film-scenes__label{display:none}
  .film-scenes button{min-height:32px;padding:0 12px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.film-scenes,.film-scenes button,.scene-change-veil{transition:none}}