/* Expanded cinematic entrance. The application underneath is unchanged. */
.welcome-shell{background:#05070a;min-height:100dvh}.welcome-shell:before{display:none}.welcome-layout{width:90%;max-width:1700px;grid-template-columns:1fr 1.13fr;gap:0;position:relative;padding:5px 0 35px;min-height:630px}.welcome-copy{max-width:600px}.welcome-top{padding-top:18px;padding-bottom:16px}.welcome-top,.welcome-bottom{position:relative;z-index:4}.welcome-brand img{width:104px;height:62px}.welcome-brand>span{display:none}.welcome-studio{font-size:8px;letter-spacing:2px}.welcome-kicker{font-size:8px;letter-spacing:2.2px;margin-bottom:19px}.gateway-wordmark{position:relative;display:flex;align-items:baseline;width:max-content;max-width:100%;font-size:clamp(55px,6.8vw,108px);font-weight:950;line-height:.9;letter-spacing:-6px;color:#f3f5ed;margin:0 0 30px}.gateway-wordmark>span{background:linear-gradient(175deg,#fff 10%,#dfe6d9 45%,#69746a 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.gateway-wordmark>b{color:var(--acid);font-size:.65em;letter-spacing:0;align-self:flex-start;line-height:.85;margin:0 0 0 4px;text-shadow:0 0 30px #adf05033}.gateway-wordmark>small{position:absolute;right:4px;bottom:-17px;font-size:8px;letter-spacing:6px;color:#b7c2b0}.welcome h2{font-size:clamp(28px,3.1vw,46px);letter-spacing:-1.7px;line-height:1.07;max-width:530px;margin-bottom:22px}.welcome h2 em{margin-top:2px;color:var(--acid)}.welcome-sub{font-size:12px;margin-bottom:20px}.language-options{margin-bottom:20px}.language-options button{min-height:61px;background:#060a0ed4;backdrop-filter:blur(10px);border-color:#ffffff2b}.language-options button[aria-pressed=true]{box-shadow:inset 0 -2px var(--acid),0 0 25px #9ec64412}.enter-universe{background:linear-gradient(100deg,#d6ff7c,#b5e44e);border:1px solid #dfff99;box-shadow:0 0 40px #a3cf4e18;position:relative;overflow:hidden}.enter-universe:after{content:'';position:absolute;top:-100%;bottom:-100%;width:32%;left:-60%;background:linear-gradient(90deg,transparent,#ffffff6b,transparent);transform:rotate(25deg);transition:left .7s}.enter-universe:hover:after{left:135%}.welcome-bottom{border-top:1px solid #ffffff18;font-size:8px;background:linear-gradient(0deg,#05070a,transparent);width:90%;padding-top:18px}.language-note{color:#84909e}.gateway-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.gateway-aura{position:absolute;border-radius:50%;filter:blur(65px);opacity:.38}.aura-blue{right:-15%;top:13%;width:60%;height:80%;background:radial-gradient(ellipse,#0048b6 0%,transparent 68%)}.aura-gold{left:29%;top:30%;width:45%;height:70%;background:radial-gradient(ellipse,#8b3c12 0%,transparent 70%)}.gateway-grid{position:absolute;inset:0;background-image:linear-gradient(100deg,transparent 49.9%,#b2d0ff0a 50%,transparent 50.1%);background-size:180px 100%;mask-image:linear-gradient(90deg,transparent,#000)}.gateway-sparks{position:absolute;inset:0}.gateway-sparks i{position:absolute;width:2px;height:2px;border-radius:50%;background:#b2d7ff;left:calc(34% + var(--n)*3.4%);top:calc(20% + var(--n)*3.1%);opacity:.35;box-shadow:0 0 6px #56a4ff;animation:spark-rise 5s ease-out both;animation-delay:calc(var(--n)*70ms)}
.welcome-art{height:min(640px,72vh);min-height:490px;perspective:1000px;margin:0 -4% 0 0;position:relative}.gateway-panels{position:absolute;inset:0;display:flex;gap:7px;transform:rotate(-5deg) skewY(1deg);filter:drop-shadow(0 25px 35px #0009)}.gateway-panel{position:relative;flex:1;overflow:hidden;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);background:#152334;isolation:isolate;animation:panel-arrive 1.4s cubic-bezier(.16,1,.3,1) both}.gateway-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#070a1210,transparent 40%,#03070df5);z-index:1}.gateway-panel:after{content:'';position:absolute;inset:0;border-top:2px solid #ffffff80;border-bottom:2px solid #c8f46190;z-index:2;pointer-events:none}.gateway-panel>img{height:100%;width:100%;object-fit:cover;object-position:center;transform:scale(1.08);animation:panel-camera 4.5s ease-out both}.panel-ink{margin-top:85px;margin-bottom:15px;animation-delay:.1s}.panel-ink>img{object-position:43% 40%;transform:scale(1.15)}.panel-gold{margin-top:35px;margin-bottom:45px;animation-delay:.22s}.panel-gold>img{object-position:48% 32%}.panel-flame{margin-top:0;margin-bottom:85px;animation-delay:.34s}.panel-flame>img{object-position:53% 25%}.panel-caption{position:absolute;bottom:34px;left:16%;right:10%;z-index:3;transform:rotate(5deg)}.panel-caption small{font-size:6px;letter-spacing:1.4px;text-transform:uppercase;color:#d0e6f7;display:block;line-height:1.6;margin-bottom:7px}.panel-caption strong{font-size:clamp(19px,2vw,31px);font-weight:900;letter-spacing:-.6px}.panel-ink .panel-caption strong,.panel-gold .panel-caption strong{color:#ffbc73}.panel-flame .panel-caption strong{color:#89d5ff}.gateway-slash{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#a9d6ff,transparent);box-shadow:0 0 15px #80aaff;transform:rotate(-63deg);width:120%;pointer-events:none;opacity:.5}.slash-one{left:-15%;top:55%}.slash-two{left:35%;top:54%;opacity:.25}.gateway-stamp{position:absolute;right:8%;bottom:-8px;font-size:7px;letter-spacing:4px;color:#738da3;transform:rotate(-5deg)}
.cinematic{background:#030507}.cinematic-frame{inset:0;transform:none;transition:opacity .22s;overflow:hidden;isolation:isolate}.cinematic-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05070a;transform:scale(1.13);filter:contrast(1.07)}.cinematic-frame.on{animation:none;opacity:1}.cinematic-frame.on>img{animation:cinema-push 1.15s cubic-bezier(.12,.65,.3,1) both}.cinema-ink>img{object-position:50% 40%}.cinema-gold>img{object-position:50% 25%}.cinema-flame>img{object-position:50% 29%}.shot-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04070c88,transparent 67%),linear-gradient(0deg,#03070df0,transparent 65%)}.shot-outline{position:absolute;bottom:-4%;left:-1%;font-size:clamp(80px,24vw,380px);font-weight:900;letter-spacing:-.07em;line-height:1;white-space:nowrap;-webkit-text-stroke:1px #d9e8ff3a;color:transparent;opacity:.7}.shot-caption{position:absolute;left:8%;bottom:14%;display:flex;flex-direction:column;align-items:flex-start;transform:skewX(-5deg)}.shot-caption small{font-size:10px;letter-spacing:4px;text-transform:uppercase;margin-bottom:15px;color:#d9e6ea}.shot-caption strong{font-size:clamp(60px,10vw,150px);font-weight:900;letter-spacing:-5px;line-height:.9;text-shadow:0 6px 25px #0005}.shot-caption i{display:block;width:100px;height:3px;background:var(--acid);margin-top:24px}.cinema-gold .shot-caption i{background:#ffc978}.cinema-flame .shot-caption i{background:#7bdfff}.cinematic-frame.on .shot-caption{animation:title-sweep .9s cubic-bezier(.16,1,.3,1) both}.cinema-convergence{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;padding:9vh 7vw;opacity:0;visibility:hidden;background:radial-gradient(ellipse,#17283c,#030507 75%);perspective:1000px}.cinema-convergence img{height:100%;max-height:74vh;max-width:29%;object-fit:contain;filter:drop-shadow(0 15px 30px #000)}.cinema-convergence img:nth-child(1){transform:rotate(-9deg) translateY(20px)}.cinema-convergence img:nth-child(3){transform:rotate(9deg) translateY(20px)}.converge .cinema-convergence{opacity:1;visibility:visible;animation:converge-recede 1.2s cubic-bezier(.16,1,.3,1) both}.cinematic-mark{background:radial-gradient(ellipse at center,#17302b55,#030507 65%);transform:scale(1.35);transition:opacity .65s,transform 1.8s cubic-bezier(.16,1,.3,1);overflow:hidden;isolation:isolate}.mark-halo{position:absolute;width:70vw;height:70vw;border:1px solid #b2dd7a30;border-radius:50%;box-shadow:0 0 120px #9fdb5220,inset 0 0 100px #316e4e10;transform:rotateX(65deg);z-index:-1}.cinematic-mark>.mark-emblem{width:260px;height:auto;object-fit:contain;margin-bottom:30px;filter:drop-shadow(0 0 25px #96d95040)}.mark-word{text-align:center;position:relative}.mark-word strong{display:block;letter-spacing:-.045em;font-size:clamp(70px,17vw,240px);font-weight:950;line-height:.82;color:#edf3e7;text-shadow:0 5px #394237,0 25px 70px #000;background:linear-gradient(170deg,#fff,#cee7ab 35%,#75856b 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.mark-word strong span{color:var(--acid);text-shadow:none}.mark-word>b{display:block;font-size:clamp(12px,2.2vw,31px);letter-spacing:1.1em;padding-left:1.1em;color:#b9cbad;font-weight:400;line-height:1;margin-top:30px}.cinematic-mark p{margin-top:35px;color:#aab9c5;font-size:11px;letter-spacing:3px}.reveal .cinematic-mark{transform:scale(1);opacity:1}.reveal .mark-word:after{content:'';position:absolute;inset:-60% -30%;background:linear-gradient(110deg,transparent 39%,#ffffff55 49%,transparent 59%);mix-blend-mode:screen;pointer-events:none;animation:brand-sheen 1.4s .2s ease-out both}.mark-line{width:140px;background:linear-gradient(90deg,transparent,var(--acid),transparent)}.cinema-shutter{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(110deg,transparent 28%,#010306 29%,#010306 65%,transparent 66%);transform:translateX(-130%)}.playing .cinema-shutter{animation:shutter-pass .6s .83s ease-in-out,shutter-pass .6s 1.78s ease-in-out}.playing .cinema-progress{animation-duration:6.5s}.skip-intro{background:#05090dd9;backdrop-filter:blur(12px)}
@keyframes panel-arrive{from{opacity:0;transform:translate(70px,30px)}to{opacity:1;transform:none}}@keyframes panel-camera{from{transform:scale(1.13)}to{transform:scale(1.02)}}@keyframes spark-rise{from{opacity:0;transform:translateY(60px)}35%{opacity:.7}to{opacity:.28;transform:translateY(-15px)}}@keyframes cinema-push{from{transform:scale(1.16) translateX(1.5%)}to{transform:scale(1.03) translateX(-.5%)}}@keyframes title-sweep{from{opacity:0;transform:translateX(-75px) skewX(-5deg)}to{opacity:1;transform:translateX(0) skewX(-5deg)}}@keyframes shutter-pass{from{transform:translateX(-130%)}to{transform:translateX(130%)}}@keyframes converge-recede{from{opacity:0;transform:scale(1.25)}25%{opacity:1}to{opacity:1;transform:scale(.88)}}@keyframes brand-sheen{from{transform:translateX(-80%)}to{transform:translateX(85%)}}
@media(max-width:1200px){.welcome-layout{grid-template-columns:1.05fr 1fr;min-height:600px}.welcome-art{min-height:460px}.gateway-wordmark{font-size:8vw;letter-spacing:-4px}.welcome h2{font-size:36px}.language-options button{min-width:70px}.gateway-stamp{letter-spacing:2px}}
@media(max-width:900px){.welcome-layout{min-height:580px;grid-template-columns:1.15fr 1fr}.welcome-art{min-height:410px;height:56vh;margin-right:-10%}.gateway-panels{gap:2px}.panel-ink{margin-top:55px}.panel-caption{bottom:22px}.panel-caption strong{font-size:19px}.panel-caption small{font-size:5px;letter-spacing:.5px}.welcome h2{font-size:31px}.welcome-kicker{font-size:7px;letter-spacing:1px}.gateway-wordmark{font-size:8.5vw}.welcome-studio{font-size:7px}.language-options button{min-width:65px;padding:9px 7px}}
@media(max-width:760px){.welcome-shell{min-height:100dvh}.welcome-top{padding:10px 5%}.welcome-brand img{width:88px;height:48px}.welcome-layout{display:flex;width:88%;min-height:0;padding:0 0 20px}.welcome-art{order:-1;width:100%;height:300px;min-height:0;margin:-5px 0 24px}.gateway-panels{inset:0 -6%;gap:5px;transform:rotate(-4deg)}.panel-ink{margin-top:35px;margin-bottom:0}.panel-gold{margin-top:15px;margin-bottom:20px}.panel-flame{margin-bottom:35px}.panel-ink>img{object-position:50% 40%}.panel-gold>img{object-position:48% 22%}.panel-flame>img{object-position:50% 25%}.panel-caption{bottom:17px;left:16%;right:8%}.panel-caption strong{font-size:19px}.panel-caption small{font-size:5px;margin-bottom:5px}.gateway-stamp{font-size:5px;letter-spacing:2px;bottom:-8px;right:3%}.gateway-wordmark{font-size:clamp(48px,14vw,76px);letter-spacing:-3px;margin-bottom:25px}.gateway-wordmark>small{font-size:6px;letter-spacing:4px;bottom:-12px}.welcome h2{font-size:30px;letter-spacing:-1.2px;margin-bottom:15px}.welcome-sub{font-size:11px;margin-bottom:17px}.welcome-kicker{font-size:6px;margin-bottom:16px}.language-options{margin-bottom:16px}.language-options button{min-width:0;min-height:56px}.welcome-bottom{padding-bottom:18px}.welcome-copy{max-width:500px}.cinematic-mark>.mark-emblem{width:180px;margin-bottom:30px}.mark-word strong{font-size:17vw;letter-spacing:-3px}.mark-word>b{font-size:13px;margin-top:24px;letter-spacing:.8em;padding-left:.8em}.cinematic-mark p{font-size:9px;letter-spacing:1.3px;max-width:290px;line-height:1.7;margin-top:28px}.mark-halo{width:140vw;height:140vw}.shot-caption{left:8%;bottom:18%}.shot-caption strong{font-size:20vw;letter-spacing:-3px}.shot-caption small{font-size:8px;letter-spacing:2px}.shot-outline{font-size:34vw;bottom:10%}.cinema-ink>img{object-position:42% center}.cinema-gold>img{object-position:48% 24%}.cinema-flame>img{object-position:50% 25%}.cinema-convergence{gap:10px;padding:12vh 2vw}.cinema-convergence img{max-width:31%;height:auto;max-height:65vh}.skip-intro{bottom:25px;right:6%}.language-note{font-size:8px}}
@media(max-width:420px){.welcome-art{height:245px;margin-bottom:23px}.welcome h2{font-size:28px}.welcome-top{padding-top:5px;padding-bottom:4px}.gateway-wordmark{font-size:14vw}.welcome-kicker{margin-bottom:12px}.welcome-sub{font-size:10px}.welcome-bottom{gap:6px;font-size:6px;padding-top:14px}.language-options button{font-size:7px}.panel-caption strong{font-size:17px}.welcome-copy{padding:0}.skip-animation{margin-top:8px}.language-note{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.gateway-panel,.gateway-panel>img,.gateway-sparks i{animation:none!important}.gateway-panel{opacity:1;transform:none}.gateway-panel>img{transform:scale(1.02)}.welcome *{transition:none!important;animation:none!important}}
/* The entry uses a close-up; the original complete poster remains in the catalogue. */
.gateway-panel.panel-ink>img{position:absolute;width:144%;height:144%;max-width:none;left:-22%;top:-6%;object-position:center}
.mark-word strong{background-image:linear-gradient(180deg,#fff 10%,#d9edc9 57%,#849b6a 100%);text-shadow:none;filter:drop-shadow(0 5px 0 #243020)}

.fullscreen-button[hidden]{display:none}.fullscreen-button .screen-contract{display:none}.fullscreen-button[aria-pressed="true"] .screen-expand{display:none}.fullscreen-button[aria-pressed="true"] .screen-contract{display:block}.fullscreen-button[aria-pressed="true"]{color:var(--acid)}
@media(max-width:700px){.header-actions{gap:6px}.fullscreen-button{min-width:26px;min-height:36px;padding:3px}.fullscreen-button svg{width:17px}.header .present-btn{font-size:9px;gap:4px;padding:9px 6px}}
