/* Interactive Dragon Ball display built from the game login assets. */
.dragon-title-orb{display:block;object-fit:contain;border-radius:50%;animation:wordmark-orb-pulse-tilt 3.6s ease-in-out infinite!important;transform-origin:center}
@keyframes wordmark-orb-pulse-tilt{0%,100%{transform:scale(.96) rotateX(var(--logo-tilt-y,0deg)) rotateY(var(--logo-tilt-x,0deg));opacity:.88}50%{transform:scale(1.04) rotateX(var(--logo-tilt-y,0deg)) rotateY(var(--logo-tilt-x,0deg));opacity:1}}
.dragonball-radar{perspective:900px;transform-style:preserve-3d;isolation:isolate}
.dragonball-set{width:236px;height:236px;transform-style:preserve-3d;animation:db-set-float-3d 5.2s ease-in-out infinite;will-change:transform}
.dragonball-set:before{content:'';position:absolute;inset:3px;border:1px dashed rgba(255,207,98,.3);border-radius:50%;box-shadow:0 0 22px rgba(255,164,53,.16);animation:db-orbit-ring 18s linear infinite;pointer-events:none}
.db-ball{background:transparent;border:0;box-shadow:none;overflow:visible;transform-style:preserve-3d;transform:translate3d(var(--ball-x,0px),var(--ball-y,0px),var(--ball-z,0px)) rotateX(var(--ball-ry,0deg)) rotateY(var(--ball-rx,0deg)) scale(var(--ball-scale,1));transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease;filter:drop-shadow(0 7px 8px rgba(0,0,0,.28)) drop-shadow(0 0 8px rgba(255,164,53,.22));cursor:pointer}
.db-ball:before,.db-ball:after{content:none}
.db-ball img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1;pointer-events:none;user-select:none}
.db-ball:hover{--ball-z:18px;--ball-scale:1.1;filter:drop-shadow(0 14px 16px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(255,190,73,.68))}
.db-ball-1{left:89px;top:9px}.db-ball-2{left:151px;top:39px}.db-ball-3{left:167px;top:107px}.db-ball-4{left:124px;top:161px}.db-ball-5{left:54px;top:161px}.db-ball-6{left:11px;top:107px}.db-ball-7{left:27px;top:39px}
.dragonball-caption{z-index:4}
@keyframes db-set-float-3d{0%,100%{transform:translateY(-3px) rotateX(var(--set-tilt-y,0deg)) rotateY(var(--set-tilt-x,0deg))}50%{transform:translateY(4px) rotateX(var(--set-tilt-y,0deg)) rotateY(var(--set-tilt-x,0deg))}}
@keyframes db-orbit-ring{to{transform:rotate(360deg)}}

.axis-core-wrap{perspective:1100px;transform-style:preserve-3d}
.axis-one-star-core{width:188px;height:188px;background:transparent!important;border:0!important;box-shadow:none!important;transform-style:preserve-3d;isolation:isolate}
.axis-one-star-core:after{inset:-15px!important;border-color:rgba(255,207,98,.82)!important;box-shadow:0 0 25px rgba(255,181,65,.42);transform:rotateX(var(--core-ring-y,0deg)) rotateY(var(--core-ring-x,0deg))}
.axis-one-star-core img{width:176px;height:176px;object-fit:contain;display:block;position:relative;z-index:1;transform:translateZ(18px) rotateX(var(--core-tilt-y,0deg)) rotateY(var(--core-tilt-x,0deg));filter:drop-shadow(0 16px 22px rgba(0,0,0,.42)) drop-shadow(0 0 25px rgba(255,166,49,.55));animation:db-one-star-float 5s ease-in-out infinite;transition:filter .2s ease}
.axis-one-star-core .core-kicker,.axis-one-star-core .core-label{position:absolute;z-index:3;white-space:nowrap;text-shadow:0 0 12px rgba(5,9,20,.9)}
.axis-one-star-core .core-kicker{top:-26px;color:#ffe59a!important;letter-spacing:.18em}
.axis-one-star-core .core-label{bottom:-28px;color:#b9c8ec!important}
@keyframes db-one-star-float{0%,100%{translate:0 -4px}50%{translate:0 6px}}

@media(max-width:760px){.axis-one-star-core{width:158px;height:158px}.axis-one-star-core img{width:148px;height:148px}.dragonball-set{transform:scale(.86) rotateX(var(--set-tilt-y,0deg)) rotateY(var(--set-tilt-x,0deg))}}
@media(prefers-reduced-motion:reduce){.dragonball-set,.axis-one-star-core img,.dragon-title-orb{animation:none!important}.db-ball,.axis-one-star-core img,.dragon-title-orb{transition:none}}

/* Keep the wordmark orb entrance after the 3D showcase defaults. */
.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!important}
@media(prefers-reduced-motion:reduce){.dragon-title-orb{animation:wordmark-orb-reveal .45s .58s ease-out both!important}}