/* Large original models; sections own their height instead of shrinking. */
.hero.hero--split{height:auto;min-height:0}
.hero--split .hero-inner{height:auto;display:flex;flex-direction:column;padding-bottom:40px}
.hero--split .hero-copy{order:1;width:390px;max-width:calc(100% - 24px);padding-top:54px;margin:0 auto 30px}
.hero--split .hero-memory-caption{top:28px}.hero--split .hero-memory-webzen{top:22px}
.hero--split .hero-edition{position:relative;order:4;inset:auto;margin:32px auto 0;transform:none}
.hero--split .hero-inner:after{display:none}
.hero-bosses{position:relative;order:2;inset:auto;z-index:2;pointer-events:none;overflow:hidden;width:100%;height:1132px;margin:18px 0 56px;isolation:isolate}
.hero-bosses>.boss-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;opacity:0;filter:drop-shadow(0 7px 6px #0008)}
.hero-bosses[data-render-state="ready"]>.boss-canvas{opacity:1}
.boss-slot{position:absolute;left:0;top:0;width:30%;height:340px;margin:0;will-change:transform}
.boss-slot:before,.boss-slot:after{content:'';position:absolute;pointer-events:none;z-index:0;opacity:0;transition:opacity .5s;mix-blend-mode:screen}
.hero-bosses[data-render-state="ready"] .boss-slot:before,.hero-bosses[data-render-state="ready"] .boss-slot:after{opacity:.45}
.boss-slot:before{background:url('assets/optimized/8230ad5282b254fbe55bec98.webp') center/contain no-repeat;width:150%;height:210px;left:-25%;bottom:-5px;filter:brightness(1.5);mask-image:radial-gradient(ellipse,#000 10%,transparent 68%);animation:boss-mist 7s ease-in-out infinite alternate}
.boss-slot:after{inset:25% -5% 0;background:radial-gradient(ellipse at center,#9a8bc644,transparent 65%);mask-image:radial-gradient(ellipse,#000 12%,transparent 68%)}
.boss-slot.is-golden:before{background-image:url('assets/optimized/90ba6e7736ebc9d8ddbc8956.webp');filter:brightness(1.65) saturate(.8);animation-duration:5.5s}
.boss-slot.is-golden:after{background:radial-gradient(ellipse at center,#ffc74b44,transparent 65%);animation:boss-aura 3.4s ease-in-out infinite alternate}
.boss-slot:nth-of-type(2n):before{animation-delay:-2.8s}.boss-slot:nth-of-type(3n):after{animation-delay:-1.7s}
.boss-slot figcaption{position:absolute;z-index:3;left:50%;bottom:-16px;transform:translateX(-50%);font:600 12px/1.8 var(--font);color:#e8ddbf;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 6px #000}
.boss-slot.is-golden figcaption{color:#edd49a}
.boss-arena-mark{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;opacity:.5}
.boss-arena-mark img{width:160px;mix-blend-mode:screen}.boss-arena-mark span{color:#dac99a;font:500 11px/1.8 var(--serif)}
.hero--split .hero-party{position:relative;order:3;left:auto;right:auto;top:auto;bottom:auto;display:grid;width:100%;height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:460px;gap:40px 30px;margin:0;opacity:1}
.hero--split .hero-party>.mu-model{position:relative;inset:auto;grid-column:auto;grid-row:auto;width:100%;height:100%;animation:none!important;filter:none;isolation:auto;z-index:auto;translate:none}
.hero--split .hero-party>.party-elf{order:1}.hero--split .hero-party>.party-dk{order:2}.hero--split .hero-party>.party-dw{order:3}.hero--split .hero-party>.party-mg{order:4}.hero--split .hero-party>.party-dl{order:5;grid-column:1/span 2;width:calc(50% - 15px);justify-self:center}
.hero--split .party-label{min-width:90px;padding:7px 12px;z-index:20}.hero--split .party-label>strong{font-size:14px}.hero--split .party-label>small{display:block;font-size:10px}
.hero--split .party-label{background:none;isolation:isolate}
.hero--split .party-label:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/optimized/04c9da296390bde3ac57a132.webp') center/100% 100% no-repeat;opacity:.2;pointer-events:none}
@keyframes boss-mist{from{transform:translate(-6%,3%) scale(.86);opacity:.25}to{transform:translate(7%,-12%) scale(1.2);opacity:.5}}
@keyframes boss-aura{from{opacity:.28}to{opacity:.5}}
@media(max-width:1159px){.hero-bosses{height:1430px}.hero--split .hero-party{grid-auto-rows:390px;gap:36px 22px}.hero--split .hero-party>.party-dl{width:calc(50% - 11px)}}
@media(max-width:700px){
 .hero--split .hero-copy{padding-top:28px;margin-bottom:22px}.hero-bosses{height:2600px;margin-top:24px;margin-bottom:32px}
 .hero--split .hero-party{grid-template-columns:minmax(0,1fr);grid-auto-rows:330px;gap:30px;margin:0}
 .hero--split .hero-party>.mu-model{grid-column:1;grid-row:auto;width:100%;height:100%;inset:auto}
 .boss-slot figcaption{font-size:12px}.hero--split .party-label>strong{font-size:14px}.hero--split .party-label>small{display:block;font-size:10px}
 .hero--split .hero-party>.party-dl{grid-column:1;width:100%}.boss-slot:before{height:190px}
}
@media(prefers-reduced-motion:reduce){.boss-slot:before,.boss-slot:after{animation:none}}

.hero--split:before{background-size:100% auto;background-repeat:no-repeat;background-position:center top;background-color:#101820}.hero.hero--split{background:#101820}

/* Fill the unused side space; keep the introduction compact. */
@media(min-width:701px){
 .hero--split .hero-copy{position:absolute;order:0;left:50%;top:0;transform:translateX(-50%);width:390px;margin:0;padding-top:54px}
 .hero-bosses{order:1;height:620px;margin:0 0 10px;mask-image:linear-gradient(transparent 70px,#000 100px);overflow:hidden}
 .hero--split .hero-party{order:4;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:290px;gap:26px 16px}
 .hero--split .hero-party>.party-elf{grid-column:1/span 2;grid-row:1}.hero--split .hero-party>.party-dk{grid-column:3/span 2;grid-row:1}.hero--split .hero-party>.party-dw{grid-column:5/span 2;grid-row:1}
 .hero--split .hero-party>.party-mg{grid-column:2/span 2;grid-row:2}.hero--split .hero-party>.party-dl{grid-column:4/span 2;grid-row:2;width:100%}
 .hero--split .hero-edition{order:5;margin-top:14px}.hero--split .hero-inner{padding-bottom:24px}
}
@media(min-width:701px) and (max-width:1159px){.hero--split .hero-copy{width:310px;padding-top:28px}}
.showcase-controls{display:none}
@media(max-width:700px){
 .hero--split .hero-copy{position:relative;left:auto;top:auto;transform:none;order:1}
 .hero-bosses{order:2;height:474px;overflow-x:auto;overflow-y:hidden;margin:14px 0 15px;scrollbar-width:thin;scrollbar-color:#9d8b5b #111a1a;touch-action:pan-x pan-y}
 .hero-bosses>.boss-canvas{max-width:none}
 .showcase-controls{display:block;order:3;margin:2px 0 5px;text-align:center;color:#c7b88e;font:400 11px/1.8 var(--font)}
 .showcase-controls>div{display:flex;justify-content:center;gap:12px;margin-top:7px}.showcase-controls button{min-width:44px;min-height:40px;background:none;border-bottom:1px solid transparent;color:#c5baa1}.showcase-controls button[aria-pressed="true"]{border-color:#d9bb78;color:#f5dfad}
 .hero--split .hero-party{order:4;display:flex;gap:20px;height:370px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9d8b5b #111a1a;padding:35px 0 5px}
 .hero--split .hero-party>.mu-model{flex:0 0 100%;min-width:100%;height:330px;width:100%;scroll-snap-align:center;grid-column:auto;grid-row:auto}
 .hero--split .hero-party>.party-dl{width:100%}.hero--split .hero-edition{order:5;margin-top:12px}
}

/* Compact composition: every model is inside the hero, not a later gallery. */
@media(min-width:701px){
 .hero.hero--split{height:690px;min-height:0}.hero--split .hero-inner{height:100%;display:block;padding:0}
 .hero--split .hero-copy{position:absolute;left:50%;top:0;transform:translateX(-50%);width:330px;padding-top:28px;margin:0}
 .hero--split .logo-authentic{width:188px}.hero--split .logo-name{font-size:24px}.hero--split .logo-season{font-size:8px}
 .hero--split .hero-copy h1{font-size:18px;line-height:1.45;margin:10px 0 7px}.hero--split .hero-copy>p{font-size:10.5px;line-height:1.7;margin-bottom:12px}
 .hero--split .hero-cta{min-height:40px;min-width:230px;font-size:10px}.hero--split .gear-level-control{margin-top:10px}
 .hero-bosses{position:absolute;inset:0;order:0;width:100%;height:690px;margin:0;overflow:hidden;mask-image:none}
 .hero--split .hero-party{position:absolute;order:0;left:0;right:0;top:455px;bottom:auto;height:215px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:215px;grid-auto-rows:215px;gap:0 8px;margin:0;padding:0;overflow:visible}
 .hero--split .hero-party>.mu-model{width:100%;height:100%;inset:auto;grid-column:auto;grid-row:1;min-width:0;flex:none}
 .hero--split .hero-party>.party-dl{grid-column:auto;grid-row:1;width:100%}
 .hero--split .hero-edition{position:absolute;left:50%;bottom:5px;top:auto;transform:translateX(-50%);margin:0;font-size:8px}
}
@media(min-width:701px) and (max-width:1159px){
 .hero.hero--split{height:820px}.hero--split .hero-copy{width:280px;padding-top:22px}.hero-bosses{height:820px}
 .hero--split .hero-party{top:430px;bottom:24px;height:auto;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:180px 180px;grid-auto-rows:180px;gap:10px 12px}
 .hero--split .hero-party>.party-elf{grid-column:1/span 2;grid-row:1}.hero--split .hero-party>.party-dk{grid-column:3/span 2;grid-row:1}.hero--split .hero-party>.party-dw{grid-column:5/span 2;grid-row:1}.hero--split .hero-party>.party-mg{grid-column:2/span 2;grid-row:2}.hero--split .hero-party>.party-dl{grid-column:4/span 2;grid-row:2;width:100%}
}
.hero--split .hero-party>.mu-model>canvas{height:100%;inset:0}
@keyframes mu-hover{from{translate:0 -4px}to{translate:0 -20px}}
.showcase-controls{display:none!important}
@media(max-width:700px){
 .hero.hero--split{height:auto}.hero--split .hero-inner{display:flex;height:auto}
 .hero--split .hero-copy{position:relative;left:auto;top:auto;transform:none;order:1;margin-bottom:8px}
 .hero-bosses{position:relative;inset:auto;order:2;height:778px;overflow:hidden;margin:0 0 22px;mask-image:none}
 .hero--split .hero-party{position:relative;order:3;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:260px;height:auto;gap:16px;overflow:visible;padding:0;margin:0}
 .hero--split .hero-party>.mu-model{grid-column:1;grid-row:auto;height:260px;width:100%;min-width:0;flex:none;inset:auto}
 .hero--split .hero-party>.party-dl{grid-column:1;grid-row:auto;width:100%}.hero--split .hero-edition{position:relative;order:4;margin-top:10px}
}

@media(min-width:701px){.hero--split .hero-memory-caption{top:12px}.hero--split .hero-memory-webzen{top:10px}.hero-memory-webzen img{width:86px}.hero-memory-webzen>span{font-size:7px}}

/* Original login sky and source-rendered Lorencia architecture. */
.hero--split:before{background-image:url('assets/optimized/fe7669ba914b9af0c058c9dc.webp');background-size:cover;background-position:center 48%;background-repeat:no-repeat;filter:grayscale(.76) saturate(.65) contrast(1.08) brightness(1.7);opacity:1}
.hero--split:after{background:linear-gradient(90deg,#080e1440,transparent 26%,#090e1430 50%,transparent 74%,#080e1440),linear-gradient(0deg,#101719b8,transparent 36%,#090e1420)}
.hero--split .hero-shade{background:radial-gradient(ellipse at 50% 27%,#080e1444,transparent 62%)}
.hero-world{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-world img{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:100%;max-width:2200px;height:330px;object-fit:contain;object-position:center bottom;opacity:.82;filter:grayscale(.65) saturate(.6) brightness(.72) contrast(1.08);mask-image:linear-gradient(#000 65%,transparent 99%)}
.boss-slot{z-index:3}
.boss-slot:before,.boss-slot.is-golden:before{left:5%;bottom:0;width:90%;height:26%;background:radial-gradient(ellipse,#a9b8c555,transparent 68%);filter:none;mask-image:none;animation:boss-aura 3.8s ease-in-out infinite alternate}
.boss-slot.is-golden:before{background:radial-gradient(ellipse,#e6bd5677,transparent 68%)}
.boss-slot:after{content:none}
.boss-smoke{position:absolute;inset:5% 0 2%;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 65%,#000 12%,#000b 45%,transparent 73%);mix-blend-mode:screen;opacity:.42}
.boss-smoke i{position:absolute;display:block;left:-8%;bottom:-17%;width:92%;height:112%;background:url('assets/optimized/8230ad5282b254fbe55bec98.webp') center/100% 100% no-repeat;mask-image:radial-gradient(ellipse,#000 15%,#000b 45%,transparent 73%);filter:brightness(2.5) saturate(.45);opacity:0;animation:boss-body-smoke 6s linear infinite;will-change:transform,opacity}
.boss-smoke i:nth-child(2){left:27%;width:83%;animation-delay:-2s;animation-direction:reverse}
.boss-smoke i:nth-child(3){left:7%;width:88%;bottom:-30%;animation-delay:-4s;animation-duration:7.5s}
.is-golden .boss-smoke i{filter:brightness(2.7) sepia(.85) saturate(1.1)}
.is-golden .boss-smoke i:nth-child(3){background-image:url('assets/optimized/90ba6e7736ebc9d8ddbc8956.webp');filter:brightness(3) saturate(.75)}
.boss-medusa .boss-smoke i{filter:brightness(2.5) sepia(.25) hue-rotate(220deg) saturate(1.3)}
.boss-slot:nth-of-type(2n) .boss-smoke{animation-delay:-1.3s}.boss-slot:nth-of-type(3n) .boss-smoke i{animation-duration:7.3s}
.hero-bosses:not([data-render-state="ready"]) .boss-smoke{display:none}
@keyframes boss-body-smoke{0%{transform:translate3d(-6%,14%,0) rotate(-10deg) scale(.75);opacity:0}25%{opacity:.78}65%{opacity:.58}100%{transform:translate3d(9%,-32%,0) rotate(16deg) scale(1.2);opacity:0}}
@media(max-width:1159px) and (min-width:701px){.hero-world img{height:340px;bottom:20px;width:130%}}
@media(max-width:700px){.hero--split:before{height:1120px;background-size:auto 1120px;background-position:48% top;mask-image:linear-gradient(#000 70%,transparent)}.hero-world{top:470px;bottom:auto;height:740px}.hero-world img{height:360px;width:210%;max-width:none;bottom:0;opacity:.65}.boss-smoke{inset:4% 0 0}}
@media(prefers-reduced-motion:reduce){.boss-smoke i{animation:none;opacity:.3;transform:translateY(-8%) scale(.95)}}

/* Launch announcement remains inside the clear central lane. */
.hero--split .game-logo--dragon .logo-authentic{width:330px;max-width:100%;mix-blend-mode:normal}
.hero--split .game-logo--dragon .logo-season{display:none}
.hero--split .game-logo--dragon .logo-name{font-size:22px;margin-top:2px}
.hero--split .hero-copy .launch-schedule{display:flex;flex-direction:column;gap:7px;margin:16px 0 12px;font:600 18px/1.5 var(--serif);letter-spacing:0}
.launch-schedule>span{display:flex;justify-content:center;align-items:baseline;gap:9px;white-space:nowrap}
.launch-schedule strong{min-width:90px;text-align:right;font:600 11px/1.6 var(--font);color:#d9c89d;letter-spacing:.25px}
.launch-schedule time{font-variant-numeric:tabular-nums;color:#fff0cd}
.hero--split .hero-copy>.launch-schedule+p{font-size:11px;line-height:1.85;margin-bottom:15px}
@media(max-width:700px){.hero--split .hero-copy .launch-schedule{font-size:20px;gap:10px;margin:19px 0 15px}.launch-schedule strong{font-size:12px;min-width:98px}.hero--split .hero-copy>.launch-schedule+p{font-size:12px}.hero--split .game-logo--dragon .logo-name{font-size:25px}}

.hero-age-notice{position:absolute;right:20px;top:14px;z-index:5;display:flex;align-items:center;gap:10px;width:230px;color:#ddd8ca;text-shadow:0 1px 3px #000}
.hero-age-notice>strong{flex-shrink:0;padding:7px 8px;border:1px solid #b9aa83;background:#171915b3;color:#f5ead4;font:700 27px/1.2 var(--font);letter-spacing:-1px;text-align:center}
.hero-age-notice>p{margin:0;font:400 10px/1.65 var(--font);color:#ddd8ca;text-align:left}
@media(min-width:701px) and (max-width:1159px){.hero-age-notice{right:10px;top:12px;width:195px;gap:8px}.hero-age-notice>strong{font-size:23px;padding:6px}.hero-age-notice>p{font-size:9px}}
@media(max-width:700px){.hero-age-notice{position:relative;right:auto;top:auto;order:0;align-self:center;width:min(100%,330px);margin:16px auto 0;justify-content:center}.hero-age-notice>p{font-size:10px;max-width:230px}.hero-age-notice>strong{font-size:25px}}