.axis-hero{overflow:hidden;isolation:isolate}
.axis-core-wrap{z-index:2}
.hero-scenes{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#050914}
.hero-scenes:before{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(5,9,20,.97) 0%,rgba(5,9,20,.87) 28%,rgba(5,9,20,.26) 62%,rgba(5,9,20,.74) 100%),linear-gradient(0deg,rgba(5,9,20,.9),transparent 42%,rgba(5,9,20,.18));}
.hero-scenes:after{content:'';position:absolute;inset:20px;z-index:4;border:1px solid rgba(87,232,255,.16);box-shadow:inset 0 0 100px rgba(5,9,20,.26)}
.hero-scene{position:absolute;inset:0;opacity:0;animation:hero-scene-cycle 24s ease-in-out infinite}
.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.08);transform:scale(1.05);animation:hero-scene-drift 24s ease-in-out infinite}
.scene-zeno{opacity:1}.scene-frieza{animation-delay:8s}.scene-tournament{animation-delay:16s}
.scene-frieza img{animation-delay:8s}.scene-tournament img{animation-delay:16s}
.hero-scene-caption{position:absolute;z-index:5;right:clamp(22px,5vw,75px);bottom:28px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;color:#fff3c4;text-shadow:0 2px 14px #050914}
.hero-scene-caption span{font:9px 'DM Mono',monospace;letter-spacing:.17em;color:#8fefff}.hero-scene-caption b{font:12px 'DM Mono',monospace;letter-spacing:.05em;font-weight:400}
.dragon-title{position:relative;display:inline-flex;align-items:baseline;gap:.08em;white-space:nowrap;max-width:100%;overflow:visible;margin:26px 0 32px!important;padding:0 .16em .12em .02em;font-size:clamp(54px,6vw,88px)!important;line-height:.86!important;letter-spacing:-.07em!important;font-weight:900!important;filter:drop-shadow(0 16px 24px rgba(0,0,0,.35));}
.dragon-title span,.dragon-title strong{position:relative;z-index:1;flex:none;background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.dragon-title span{background-image:linear-gradient(160deg,#f4fbff 2%,#90efff 36%,#5672ff 73%,#b98bff 100%);text-shadow:0 0 28px rgba(87,232,255,.4)}
.dragon-title strong{background-image:linear-gradient(165deg,#fff6ad 0%,#ffdc5b 34%,#ff8f39 70%,#ff625d 100%);text-shadow:0 0 30px rgba(255,174,74,.38)}
.dragon-title:before{content:'';position:absolute;z-index:0;left:3%;right:-4%;bottom:-16px;height:24px;border-top:2px solid rgba(255,207,98,.85);border-radius:50%;transform:rotate(-4deg);filter:drop-shadow(0 0 10px rgba(255,207,98,.9));}
.dragon-title:after{content:'✦  ·  ✦  ·  ✦  ·  ✦  ·  ✦  ·  ✦  ·  ✦';position:absolute;z-index:0;left:9%;bottom:-28px;color:#ffc95a;font-size:10px;letter-spacing:.36em;white-space:nowrap;text-shadow:0 0 12px rgba(255,151,54,.95);animation:title-orb-drift 5s ease-in-out infinite}
.dragon-title i{position:absolute;right:-22px;top:-18px;width:18px;height:18px;border:2px solid #ffd66d;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff2a7,#f7943c 48%,#c7362f 78%);box-shadow:0 0 18px rgba(255,207,98,.9);transform:rotate(14deg)}
.dragon-title i:after{content:'';position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,240,172,.85)}
.cosmic-mode .axis-hero h1.dragon-title em{color:inherit}
@keyframes hero-scene-cycle{0%,27%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}
@keyframes hero-scene-drift{0%,100%{transform:scale(1.05) translate3d(0,0,0)}50%{transform:scale(1.11) translate3d(-1.2%,1%,0)}}
@keyframes title-orb-drift{0%,100%{transform:translateX(-4px);opacity:.7}50%{transform:translateX(7px);opacity:1}}
@media(max-width:1100px){.hero-scenes:before{background:linear-gradient(90deg,rgba(5,9,20,.98) 0%,rgba(5,9,20,.77) 42%,rgba(5,9,20,.55) 100%),linear-gradient(0deg,rgba(5,9,20,.93),transparent 46%,rgba(5,9,20,.2))}.hero-scene-caption{bottom:18px}}
@media(max-width:720px){.hero-scenes:after{inset:12px}.hero-scene img{object-position:63% center}.hero-scene-caption{right:18px;bottom:16px}.hero-scene-caption b{font-size:9px}.dragon-title{font-size:clamp(54px,16vw,78px)!important;gap:.08em;margin-top:24px!important}.dragon-title i{right:-12px;top:-15px;width:13px;height:13px}.dragon-title:after{font-size:8px;bottom:-22px;letter-spacing:.21em}.dragon-title:before{bottom:-12px}}

/* Keep the Chinese title glyphs fully inside their paint box */
.dragon-title{max-width:none;overflow:visible;padding:.16em .24em .18em .10em;line-height:1.04!important;letter-spacing:-.075em!important;margin-top:22px!important;margin-bottom:32px!important}
.dragon-title span,.dragon-title strong{overflow:visible;line-height:1.04}
@media(max-width:720px){.dragon-title{padding:.16em .18em .20em .08em;line-height:1.04!important;margin-top:20px!important}.dragon-title i{right:-10px;top:-12px}}

/* Use a real text fill layer so the gradient cannot shave off glyph edges */
.dragon-title span,.dragon-title strong{display:inline-block;overflow:visible;padding:0 .08em .08em 0;line-height:1.08;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* Solid glyph fill fallback: preserves the blue/orange identity without clipping transparent gradient text */
.dragon-title span{background:none!important;color:#9ceeff!important;-webkit-text-fill-color:#9ceeff!important;text-shadow:0 0 24px rgba(87,232,255,.42),0 9px 18px rgba(0,0,0,.24)}
.dragon-title strong{background:none!important;color:#ffd15f!important;-webkit-text-fill-color:#ffd15f!important;text-shadow:0 0 25px rgba(255,174,74,.42),0 9px 18px rgba(0,0,0,.24)}

/* Wordmark lockup: the dragon line is part of the lettering, never a page background. */
.dragon-title.logo-wordmark{align-items:center;gap:0;isolation:isolate;padding:.22em .38em .34em .22em;font-family:"STKaiti","KaiTi","FZKai-Z03","Microsoft YaHei",serif;font-size:clamp(54px,6vw,88px)!important;letter-spacing:-.12em!important;line-height:1!important;filter:drop-shadow(0 16px 24px rgba(0,0,0,.38));}
.dragon-title.logo-wordmark:before,.dragon-title.logo-wordmark:after{display:none!important;content:none!important}
.dragon-title.logo-wordmark span,.dragon-title.logo-wordmark strong{z-index:2;display:inline-block;padding:0 .05em .08em 0;font-family:inherit;font-weight:900;letter-spacing:-.1em;line-height:1.02}
.dragon-title.logo-wordmark span{color:#b9f5ff!important;-webkit-text-fill-color:#b9f5ff!important;text-shadow:0 0 22px rgba(87,232,255,.52),0 8px 18px rgba(0,0,0,.28)}
.dragon-title.logo-wordmark strong{color:#ffd96d!important;-webkit-text-fill-color:#ffd96d!important;text-shadow:0 0 24px rgba(255,174,74,.48),0 8px 18px rgba(0,0,0,.28)}
.dragon-title-dragon{position:absolute;z-index:1;left:-1.32em;top:-.52em;width:calc(100% + 2.72em);height:calc(100% + 1.5em);overflow:visible;pointer-events:none;opacity:.92;transform:rotate(-2deg);transform-origin:center;animation:wordmark-dragon-float 7s ease-in-out infinite}
.dragon-flow,.dragon-whisker,.dragon-horn,.dragon-scale{fill:none;stroke:url(#dragon-flow-gold);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(255,190,81,.68))}
.dragon-flow{stroke-width:5;stroke-dasharray:720;stroke-dashoffset:720;animation:wordmark-dragon-trace 7s ease-in-out infinite alternate}
.dragon-whisker{stroke-width:3.2;opacity:.9}.dragon-horn{stroke-width:3.4;opacity:.86}.dragon-scale{stroke-width:2.2;opacity:.8}
.dragon-title-orb{position:absolute;z-index:4;right:-.22em;top:-.36em;width:.58em;height:.58em;overflow:visible;filter:drop-shadow(0 0 12px rgba(255,194,83,.9));animation:wordmark-orb-pulse 3.6s ease-in-out infinite}
@keyframes wordmark-dragon-trace{0%{stroke-dashoffset:720;opacity:.45}26%,100%{stroke-dashoffset:0;opacity:.92}}
@keyframes wordmark-dragon-float{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-3px)}}
@keyframes wordmark-orb-pulse{0%,100%{transform:scale(.96);opacity:.88}50%{transform:scale(1.04);opacity:1}}
@media(max-width:720px){.dragon-title.logo-wordmark{font-size:clamp(52px,15.5vw,78px)!important;padding:.22em .3em .36em .16em}.dragon-title-dragon{left:-1.05em;top:-.42em;width:calc(100% + 2.2em);height:calc(100% + 1.3em)}.dragon-title-orb{right:-.12em;top:-.28em}}
@media(prefers-reduced-motion:reduce){.dragon-title-dragon,.dragon-flow,.dragon-title-orb{animation:none}.dragon-flow{stroke-dashoffset:0}}

/* Staged entrance: the world wakes first, then the DragonMineZ wordmark resolves character by character. */
.hero-entry-meteors{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;opacity:1}
.hero-entry-meteors .meteor{position:absolute;display:block;width:clamp(110px,15vw,220px);height:1px;border-radius:99px;background:linear-gradient(90deg,transparent 0%,rgba(126,239,255,.08) 32%,rgba(255,219,132,.95) 76%,#fff 100%);box-shadow:0 0 7px rgba(143,237,255,.82),0 0 22px rgba(255,187,77,.48);transform:rotate(-27deg) translate3d(0,0,0);opacity:0;filter:blur(.15px)}
.hero-entry-meteors .meteor:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff8d3;box-shadow:0 0 8px 2px rgba(255,224,139,.9)}
.hero-entry-meteors .meteor-a{top:16%;left:-18%;animation:meteor-sweep 1.15s .15s cubic-bezier(.2,.7,.25,1) both}
.hero-entry-meteors .meteor-b{top:31%;left:36%;width:clamp(82px,11vw,160px);animation:meteor-sweep 1.05s .42s cubic-bezier(.2,.7,.25,1) both;opacity:.72}
.hero-entry-meteors .meteor-c{top:67%;left:79%;width:clamp(95px,13vw,190px);animation:meteor-sweep 1.2s .7s cubic-bezier(.2,.7,.25,1) both;opacity:.58}
@keyframes meteor-sweep{0%{opacity:0;transform:rotate(-27deg) translate3d(-18vw,-6vh,0) scaleX(.35)}18%{opacity:.95}72%{opacity:.74}100%{opacity:0;transform:rotate(-27deg) translate3d(26vw,13vh,0) scaleX(1.05)}}
.dragon-title.logo-wordmark{overflow:visible}
.dragon-title.logo-wordmark .wordmark-char{position:relative;will-change:transform,opacity,filter,clip-path;opacity:0;transform:translate3d(0,18px,0) scale(.94);filter:blur(10px);clip-path:inset(0 100% 0 0);animation:wordmark-char-reveal .84s cubic-bezier(.2,.82,.2,1) forwards}
.dragon-title.logo-wordmark .wordmark-char-1{animation-delay:.92s}.dragon-title.logo-wordmark .wordmark-char-2{animation-delay:1.1s}.dragon-title.logo-wordmark .wordmark-char-3{animation-delay:1.28s}.dragon-title.logo-wordmark .wordmark-char-4{animation-delay:1.46s}
@keyframes wordmark-char-reveal{0%{opacity:0;transform:translate3d(0,18px,0) scale(.94);filter:blur(10px);clip-path:inset(0 100% 0 0)}38%{opacity:1;filter:blur(1px);clip-path:inset(0 18% 0 0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);clip-path:inset(0 0 0 0)}}
.dragon-title-dragon{animation:wordmark-dragon-reveal .95s .42s cubic-bezier(.16,.78,.22,1) both,wordmark-dragon-float 7s 2.35s ease-in-out infinite}
.dragon-flow{animation:wordmark-dragon-trace 1.8s .55s ease-in-out both}.dragon-whisker,.dragon-horn,.dragon-scale{opacity:0;animation:wordmark-line-reveal .72s 1.05s ease-out forwards}.dragon-horn{animation-delay:1.16s}.dragon-scale{animation-delay:1.28s}
@keyframes wordmark-dragon-reveal{0%{opacity:0;transform:rotate(-2deg) translate3d(-18px,12px,0) scale(.9)}100%{opacity:.92;transform:rotate(-2deg) translate3d(0,0,0) scale(1)}}
@keyframes wordmark-line-reveal{0%{opacity:0}100%{opacity:.86}}
.dragon-title-orb{animation:wordmark-orb-reveal .72s 1.72s cubic-bezier(.2,.8,.2,1) both,wordmark-orb-pulse 3.6s 2.48s ease-in-out infinite}
@keyframes wordmark-orb-reveal{0%{opacity:0;transform:scale(.68) rotate(-18deg);filter:drop-shadow(0 0 0 rgba(255,194,83,0))}100%{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 0 12px rgba(255,194,83,.9))}}
.axis-hero-copy .axis-overline,.axis-hero-copy .axis-lede,.axis-hero-copy .axis-hero-actions,.axis-hero-copy .axis-footnote{opacity:0;transform:translateY(10px);animation:hero-copy-rise .72s .62s ease-out forwards}.axis-hero-copy .axis-lede{animation-delay:.78s}.axis-hero-copy .axis-hero-actions{animation-delay:.94s}.axis-hero-copy .axis-footnote{animation-delay:1.1s}
@keyframes hero-copy-rise{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-entry-meteors{display:none}.dragon-title.logo-wordmark .wordmark-char{animation-duration:.42s;animation-timing-function:ease-out}.dragon-title.logo-wordmark .wordmark-char-1{animation-delay:.12s}.dragon-title.logo-wordmark .wordmark-char-2{animation-delay:.24s}.dragon-title.logo-wordmark .wordmark-char-3{animation-delay:.36s}.dragon-title.logo-wordmark .wordmark-char-4{animation-delay:.48s}.dragon-title-dragon{animation:wordmark-dragon-reveal .5s .08s ease-out both}.dragon-flow{animation:wordmark-dragon-trace .8s .12s ease-out both}.dragon-whisker,.dragon-horn,.dragon-scale{animation:wordmark-line-reveal .35s .24s ease-out forwards}.dragon-title-orb{animation:wordmark-orb-reveal .45s .58s ease-out both!important}.axis-hero-copy .axis-overline,.axis-hero-copy .axis-lede,.axis-hero-copy .axis-hero-actions,.axis-hero-copy .axis-footnote{animation-duration:.35s;animation-delay:.1s;animation-timing-function:ease-out}}

/* Living lockup: once the reveal completes, each glyph keeps a quiet pulse and drift. */
.dragon-title.logo-wordmark .wordmark-char{animation-name:wordmark-char-reveal,wordmark-char-drift,wordmark-char-glow;animation-duration:.84s,5.4s,4.2s;animation-delay:.92s,2.62s,2.45s;animation-timing-function:cubic-bezier(.2,.82,.2,1),ease-in-out,ease-in-out;animation-iteration-count:1,infinite,infinite;animation-fill-mode:forwards,both,both}
.dragon-title.logo-wordmark .wordmark-char-1{--char-tilt:-1.4deg;animation-delay:.92s,2.62s,2.45s}.dragon-title.logo-wordmark .wordmark-char-2{--char-tilt:1.1deg;animation-delay:1.1s,2.9s,2.72s}.dragon-title.logo-wordmark .wordmark-char-3{--char-tilt:-.9deg;animation-delay:1.28s,3.16s,2.98s}.dragon-title.logo-wordmark .wordmark-char-4{--char-tilt:1.5deg;animation-delay:1.46s,3.42s,3.24s}
@keyframes wordmark-char-drift{0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}28%{transform:translate3d(0,-2px,0) rotate(var(--char-tilt)) scale(1.012)}54%{transform:translate3d(0,1px,0) rotate(calc(var(--char-tilt) * -.65)) scale(.996)}78%{transform:translate3d(0,-1px,0) rotate(calc(var(--char-tilt) * .45)) scale(1.006)}}
@keyframes wordmark-char-glow{0%,100%{text-shadow:0 0 20px rgba(87,232,255,.36),0 8px 18px rgba(0,0,0,.28)}50%{text-shadow:0 0 30px rgba(255,207,98,.62),0 8px 18px rgba(0,0,0,.28)}}
.hero-entry-meteors:before,.hero-entry-meteors:after{content:"";position:absolute;pointer-events:none;width:38%;height:92px;border-radius:50%;background:linear-gradient(110deg,transparent 0%,rgba(87,232,255,.0) 25%,rgba(255,202,98,.13) 52%,rgba(255,255,255,.03) 68%,transparent 100%);filter:blur(13px);mix-blend-mode:screen;opacity:0;transform:translate3d(-16%,0,0) rotate(-18deg);animation:meteor-ambient-flow 8.5s 2.7s ease-in-out infinite}
.hero-entry-meteors:before{top:21%;left:8%}.hero-entry-meteors:after{top:62%;left:54%;width:30%;height:72px;animation-delay:4.8s;animation-duration:10.5s;transform:translate3d(12%,0,0) rotate(-22deg)}
@keyframes meteor-ambient-flow{0%,100%{opacity:0;transform:translate3d(-16%,0,0) rotate(-18deg) scale(.82)}22%{opacity:.2}50%{opacity:.34;transform:translate3d(20%,4px,0) rotate(-18deg) scale(1.08)}75%{opacity:.12}100%{opacity:0;transform:translate3d(46%,9px,0) rotate(-18deg) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.dragon-title.logo-wordmark .wordmark-char{animation-duration:.42s,7.2s,5.5s;animation-timing-function:ease-out,ease-in-out,ease-in-out}.dragon-title.logo-wordmark .wordmark-char-1{animation-delay:.12s,1.1s,.95s}.dragon-title.logo-wordmark .wordmark-char-2{animation-delay:.24s,1.35s,1.2s}.dragon-title.logo-wordmark .wordmark-char-3{animation-delay:.36s,1.6s,1.45s}.dragon-title.logo-wordmark .wordmark-char-4{animation-delay:.48s,1.85s,1.7s}}

/* Stable hand-off: switch to ambient motion after the reveal has finished. */
.dragon-title.logo-wordmark .wordmark-char{animation-name:wordmark-char-reveal;animation-duration:.84s;animation-delay:.92s;animation-timing-function:cubic-bezier(.2,.82,.2,1);animation-iteration-count:1;animation-fill-mode:forwards}
.dragon-title.logo-wordmark .wordmark-char-1{animation-delay:.92s}.dragon-title.logo-wordmark .wordmark-char-2{animation-delay:1.1s}.dragon-title.logo-wordmark .wordmark-char-3{animation-delay:1.28s}.dragon-title.logo-wordmark .wordmark-char-4{animation-delay:1.46s}
.dragon-title.logo-wordmark .wordmark-char.is-living{animation-name:wordmark-char-drift,wordmark-char-glow;animation-duration:5.4s,4.2s;animation-delay:0s,0s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both;will-change:transform,text-shadow;backface-visibility:hidden}
.dragon-title.logo-wordmark .wordmark-char-1.is-living{animation-delay:0s,0s}.dragon-title.logo-wordmark .wordmark-char-2.is-living{animation-delay:.28s,.27s}.dragon-title.logo-wordmark .wordmark-char-3.is-living{animation-delay:.55s,.54s}.dragon-title.logo-wordmark .wordmark-char-4.is-living{animation-delay:.82s,.81s}
.hero-entry-meteors:before,.hero-entry-meteors:after{will-change:transform,opacity;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.dragon-title.logo-wordmark .wordmark-char{animation-duration:.42s}.dragon-title.logo-wordmark .wordmark-char-1{animation-delay:.12s}.dragon-title.logo-wordmark .wordmark-char-2{animation-delay:.24s}.dragon-title.logo-wordmark .wordmark-char-3{animation-delay:.36s}.dragon-title.logo-wordmark .wordmark-char-4{animation-delay:.48s}.dragon-title.logo-wordmark .wordmark-char.is-living{animation-duration:7.2s,5.5s}}