.opening[hidden]{display:none!important}.opening{position:fixed;inset:0;z-index:100;background:#071b31;color:#fff;overflow:auto}.opening-active{overflow:hidden}.opening-brand{display:grid;place-items:center;background:#fafaf8;color:#282929}.studio-card{text-align:center;padding:30px;animation:studio-fade 1.4s ease both}.studio-card img{width:220px;max-width:70vw;image-rendering:auto;filter:drop-shadow(0 5px 20px #17213911)}.studio-card>span{display:block;font-size:10px;letter-spacing:5px;margin-top:30px;color:#707678}.studio-card button{display:block;margin:38px auto 0;background:transparent;border:1px solid #a7acab;color:#535b60;font-size:11px;padding:8px 20px;min-height:35px}.opening-brand>.studio-footer{position:absolute;bottom:25px;font-size:10px;letter-spacing:1px;color:#81898b;text-align:center;left:0;right:0}.opening-comic{background:radial-gradient(ellipse at top,#2b4960,#091d31);padding:25px 3vw;display:flex;flex-direction:column;justify-content:center;gap:16px}.comic-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;width:min(1460px,100%);margin:auto auto 0}.comic-heading>span{font-size:9px;letter-spacing:2px;color:#9dc1ca}.comic-heading h1{font-size:26px;color:#ffeaba;font-weight:1000;letter-spacing:-1px;margin:0}.comic-heading em{color:#ffa190;font-style:normal}.comic-heading button{background:#152f44;border-color:#7f9ca277;font-size:11px;padding:8px 15px;min-height:36px}.comic-page{position:relative;isolation:isolate;aspect-ratio:16/9;width:min(1460px,100%);max-height:calc(100svh - 185px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);cursor:pointer;border:6px solid #fff3d1;box-shadow:0 20px 80px #0009;background:#eed5a8;overflow:hidden}.comic-art{position:absolute;inset:0;z-index:-1;background:url('/assets/opening-comic-v17.webp?v=mobile-27') center/cover}.comic-panel{position:relative;min-width:0;animation:panel-pop .65s ease both}.comic-panel.two{animation-delay:.25s}.comic-panel.three{animation-delay:.5s}.panel-number{position:absolute;top:12px;left:12px;font-size:10px;font-weight:900;letter-spacing:1px;background:#122738ed;color:#ffefc0;padding:6px 8px;transform:rotate(-4deg)}.speech{position:absolute;padding:10px 15px;background:#fffced;color:#183242;border:3px solid #182e3a;border-radius:16px;font-size:clamp(12px,1.35vw,20px);font-weight:1000;box-shadow:2px 4px #18293c77;transform:rotate(-4deg);white-space:nowrap}.speech:after{content:'';position:absolute;bottom:-10px;left:24%;width:12px;height:12px;background:inherit;border-right:3px solid #182e3a;border-bottom:3px solid #182e3a;transform:skewY(35deg)}.speech.blue{left:7%;top:14%;color:#087da0}.speech.red{right:5%;top:30%;color:#ae3539;transform:rotate(6deg)}.two .speech.blue{top:19%}.two .speech.red{top:36%}.three .speech.blue{top:16%;left:3%}.three .speech.red{top:32%;right:1%}.comic-caption{position:absolute;bottom:12px;left:12px;right:12px;font-size:clamp(10px,1vw,14px);font-weight:800;text-align:center;background:#152939ed;color:#ffe8b6;padding:9px 4px;line-height:1.5;border:1px solid #e9d4a555}.comic-footer{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:0 auto auto;padding:0;font-size:10px;color:#9ab8ca}.comic-footer .primary{font-size:16px;min-height:52px;padding:14px 28px}.comic-footer small{color:#c0e2e7;font-size:10px}.opening-poster{display:flex;align-items:center;justify-content:center;background:#173048;isolation:isolate}.poster-art{position:absolute;inset:0;z-index:-2;background:url('/assets/opening-poster-v17.webp?v=mobile-27') center/cover}.opening-poster:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#101c3344,transparent 42%,#0b1c3dee 100%)}.poster-title{position:absolute;top:6%;left:0;right:0;text-align:center;transform:rotate(-3deg);text-shadow:2px 5px 0 #193248,0 10px 30px #0017319c}.poster-title>span{font-size:11px;letter-spacing:5px;color:#f2f2d7}.poster-title h1{font-size:clamp(44px,7vw,98px);font-weight:1000;letter-spacing:-5px;margin:6px 0;line-height:1.2;-webkit-text-stroke:1.5px #152c44}.poster-title p{font-size:19px;color:#fff0a7;font-weight:900;margin:0}.poster-loading{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);width:min(460px,80%);text-align:center}.poster-loading>span{display:block;font-size:15px;color:#ffe9b9;font-weight:800;margin-bottom:12px}.poster-loading progress{display:block;width:100%;height:16px;border:2px solid #ffdfa0;border-radius:20px;overflow:hidden;background:#173a56;box-shadow:0 4px 8px #081e38aa}.poster-loading progress::-webkit-progress-bar{background:#173a56}.poster-loading progress::-webkit-progress-value{background:linear-gradient(90deg,#e5ae40,#ffea9c);border-radius:20px}.poster-loading progress::-moz-progress-bar{background:#ffda77}.poster-loading p{font-size:10px;margin-top:12px;color:#cee4e8}.poster-loading button{font-size:12px;margin:5px;min-height:38px;padding:8px 15px}@keyframes studio-fade{0%{opacity:0;transform:scale(.94)}40%,100%{opacity:1;transform:scale(1)}}@keyframes panel-pop{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:720px){.opening-comic{padding:15px 12px;justify-content:start;gap:12px}.comic-heading{flex-wrap:wrap;margin:0}.comic-heading>span{font-size:7px;letter-spacing:1px}.comic-heading h1{order:3;width:100%;font-size:23px}.comic-heading button{font-size:10px;padding:6px 12px;min-height:30px}.comic-page{aspect-ratio:auto;min-height:720px;max-height:none;display:flex;flex-direction:column;border:4px solid #fff3d1}.comic-art{display:none}.comic-panel{height:300px;min-height:300px;background-image:url('/assets/opening-comic-v17.webp?v=mobile-27');background-size:300% 100%;background-position:left center;border-bottom:4px solid #fff3d1}.comic-panel.two{background-position:center}.comic-panel.three{background-position:right;border:0}.speech{font-size:15px;padding:8px 12px}.speech.blue{top:12%}.speech.red{top:30%}.comic-caption{font-size:11px;bottom:8px}.comic-footer{gap:12px;margin:0;padding-bottom:20px}.comic-footer>span{order:2}.comic-footer small{display:none}.comic-footer .primary{width:100%;font-size:15px}.poster-art{background-position:48% center}.poster-title{top:13%}.poster-title>span{font-size:8px;letter-spacing:3px}.poster-title h1{font-size:52px;letter-spacing:-3px;-webkit-text-stroke:.8px #152c44}.poster-title p{font-size:15px}.poster-loading{bottom:10%;width:85%}.poster-loading>span{font-size:12px}.studio-card img{width:195px}}
@media(prefers-reduced-motion:reduce){.opening *{animation:none!important;transition:none!important}}
.opening{overflow-x:hidden}
.opening-brand{background:radial-gradient(ellipse at center,#182230,#060a10);color:#e8f1f8}
.studio-card>span{color:#91a7b8}
.studio-card button{border-color:#465a6e;color:#b5c9d9}
.poster-title{left:10%;right:10%}
.comic-page{aspect-ratio:2/1}
@media(max-width:720px){.comic-page{aspect-ratio:auto}.comic-panel{height:auto;min-height:0;aspect-ratio:2/3}}