/* A texture-free background: the CSS surface is also the GPU fallback. */
#film{pointer-events:none;background:radial-gradient(ellipse at 16% 27%,#27363c88,transparent 55%),radial-gradient(ellipse at 84% 67%,#45362666,transparent 52%),linear-gradient(125deg,#070a0d,#15171a 43%,#08090b);isolation:isolate}
#film .shader-surface{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
#film .shader-surface[hidden]{display:none}
#film::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 42% 28% at 50% 49%,#0005,transparent 96%),linear-gradient(180deg,#0004,transparent 22%,transparent 68%,#000c),radial-gradient(ellipse 42% 26% at 50% 48%,#03040570,transparent 100%),linear-gradient(180deg,#0004,transparent 22%,transparent 75%,#0008)}
#mono{display:none;backdrop-filter:none;-webkit-backdrop-filter:none;mask-image:none;-webkit-mask-image:none}
.object-opening #film{opacity:.35;transition:opacity .45s ease}
@media(prefers-reduced-motion:reduce){#film{transition:none}}