.film-overlay{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 35%,#130e08a8 100%);overflow:hidden}
.film-overlay:before{content:'';position:absolute;inset:-10%;background-image:url('/release-20261004-01/assets/black-grain.svg');background-size:93px;mix-blend-mode:screen;opacity:.55}
.film-overlay:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 13%,#e6d6ad55 13.08%,transparent 13.2%,transparent 62%,#110c0799 62.1%,transparent 62.3%,transparent 87%,#f3e3be44 87.1%,transparent 87.2%);opacity:.7}
.film-opening>.topbar,.film-opening>main,.film-opening>footer{animation:film-restore 4800ms ease-out both}
.film-opening .film-overlay{animation:film-clear 4800ms ease-out both}
.film-opening .film-overlay:before{animation:film-grain 170ms steps(1,end) infinite}
.film-opening .film-overlay:after{animation:film-scratch 470ms steps(1,end) infinite}
.projector-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.projector-controls button{background:transparent;border:0;border-bottom:1px solid #555;color:#aaa;font:10px Arial,sans-serif;padding:7px 0;cursor:pointer;letter-spacing:.4px}
.projector-controls button:hover{color:#eee;border-color:#ccc}
.projector-status{font-size:10px;color:#999;max-width:230px}
@keyframes film-restore{
0%{filter:sepia(.8) blur(2px) brightness(.48) contrast(.75);transform:translateY(3px)}
8%{filter:sepia(.75) blur(1px) brightness(.66);transform:translate(-1px,-3px)}
19%{filter:sepia(.7) blur(2.4px) brightness(.53);transform:translate(1px,2px)}
31%{filter:sepia(.6) blur(.9px) brightness(.75);transform:translateY(-2px)}
43%{filter:sepia(.55) blur(1.5px) brightness(.60);transform:translateY(3px)}
56%{filter:sepia(.4) blur(.7px) brightness(.83);transform:translateY(-1px)}
68%{filter:sepia(.3) blur(1px) brightness(.74);transform:translateY(1px)}
81%{filter:sepia(.12) blur(.3px) brightness(.94);transform:none}
100%{filter:none;transform:none}}
@keyframes film-clear{0%{opacity:.95}20%{opacity:.85}38%{opacity:.94}57%{opacity:.68}72%{opacity:.48}86%{opacity:.2}100%{opacity:0}}
@keyframes film-grain{0%{transform:translate(-3%,2%)}21%{transform:translate(2%,-3%)}43%{transform:translate(-1%,4%)}67%{transform:translate(4%,1%)}85%{transform:translate(-4%,-2%)}100%{transform:translate(1%,3%)}}
@keyframes film-scratch{0%{transform:translateX(-8%);opacity:.8}23%{transform:translateX(3%);opacity:.3}49%{transform:translateX(-2%);opacity:.9}77%{transform:translateX(9%);opacity:.5}100%{transform:translateX(0);opacity:.7}}
@media(prefers-reduced-motion:reduce){.film-opening>.topbar,.film-opening>main,.film-opening>footer,.film-opening .film-overlay,.film-opening .film-overlay:before,.film-opening .film-overlay:after{animation:none!important}.film-overlay{display:none}}