.beta-online{isolation:isolate;background:radial-gradient(at 50% 38%,#155e752e,#0000 55%),radial-gradient(at 50% 100%,#d9981520,#0000 55%);padding:max(8rem,10vw) 0 clamp(4rem,7vw,7rem);scroll-margin-top:6rem;position:relative}.beta-online:before{content:"";background:linear-gradient(90deg,#0000,#ffd54a70,#0000);height:1px;position:absolute;inset:0 10% auto}.beta-online__inner{position:relative}.beta-online__status{color:#a5f3fc;letter-spacing:.18em;text-transform:uppercase;background:#12334380;border:1px solid #67e8f940;border-radius:999px;align-items:center;gap:.65rem;padding:.5rem 1.1rem;font-size:.75rem;font-weight:700;display:inline-flex}.beta-online__status span{background:#6ee7b7;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 12px #6ee7b799}.beta-online__rewards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2rem;margin:3rem 0;padding:0;list-style:none;display:grid}.beta-online__art{justify-content:center;align-items:center;height:clamp(180px,22vw,280px);margin-bottom:1.5rem;display:flex;position:relative}.beta-online__art:before{content:"";z-index:-1;background:radial-gradient(#67e8f925,#0000 68%);position:absolute;inset:4% 0}.beta-online__art:after{content:"";background:radial-gradient(#67e8f930,#0000 70%);border:1px solid #67e8f94d;border-radius:50%;width:75%;height:1.25rem;position:absolute;bottom:-.25rem;box-shadow:0 0 24px #67e8f91a,inset 0 0 12px #67e8f91a}.beta-online__art img{object-fit:contain;filter:drop-shadow(0 12px 18px #0008);width:82%;min-width:0;height:90%;min-height:0;max-height:100%;transition:transform .25s}.beta-online__reward:hover .beta-online__art img{transform:translateY(-6px)rotate(-2deg)}.beta-online__reward--aurion .beta-online__art img{width:100%;height:100%}.beta-online__reward--aurion .beta-online__art:before{background:radial-gradient(#ffd54a30,#0000 70%)}.beta-online__reward--aurion .beta-online__art:after{border-color:#ffd54a80;box-shadow:0 0 24px #ffd54a26}.beta-online__exclusive{color:#a5f3fc;letter-spacing:.2em;text-transform:uppercase;font-size:.65rem;font-weight:700}.beta-online__season{padding:2.5rem 1rem 0;position:relative}.beta-online__season:before{content:"";background:linear-gradient(90deg,#0000,#ffd54a70,#0000);height:1px;position:absolute;inset:0 10% auto}.beta-online__prize-label{color:#cbd5e1;letter-spacing:.25em;text-transform:uppercase;margin-top:1.5rem;font-size:.7rem;font-weight:700}.beta-online__prize{color:#ffd54a;text-shadow:0 2px 24px #ffd54a30;font-size:clamp(3rem,7vw,5rem);line-height:1.2}.beta-online__cta:focus-visible{outline-offset:6px;outline:3px solid #67e8f9}@media (max-width:639px){.beta-online__rewards{grid-template-columns:1fr;gap:2.75rem;margin-top:2rem}.beta-online__art{width:260px;max-width:100%;height:220px;margin-inline:auto}.beta-online__reward--aurion .beta-online__art{margin-top:1rem}.beta-online__cta{max-width:100%}}@media (prefers-reduced-motion:reduce){.beta-online__art img{transition:none}.beta-online__reward:hover .beta-online__art img{transform:none}}.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}.buff-card{background:#0f172aeb;border:1px solid #d9770673;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}}
