/* The decoded video stays only beneath an immediately following interaction. */
.film-backed-stage .held-film {
  z-index:0;
  pointer-events:none;
  background:#050807;
}
.film-backed-stage .wash {
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,5,4,.46),rgba(3,5,4,.04) 26%,rgba(3,5,4,.12) 46%,rgba(3,5,4,.76));
}
.phone.film-choice-stage .wash {
  background:linear-gradient(180deg,rgba(3,5,4,.5),rgba(3,5,4,.03) 24%,rgba(3,5,4,.12) 43%,rgba(3,5,4,.73) 73%,rgba(3,5,4,.9));
}
.phone.film-choice-stage .choice-decision {
  inset:auto 66px max(22px,env(safe-area-inset-bottom)) 22px;
  max-height:55%;
  justify-content:flex-start;
  padding:12px 3px 4px 0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#806c46 transparent;
  animation:film-choice-enter .28s ease-out both;
}
.phone.film-choice-stage .choice-decision > .event-label { margin-bottom:10px; }
.phone.film-choice-stage .chapter-choice-context h2 { margin-bottom:8px; text-shadow:0 2px 9px #000; }
.phone.film-choice-stage .chapter-choice-context p { margin-bottom:14px; }
.phone.film-choice-stage .choice-decision .choice {
  background-color:rgba(23,20,15,.86);
  box-shadow:0 4px 16px #0005;
}
.phone.film-choice-stage .choice-footer { position:static; margin-top:16px; }
.phone.film-choice-stage .choice-footer h2 { display:none; }
.phone.film-choice-stage .choice-decision .choice.selected { background-color:#dbc091; }
@keyframes film-choice-enter { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
@media(max-height:700px) {
  .phone.film-choice-stage .choice-decision { max-height:60%; }
}
@media(prefers-reduced-motion:reduce) {
  .phone.film-choice-stage .choice-decision { animation:none; }
}