.hero-overlay{z-index:1;background:radial-gradient(circle at 50% 0,#16213c33 0%,#0000 60%),linear-gradient(#0f172a4d 0%,#0f172a99 100%);position:absolute;inset:0}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-poster{z-index:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero-video{display:none}}.item-frame{filter:drop-shadow(0 12px 20px #0006);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:20px;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex;position:relative}.item-frame>img{object-fit:contain;width:80%;height:80%}.item-frame--common{background-image:url(/assets/images/border/common_item.webp)}.item-frame--rare{background-image:url(/assets/images/border/rare_item.webp)}.item-frame--epic{background-image:url(/assets/images/border/epic_item.webp)}.item-frame--legendary{background-image:url(/assets/images/border/legendary_item.webp)}.item-frame--mythic{background-image:url(/assets/images/border/mythic_item.webp)}.char-frame--common{background-image:url(/assets/images/border/common.webp)}.char-frame--rare{background-image:url(/assets/images/border/rare.webp)}.char-frame--epic{background-image:url(/assets/images/border/epic.webp)}.char-frame--legendary{background-image:url(/assets/images/border/legendary.webp)}.char-frame--mythic{background-image:url(/assets/images/border/mythic.webp)}.char-frame--relic{background-image:url(/assets/images/border/relic.webp)}.item-frame:hover{transform:translateY(-4px)}.class-connector{position:relative}.class-connector:before{content:"";left:50%;top:calc(var(--link-h) * -1);width:2px;height:var(--link-h);background:linear-gradient(#67e8f940,#67e8f9cc);position:absolute;transform:translate(-50%)}.class-connector--short{--link-h:1.5rem}.tree-fork{position:relative}.tree-fork:before{content:"";background:linear-gradient(90deg,#67e8f9cc,#67e8f940 50%,#67e8f9cc);height:2px;position:absolute;top:-1.5rem;left:25%;right:25%}.tree-fork--triple:before{left:calc(16.6667% - .5rem);right:calc(16.6667% - .5rem)}@media (max-width:767px){.tree-fork--triple:before,.tree-fork--triple:after,.tree-fork--triple .class-connector:before{display:none}}.tree-fork:after{content:"";background:linear-gradient(#67e8f940,#67e8f9cc);width:2px;height:1rem;position:absolute;top:-2.5rem;left:50%;transform:translate(-50%)}.class-node{text-align:center;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s,filter .2s;display:flex}.class-node:hover{filter:drop-shadow(0 0 8px #ffd54a73);transform:translateY(-4px)}.scroll-cue{animation:1.8s ease-in-out infinite scroll-cue-float}.scroll-cue>span{animation:1.8s ease-in-out infinite scroll-cue-glow;display:block}.scroll-cue>span:last-child{margin-top:-10px;animation-delay:.25s}@keyframes scroll-cue-float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes scroll-cue-glow{0%,to{opacity:.15}50%{opacity:1}}.page-bg{background:radial-gradient(at 15% 40%,#991b1b1f 0%,#0000 45%),radial-gradient(at 85% 65%,#7f1d1d24 0%,#0000 50%),radial-gradient(at 50% 95%,#991b1b33 0%,#0000 55%),linear-gradient(#0f172a 0%,#12182b 40%,#171220 70%,#1a0b0b 100%);position:relative}.desolador-bg{position:relative}.desolador-bg:before{content:"";pointer-events:none;background:radial-gradient(circle at 25% 35%,#ea580c52 0%,#991b1b4d 35%,#0000 55%),radial-gradient(circle at 80% 80%,#7f1d1d40 0%,#0000 40%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%)}.desolador-glow{filter:drop-shadow(0 0 24px #dc262673)drop-shadow(0 0 56px #991b1b59);animation:3.6s ease-in-out infinite alternate desolador-pulse}@keyframes desolador-pulse{0%{filter:drop-shadow(0 0 22px #dc262666)drop-shadow(0 0 50px #991b1b4d)}to{filter:drop-shadow(0 0 34px #f9731699)drop-shadow(0 0 78px #c2410c73)}}.debuff-card{background:#0f172aeb;border:1px solid #dc262673;border-radius:20px;box-shadow:inset 0 2px 4px #ffffff0f,inset 0 -3px 6px #00000059,0 16px 32px #00000059}@media (prefers-reduced-motion:reduce){.item-frame{transition:none}.item-frame:hover,.logo-flip-container:hover .logo-flip,.logo-flip-container:focus-within .logo-flip,.class-node:hover{transform:none}.desolador-glow,.scroll-cue,.scroll-cue>span{animation:none}}