.zane-light-badge,.zane-tooltip,.zane-workshop{--z-bg:#090810;--z-c1:#0E0D14;--z-c2:#176757;--z-c3:#7C57AF;--z-c4:#9F3716;--z-c5:#78C2F0;--z-pink:#E76BBD;color:#f8f5ff;font-family:Outfit,sans-serif}
.zane-light-badge[data-zane-theme="mh"],.zane-tooltip[data-zane-theme="mh"],.zane-workshop[data-zane-theme="mh"]{--z-bg:#0c0625}
.zane-disco-ball{position:relative;display:block;width:100%;aspect-ratio:1;isolation:isolate;filter:drop-shadow(0 0 8px var(--z-c3))}
.zane-disco-ball svg{position:relative;z-index:2;display:block;width:100%;height:100%;overflow:visible;animation:zaneBallSway 3.8s ease-in-out infinite}
.zane-ball-cable{fill:none;stroke:var(--z-c5);stroke-width:2}.zane-ball-cap{fill:var(--z-c4)}.zane-ball-core{fill:var(--z-bg);stroke:var(--z-c5);stroke-width:2}.zane-ball-rim{fill:none;stroke:var(--z-c5);stroke-width:2.4}.zane-ball-glint{fill:#fff;filter:drop-shadow(0 0 3px var(--z-c5))}
.zane-ball-tile{stroke:#fff6;stroke-width:.5}.zane-ball-tile--0{fill:var(--z-c5)}.zane-ball-tile--1{fill:var(--z-c3)}.zane-ball-tile--2{fill:var(--z-c2)}.zane-ball-tile--3{fill:var(--z-pink)}.zane-ball-tile--4{fill:var(--z-c4)}
.zane-ball-mosaic{animation:zaneBallTiles 4.2s linear infinite}.zane-ball-tile:nth-child(3n){animation:zaneTileGleam 2.5s ease-in-out infinite;animation-delay:calc(var(--tile)*-.11s)}
.zane-inline-ball{display:inline-block;width:1.12em;height:1.12em;margin-right:.18em;border:1px solid #78C2F0;border-radius:50%;vertical-align:-.2em;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff8 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#fff8 3px 4px),radial-gradient(circle at 30% 25%,#fff,#E76BBD 25%,#7C57AF 58%,#0E0D14);box-shadow:0 0 6px #78C2F0}
.zane-ball-halo,.zane-ball-rays,.zane-ball-sweep{position:absolute;inset:8%;border-radius:50%;pointer-events:none}.zane-ball-halo{z-index:0;background:radial-gradient(circle,var(--z-c5) 0,transparent 68%);filter:blur(11px);opacity:.7}.zane-ball-rays{z-index:1;inset:-12%;background:conic-gradient(from 10deg,transparent 0 6%,var(--z-c5) 7% 8%,transparent 9% 24%,var(--z-pink) 25% 26%,transparent 27% 47%,var(--z-c3) 48% 49%,transparent 50% 70%,var(--z-c2) 71% 72%,transparent 73%);opacity:.32;animation:zaneRays 8s linear infinite}.zane-ball-sweep{z-index:3;inset:18%;background:linear-gradient(90deg,transparent 30%,#fff9 48%,transparent 56%);mix-blend-mode:screen;opacity:.55;transform:translateX(-65%);animation:zaneLightSweep 3.2s ease-in-out infinite}
.zane-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.zane-confetti i{position:absolute;left:calc(7% + var(--i)*7%);top:calc(12% + var(--i)*4%);width:4px;height:7px;border-radius:1px;background:var(--z-c5);box-shadow:0 0 7px currentColor;transform:rotate(var(--angle));opacity:.48;animation:zaneConfetti 3.4s ease-in-out infinite;animation-delay:calc(var(--i)*-.24s)}.zane-confetti i:nth-child(3n){background:var(--z-pink);width:6px;height:3px}.zane-confetti i:nth-child(4n){background:var(--z-c2);width:3px;height:3px;border-radius:50%}
.zane-light-badge{position:absolute;left:42px;bottom:4px;z-index:19;width:100px;height:96px;padding:0;border:0;background:transparent;cursor:pointer;isolation:isolate}.zane-light-badge .zane-confetti{inset:-5px}.zane-badge-ball{position:absolute;inset:0 3px 2px}.zane-badge-count{position:absolute;right:0;bottom:3px;z-index:4;min-width:25px;padding:3px 5px;border:1px solid var(--z-c5);border-radius:9px;background:#080710e8;box-shadow:0 0 9px var(--z-c3);font:900 10px Montserrat,sans-serif}.zane-light-badge:focus-visible{outline:2px solid var(--z-c5);border-radius:50%}
.zane-light-badge[data-light="0"] .zane-disco-ball{filter:grayscale(.65) brightness(.52) drop-shadow(0 0 2px var(--z-c3))}.zane-light-badge[data-light="0"] .zane-ball-rays,.zane-light-badge[data-light="0"] .zane-confetti,.zane-light-badge[data-light="0"] .zane-ball-sweep{opacity:0;animation:none}.zane-light-badge[data-light="1"] .zane-ball-halo{opacity:.42}.zane-light-badge[data-light="1"] .zane-ball-rays{opacity:.16}.zane-light-badge[data-light="2"] .zane-ball-rays{opacity:.55}.zane-light-badge[data-light="2"] .zane-ball-sweep{animation-duration:2.3s}.zane-light-badge[data-light="3"] .zane-disco-ball{filter:drop-shadow(0 0 12px var(--z-pink)) drop-shadow(0 0 14px var(--z-c5));animation:zaneFullPulse 1.1s ease-in-out infinite alternate}.zane-light-badge[data-light="3"] .zane-ball-rays{opacity:.84;animation-duration:3s}.zane-light-badge[data-light="3"] .zane-confetti i{opacity:.9;animation-duration:1.8s}.zane-light-badge.is-gaining .zane-badge-ball{animation:zaneGain .7s ease-out}
.zane-light-badge[data-light="0"] .zane-ball-mosaic{animation:none}
body.v3-body>.item-tooltip-floating:has(.zane-tooltip),body.v3-body>.v3-floating-tooltip:has(.zane-tooltip){width:min(435px,calc(100vw - 20px))!important;max-width:435px!important;max-height:none!important;padding:0!important;border:0!important;border-radius:21px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.item-tooltip-floating .item-tooltip-desc:has(.zane-tooltip){margin:0!important;color:inherit;font-size:inherit;line-height:inherit}
body.v3-body>.item-tooltip-floating:has(.zane-tooltip)::before,body.v3-body>.item-tooltip-floating:has(.zane-tooltip)::after,body.v3-body>.v3-floating-tooltip:has(.zane-tooltip)::before,body.v3-body>.v3-floating-tooltip:has(.zane-tooltip)::after{display:none!important}
.zane-tooltip{position:relative;isolation:isolate;box-sizing:border-box;width:100%;overflow:hidden;padding:17px;border:2px solid var(--z-c5);border-radius:21px;outline:1px solid color-mix(in srgb,var(--z-pink) 65%,transparent);outline-offset:-7px;background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--z-c3) 46%,transparent),transparent 44%),radial-gradient(circle at 95% 90%,color-mix(in srgb,var(--z-c2) 40%,transparent),transparent 45%),linear-gradient(145deg,var(--z-bg),var(--z-c1) 57%,#05040a);box-shadow:0 20px 50px #000e,0 0 25px var(--z-c3),inset 0 0 26px color-mix(in srgb,var(--z-c5) 18%,transparent);text-align:left}.zane-tooltip>*:not(.zane-confetti){position:relative;z-index:1}.zane-tooltip header{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid var(--z-c5)}.zane-tooltip-ball{flex:0 0 69px;width:69px;filter:drop-shadow(0 0 9px var(--z-c5))}.zane-tooltip header>div{display:grid;flex:1;gap:3px}.zane-tooltip header small,.zane-tooltip-current span{color:var(--z-c5);font:900 9px Montserrat,sans-serif;letter-spacing:.08em}.zane-tooltip header strong{color:#fff;font:900 19px Montserrat,sans-serif;text-shadow:0 0 8px var(--z-pink)}.zane-tooltip header em{color:#eee7ff;font:700 11px Outfit,sans-serif;font-style:normal}.zane-tooltip header>b{display:grid;justify-items:center;padding:4px 9px;border:1px solid var(--z-c5);border-radius:11px;background:#05040bc9;font:900 25px Montserrat,sans-serif;box-shadow:0 0 11px var(--z-c3)}.zane-tooltip header>b small{font-size:8px}
.zane-tooltip-track{display:flex;gap:6px;margin:12px 0}.zane-tooltip-track i{position:relative;flex:1;height:23px;border:1px solid var(--z-c3);border-radius:6px;background:#0009;transform:skew(-11deg);text-align:center;font-style:normal}.zane-tooltip-track i b{display:block;color:#c8c1d8;font:900 12px/21px Montserrat,sans-serif;transform:skew(11deg)}.zane-tooltip-track i.is-lit{border-color:var(--z-c5);background:linear-gradient(90deg,var(--z-c3),var(--z-pink),var(--z-c5));box-shadow:0 0 11px var(--z-c5)}.zane-tooltip-track i.is-lit b{color:#fff}.zane-tooltip-current{display:grid;gap:4px;padding:10px;border:1px solid color-mix(in srgb,var(--z-c5) 60%,transparent);border-radius:11px;background:#0008}.zane-tooltip-current strong{color:#fff;font:800 12px/1.4 Montserrat,sans-serif}.zane-tooltip p{margin:10px 0;color:#eee7ff;font:700 11px/1.45 Outfit,sans-serif}.zane-tooltip-hint{display:block;text-align:center;color:var(--z-c5);font:900 9px Montserrat,sans-serif}
.zane-workshop{box-sizing:border-box;width:min(950px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:0;border:2px solid var(--z-c5);border-radius:22px;background:radial-gradient(circle at 4% 5%,color-mix(in srgb,var(--z-c3) 40%,var(--z-bg)),transparent 47%),radial-gradient(circle at 95% 92%,color-mix(in srgb,var(--z-c2) 35%,var(--z-bg)),transparent 44%),var(--z-bg);box-shadow:0 0 42px var(--z-c3),0 24px 70px #000e}.zane-workshop::backdrop{background:#000c;backdrop-filter:blur(7px)}.zane-workshop>header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--z-c5)}.zane-workshop-emblem{width:63px;flex:0 0 63px}.zane-workshop>header>div{flex:1}.zane-workshop>header small{color:var(--z-c5);font:900 10px Montserrat,sans-serif;letter-spacing:.1em}.zane-workshop h2{margin:4px 0;font:400 34px Georgia,serif;font-variant:small-caps}.zane-workshop>header button{width:34px;height:34px;border:1px solid var(--z-c5);border-radius:50%;background:#0008;color:#fff;font-size:22px;cursor:pointer}.zane-workshop-content{padding:18px}.zane-workshop-intro{display:grid;grid-template-columns:minmax(280px,430px) 1fr;align-items:center;gap:20px}.zane-workshop-intro>p{font:600 15px/1.55 Outfit,sans-serif}.zane-workshop h3{margin:20px 0 10px;color:var(--z-c5);font:900 12px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}.zane-workshop-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.zane-workshop-tiers article{display:grid;align-content:start;gap:7px;min-height:115px;padding:12px;border:1px solid var(--z-c3);border-radius:12px;background:#0009;opacity:.65}.zane-workshop-tiers article.is-reached{opacity:1}.zane-workshop-tiers article.is-current{border-color:var(--z-c5);box-shadow:0 0 16px var(--z-c5),inset 0 0 18px var(--z-c3)}.zane-workshop-tiers article>span{color:var(--z-c5);font:900 26px Montserrat,sans-serif}.zane-workshop-tiers strong{color:#fff;font:900 13px Montserrat,sans-serif}.zane-workshop-tiers small{font:600 11px/1.35 Outfit,sans-serif}.zane-workshop-abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zane-workshop-abilities article{display:grid;grid-template-columns:58px 1fr;gap:11px;padding:11px;border:1px solid var(--z-c3);border-radius:12px;background:#0009}.zane-workshop-abilities article>img{width:56px;height:56px;object-fit:contain}.zane-workshop-abilities small{color:var(--z-c5);font:900 9px Montserrat,sans-serif}.zane-workshop-abilities h4{margin:4px 0 6px;color:#fff;font:900 14px Montserrat,sans-serif}.zane-workshop-passive{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:10px;margin-top:15px;padding:10px;border:1px solid var(--z-c5);border-radius:12px;background:#0009}.zane-workshop-passive img{width:54px;height:54px;object-fit:contain}.zane-workshop-passive strong{font:900 13px Montserrat,sans-serif}.zane-workshop-passive p{margin:4px 0;font:600 11px/1.4 Outfit,sans-serif}
.ability-progression.is-zane-light-details{display:grid;gap:6px;margin-top:8px}.ability-progression.is-zane-light-details .ability-progression-step{display:grid;gap:4px;padding:7px 9px;border:1px solid #7C57AF88;border-left:3px solid #78C2F0;border-radius:8px;background:#100b22cc}.ability-progression.is-zane-light-details .ability-progression-label{color:#78C2F0;font-weight:900}.ability-progression.is-zane-light-details .ability-progression-copy{color:#eee7ff;font-size:11px;line-height:1.4}.ability-progression.is-zane-light-details .ability-progression-step.is-current{border-color:#E76BBD;box-shadow:0 0 9px #E76BBD66}.ability-progression.is-zane-light-details .ability-inline-icon{width:1.1em;height:1.1em;vertical-align:-.2em}.ability-progression.is-zane-light-details[data-zane-theme="mh"] .ability-progression-step{border-color:#E63EFF88;border-left-color:#00FFFF;background:#160b38}.ability-progression.is-zane-light-details[data-zane-theme="mh"] .ability-progression-label{color:#00FFFF}
@keyframes zaneBallSway{0%,100%{transform:translateX(-3px) rotate(-8deg)}50%{transform:translateX(4px) rotate(8deg)}}@keyframes zaneBallTiles{to{transform:translateX(9px)}}@keyframes zaneTileGleam{50%{filter:brightness(1.8)}}@keyframes zaneRays{to{transform:rotate(360deg)}}@keyframes zaneLightSweep{50%{transform:translateX(65%);opacity:.9}}@keyframes zaneConfetti{50%{opacity:1;transform:translateY(-10px) rotate(calc(var(--angle) + 100deg))}}@keyframes zaneFullPulse{to{filter:drop-shadow(0 0 18px var(--z-pink)) drop-shadow(0 0 24px var(--z-c5));transform:scale(1.08)}}@keyframes zaneGain{50%{transform:scale(1.2);filter:brightness(1.7)}}
@media(max-width:720px){.zane-workshop-intro{grid-template-columns:1fr}.zane-workshop-tiers{grid-template-columns:repeat(2,1fr)}.zane-workshop-abilities{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.zane-light-badge *,.zane-tooltip *,.zane-workshop *{animation:none!important}}
