html.keyif-cinema-active body{overflow:hidden!important}
#keyif-cinema{position:fixed;inset:0;z-index:30000;background:#020912;overflow:hidden;opacity:1;isolation:isolate;animation:cinema-failsafe 0s 7.5s forwards}
#keyif-cinema-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.cinema-emblem{position:absolute;left:50%;top:49%;width:min(360px,46vh,68vw);aspect-ratio:388/357;margin:0;opacity:0;transform:translate(-50%,-50%) scale(.035);transform-origin:center;will-change:transform,opacity;z-index:2}
.cinema-emblem:before{content:'';position:absolute;inset:-28%;background:radial-gradient(ellipse,#60cfee30 0%,#3b95bd15 40%,transparent 70%);filter:blur(12px);z-index:-1}
.cinema-emblem svg{display:block;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 0 14px #2786b34d)}
#keyif-cinema.is-dissolving{opacity:0;transition:opacity 1.2s cubic-bezier(.33,0,.25,1);pointer-events:none}
#keyif-cinema.is-immediate{opacity:0;transition:none;pointer-events:none}
#keyif-cinema:focus{outline:none}
@keyframes cinema-failsafe{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#keyif-cinema{display:none}}