/* Seven real cinematic layers, framed by the generated sun and jade ornaments. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
h1,h2,h3,h4{font-weight:600;text-shadow:0 1px 0 #2f3e31,0 3px 0 #04100d,0 7px 16px #0008}
h1 em,h2 em,.champion-copy h3{color:#f0cc83;text-shadow:0 1px 0 #805c2f,0 2px 0 #63421e,0 3px 0 #24190b,0 8px 22px #000b}
.eyebrow{color:#eace92;text-shadow:0 2px 2px #000b}
.button{border-radius:1px;box-shadow:inset 0 2px 0 #fff3,inset 0 -4px 0 #0005,0 3px 0 #07100e,0 7px 17px #0008;text-shadow:0 1px 0 #fff2}
.button-gold{background:linear-gradient(180deg,#fff0c0 0%,#e6c477 20%,#ba8c43 53%,#e3bf72 56%,#aa7735 100%);border-color:#f2d691;color:#251907}
.button-outline{background:linear-gradient(180deg,#305b4d,#17372d 26%,#0e251f 58%,#1c4437 100%);border-color:#b59759;box-shadow:inset 0 1px 0 #b8f2d847,inset 0 -3px 0 #03130d,0 3px 0 #09120c,0 8px 20px #0007;text-shadow:0 2px 2px #000}
.button:before,.button:after{width:8px;height:8px;opacity:.8}
.button:hover{box-shadow:inset 0 2px 0 #fff4,inset 0 -3px 0 #0005,0 5px 0 #06110b,0 10px 25px #8aa05024}
.site-header{border-bottom-color:#cda45840;background:linear-gradient(180deg,#04100fe8,#0b1e19ae)}
.site-header nav a{text-shadow:0 2px 3px #000}.site-header nav a:hover{color:#ffe4a5}
.hero{isolation:isolate;--master-color:#ffae5f;--px:0px;--py:0px;min-height:760px}
.hero .hero-visual{overflow:hidden;z-index:-3}
.hero .master-scene{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:72% 50%;opacity:0;transform:translate(calc(var(--px)*.32),calc(var(--py)*.32));transition:opacity 1s ease;will-change:transform}
.hero .master-scene.is-active{opacity:1}
.hero-shade{z-index:2;background:linear-gradient(90deg,#05130df5,#061713d4 24%,#06171355 51%,transparent 76%),linear-gradient(0deg,#06100fee,transparent 30%,#08180d40)}
.master-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 54%,color-mix(in srgb,var(--master-color) 16%,transparent),transparent 56%);transition:background 1s;transform:translate(calc(var(--px)*-.5),calc(var(--py)*-.5));z-index:1}
.hero-figures{position:absolute;left:42%;right:0;top:76px;bottom:130px;z-index:-1;pointer-events:none}
.master-figure{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;opacity:0;padding:10px;filter:drop-shadow(0 22px 20px #0008);transform:translate(calc(var(--px)*-.85),calc(var(--py)*-.85));transition:opacity .85s ease;will-change:transform}
.master-figure.is-active{opacity:1}
.master-halo{position:absolute;inset:15% 12%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--master-color) 19%,transparent),transparent 70%);filter:blur(22px);transform:translate(calc(var(--px)*-.55),calc(var(--py)*-.55))}
.hero-content{padding-top:0;padding-bottom:35px}
.hero h1{font-size:clamp(64px,6.1vw,94px);max-width:560px;line-height:1.04;letter-spacing:-2.5px;font-weight:600}
.hero-description{font-size:14px;max-width:450px;color:#d0dbcf}
.hero-caption{max-width:460px;flex-wrap:wrap}
.hero-particles{z-index:1;transform:translate(calc(var(--px)*-1.3),calc(var(--py)*-1.3));height:100%}
.hero-particles i{background:var(--master-color);box-shadow:0 0 9px 2px color-mix(in srgb,var(--master-color) 40%,transparent)}
.master-caption{position:absolute;bottom:110px;right:7%;max-width:330px;text-align:right;z-index:4;text-shadow:0 2px 9px #000}
.master-caption .eyebrow{justify-content:end;font-size:8px;color:var(--master-color);letter-spacing:2.6px}
.master-caption h2{font-size:46px;margin:8px 0 9px;letter-spacing:1px;color:#ffe5ae;text-shadow:0 1px 0 #855d2d,0 2px 0 #4f341a,0 3px 0 #211605,0 7px 17px #000}
.master-skill-plaque{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid #d0ae6755;background:linear-gradient(130deg,#0c211ded,#132f27c9);font-size:10px;letter-spacing:.7px;padding:8px 13px;color:#e5cd9e;box-shadow:inset 0 1px 0 #eed08f27,0 3px 0 #03130dcc}
.master-skill-plaque img{width:22px;height:22px}
.hero-controls{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:1px}
.master-dots{display:flex;gap:1px}.master-dot{display:grid;place-items:center;width:34px;height:40px;border:0;padding:0;background:none}
.master-dot span{width:7px;height:7px;border-radius:50%;border:1px solid #baa16b;background:#131b1780;box-shadow:0 2px 2px #000;transition:background .3s,box-shadow .3s,transform .3s}
.master-dot[aria-pressed="true"] span{background:#fbe3a5;box-shadow:0 0 0 3px #dbb45b25,0 0 12px #e4b660b0;transform:scale(1.16)}
.hero-art-note{bottom:29px;right:4%;font-size:7px;opacity:.8}
.master-status{position:absolute;bottom:100px;left:4%;font-size:10px;background:#102920e8;padding:9px 12px;z-index:7;border:1px solid #ae8a42;max-width:350px}
.element-symbols{position:absolute;width:0;height:0;overflow:hidden}
.element-frontier{position:relative;background:linear-gradient(#061610bb,#05100adb),url("assets/jade-dragon-scales-ui.webp") center/460px;isolation:isolate;padding:30px 0 34px;box-shadow:inset 0 30px 40px #0006,inset 0 -25px 40px #0008}
.element-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:8px}
.element-master{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;padding:10px 6px;color:#ccbe93;min-height:134px;transition:transform .25s,filter .25s;position:relative}
.element-master:after{content:'';position:absolute;bottom:0;width:36px;height:1px;background:#8e734336}
.element-master[aria-pressed="true"]:after{background:#f3d793;box-shadow:0 0 9px #b28f50}
.element-medallion{width:63px;height:63px;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,#51785c 0%,#193927 42%,#071b10 68%,#244329);border:2px solid #b18b44;border-radius:50%;box-shadow:inset 0 2px 2px #f8e39c7a,inset 0 -3px 4px #000c,0 2px 0 #674820,0 4px 8px #0009;position:relative}
.element-medallion:before{content:'';position:absolute;inset:4px;border:1px solid #bca36b6b;border-radius:50%}
.element-medallion svg{width:39px;height:39px;stroke:#fff0c060;stroke-width:.65;filter:drop-shadow(0 1px 0 #614216) drop-shadow(0 3px 2px #000)}
.element-symbols .icon-detail{fill:none;stroke:#fff4c6;stroke-width:2;stroke-linecap:round}
.element-symbols .wind-stroke{fill:none;stroke:#ebca88;stroke-width:4;stroke-linecap:round}
.element-master strong{font-family:var(--display);font-size:19px;font-weight:600;color:#dfc385;margin-top:5px;text-shadow:0 1px 0 #785121,0 3px 4px #000}
.element-master small{font-size:7px;letter-spacing:1.5px;text-transform:uppercase;color:#a6b6a4}
.element-master:hover{transform:translateY(-3px);filter:brightness(1.18)}
.element-master[aria-pressed="true"] .element-medallion{border-color:#ffe4aa;box-shadow:inset 0 2px 2px #ffe8a58c,inset 0 -3px 4px #000b,0 3px 0 #715127,0 0 25px #d7b4644a}
.ornate-divider{height:clamp(38px,10.3vw,155px);position:relative;pointer-events:none;overflow:hidden;z-index:4}
.ornate-divider img{position:absolute;left:0;top:50%;width:100%;height:auto;max-width:none;transform:translateY(-50%);filter:drop-shadow(0 3px 2px #0008)}
.divider-top,.divider-bottom{position:absolute;left:0;right:0}.divider-top{top:0;transform:translateY(-50%)}.divider-bottom{bottom:0;transform:translateY(50%) rotate(180deg)}
.heroes-section{position:relative;padding-bottom:40px}
.champion-showcase{border:1px solid #c3a46338;border-bottom-color:#b7995666;box-shadow:inset 0 1px 0 #d9c19026,0 15px 55px #0003;background:linear-gradient(120deg,#10231b66,#071811 70%)}
.champion-stage{overflow:hidden;--px:0px;--py:0px;height:535px;margin:0;isolation:isolate}
.champion-environment{position:absolute;inset:-3%;height:106%;width:106%;max-width:none;object-fit:cover;object-position:74% 50%;opacity:.72;transform:translate(calc(var(--px)*.35),calc(var(--py)*.35));z-index:-2}
.champion-environment-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05100d22,transparent 52%,#071811db),linear-gradient(0deg,#071811cc,transparent 35%);z-index:-1}
.champion-art{animation:none;padding:20px 10px;transform:translate(calc(var(--px)*-.7),calc(var(--py)*-.7));filter:drop-shadow(0 14px 18px #0009)}
.champion-terrain{z-index:1;height:38%;opacity:.52}.champion-rune{inset:19% 18%;z-index:0}
.champion-copy{padding:25px 35px 25px 28px;max-width:none}.champion-copy h3{font-size:64px;letter-spacing:.3px}
.champion-copy>p:not(.champion-role){margin:18px 0;font-size:12px}.signature{margin:22px 0;padding:18px 0}.signature h4{font-weight:600}
.champion-copy .button{font-size:10px}.art-label{z-index:4;left:20px;bottom:17px;color:#e5dfc8;text-shadow:0 2px 3px #000}
.champion-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:16px;background:linear-gradient(#051910c9,#06130cde),url("assets/jade-dragon-scales-ui.webp") center/380px;padding:13px;border:1px solid #c3a46338}
.champion-tabs button{padding:8px 4px;display:flex;flex-direction:column;text-align:center;gap:1px;min-width:0;position:relative;background:linear-gradient(180deg,#29473388,#0a1c1388);border:1px solid #99783c4d;box-shadow:inset 0 1px 0 #fff1,0 3px 4px #0005}
.champion-tabs button[aria-selected="true"]{border-color:#e7c878;background:linear-gradient(180deg,#3a594499,#123320cc);box-shadow:inset 0 1px 0 #e9d59540,0 0 14px #dfbc6133}
.champion-tabs img{width:72px;height:70px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 3px 3px #0007)}
.champion-tabs strong{font-size:18px;font-weight:600;line-height:1.2}.champion-tabs small{font-size:7px;letter-spacing:.5px;white-space:nowrap;margin-top:5px}.champion-tabs i{width:4px;height:4px;right:5px;bottom:5px}
.heroes-divider{margin-top:16px;margin-bottom:-30px;width:100%}
.boss-section{padding-top:65px;padding-bottom:60px}.boss-section .section-intro{margin-bottom:30px}
.boss-cinematic{margin:0;position:relative;isolation:isolate;border:1px solid #b59a5570;box-shadow:inset 0 2px 1px #fff2,0 22px 65px #0008;overflow:hidden;background:#10231a}
.boss-cinematic>img{width:100%;height:auto;object-fit:contain;display:block}
.boss-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 69% 50%,#cee79913,transparent 47%);mix-blend-mode:screen;pointer-events:none;transform:translate(calc(var(--px)*-1.2),calc(var(--py)*-1.2));animation:boss-breath 6s ease-in-out infinite}
.boss-cinematic figcaption{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ae91543b;background:linear-gradient(180deg,#183423,#0b1e14);font-size:8px;letter-spacing:.6px;color:#9baa9a}.boss-cinematic figcaption .eyebrow{font-size:8px;letter-spacing:1.3px}
.boss-motes{position:absolute;inset:0 0 46px;pointer-events:none;transform:translate(calc(var(--px)*-.8),calc(var(--py)*-.8))}.boss-motes i{position:absolute;width:3px;height:3px;border-radius:50%;background:#eae5ad;box-shadow:0 0 10px #9ddb8966;bottom:7%;left:var(--x);animation:boss-mote 7s linear infinite;animation-delay:var(--d)}.boss-motes i:nth-child(1){--x:11%;--d:-1s}.boss-motes i:nth-child(2){--x:38%;--d:-5s}.boss-motes i:nth-child(3){--x:61%;--d:-3s}.boss-motes i:nth-child(4){--x:82%;--d:-6s}.boss-motes i:nth-child(5){--x:94%;--d:-2s}
.boss-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.boss-caption p{font-size:11px;line-height:1.9}.boss-caption .button{font-size:9px}
.price-card,.gameplay-shell,.world-art{border-color:#bca26475;box-shadow:inset 0 1px 0 #ffefbe24,0 18px 50px #0006}
.pioneers-section{background:radial-gradient(ellipse at 50% 10%,#254e3240,transparent 70%),linear-gradient(#06140eea,#08150fea),url("assets/jade-dragon-scales-ui.webp") center/600px}
.tier-emblem img{width:125px;height:85px;object-fit:contain}.price-card h3{font-weight:600}.price{text-shadow:0 1px 0 #966327,0 3px 0 #392409,0 7px 15px #0008}
.closing-banner{position:relative;background:linear-gradient(#0a251e99,#06140fee),url("assets/master-realm-earth.webp") center 35%/cover}.closing-banner:before{content:'';position:absolute;left:0;right:0;top:-30px;height:60px;background:url("assets/jade-gold-divider.webp") center/100% auto no-repeat;pointer-events:none}
.hero-particles i,.boss-glow,.boss-motes i{animation-play-state:paused}.hero.in-view .hero-particles i,.boss-cinematic.in-view .boss-glow,.boss-cinematic.in-view .boss-motes i{animation-play-state:running}.hero.is-suspended .hero-particles i,.boss-cinematic.is-suspended .boss-glow,.boss-cinematic.is-suspended .boss-motes i{animation-play-state:paused}
@keyframes boss-breath{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes boss-mote{0%{opacity:0;translate:0 0}20%{opacity:.6}100%{opacity:0;translate:30px -230px}}
@media(min-width:1600px){.hero .master-scene{object-position:center}.hero-shade{background:linear-gradient(90deg,#04160ef5,#04160ecd 25%,#07191144 53%,transparent 77%),linear-gradient(0deg,#06100fee,transparent 30%)}.hero-figures{left:45%;right:2%}}
@media(max-width:1050px){.hero h1{font-size:73px;max-width:450px}.hero-description{max-width:365px;font-size:12px}.hero-figures{left:44%;right:-4%;top:80px;bottom:125px}.master-caption{right:5%;bottom:112px}.master-caption h2{font-size:38px}.hero-art-note{bottom:35px;right:3%;letter-spacing:1px;font-size:6px}.champion-copy{padding:25px 22px}.champion-copy h3{font-size:52px}.champion-tabs{gap:6px;padding:10px}.champion-tabs strong{font-size:17px}}
@media(max-width:800px){.hero{min-height:720px}.hero h1{font-size:64px;max-width:385px}.hero-figures{left:41%;right:-8%;top:120px;bottom:130px}.hero-content{padding-bottom:100px}.master-caption{bottom:98px;right:4%}.master-caption h2{font-size:34px}.hero-art-note{display:none}.element-row{gap:0}.element-master{padding:8px 2px}.element-medallion{width:55px;height:55px}.element-master strong{font-size:17px}.element-master small{font-size:6px;letter-spacing:.7px}.champion-stage{height:470px}.champion-copy{padding:20px}.champion-copy h3{font-size:44px}.champion-tabs img{width:57px;height:60px}.champion-tabs strong{font-size:15px}.champion-tabs small{font-size:6px}.boss-caption{gap:18px}}
@media(max-width:620px){
 .hero{min-height:0;height:auto;max-height:none;padding:74px 0 90px;overflow:hidden;display:block}
 .hero .hero-visual{top:70px;height:405px;bottom:auto}
 .hero .master-scene{object-position:76% 50%;filter:brightness(.76)}
 .hero-shade{background:linear-gradient(0deg,#0c1719 0%,#0c171930 50%,#0c171940)}
 .hero-figures{left:2%;right:2%;top:70px;bottom:auto;height:345px}
 .master-figure{padding:4px 16px;filter:drop-shadow(0 13px 12px #0009)}
 .master-caption{right:20px;left:20px;bottom:auto;top:391px;max-width:none;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px}
 .master-caption .eyebrow{display:none}.master-caption h2{font-size:25px;letter-spacing:.6px;margin:0}
 .master-skill-plaque{font-size:8px;letter-spacing:.1px;gap:5px;min-height:38px;padding:7px 9px;max-width:67%}.master-skill-plaque img{width:19px;height:19px}
 .hero-content{padding-top:368px;padding-bottom:0}.hero h1{font-size:clamp(48px,13vw,72px);margin:19px 0 20px;max-width:100%;letter-spacing:-1.5px}
 .hero-description{font-size:12px;max-width:none}.hero-actions{margin-top:25px}.hero .eyebrow{font-size:7px;letter-spacing:1.8px}
 .hero-caption{font-size:7px;line-height:1.9;margin-top:16px;max-width:100%}.hero-controls{bottom:10px}.master-dot{width:36px;height:36px}.hero-particles{height:400px}
 .master-status{bottom:85px;left:20px;right:20px;max-width:none;font-size:9px}
 .element-frontier{padding:18px 0 22px;background-size:auto,300px}.element-row{width:calc(100% - 16px);gap:0;align-items:start}
 .element-master{padding:9px 1px 5px;min-height:104px;gap:4px}.element-medallion{width:clamp(34px,9vw,52px);height:clamp(34px,9vw,52px);border-width:1px}.element-medallion:before{inset:3px}.element-medallion svg{width:65%;height:65%}
 .element-master strong{font-size:clamp(10px,2.8vw,15px);margin-top:5px;line-height:1.1}.element-master small{font-size:5px;letter-spacing:0}.element-master:after{width:20px}
 .champion-showcase{display:flex;flex-direction:column;margin-inline:-8px}.champion-stage{height:390px;margin:0;width:100%}.champion-art{padding:16px 4px}.champion-environment{object-position:80% 50%;opacity:.68}.champion-environment-shade{background:linear-gradient(0deg,#071811,transparent 40%,#07181122)}
 .champion-copy{padding:13px 20px 27px;width:100%}.champion-copy h3{font-size:52px}.champion-copy .button{font-size:9px}.art-label{font-size:6px;bottom:10px}
 .champion-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;margin-inline:-8px}.champion-tabs button{padding:7px 3px;min-height:105px}.champion-tabs img{width:65px;height:58px}.champion-tabs strong{font-size:17px}.champion-tabs small{font-size:6px;white-space:normal}
 .heroes-divider{margin-top:22px;margin-bottom:-35px}.boss-section{padding-top:42px}.boss-cinematic{margin-inline:-8px}.boss-cinematic figcaption{padding:11px 13px;align-items:start;flex-direction:column;gap:5px;font-size:7px}.boss-cinematic figcaption .eyebrow{font-size:7px;letter-spacing:.6px}
 .boss-caption{align-items:stretch;flex-direction:column;margin-top:20px;gap:17px}.boss-caption p{font-size:11px}.boss-caption .button{align-self:start;font-size:8px;min-height:45px}
 .tier-emblem img{width:135px;height:85px}.closing-banner:before{top:-22px;height:44px;background-size:150% auto}
}
@media(prefers-reduced-motion:reduce){.master-scene,.master-figure,.champion-environment,.champion-art,.boss-glow,.hero-particles,.master-atmosphere,.master-halo,.boss-motes{transform:none!important;will-change:auto}.hero-particles,.boss-motes{display:none}.boss-glow{opacity:.55}}

/* Still signature scenes, full-size character framing, and carved game controls. */
.hero-figures{left:48%;right:3%;top:88px;bottom:100px}
.master-figure,.champion-art{position:absolute;inset:auto;max-width:none;padding:0;object-fit:contain;animation:none}
.master-figure{filter:drop-shadow(0 20px 20px #0009)}
.master-halo{opacity:.45}
.hero .hero-actions{gap:26px;margin-top:42px}
.hero .button-ornate{isolation:isolate;min-height:58px;min-width:225px;padding:17px 30px;border:0;background:none;box-shadow:none;letter-spacing:1.2px}
.hero-caption{margin-top:29px}
.master-skill-plaque{cursor:default}
.world-section{position:relative;display:block;width:100%;isolation:isolate;min-height:660px;overflow:hidden;border-bottom:1px solid #c8a35130;background:#05130f;padding-block:135px}
.world-summoning{position:absolute;inset:0;z-index:-2;pointer-events:none}
.world-summoning img{width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.world-section::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04120fe8,#04120fcf 29%,#04120f6b 49%,#04120f11 80%),linear-gradient(0deg,#06140fd4,transparent 30%,#06140f44)}
.world-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:end;min-height:400px}
.world-copy{max-width:535px;text-shadow:0 2px 9px #000}
.world-copy>p:not(.eyebrow){color:#c6d3c5;font-size:14px}
.world-gate-note{justify-self:end;display:flex;align-items:center;gap:17px;margin-bottom:-25px;padding:20px 24px;background:linear-gradient(110deg,#091e19dd,#10372caa);border:1px solid #d2b16a66;box-shadow:inset 0 1px 0 #e2c48733,0 12px 38px #0006;backdrop-filter:blur(5px)}
.world-gate-note img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 5px 4px #0007)}
.world-gate-note strong{font-family:var(--display);font-size:24px;line-height:1.25;color:#efdbab;display:block;margin-top:9px;text-shadow:0 2px 2px #000}
.world-gate-note .eyebrow{font-size:8px;letter-spacing:2px}
.heroes-section{width:100%;background:#061510;isolation:isolate;overflow:hidden;--champion-color:#ffae5f;--champion-scene:url("assets/master-skill-fire.webp")}
.heroes-section::before{content:'';position:absolute;inset:0;background-image:var(--champion-scene);background-position:68% 42%;background-size:cover;opacity:.55;z-index:-2}
.heroes-section::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#061510c9,#06151085 30%,#061510dd),linear-gradient(90deg,#061510bb,transparent 70%);z-index:-1}
.heroes-section .section-intro>p{color:#d0d5c8;text-shadow:0 2px 8px #000}
.champion-showcase{grid-template-columns:1.2fr 1fr;min-height:560px;background:linear-gradient(105deg,#06151033,#061510e8 61%);border-color:#d9c38e50;box-shadow:inset 0 1px 0 #d2be8826,0 20px 65px #0007;align-items:stretch}
.champion-stage{height:560px;overflow:hidden}
.champion-environment{opacity:.84;object-position:74% 50%}
.champion-environment-shade{background:linear-gradient(90deg,#05130f11,transparent 65%,#061510aa),linear-gradient(0deg,#061510ee,transparent 25%)}
.champion-art{filter:drop-shadow(0 14px 16px #000a)}
.champion-copy{padding:42px 34px;align-self:center;background:radial-gradient(ellipse at 90% 70%,color-mix(in srgb,var(--champion-color) 7%,transparent),transparent 80%)}
.champion-copy h3{font-size:clamp(48px,5vw,68px)}
.skill-art-note{display:flex;align-items:center;gap:11px;font-size:10px!important;color:#cbd2bf!important;margin:23px 0 0!important;letter-spacing:.2px}
.skill-art-note img{width:25px;height:25px;flex-shrink:0}
.champion-status{color:#ffcf99!important;padding:9px 11px;border:1px solid #bc94575c}
.champion-showcase[aria-busy="true"] .champion-copy{opacity:.72}
.champion-tabs{background:linear-gradient(#06180fcf,#06180fed),url("assets/jade-dragon-scales-ui.webp") center/380px}
.art-label{padding:6px 10px;border-left:2px solid var(--champion-color);background:#05130fcc;font-size:7px;max-width:calc(100% - 40px)}
@media(min-width:1600px){.hero-figures{left:46%;right:3%;top:85px;bottom:94px}.hero .hero-actions{gap:30px}.hero .button-ornate{min-width:250px;min-height:62px}}
@media(max-width:1050px){.hero-figures{left:48%;right:1%;top:94px;bottom:110px}.hero .hero-actions{gap:24px}.hero .button-ornate{min-width:195px;font-size:9px;padding-inline:24px}.world-layout{gap:35px}.world-gate-note{padding:17px}.world-gate-note strong{font-size:22px}.champion-copy{padding:32px 25px}}
@media(max-width:800px){.hero-figures{left:49%;right:0;top:103px;bottom:125px}.hero .button-ornate{min-width:168px;padding:16px 20px;min-height:52px;font-size:8px;gap:10px}.hero .hero-actions{gap:22px}.world-section{padding-block:90px;min-height:660px}.world-layout{grid-template-columns:1.1fr .9fr;gap:24px}.world-gate-note{flex-direction:column;align-items:start;padding:16px}.world-copy>p:not(.eyebrow){font-size:12px}.world-gate-note strong{font-size:20px}.champion-stage{height:510px}.champion-showcase{min-height:510px}.champion-copy{padding:27px 23px}.champion-copy h3{font-size:48px}}
@media(max-width:620px){
 .hero .hero-visual{top:74px;height:495px}
 .hero .master-scene{object-position:72% 50%;filter:brightness(.85)}
 .hero-figures{left:3%;right:3%;top:82px;bottom:auto;height:430px}
 .master-figure{padding:0;filter:drop-shadow(0 14px 14px #0009)}
 .master-caption{top:503px;bottom:auto;left:20px;right:20px;min-height:36px}
 .master-caption h2{font-size:27px}
 .master-skill-plaque{font-size:8px;min-height:36px;max-width:66%;padding:6px 8px;line-height:1.35}
 .hero-content{padding-top:470px}
 .hero .hero-actions{gap:23px;margin-top:35px;padding-inline:5px}
 .hero .button-ornate{min-width:0;min-height:49px;padding:14px 12px;font-size:7px;letter-spacing:.55px;gap:7px;flex:1}
 .hero .button-ornate::after{inset:-9px -9px;border-width:17px 20px}
 .hero .button-ornate::before{inset:1px 2px}
 .hero-caption{margin-top:28px}
 .world-section{min-height:790px;padding:290px 0 48px}
 .world-summoning img{object-position:68% 28%;height:430px}
 .world-section::before{background:linear-gradient(180deg,#06151011,#06151044 200px,#061510e6 360px,#061510 450px)}
 .world-layout{display:flex;flex-direction:column;align-items:stretch;gap:30px;min-height:0}
 .world-copy{max-width:none}
 .world-copy h2{font-size:clamp(33px,8.5vw,48px)}
 .world-copy>p:not(.eyebrow){color:#c6d3c5;font-size:12px;line-height:1.95}
 .world-gate-note{flex-direction:row;align-items:center;align-self:start;margin:0;padding:14px 17px;gap:14px}
 .world-gate-note img{width:52px;height:52px}
 .world-gate-note strong{font-size:20px}
 .world-gate-note .eyebrow{font-size:7px}
 .heroes-section{padding-bottom:40px}
 .heroes-section::before{background-position:70% 10%;background-size:auto 900px;background-repeat:no-repeat;opacity:.7}
 .heroes-section::after{background:linear-gradient(180deg,#061510b0,#06151088 30%,#061510)}
 .champion-showcase{min-height:0;background:#061510b0}
 .champion-stage{height:430px;width:100%;margin:0}
 .champion-environment{opacity:.83;object-position:74% 50%}
 .champion-environment-shade{background:linear-gradient(0deg,#061510,transparent 27%,#06151011)}
 .champion-art{padding:0}
 .champion-copy{padding:12px 22px 28px;background:none}
 .champion-copy h3{font-size:52px}
 .art-label{bottom:13px;left:18px;font-size:6px}
 .heroes-divider{margin-bottom:-30px}
}