/* A page view (About, …) shares the viewport and combustion edge with the stage. */
.page-layer {
  position: fixed;
  inset: 0;
  z-index: 20010;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  /* No rubber band at either end: the top is where the passage back begins,
     and a bounce there pulls the page off its black ground. */
  overscroll-behavior: none;
  touch-action: pan-y;
  background: #050403;
  outline: none;
}
.page-layer.is-shown { visibility: visible; }
/* While a page passage runs, the one fire curtain draws above the page layer. */
html[data-page-passage] #stage-fire { z-index: 20011; }
html[data-page-passage] #cursor-fx,
html[data-page-passage] #stage-cursor { visibility: hidden; }
@media (hover: hover) and (pointer: fine) {
  html.cursor-ready .page-layer,
  html.cursor-ready .page-layer * { cursor: auto !important; }
  html.cursor-ready .page-layer :is(a, button) { cursor: pointer !important; }
  html.cursor-ready .page-layer :is(input, textarea) { cursor: text !important; }
}