.opening-screen .flow-frame{width:100%;height:100%;border:0;clip-path:none;background:#000}.opening-screen .flow-frame:before,.opening-screen .flow-frame:after{display:none}
.opening-movie{position:absolute;z-index:1;inset:0;display:none;overflow:hidden;background:#000}.opening-movie.active{display:block}.opening-movie figure{position:absolute;inset:-2%;margin:0;opacity:0;transition:opacity 1.35s ease;overflow:hidden}.opening-movie figure.active{opacity:1;z-index:2}.opening-movie figure img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:saturate(.92) contrast(1.05) brightness(.88)}.opening-movie figure:nth-child(odd).active img{animation:op-camera-a 19s ease-out both}.opening-movie figure:nth-child(even).active img{animation:op-camera-b 20s ease-out both}
.opening-movie figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009 0,transparent 38%,transparent 70%,#0005),linear-gradient(0deg,#000a 0,transparent 30%,#0004 100%);pointer-events:none}.opening-movie figcaption{position:absolute;z-index:3;left:clamp(22px,7vw,120px);bottom:clamp(55px,9vh,100px);display:grid;gap:6px;max-width:min(620px,78vw);padding:12px 18px;border-left:2px solid #42b9ff;background:linear-gradient(90deg,#020713d9,transparent)}.opening-movie figcaption small{font:700 clamp(8px,1vw,12px) Cinzel;color:#5fc8ff;letter-spacing:.28em}.opening-movie figcaption b{font-family:serif;font-size:clamp(17px,2.3vw,31px);letter-spacing:.08em;text-shadow:0 2px 9px #000}
.opening-title-card{position:absolute;z-index:5;inset:0;display:grid;place-content:center;place-items:center;gap:8px;text-align:center;background:radial-gradient(circle at 50% 46%,#0a397d88,transparent 27%),#01030ae8;opacity:0;transition:opacity 1.1s}.opening-title-card.active{opacity:1}.opening-title-card.ending{background:radial-gradient(circle at 50% 46%,#164e9baa,transparent 29%),#01030ae8}.opening-title-card .flow-emblem{width:clamp(90px,12vw,150px)}.opening-title-card small{font:700 10px Cinzel;color:#67caff;letter-spacing:.3em}.opening-title-card strong{font-family:serif;font-size:clamp(36px,7vw,88px);letter-spacing:.11em;text-shadow:0 0 30px #177bda}.opening-title-card span{font:700 clamp(9px,1.5vw,16px) Cinzel;color:#b8cbe2;letter-spacing:.32em}
.opening-flash{position:absolute;z-index:8;inset:0;pointer-events:none;background:#dff7ff;opacity:0}.opening-movie.glitch .opening-flash{animation:op-flash .42s both}.opening-grain{position:absolute;z-index:7;inset:-30%;pointer-events:none;opacity:.1;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px);background-size:5px 7px;animation:op-grain .28s steps(2) infinite}.opening-movie:after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #000,inset 0 0 20px #1473c755;background:repeating-linear-gradient(0deg,transparent 0 3px,#05101d28 4px)}
.opening-progress{position:absolute;z-index:10;left:0;right:0;bottom:0;height:2px;background:#020711}.opening-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#174bc1,#48d5ff,#8e5cff);box-shadow:0 0 14px #3ac9ff}.opening-screen:has(.opening-movie.active) .opening-content{display:none}
@keyframes op-camera-a{from{transform:scale(1.12) translate3d(-1.5%,1%,0)}to{transform:scale(1.03) translate3d(1.5%,-1%,0)}}@keyframes op-camera-b{from{transform:scale(1.04) translate3d(1.5%,0,0)}to{transform:scale(1.13) translate3d(-1.5%,-1%,0)}}@keyframes op-flash{0%{opacity:.7}15%{opacity:.08;transform:translateX(0)}25%{opacity:.25;transform:translateX(8px)}45%{opacity:0;transform:translateX(-5px)}100%{opacity:0}}@keyframes op-grain{to{transform:translate3d(3%,-2%,0)}}
@media(max-width:700px){.opening-movie figure{inset:0}.opening-movie figure img{object-position:center;height:100%;transform:scale(1.03)}.opening-movie figcaption{left:12px;right:12px;bottom:45px;max-width:none}.opening-movie figcaption b{font-size:17px}.opening-title-card strong{font-size:37px;white-space:nowrap}.opening-title-card span{font-size:9px}.opening-screen .op-skip{z-index:20}}