/* The film pass is below every navigation control and never receives input. */
@media screen {
  main {position:fixed; inset:0; background:var(--paper); isolation:isolate;}
  body.analog-on main {filter:url(#film-print); transform-origin:50% 50%; will-change:transform;}
  .analog-defs {position:absolute; width:0; height:0; overflow:hidden; pointer-events:none;}
  .film-layer {position:fixed; inset:0; z-index:9; pointer-events:none; user-select:none; display:none;}
  .analog-on .film-layer {display:block;}
  #filmGrain, .film-grain-fallback {width:100%; height:100%; mix-blend-mode:soft-light; opacity:.38;}
  .film-optics {background:radial-gradient(ellipse at 49% 46%, transparent 36%, #251b1114 78%, #110c0829 110%); mix-blend-mode:multiply;}
  .film-breath {background:#251b0e; opacity:var(--film-breath, .007); mix-blend-mode:multiply;}
  .page-menu .film-toggle {display:flex; width:100%; justify-content:space-between; align-items:center; margin-top:19px; border-top:1px solid #3c3c3c; padding-top:17px; font-size:9px; color:#ddd;}
  .film-toggle span {color:var(--red);}
}
@media (prefers-reduced-motion:reduce) {
  body.analog-on main {transform:none!important; will-change:auto;}
}
@media print {
  .film-layer,.analog-defs,.film-toggle {display:none!important;}
  main {filter:none!important; transform:none!important; position:static!important;}
}