.hero{isolation:isolate;min-height:min(100svh,1080px);padding:calc(var(--header-top) + var(--header-h) + env(safe-area-inset-top) + 18px) 0 clamp(70px, 8vh, 110px);place-items:center;display:grid;position:relative;overflow:clip}.hero-bg{z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#000 78%,#0000);mask:linear-gradient(#000 78%,#0000)}.hero-sky{background:image-set(url(/img/bg-skyspire-1280.avif) type("image/avif"), url(/img/bg-skyspire-1280.webp) type("image/webp")) center 36% / cover no-repeat, var(--navy-deep);position:absolute;top:-4%;bottom:0;left:0;right:0}@media (min-width:1300px){.hero-sky{background-image:-webkit-image-set(url(/img/bg-skyspire-1920.avif) 1x type("image/avif"),url(/img/bg-skyspire-1920.webp) 1x type("image/webp"));background-image:image-set("/img/bg-skyspire-1920.avif" 1x type("image/avif"),"/img/bg-skyspire-1920.webp" 1x type("image/webp"))}}.hero-sky:after{content:"";background:radial-gradient(28% 44% at 50% 40%, #78ffec33, transparent 70%), radial-gradient(90% 80% at 50% 42%, #0a16466b, #040920db), linear-gradient(180deg, #0409209e 0, #0c1e5a4d 40%, #040920b3 85%, var(--navy-deep) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.isle{z-index:0;pointer-events:none;margin:0;position:absolute}.isle img{filter:brightness(.78)saturate(.9)drop-shadow(0 26px 26px #02061680);width:100%;height:auto;animation:9s ease-in-out infinite isle;animation-delay:var(--dl,0s)}@keyframes isle{50%{transform:translateY(-14px)rotate(-.5deg)}}.isle-tower{--par:-26vh;width:min(24vw,360px);top:25%;left:-3%}.isle-mill{--dl:-3s;--par:-34vh;width:min(30vw,460px);top:15%;right:-4%}.isle-grass{--dl:-5s;--par:-48vh;width:min(15vw,220px);top:66%;left:14%}.isle-statue{--dl:-1.5s;--par:-44vh;width:min(13vw,190px);top:68%;right:13%}.isle-far{--par:-10vh;width:min(7vw,100px);top:13%;left:25%}.isle-far img{filter:brightness(.7)saturate(.6)blur(1.5px);opacity:.6}.hero-beam{z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#3fe3cf1a 34%,#b9fff466 49%,#ffffffe6 50%,#b9fff466 51%,#3fe3cf1a 66%,#0000);width:340px;margin-left:-170px;position:absolute;top:0;bottom:0;left:50%;-webkit-mask:linear-gradient(#0000,#000 8% 100%);mask:linear-gradient(#0000,#000 8% 100%)}.hero-beam:before{content:"";filter:blur(3px);will-change:transform;background:linear-gradient(#0000,#fff);border-radius:99px;width:14px;height:30%;margin-left:-7px;animation:3.2s cubic-bezier(.55,0,.75,.4) infinite hero-drop;position:absolute;top:0;left:50%}@keyframes hero-drop{0%{opacity:0;transform:translateY(-40%)}15%{opacity:1}to{opacity:0;transform:translateY(340%)}}.motes b{z-index:1;left:var(--x);width:var(--s,6px);aspect-ratio:1;opacity:0;animation:mote var(--d,9s) linear infinite;animation-delay:var(--dl,0s);will-change:transform;background:#c8fff6;border-radius:50%;position:absolute;bottom:-10px;box-shadow:0 0 10px 2px #3fe3cfe6}@keyframes mote{10%{opacity:.9}80%{opacity:.7}to{transform:translate(var(--dx,20px), -95vh);opacity:0}}.hero-in{z-index:2;text-align:center;justify-items:center;gap:14px;display:grid;position:relative}.hero-h1{justify-items:center;gap:12px;display:grid}.hero-logo{display:block;position:relative}.hero-logo:before{content:"";z-index:-1;aspect-ratio:2;background:radial-gradient(closest-side,#b9fff452,#3fe3cf14 60%,#0000);border-radius:50%;width:120%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-logo img{filter:drop-shadow(0 18px 30px #02081e8c)drop-shadow(0 0 34px #b9fff44d);width:min(560px,34vw,64.4svh);min-width:260px;height:auto;animation:6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-9px)scale(.97,1.03)}55%{transform:translateY(-9px)scale(.97,1.03)}90%{transform:translateY(0)scale(1.06,.94)}}.hero-out{font:900 12px/1 var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:#d9fff9;text-shadow:0 2px 8px #030616e6;align-items:center;gap:12px;display:inline-flex}.hero-out:before,.hero-out:after{content:"";background:linear-gradient(90deg, transparent, var(--teal));width:46px;height:1.5px}.hero-out:after{transform:scaleX(-1)}.hero-out b{letter-spacing:.16em;color:#fff;background:linear-gradient(180deg, #ff5a6a, var(--crimson));box-shadow:0 0 0 1.5px var(--line), 0 0 14px #ff5a6a80;text-shadow:none;border-radius:5px;padding:4px 9px 3px;font-weight:900}.hero-line{font:400 clamp(22px, 1.2vw + 14px, 34px)/1.12 var(--font-crest);letter-spacing:.04em;color:#fff;text-shadow:0 2px 0 var(--line), 0 6px 24px #02081ed9}.hero-line b{color:var(--text-gold);font-weight:400}.hero-sub{font:700 clamp(14px, .2vw + 13px, 16px)/1.45 var(--font-sans);color:var(--text-2);text-shadow:0 2px 8px #02081ef2;max-width:52ch}.hero-sub b{color:#b9fff4;font-weight:900}.hero-cta{width:min(100%,640px);margin-top:4px}.hero .get{justify-items:center}html[data-os=desktop] .hero .get{justify-content:center}html[data-os=desktop] .hero .get-qr,.hero-peek{display:none}.hero-cue{z-index:2;min-width:88px;min-height:44px;font:900 11px/1 var(--font-sans);letter-spacing:.26em;text-transform:uppercase;color:#d9fff9;justify-items:center;gap:6px;padding:4px 8px;text-decoration:none;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero-cue i{background:var(--crystal);width:14px;height:14px;box-shadow:0 0 0 1.5px var(--line), 0 0 16px #3fe3cfe6;animation:1.8s ease-in-out infinite cue;transform:rotate(45deg)}@keyframes cue{50%{transform:translateY(6px)rotate(45deg)}}.hero-cue:hover{color:#fff}.sound{z-index:5;right:max(16px, env(safe-area-inset-right));top:calc(var(--header-top) + var(--header-h) + env(safe-area-inset-top) + 12px);cursor:pointer;min-height:44px;font:800 12px/1 var(--font-sans);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060c2499;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 11px;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1.5px #b9fff459}.sound svg{width:20px;height:20px}.sound .on{opacity:.25}.sound[aria-pressed=true] .on{opacity:1}:root[data-device=desktop] .sound{right:max(64px, env(safe-area-inset-right))}@supports (animation-timeline:scroll()){.isle{animation:linear both par;animation-timeline:scroll(root);animation-range:0 100vh}@keyframes par{to{transform:translateY(var(--par,-20vh))}}.hero-in{animation:linear both lift;animation-timeline:scroll(root);animation-range:0 90vh}@keyframes lift{to{opacity:.2;transform:translateY(-12vh)}}}.game-win{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,44px);display:grid}.stage{margin:0;padding:0 0 12% 12%;position:relative}.dev{margin:0;position:relative}.dev-screen{background:#0b1330;position:relative;overflow:hidden}.dev-screen video{object-fit:cover;background:#0b1330 50%/cover no-repeat;width:100%;height:100%}.stage .dev-pc .dev-screen video{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABIMDRANCxIQDhAUExIVGywdGxgYGzYnKSAsQDlEQz85Pj1HUGZXR0thTT0+WXlaYWltcnNyRVV9hnxvhWZwcm7/2wBDARMUFBsXGzQdHTRuST5Jbm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm7/wAARCAAXACgDASIAAhEBAxEB/8QAGQABAAIDAAAAAAAAAAAAAAAAAAIFAwQG/8QAIRAAAgICAgIDAQAAAAAAAAAAAQIAAwQREiEFEyMkMUH/xAAWAQEBAQAAAAAAAAAAAAAAAAACAQP/xAAYEQEBAQEBAAAAAAAAAAAAAAAAARECEv/aAAwDAQACEQMRAD8A5e5gi9MCJDGsfn8R0ZlGMpxgx3yksPF+0h0Su5rdwNjE9+QrkN+iQsZ2Aezudlk+ExrMP2qOLa3KnJ8QPRvgQNdGHnr1A9xQo2z1E3HoRAFA7I7iMtK7jaOIUdTZxMpqHDetW0f7ESVcizbz54hXpBA/BuRyPPNZQKvUO4iTmSDJFLfkFbO1AMREZY//2Q==)}.stage .dev-phone .dev-screen video,.hero-peek .dev-screen video{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABIMDRANCxIQDhAUExIVGywdGxgYGzYnKSAsQDlEQz85Pj1HUGZXR0thTT0+WXlaYWltcnNyRVV9hnxvhWZwcm7/2wBDARMUFBsXGzQdHTRuST5Jbm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm7/wAARCAATACgDASIAAhEBAxEB/8QAGgABAAIDAQAAAAAAAAAAAAAAAAQGAQIDBf/EACIQAAICAQQDAAMAAAAAAAAAAAECAAMRBBIhUQUTMRQjkf/EABcBAAMBAAAAAAAAAAAAAAAAAAABAgP/xAAYEQEBAQEBAAAAAAAAAAAAAAAAAQIRYf/aAAwDAQACEQMRAD8Ar4tusrViw5kYuPyNti7iT9nehWBAYjAm1dHt1APGQZrzibqMamj1Efq4IzmRryF2lVxLuKaL/HAWopsxgTytf4tKqBYSpHUWb1nN+K4b7FqwR9iTL0V+MfIguVC3N2ZkOw5DGIlBJTUXCrIsb+zQ6m5yA1jEdExEUDnc7dmIiBv/2Q==)}.dev-pc .dev-screen{aspect-ratio:16/9;box-shadow:0 0 0 2px var(--line), 0 0 0 4.5px #dfe4f2, 0 0 0 6px var(--line), 0 0 0 7.5px var(--gilt), 0 0 0 9px var(--line), 0 30px 60px -18px #020616cc, 0 0 60px -10px #3fe3cf59;border:9px solid #0e1736;border-radius:10px}.dev-pc:after{content:"";width:26%;height:20px;box-shadow:0 0 0 2px var(--line), 0 6px 14px #06184680;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:linear-gradient(#1d2c5c,#0b1330);border-radius:0 0 14px 14px;margin:6px auto 0;display:block}.dev-phone{z-index:2;width:50%;position:absolute;bottom:0;left:0}.dev-phone .dev-screen{aspect-ratio:2532/1170;box-shadow:0 0 0 2px var(--line), 0 0 0 4px #dfe4f2, 0 0 0 5.5px var(--line), 0 26px 50px -14px #020616d9;border:8px solid #0b1022;border-radius:22px}.dev-phone .dev-screen:before{content:"";z-index:1;background:#05070f;border-radius:9px;width:9px;height:28%;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.dev-tag{z-index:3;font:900 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#080e26db;border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 8px;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1.5px #eef1f859}.dev-tag svg{fill:none;width:15px;height:15px;stroke:var(--teal);stroke-width:2.2px;stroke-linecap:round}.dev-pc .dev-tag{top:14px;right:14px}.dev-phone .dev-tag{bottom:-14px;left:50%;transform:translate(-50%)}.xp-seal{z-index:4;text-align:left;filter:drop-shadow(0 6px 10px #0206168c);border-style:solid;border-width:0;border-image:url(/img/ui/plate.webp) 0 78 fill/0 26px;gap:2px;margin:0;padding:9px 22px 9px 20px;display:grid;position:absolute;bottom:10%;left:42%}.xp-seal:before{content:"";background:url(/img/ui/crest.webp) 50%/contain no-repeat;width:44px;height:30px;margin-left:-22px;position:absolute;top:-16px;left:50%}.xp-seal b{font:400 clamp(15px, .6vw + 11px, 20px)/1 var(--font-crest);letter-spacing:.08em;color:#fff;text-shadow:0 2px 0 var(--line)}.xp-seal small{font:800 11px/1.2 var(--font-sans);color:#b9fff4;white-space:nowrap}.game-read{align-content:center;gap:16px;display:grid}.why-h{font:700 clamp(15px, .35vw + 14px, 18px)/1.5 var(--font-sans);color:#fff}.why-h b{font:400 1.5em/1.1 var(--font-crest);letter-spacing:.03em;color:var(--text-gold);margin-bottom:6px;display:block}.dev-strip,.why{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.why .tile{align-content:start;height:100%;min-height:112px;padding-top:12px}.why .tile small{max-width:24ch}.dev-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.dev-strip .tile{gap:4px;min-height:84px}.dev-strip .tile b{font-size:12.5px}.dev-strip .tile small{font-size:11px}.dev-strip svg{fill:none;width:30px;height:30px;stroke:var(--teal);stroke-width:1.8px;stroke-linecap:round;filter:drop-shadow(0 0 6px #3fe3cf80)}.dev-strip small small{color:var(--text-gold);text-transform:uppercase;letter-spacing:.06em;margin-left:4px;font-size:10px}:root[data-os=android] .dev-strip .tile:nth-child(3),:root[data-os=desktop] .dev-strip .dev-pc-li{border-image-source:url(/img/ui/card-sel.webp)}:root[data-os=ios] .dev-strip .tile:-webkit-any(:first-child,:nth-child(2)){border-image-source:url(/img/ui/card-sel.webp)}:root[data-os=ios] .dev-strip .tile:is(:first-child,:nth-child(2)){border-image-source:url(/img/ui/card-sel.webp)}.about-row{gap:8px;display:grid}@media (max-width:980px){.game-win{grid-template-columns:minmax(0,1fr)}.stage{justify-self:center;width:100%;max-width:640px}}@media (max-width:520px){.dev-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:portrait),(max-width:860px) and (min-height:501px){.hero{min-height:100svh;padding-top:calc(var(--header-top) + var(--header-h) + env(safe-area-inset-top) + 10px);place-items:start center;padding-bottom:70px}:root[data-device=phone] .hero{padding-top:calc(env(safe-area-inset-top) + 14px)}.hero-in{gap:9px;width:100%}.hero-h1{gap:7px}.hero-logo img{width:min(62vw,320px,41.86svh);min-width:0}.hero-out{letter-spacing:.2em;gap:8px;font-size:10.5px}.hero-out:before,.hero-out:after{width:26px}.hero-line{font-size:clamp(19px,5.4vw,26px)}.hero-sub{max-width:34ch;font-size:13px}.hero-beam{width:220px;margin-left:-110px}.isle-tower{width:42vw;top:34%;left:-16%}.isle-mill{width:50vw;top:26%;right:-20%}.isle-grass,.isle-statue{display:none}.isle-far{width:16vw;top:5%;left:6%}.hero-peek{width:min(92%,440px);margin:2px 0;display:block;position:relative}.hero-peek .dev-screen{aspect-ratio:2532/1170;box-shadow:0 0 0 2px var(--line), 0 0 0 3.5px #dfe4f2, 0 0 0 5px var(--line), 0 0 0 6.5px var(--gilt), 0 18px 34px -10px #020616d9, 0 0 40px -6px #3fe3cf73;border:6px solid #0b1022;border-radius:18px}.hero-peek .dev-screen:before{content:"";z-index:1;background:#05070f;border-radius:7px;width:7px;height:26%;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.hero-peek figcaption{z-index:2;font:900 10px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;box-shadow:inset 0 0 0 1.5px var(--teal), 0 0 12px #3fe3cf80;background:#080e26eb;border-radius:99px;align-items:center;gap:5px;padding:5px 10px 4px;display:inline-flex;position:absolute;bottom:-10px;right:-4px}.hero-peek figcaption i{background:#ff5a6a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ff5a6a}.hero-cue{display:none}.sound{justify-content:center;width:44px;padding:0}:root[data-device=phone] .sound{top:calc(env(safe-area-inset-top) + 12px);right:12px}.sound span{display:none}}@media (orientation:landscape) and (max-height:500px){.hero{min-height:100svh;padding:calc(var(--header-top) + var(--header-h) + env(safe-area-inset-top) + 8px) 0 16px}:root[data-device=phone] .hero{padding-top:calc(env(safe-area-inset-top) + 12px)}.hero-in{text-align:left;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);place-items:center start;gap:8px 26px;width:100%}.hero-h1{display:contents}.hero-logo{grid-area:1/1/span 6;justify-self:center}.hero-logo img{width:min(40vw,340px,99.82svh);min-width:0;animation:none}.hero-out{grid-column:2;font-size:10.5px}.hero-out:before{display:none}.hero-line{grid-column:2;font-size:20px}.hero-sub{grid-column:2;font-size:12.5px}.hero-cta{grid-column:2;margin:0}.hero .get{justify-items:start}.trailer-btn{grid-column:2}.hero-beam{left:24%}.isle-grass,.isle-statue,.isle-far{display:none}.isle-tower{width:22vw;top:50%}.isle-mill{width:24vw;top:8%;right:-8%}.hero-cue,.sound,.stage .dev-tag,.stage .xp-seal small{display:none}}@media (min-width:861px) and (min-height:501px) and (max-height:820px) and (orientation:landscape){.hero-logo img{width:min(440px,30vw,57.96svh)}.hero-in{gap:10px}.hero-h1{gap:8px}}@media (prefers-reduced-motion:reduce){.hero-logo img,.isle img,.isle,.hero-in,.hero-beam:before,.motes b,.hero-cue i{animation:none!important}.motes{display:none}}.lands{z-index:-1;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.lands i{opacity:0;transition:opacity .9s ease, transform 1.6s var(--ease-out);background:50% 40%/cover no-repeat;position:absolute;top:-4%;bottom:-4%;left:0;right:0;transform:scale(1.06)}.lands i.on{opacity:1;transform:none}.lands:after{content:"";background:radial-gradient(70% 60% at 50% 45%,#060c284d,#030616cc),linear-gradient(#03061659,#0000 30% 70%,#03061680);position:absolute;top:0;bottom:0;left:0;right:0}.lands i.ld[data-l=meadow]{background-image:-webkit-image-set(url(/img/w-meadow-960.avif) 1x type("image/avif"),url(/img/w-meadow-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-meadow-960.avif" 1x type("image/avif"),"/img/w-meadow-960.webp" 1x type("image/webp"))}.lands i.ld[data-l=coral]{background-image:-webkit-image-set(url(/img/w-coral-960.avif) 1x type("image/avif"),url(/img/w-coral-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-coral-960.avif" 1x type("image/avif"),"/img/w-coral-960.webp" 1x type("image/webp"))}.lands i.ld[data-l=undersky]{background-image:-webkit-image-set(url(/img/w-undersky-960.avif) 1x type("image/avif"),url(/img/w-undersky-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-undersky-960.avif" 1x type("image/avif"),"/img/w-undersky-960.webp" 1x type("image/webp"))}.lands i.ld[data-l=whisper]{background-image:-webkit-image-set(url(/img/w-whisper-960.avif) 1x type("image/avif"),url(/img/w-whisper-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-whisper-960.avif" 1x type("image/avif"),"/img/w-whisper-960.webp" 1x type("image/webp"))}.lands i.ld[data-l=frost]{background-image:-webkit-image-set(url(/img/w-frost-960.avif) 1x type("image/avif"),url(/img/w-frost-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-frost-960.avif" 1x type("image/avif"),"/img/w-frost-960.webp" 1x type("image/webp"))}.lands i.ld[data-l=cinder]{background-image:-webkit-image-set(url(/img/b-cinderwyrm-720.avif) 1x type("image/avif"),url(/img/b-cinderwyrm-720.webp) 1x type("image/webp"));background-image:image-set("/img/b-cinderwyrm-720.avif" 1x type("image/avif"),"/img/b-cinderwyrm-720.webp" 1x type("image/webp"))}.lands i.ld[data-l=dunes]{background-image:-webkit-image-set(url(/img/w-dunes-960.avif) 1x type("image/avif"),url(/img/w-dunes-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-dunes-960.avif" 1x type("image/avif"),"/img/w-dunes-960.webp" 1x type("image/webp"))}.lands i.ld[data-l=gloomfen]{background-image:-webkit-image-set(url(/img/w-gloomfen-960.avif) 1x type("image/avif"),url(/img/w-gloomfen-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-gloomfen-960.avif" 1x type("image/avif"),"/img/w-gloomfen-960.webp" 1x type("image/webp"))}.lands i.ld[data-l=rift]{background-image:-webkit-image-set(url(/img/w-rift-960.avif) 1x type("image/avif"),url(/img/w-rift-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-rift-960.avif" 1x type("image/avif"),"/img/w-rift-960.webp" 1x type("image/webp"))}.lands i.ld[data-l=farside]{background-image:-webkit-image-set(url(/img/w-farside-960.avif) 1x type("image/avif"),url(/img/w-farside-960.webp) 1x type("image/webp"));background-image:image-set("/img/w-farside-960.avif" 1x type("image/avif"),"/img/w-farside-960.webp" 1x type("image/webp"))}@media (min-width:1100px){.lands i.ld[data-l=meadow]{background-image:-webkit-image-set(url(/img/w-meadow-1600.avif) 1x type("image/avif"),url(/img/w-meadow-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-meadow-1600.avif" 1x type("image/avif"),"/img/w-meadow-1600.webp" 1x type("image/webp"))}.lands i.ld[data-l=coral]{background-image:-webkit-image-set(url(/img/w-coral-1600.avif) 1x type("image/avif"),url(/img/w-coral-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-coral-1600.avif" 1x type("image/avif"),"/img/w-coral-1600.webp" 1x type("image/webp"))}.lands i.ld[data-l=undersky]{background-image:-webkit-image-set(url(/img/w-undersky-1600.avif) 1x type("image/avif"),url(/img/w-undersky-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-undersky-1600.avif" 1x type("image/avif"),"/img/w-undersky-1600.webp" 1x type("image/webp"))}.lands i.ld[data-l=whisper]{background-image:-webkit-image-set(url(/img/w-whisper-1600.avif) 1x type("image/avif"),url(/img/w-whisper-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-whisper-1600.avif" 1x type("image/avif"),"/img/w-whisper-1600.webp" 1x type("image/webp"))}.lands i.ld[data-l=frost]{background-image:-webkit-image-set(url(/img/w-frost-1600.avif) 1x type("image/avif"),url(/img/w-frost-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-frost-1600.avif" 1x type("image/avif"),"/img/w-frost-1600.webp" 1x type("image/webp"))}.lands i.ld[data-l=cinder]{background-image:-webkit-image-set(url(/img/b-cinderwyrm-1434.avif) 1x type("image/avif"),url(/img/b-cinderwyrm-1434.webp) 1x type("image/webp"));background-image:image-set("/img/b-cinderwyrm-1434.avif" 1x type("image/avif"),"/img/b-cinderwyrm-1434.webp" 1x type("image/webp"))}.lands i.ld[data-l=dunes]{background-image:-webkit-image-set(url(/img/w-dunes-1600.avif) 1x type("image/avif"),url(/img/w-dunes-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-dunes-1600.avif" 1x type("image/avif"),"/img/w-dunes-1600.webp" 1x type("image/webp"))}.lands i.ld[data-l=gloomfen]{background-image:-webkit-image-set(url(/img/w-gloomfen-1600.avif) 1x type("image/avif"),url(/img/w-gloomfen-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-gloomfen-1600.avif" 1x type("image/avif"),"/img/w-gloomfen-1600.webp" 1x type("image/webp"))}.lands i.ld[data-l=rift]{background-image:-webkit-image-set(url(/img/w-rift-1600.avif) 1x type("image/avif"),url(/img/w-rift-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-rift-1600.avif" 1x type("image/avif"),"/img/w-rift-1600.webp" 1x type("image/webp"))}.lands i.ld[data-l=farside]{background-image:-webkit-image-set(url(/img/w-farside-1600.avif) 1x type("image/avif"),url(/img/w-farside-1600.webp) 1x type("image/webp"));background-image:image-set("/img/w-farside-1600.avif" 1x type("image/avif"),"/img/w-farside-1600.webp" 1x type("image/webp"))}}.fall{z-index:-1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#3fe3cf0f 30%,#b9fff447 49.3%,#ffffffbf 50%,#b9fff447 50.7%,#3fe3cf0f 70%,#0000);width:220px;margin-left:-110px;position:fixed;top:0;bottom:0;left:50%}.fall:before{content:"";filter:blur(2px);will-change:transform;background:linear-gradient(#0000,#fff 85%,#b9fff400);border-radius:99px;width:10px;height:26vh;margin-left:-5px;animation:3.4s cubic-bezier(.55,0,.75,.4) infinite drop;position:absolute;top:0;left:50%}@keyframes drop{0%{opacity:0;transform:translateY(-30vh)}12%{opacity:1}to{opacity:0;transform:translateY(105vh)}}.fall{opacity:0;transition:opacity .6s}:root[data-fallen] .fall{opacity:1}.ch-mark{z-index:1;text-align:center;pointer-events:none;justify-items:center;gap:2px;margin:0 auto 18px;display:grid;position:relative}.ch-mark i{background:var(--crystal);width:18px;height:18px;box-shadow:0 0 0 2px var(--line), 0 0 0 4px #b9fff459, 0 0 26px 6px #3fe3cfbf;margin-bottom:8px;transform:rotate(45deg)}.ch-mark span{font:400 clamp(40px, 3.6vw + 18px, 78px)/.9 var(--font-crest);letter-spacing:.06em;color:#0000;-webkit-text-stroke:1.5px #ffd24ad9;text-shadow:0 0 30px #ffbe3c59}.ch-mark small{font:900 12px/1 var(--font-sans);letter-spacing:.32em;text-transform:uppercase;color:#d9fff9;text-shadow:0 2px 10px #030616e6}.js .ch-mark i{transition:transform .7s var(--ease-snap), box-shadow .7s;transform:rotate(45deg)scale(.4)}.js .ch-mark.in i{transform:rotate(45deg)}.js .ch-mark span{transition:opacity .8s, letter-spacing 1.1s var(--ease-out);opacity:0;letter-spacing:.4em}.js .ch-mark.in span{opacity:1;letter-spacing:.06em}@media (orientation:landscape) and (max-height:500px){.ch-mark{margin-bottom:10px}.ch-mark span{font-size:36px}}.spine{display:none}@media (min-width:1180px){:root[data-device=desktop] .spine{z-index:40;right:max(14px, env(safe-area-inset-right));gap:2px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}:root[data-device=desktop] .spine:before,:root[data-device=desktop] .spine:after{content:"";background:#b9fff438;border-radius:2px;width:2px;position:absolute;top:13px;bottom:13px;right:21px}:root[data-device=desktop] .spine:after{background:linear-gradient(180deg, #fff, var(--teal));transform-origin:top;transform:scaleY(var(--p,0));box-shadow:0 0 10px #3fe3cfe6}:root[data-device=desktop] .spine a{z-index:1;min-height:26px;font:900 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:#d9fff9;justify-content:flex-end;align-items:center;gap:12px;padding-right:14px;text-decoration:none;display:flex;position:relative}:root[data-device=desktop] .spine a:after{content:"";width:10px;height:10px;transition:transform .3s var(--ease-snap), background .3s, box-shadow .3s;background:#142a5a;flex:none;transform:rotate(45deg);box-shadow:0 0 0 1.5px #b9fff4b3}:root[data-device=desktop] .spine span{opacity:0;transition:opacity .2s, transform .25s var(--ease-out);background:#060c24cc;border-radius:99px;padding:5px 9px 4px;transform:translate(8px);box-shadow:inset 0 0 0 1px #b9fff440}:root[data-device=desktop] .spine a:-webkit-any(:hover,:focus-visible,[aria-current=step]) span{opacity:1;transform:none}:root[data-device=desktop] .spine a:is(:hover,:focus-visible,[aria-current=step]) span{opacity:1;transform:none}:root[data-device=desktop] .spine a.lit:after{background:var(--teal);box-shadow:0 0 0 1.5px var(--line), 0 0 8px #3fe3cfcc}:root[data-device=desktop] .spine a[aria-current=step]:after{background:var(--crystal);box-shadow:0 0 0 1.5px var(--line), 0 0 16px 2px #3fe3cf;transform:rotate(45deg)scale(1.5)}:root[data-device=desktop] .spine a[aria-current=step] span{color:#fff}}@supports (animation-timeline:scroll()){@media (min-width:1180px){:root[data-device=desktop] .spine:after{animation:linear both spine;animation-timeline:scroll(root)}}@keyframes spine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}@media (prefers-reduced-motion:reduce){.fall:before{animation:none;display:none}.lands i{transition:none;transform:none}.js .ch-mark i,.js .ch-mark span{opacity:1;letter-spacing:.06em;transition:none;transform:rotate(45deg)}}body.home .sec{--ink:#0b1230;--cream:#fff2cf;--acc:var(--gem-sapphire)}body.home #game{--acc:#2fb5ff}body.home #news{--acc:#1fc2a4}body.home #crossplay{--acc:#6a7dff}body.home #classes{--acc:#ffb02e}body.home #world{--acc:#3fbf5a}body.home #bosses{--acc:#ff4a3d}body.home #life{--acc:#ff8a3d}body.home #rankings{--acc:#f2c12e}body.home #faq{--acc:#a46bff}body.home #download{--acc:#e8443a}body.home .sec .gw{--gwp:clamp(18px, 2.4vw, 34px);padding-top:calc(var(--gwp) + 10px);border:3px solid var(--ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cg transform=''%3E%3Cpath d='M5 40C5 20 20 5 40 5' fill='none' stroke='%230b1230' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M5 40C5 20 20 5 40 5' fill='none' stroke='%23ffd24a' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M13 40c0-15 12-27 27-27' fill='none' stroke='%23fff1b0' stroke-width='1.6' stroke-linecap='round' opacity='.75'/%3E%3Ccircle cx='5' cy='44' r='3' fill='%23ffd24a' stroke='%230b1230' stroke-width='1.5'/%3E%3Ccircle cx='44' cy='5' r='3' fill='%23ffd24a' stroke='%230b1230' stroke-width='1.5'/%3E%3Cpath d='M11 3l6 7-6 7-6-7z' transform='translate(1 1)' fill='%233fe3cf' stroke='%230b1230' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") top 7px left 7px / 50px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cg transform='translate(56 0) scale(-1 1)'%3E%3Cpath d='M5 40C5 20 20 5 40 5' fill='none' stroke='%230b1230' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M5 40C5 20 20 5 40 5' fill='none' stroke='%23ffd24a' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M13 40c0-15 12-27 27-27' fill='none' stroke='%23fff1b0' stroke-width='1.6' stroke-linecap='round' opacity='.75'/%3E%3Ccircle cx='5' cy='44' r='3' fill='%23ffd24a' stroke='%230b1230' stroke-width='1.5'/%3E%3Ccircle cx='44' cy='5' r='3' fill='%23ffd24a' stroke='%230b1230' stroke-width='1.5'/%3E%3Cpath d='M11 3l6 7-6 7-6-7z' transform='translate(1 1)' fill='%233fe3cf' stroke='%230b1230' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") top 7px right 7px / 50px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cg transform='translate(0 56) scale(1 -1)'%3E%3Cpath d='M5 40C5 20 20 5 40 5' fill='none' stroke='%230b1230' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M5 40C5 20 20 5 40 5' fill='none' stroke='%23ffd24a' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M13 40c0-15 12-27 27-27' fill='none' stroke='%23fff1b0' stroke-width='1.6' stroke-linecap='round' opacity='.75'/%3E%3Ccircle cx='5' cy='44' r='3' fill='%23ffd24a' stroke='%230b1230' stroke-width='1.5'/%3E%3Ccircle cx='44' cy='5' r='3' fill='%23ffd24a' stroke='%230b1230' stroke-width='1.5'/%3E%3Cpath d='M11 3l6 7-6 7-6-7z' transform='translate(1 1)' fill='%233fe3cf' stroke='%230b1230' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") bottom 7px left 7px / 50px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cg transform='translate(56 56) scale(-1 -1)'%3E%3Cpath d='M5 40C5 20 20 5 40 5' fill='none' stroke='%230b1230' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M5 40C5 20 20 5 40 5' fill='none' stroke='%23ffd24a' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M13 40c0-15 12-27 27-27' fill='none' stroke='%23fff1b0' stroke-width='1.6' stroke-linecap='round' opacity='.75'/%3E%3Ccircle cx='5' cy='44' r='3' fill='%23ffd24a' stroke='%230b1230' stroke-width='1.5'/%3E%3Ccircle cx='44' cy='5' r='3' fill='%23ffd24a' stroke='%230b1230' stroke-width='1.5'/%3E%3Cpath d='M11 3l6 7-6 7-6-7z' transform='translate(1 1)' fill='%233fe3cf' stroke='%230b1230' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") bottom 7px right 7px / 50px no-repeat, radial-gradient(90% 55% at 50% 0%, color-mix(in srgb, var(--acc) 26%, transparent), transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c4a99 0%, #1e3172 46%, #162560 100%);box-shadow:inset 0 0 0 3px var(--cream), inset 0 0 0 5px var(--ink), inset 0 18px 30px -18px #ffffff47, 0 11px 0 -1px #04081e99, 0 30px 60px -18px #0009, 0 0 80px -30px color-mix(in srgb, var(--acc) 70%, transparent);border-image:;border-radius:30px}body.home .sec .gw:before,body.home .sec .gw.crest:after{display:none}body.home .sec .ch-mark{margin-bottom:calc(clamp(64px,5vw + 34px,96px) + 6px)}body.home .sec .ch-mark span{font-size:clamp(30px,1.6vw + 20px,50px)}body.home .sec.game .ch-mark,body.home .sec.finale .ch-mark{margin-bottom:18px}body.home .sec .ch-mark small{display:none}body.home .sec .gw-head{z-index:4;text-align:center;margin-top:calc(-1 * var(--gwp) - 10px - clamp(64px, 5vw + 34px, 96px));flex-flow:wrap;justify-content:center;align-items:center;column-gap:12px;position:relative}body.home .sec .gw-head>:last-child:not(:first-child){margin-left:0}body.home .sec .gw-head>.gw-title{flex-basis:100%;justify-content:center;margin-bottom:clamp(22px,2vw,34px)}body.home .sec .gw-head .live-chip{margin-left:0}body.home .sec .gw-lede{flex:100%;max-width:70ch}body.home .sec .gw-title{white-space:normal;text-wrap:balance;min-height:0;font:400 clamp(30px, 2.2vw + 18px, 56px)/1 var(--font-crest);letter-spacing:.03em;color:#fff4d6;text-shadow:2.6px 0px 0 var(--ink), 2.4px 1px 0 var(--ink), 1.8px 1.8px 0 var(--ink), 1px 2.4px 0 var(--ink), 0px 2.6px 0 var(--ink), -1px 2.4px 0 var(--ink), -1.8px 1.8px 0 var(--ink), -2.4px 1px 0 var(--ink), -2.6px 0px 0 var(--ink), -2.4px -1px 0 var(--ink), -1.8px -1.8px 0 var(--ink), -1px -2.4px 0 var(--ink), -0px -2.6px 0 var(--ink), 1px -2.4px 0 var(--ink), 1.8px -1.8px 0 var(--ink), 2.4px -1px 0 var(--ink), 5.4px 0px 0 var(--acc), 5px 2.1px 0 var(--acc), 3.8px 3.8px 0 var(--acc), 2.1px 5px 0 var(--acc), 0px 5.4px 0 var(--acc), -2.1px 5px 0 var(--acc), -3.8px 3.8px 0 var(--acc), -5px 2.1px 0 var(--acc), -5.4px 0px 0 var(--acc), -5px -2.1px 0 var(--acc), -3.8px -3.8px 0 var(--acc), -2.1px -5px 0 var(--acc), -0px -5.4px 0 var(--acc), 2.1px -5px 0 var(--acc), 3.8px -3.8px 0 var(--acc), 5px -2.1px 0 var(--acc), 7.6px 0px 0 var(--ink), 7px 2.9px 0 var(--ink), 5.4px 5.4px 0 var(--ink), 2.9px 7px 0 var(--ink), 0px 7.6px 0 var(--ink), -2.9px 7px 0 var(--ink), -5.4px 5.4px 0 var(--ink), -7px 2.9px 0 var(--ink), -7.6px 0px 0 var(--ink), -7px -2.9px 0 var(--ink), -5.4px -5.4px 0 var(--ink), -2.9px -7px 0 var(--ink), -0px -7.6px 0 var(--ink), 2.9px -7px 0 var(--ink), 5.4px -5.4px 0 var(--ink), 7px -2.9px 0 var(--ink), 0 12px 0 var(--ink), 0 18px 24px #0000008c;background:0 0;border:0;border-image:;gap:14px;padding:0}body.home .sec .gw-title>i{width:clamp(58px,3vw + 40px,82px);height:clamp(58px,3vw + 40px,82px);filter:drop-shadow(0 5px 0 var(--ink)) drop-shadow(0 0 16px color-mix(in srgb, var(--acc) 70%, transparent));flex:none;margin:0}body.home .sec .gw-title>i img{width:62%;height:auto}body.home .finale .gw,body.home .game .gw{padding-top:var(--gwp)}body.home .finale .gw-title{font-size:clamp(28px,1.6vw + 18px,44px)}body.home .sec :where(.tile,.cls,.land,.boss,.raid,.life-card,.xp-list li,.xp-both,.shop-list li,.faq details,.more,.news-card,.news-older a,.tz-list li:not(.ghost)){border:2.5px solid var(--ink);background:linear-gradient(#ffffff1a,#0000 40%) no-repeat,linear-gradient(#33539f,#233b7c);border-image:;border-radius:18px;box-shadow:inset 0 0 0 2px #fff2cf47,0 5px #04081e8c}body.home .sec :is(.tile.lit,.tile[aria-selected=true],.faq details[open],.more[open],.xp-both){box-shadow:inset 0 0 0 2px var(--cream), 0 5px 0 #04081e8c, 0 0 22px -6px color-mix(in srgb, var(--acc) 80%, transparent);background:linear-gradient(#ffffff24,#0000 40%) no-repeat,linear-gradient(#3d63bb,#2a4790)}:root[data-os=android] body.home .dev-strip .tile:nth-child(3),:root[data-os=desktop] body.home .dev-strip .dev-pc-li{box-shadow:inset 0 0 0 2px var(--cream), 0 5px 0 #04081e8c, 0 0 22px -6px #3fe3cfcc}:root[data-os=ios] body.home .dev-strip .tile:-webkit-any(:first-child,:nth-child(2)){box-shadow:inset 0 0 0 2px var(--cream), 0 5px 0 #04081e8c, 0 0 22px -6px #3fe3cfcc}:root[data-os=ios] body.home .dev-strip .tile:is(:first-child,:nth-child(2)){box-shadow:inset 0 0 0 2px var(--cream), 0 5px 0 #04081e8c, 0 0 22px -6px #3fe3cfcc}body.home .sec .cls-art,body.home .sec .land-pic,body.home .sec .boss picture img,body.home .sec .raid-film,body.home .sec .life-film{border-radius:13px}body.home .sec .ladder li{background:#060c248c;border-image:;border-radius:10px;box-shadow:inset 0 0 0 1.5px #fff2cf33}body.home .sec .ladder li:last-child{box-shadow:inset 0 0 0 1.5px var(--text-gold)}@media (min-width:900px){:root[data-device=desktop] body.home .ros{border:2.5px solid var(--ink);background:linear-gradient(#33539f,#233b7c);border-image:;border-radius:16px;box-shadow:0 4px #04081e8c}:root[data-device=desktop] body.home .ros[aria-selected=true]{background:linear-gradient(180deg, color-mix(in srgb, var(--el) 45%, #3d63bb), #2a4790);box-shadow:inset 0 0 0 2px var(--cream), 0 4px 0 #04081e8c, 0 0 20px -4px var(--el)}}.deco{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.deco img{filter:drop-shadow(0 4px #04081e73)drop-shadow(0 8px 10px #00000059);height:auto;position:absolute}.deco .c-tl{width:74px;top:-62px;left:26px}.deco .c-tr{width:78px;top:-64px;right:30px}.deco .c-bl{width:70px;bottom:-26px;left:-18px}.deco .c-br{width:76px;bottom:-28px;right:-14px}.deco .c-r{width:70px;top:38%;right:-34px}.deco .c-l{width:66px;top:42%;left:-30px}.deco .crawl{--crawl:calc(min(100vw - 2 * var(--gutter), 1240px) - 170px);width:66px;top:-50px;left:40px}@media (max-width:700px){.compass{display:none}.deco img{scale:.78}.deco :-webkit-any(.c-r,.c-l){display:none}.deco :is(.c-r,.c-l){display:none}.deco .c-bl{left:-6px}.deco .c-br{right:-4px}}.roll{z-index:2;border:3px solid var(--ink);background:linear-gradient(90deg,#7a4a1c,#d99a4a 35%,#ffd38a 50%,#c9873a 70%,#6a3a12);border-radius:14px;width:26px;position:absolute;top:-16px;bottom:-16px;box-shadow:0 6px #04081e80}.roll:before,.roll:after{content:"";border:3px solid var(--ink);background:radial-gradient(circle at 35% 35%,#fff4c0,#ffcf3f 45%,#c98a0e);border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;left:50%}.roll:before{top:-16px}.roll:after{bottom:-16px}.roll.l{left:-15px}.roll.r{right:-15px}@media (max-width:520px){.roll{width:18px}.roll.l{left:-9px}.roll.r{right:-9px}.roll:before,.roll:after{width:16px;height:16px;margin-left:-8px}}.flames{z-index:-1;transform-origin:bottom;filter:drop-shadow(0 0 16px #ff5a28cc);background:linear-gradient(#fff0a000,#ffd24a 25%,#ff8a1f 55%,#ff3b2a);height:60px;position:absolute;top:-46px;left:6%;right:6%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60 L6 34 L12 48 L20 14 L28 44 L34 26 L42 50 L50 6 L58 42 L64 22 L72 48 L80 12 L88 44 L94 28 L102 50 L110 18 L116 40 L120 30 L120 60Z'/%3E%3C/svg%3E") 0 0/240px 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60 L6 34 L12 48 L20 14 L28 44 L34 26 L42 50 L50 6 L58 42 L64 22 L72 48 L80 12 L88 44 L94 28 L102 50 L110 18 L116 40 L120 30 L120 60Z'/%3E%3C/svg%3E") 0 0/240px 100% repeat-x}.bunting{z-index:1;transform-origin:top;background:conic-gradient(from 150deg at 50% 0, #ff5a6a 0 60deg, transparent 0) 0 0 / 36px 100%, conic-gradient(from 150deg at 50% 0, #ffd24a 0 60deg, transparent 0) 12px 0 / 36px 100%, conic-gradient(from 150deg at 50% 0, #3fe3cf 0 60deg, transparent 0) 24px 0 / 36px 100%;border-top:2.5px solid var(--ink);filter:drop-shadow(0 3px #04081e80);height:38px;position:absolute;top:-2px;left:30px;right:30px}body.home .gw:has(.bunting) .gw-head>.gw-title{margin-bottom:52px}.compass{z-index:1;opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23fff1b0' stroke-width='2'%3E%3Ccircle cx='50' cy='50' r='44'/%3E%3Ccircle cx='50' cy='50' r='34' stroke-dasharray='3 4'/%3E%3C/g%3E%3Cpath d='M50 4 58 50 50 96 42 50Z' fill='%23ffd24a'/%3E%3Cpath d='M4 50 50 42 96 50 50 58Z' fill='%23fff1b0'/%3E%3C/svg%3E") 50%/contain no-repeat;width:96px;height:96px;position:absolute;top:22px;left:30px}@media (min-width:700px){body.home #game .gw{border-radius:60px 34px 70px 30px/46px 30px 56px 34px}body.home #news .gw{border-radius:24px}body.home #crossplay .gw{border-radius:34px 80px/34px 60px}body.home #classes .gw{border-radius:90px 90px 34px 34px/70px 70px 34px 34px}body.home #world .gw{border-radius:40px 100px 60px 120px/60px 46px 80px 50px}body.home #bosses .gw{border-radius:26px 26px 70px 70px/26px 26px 50px 50px}body.home #life .gw{border-radius:70px 40px 90px 36px/50px 34px 60px 30px}body.home #rankings .gw{border-radius:80px 30px/56px 30px}body.home #faq .gw{border-radius:24px}body.home #download .gw{border-radius:110px 110px 46px 46px/80px 80px 46px 46px}}body.home .why .tile{box-shadow:none;background:0 0;border:0;gap:8px;min-height:0;padding:4px 2px}body.home .why .tile img{border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%, #ffffff59, transparent 45%), radial-gradient(circle, color-mix(in srgb, var(--acc) 55%, #1d2c5c), #142050);width:92px;height:92px;box-shadow:inset 0 0 0 3px var(--cream), inset 0 0 0 5px var(--ink), 0 6px 0 #04081e8c, 0 0 26px -4px color-mix(in srgb, var(--acc) 70%, transparent);transition:rotate .4s var(--ease-snap);border-radius:50%;padding:14px}body.home .why a.tile:hover img{rotate:-8deg}body.home .why .tile b{font-size:15px}body.home .dev-strip .tile{text-align:left;border-radius:999px;grid-template-columns:auto 1fr;place-items:center start;gap:0 10px;min-height:64px;padding:8px 14px 8px 12px}body.home .dev-strip .tile svg{grid-row:span 2;width:26px;height:26px}body.home .sec .cls{box-shadow:none;background:0 0;border:0;padding:0}body.home .sec .cls-art{background:0 0}body.home .sec .cls-art:after{display:none}body.home .sec .cls-art:before{aspect-ratio:1;mix-blend-mode:normal;opacity:1;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--el) 85%, #fff) 0 2deg, transparent 2deg 15deg) content-box, radial-gradient(closest-side, transparent 60%, color-mix(in srgb, var(--el) 80%, #fff) 61% 63%, transparent 64% 74%, color-mix(in srgb, var(--el) 70%, #fff) 75% 76%, color-mix(in srgb, var(--el) 30%, transparent) 77% 92%, color-mix(in srgb, var(--el) 90%, #fff) 93% 95%, transparent 96%);width:min(92%,440px);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--el) 90%, transparent));border-radius:50%;padding:14%;animation:30s linear infinite sigil;top:auto;bottom:2%;transform:translate(-50%)rotateX(64deg);-webkit-mask:none;mask:none}@keyframes sigil{to{transform:translate(-50%)rotateX(64deg)rotate(360deg)}}body.home .sec .cls-hero:before{display:none}body.home .sec .cls-word{color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--el) 60%, transparent);opacity:.8;top:2%}body.home .sec .cls-info{border:2.5px solid var(--ink);background:linear-gradient(180deg, #ffffff1a, transparent 40%) no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--el) 22%, #33539f), #233b7c 60%);box-shadow:inset 0 0 0 2px #fff2cf4d, 0 6px 0 #04081e8c, 0 0 40px -16px var(--el);border-radius:26px;padding-bottom:22px}body.home .land-rail{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='80' viewBox='0 0 400 80'%3E%3Cpath d='M0 40 C100 0 100 80 200 40 S300 0 400 40' fill='none' stroke='%23ffd24a' stroke-width='4' stroke-linecap='round' stroke-dasharray='2 14' opacity='.7'/%3E%3C/svg%3E") 0 clamp(110px,9vw,150px)/400px 80px repeat-x local;padding-top:10px;padding-bottom:30px}body.home .sec .land{box-shadow:none;isolation:isolate;text-align:center;background:0 0;border:0;padding:0}body.home .sec .land:nth-child(2n){translate:0 34px}body.home .sec .land:before{content:"";z-index:-1;aspect-ratio:477/252;filter:brightness(.85);background:url(/img/sky/isle-grass.webp) 50%/contain no-repeat;position:absolute;top:calc(min(100%,300px)/1.6129);left:6%;right:6%}body.home .sec .land-pic{aspect-ratio:1;border:4px solid var(--ink);width:min(84%,280px);box-shadow:inset 0 0 0 4px var(--cream), 0 0 0 4px color-mix(in srgb, var(--tint) 80%, #fff), 0 0 0 7px var(--ink), 0 10px 0 4px #04081e80, 0 0 40px -6px var(--tint);border-radius:50%;margin:0 auto;overflow:hidden}body.home .sec .land-pic img{height:100%}body.home .sec .land-pic .pill{top:auto;bottom:8%;left:50%;translate:-50%}body.home .sec .land figcaption{justify-items:center;padding-top:34px}body.home .sec .land dl div{text-align:left}body.home .sec .land:hover{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--tint) 45%, transparent))}body.home .sec .boss{box-shadow:none;text-align:center;filter:drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 -3px 0 var(--ink)) drop-shadow(0 8px 0 #04081e80);background:0 0;border:0;padding:0}body.home .sec .boss picture img{aspect-ratio:5/5.6;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);border-radius:22px 22px 0 0}body.home .sec .boss figcaption{justify-items:center;margin-top:-26px;padding:0 10px 8px;position:relative}body.home .sec .boss figcaption .pill{color:var(--ink);box-shadow:0 0 0 2.5px var(--ink), 0 0 16px #ffb43cb3;background:linear-gradient(#ffe08a,#e9a21a);justify-self:center;margin-bottom:8px;padding:6px 12px 5px;font-size:14px}body.home .sec .boss b{color:#fff;text-shadow:0 2px 0 var(--ink)}body.home .sec .boss:hover{translate:0 -4px}body.home .sec .raid{clip-path:polygon(0 2%,4% 0,9% 1.5%,15% 0,22% 1.2%,30% 0,38% 1.6%,46% 0,55% 1.4%,63% 0,71% 1.8%,80% 0,88% 1.3%,95% 0,100% 1.5%,100% 98%,96% 100%,89% 98.4%,82% 100%,74% 98.2%,66% 100%,57% 98.6%,49% 100%,41% 98.3%,33% 100%,25% 98.5%,17% 100%,9% 98.4%,3% 100%,0 98%);background:linear-gradient(#33539f,#1f3472);border-radius:6px;padding:12px;rotate:-1.2deg}body.home .sec .raid:nth-child(2){rotate:1.2deg}body.home .sec .raids{gap:30px;padding:10px 6px}body.home .sec .raid-film{box-shadow:0 0 0 3px var(--ink);border-radius:4px}body.home .sec .raid h3 .raid-name{color:var(--text-gold)}body.home .sec .life-card{border:2px solid var(--ink);background:linear-gradient(#fffaf0,#f1e6cc);border-radius:4px;padding:10px 10px 14px;rotate:-2.4deg;box-shadow:0 8px #04081e80,0 18px 26px -10px #0009}body.home .sec .life-card:nth-child(2){translate:0 14px;rotate:1.8deg}body.home .sec .life-card:nth-child(3){rotate:-1.2deg}body.home .sec .life-card:before{content:"";z-index:2;background:#ffeca0bf;width:86px;height:26px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 2px 4px #00000040}body.home .sec .life-card:hover{rotate:0deg}body.home .sec .life-film{border-radius:2px}body.home .sec .life-card b{color:var(--ink);text-shadow:none}body.home .sec .life-card span{color:#3c4466}body.home .sec .life-rail{padding-top:20px;padding-bottom:26px}body.home .sec .shop-list li{border-radius:10px;-webkit-mask:radial-gradient(11px at 0,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(11px at 100%,#0000 97%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(11px at 0,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(11px at 100%,#0000 97%,#000) 100%/51% 100% no-repeat}body.home .sec .faq details{border-radius:28px;position:relative;overflow:visible}body.home .sec .faq details:after{content:"";border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:#233b7c;width:18px;height:18px;position:absolute;bottom:-10px;left:34px;rotate:45deg}body.home .sec .faq details:nth-child(2n):after{left:auto;right:34px}body.home .sec .faq details[open]:after{background:#2a4790}body.home .sec .faq{gap:22px;padding-bottom:8px}@media (prefers-reduced-motion:reduce){body.home .sec .cls-art:before{animation:none}}.charge{z-index:1;text-align:center;justify-items:center;margin-top:-30px;padding:clamp(70px,8vw,120px) 0 clamp(30px,4vw,60px);display:grid;position:relative}.charge-band{z-index:-1;position:absolute;top:0;bottom:6%;left:0;right:0}.charge-band:before,.charge-band i{clip-path:polygon(0 16%,100% 0,100% 84%,0 100%);position:absolute;top:0;bottom:0;left:0;right:0}.charge-band:before{content:"";background:linear-gradient(90deg,#d4820e,#ffe08a 30%,#fff6d0 50%,#ffe08a 70%,#d4820e);top:-8px;bottom:-8px;left:0;right:0}.charge-band i{box-shadow:inset 0 0 0 4px var(--ink,#0b1230);background:radial-gradient(40% 70% at 50% 62%,#ffeeaa8c,#ffbe501f 50%,#0000 72%),repeating-linear-gradient(-12deg,#0000 0 46px,#b9fff414 46px 48px,#0000 48px 120px),linear-gradient(100deg,#2a0f5e,#3a1c8a 30%,#1d3aa0 70%,#0f2a78)}.charge-copy{z-index:2;justify-items:center;gap:8px;display:grid;position:relative}.charge-kick{font:900 13px/1 var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:#d9fff9;text-shadow:0 2px 8px #000c}.charge-h{font:400 clamp(36px, 3.6vw + 16px, 86px)/1 var(--font-crest);letter-spacing:.03em;color:#fff4d6;text-shadow:0 0 #0b1230,3px 3px #0b1230,-3px 3px #0b1230,3px -3px #0b1230,-3px -3px #0b1230,0 4px #0b1230,0 -4px #0b1230,4px 0 #0b1230,-4px 0 #0b1230,0 12px #0b1230,0 0 40px #ffc8508c}.charge-h b{color:var(--text-gold);font-weight:400}.charge-sub{max-width:52ch;font:700 clamp(14px, .3vw + 13px, 17px)/1.45 var(--font-sans);color:#e6ecff;text-shadow:0 2px 8px #000000e6}.charge-party{z-index:1;pointer-events:none;justify-content:center;align-items:flex-end;width:min(1300px,100%);height:clamp(230px,26vw,440px);margin-top:6px;display:flex;position:relative}.charge-party:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side,#fff6c899,#ffc85a2e 55%,#0000);border-radius:50%;width:60%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.charge-party img{filter:drop-shadow(0 6px #0b12308c)drop-shadow(0 18px 20px #00000073);width:auto;height:74%;margin:0 -3.2%;position:relative}.charge-party .p2,.charge-party .p4{z-index:1;height:86%}.charge-party .p3{z-index:2;filter:drop-shadow(0 6px #0b12308c)drop-shadow(0 0 34px #ffe69699);height:100%}.charge-go{z-index:3;justify-items:center;margin-top:4px;display:grid;position:relative}.charge-go .btn{min-height:62px;padding-inline-start:46px;padding-inline-end:46px;font-size:19px}@media (max-width:700px){.charge-party{height:210px}.charge-party :-webkit-any(.p1,.p5){display:none}.charge-party :is(.p1,.p5){display:none}.charge-party img{margin:0 -14%}.charge-party :-webkit-any(.p2,.p4){height:68%}.charge-party :is(.p2,.p4){height:68%}.charge-band:before,.charge-band i{clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}}@media (orientation:landscape) and (max-height:500px){.charge-party{height:210px}}.play-gem{display:none}:root[data-device=desktop] .play-gem{z-index:45;color:#17204a;width:112px;height:112px;transition:opacity .4s, scale .5s var(--ease-snap);background:radial-gradient(closest-side,#ffffff73 50%,#0000) 50% 16%/70% 36% no-repeat,linear-gradient(#fff0a6,#ffd54d 30%,#ffbc2a 60%,#e9870c);border:3px solid #5c2e00;border-radius:50%;place-content:center;justify-items:center;text-decoration:none;display:grid;position:fixed;bottom:30px;right:30px;box-shadow:inset 0 0 0 3px #ffe39a,inset -3px -4px 6px #ff6e1e99,0 5px #a85a06,0 7px #5c2e00,0 0 0 7px #0b1230d9,0 0 46px 8px #ffc85080}:root[data-device=desktop] .play-gem b{font:400 25px/.9 var(--font-crest);letter-spacing:.04em}:root[data-device=desktop] .play-gem small{font:900 11px/1 var(--font-sans);letter-spacing:.22em;text-transform:uppercase}:root[data-device=desktop] .play-gem:before{content:"";border:2px dashed #ffd24abf;border-radius:50%;animation:16s linear infinite gem-ring;position:absolute;top:-17px;bottom:-17px;left:-17px;right:-17px}:root[data-device=desktop] .play-gem:after{content:"";border-radius:50%;animation:2.6s ease-out infinite gem-ping;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;box-shadow:0 0 0 2px #ffe696cc}@keyframes gem-ring{to{transform:rotate(360deg)}}@keyframes gem-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}:root[data-device=desktop] .play-gem:hover{scale:1.07}:root[data-device=desktop]:not([data-fallen]) .play-gem{opacity:0;pointer-events:none;scale:.6}:root[data-device=desktop] body:has(.finale.live) .play-gem{opacity:0;pointer-events:none;scale:.6}@media (prefers-reduced-motion:reduce){:root[data-device=desktop] .play-gem:before,:root[data-device=desktop] .play-gem:after{animation:none}}.js [data-anim]{transition:translate .8s var(--ease-snap), scale .8s var(--ease-snap), rotate .8s var(--ease-snap), opacity .5s ease;transition-delay:var(--d,0s)}.js [data-anim]:not(.in){opacity:0}.js [data-anim=panel]:not(.in){translate:0 70px;scale:.94}.js [data-anim=hop]:not(.in){translate:0 50px;scale:.3}.js [data-anim=fly-l]:not(.in){translate:-140px -40px;rotate:-30deg}.js [data-anim=fly-r]:not(.in){translate:140px -40px;rotate:30deg}.js [data-anim=drop]:not(.in){translate:0 -120px;rotate:12deg}.js [data-anim=zoom]:not(.in){scale:.5}.js [data-anim=swing]:not(.in){translate:0 20px;rotate:-8deg;scale:.6}.js [data-anim=rise]:not(.in){translate:0 40px}.js [data-stagger]>*{transition:translate .7s var(--ease-snap), opacity .45s ease;transition-delay:calc(var(--i,0) * 70ms + .12s)}.js [data-stagger]:not(.in)>*{opacity:0;translate:0 34px}.deco img{animation:bob var(--bob,3.2s) ease-in-out infinite;animation-delay:var(--bd,0s);animation-play-state:paused}.live .deco img{animation-play-state:running}.deco img.hover{--bob:5s;animation-name:hover}@keyframes hover{50%{transform:translateY(-14px)rotate(4deg)}}.deco img.crawl{animation:26s linear infinite paused crawl}.live .deco img.crawl{animation-play-state:running}@keyframes crawl{0%{transform:translate(0)scaleX(-1)}49%{transform:translateX(var(--crawl,60vw)) scaleX(-1)}50%{transform:translateX(var(--crawl,60vw)) scaleX(1)}99%{transform:translate(0)scaleX(1)}to{transform:translate(0)scaleX(-1)}}.flames{animation:.9s ease-in-out infinite alternate paused flicker}.live .flames{animation-play-state:running}@keyframes flicker{0%{transform:scaleY(.82)skew(-2deg)}to{transform:scaleY(1.08)skew(2deg)}}.bunting{animation:4s ease-in-out infinite paused sway}.live .bunting{animation-play-state:running}@keyframes sway{50%{transform:rotate(.6deg)translateY(2px)}}body.home .sec[data-land]:before,body.home .sec[data-land]:after{content:"";z-index:-1;pointer-events:none;opacity:.42;filter:brightness(.62)saturate(.7)hue-rotate(-10deg);background:url(/img/sky/cloud-a.webp) 0 100%/auto 100% repeat-x;height:clamp(90px,10vw,150px);animation:120s linear infinite paused bank;position:absolute;top:-40px;left:-520px;right:0}body.home .sec[data-land]:after{opacity:.35;background-image:url(/img/sky/cloud-b.webp);height:clamp(70px,8vw,120px);animation-duration:80s;animation-direction:reverse;top:-10px}body.home .sec[data-land].live:before,body.home .sec[data-land].live:after{animation-play-state:running}@keyframes bank{to{transform:translate(520px)}}@media (prefers-reduced-motion:reduce){.js [data-anim],.js [data-stagger]>*{transition:none;opacity:1!important;translate:none!important;rotate:none!important;scale:none!important}.deco img,.flames,.bunting,body.home .sec[data-land]:before,body.home .sec[data-land]:after{animation:none!important}}.sec{padding-top:clamp(52px,6vw,100px);position:relative}.sec .gw{box-shadow:0 6px 18px #0206168c,0 24px 50px -20px #020616bf,0 0 90px -34px #3fe3cf8c}.gw-head .live-chip{margin-left:auto}.gw-head .live-chip+.btn{margin-left:0}.rail{grid-auto-flow:column;grid-auto-columns:var(--rail-w,min(86%, 420px));margin-inline:calc(9px - var(--gwp,var(--gutter)));padding:8px calc(var(--gwp,var(--gutter)) - 9px) 14px;scroll-padding-inline:calc(var(--gwp,var(--gutter)) - 9px);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;min-width:0}.rail:focus-visible{outline-offset:-3px}.rail-dots{justify-content:center;gap:8px;margin-top:2px;display:flex}.rail-dots i{width:8px;height:8px;box-shadow:0 0 0 1.5px var(--line);transition:width .25s var(--ease-out), background .2s;background:#ffffff80;border-radius:50%}.rail-dots i.on{background:var(--gilt);border-radius:4px;width:22px}.rail-wrap{position:relative}.rail-nav{display:none}.cls,.land,.boss,.raid,.life-card{color:var(--text);border-style:solid;border-width:0;border-image:url(/img/ui/card.webp) 42 fill/14px;margin:0;padding:6px;position:relative}.cls-art,.land-pic,.boss picture img,.raid-film,.life-film{border-radius:8px;overflow:hidden}.roster{display:none}.cls-rail{--rail-w:min(86%, 440px)}.cls{grid-template-rows:auto 1fr;display:grid}.cls-art{background:radial-gradient(60% 70% at 50% 64%, color-mix(in srgb, var(--el) 55%, transparent), transparent 70%), linear-gradient(180deg, #2a4385, #142050);place-items:end center;height:clamp(250px,64vw,330px);display:grid;position:relative;overflow:hidden}.cls-art:after{content:"";background:linear-gradient(#0000,#0b1330bf);height:30%;position:absolute;top:auto;bottom:0;left:0;right:0}.cls-word{white-space:nowrap;font:400 clamp(46px, 13vw, 84px)/1 var(--font-crest);letter-spacing:.04em;color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--el) 60%, #fff);opacity:.35;margin:0;position:absolute;top:10px;left:50%;transform:translate(-50%)}.cls-art:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--el) 30%, transparent) 40%, color-mix(in srgb, var(--el) 55%, #fff 10%) 50%, color-mix(in srgb, var(--el) 30%, transparent) 60%, transparent);mix-blend-mode:screen;opacity:.7;width:46%;position:absolute;top:-10%;bottom:0;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(#0000,#000 30% 80%,#0000);mask:linear-gradient(#0000,#000 30% 80%,#0000)}.cls-hero{z-index:1;width:78%;position:relative}.cls-hero:before{content:"";z-index:-1;aspect-ratio:5;border:2px dashed color-mix(in srgb, var(--el) 75%, #fff);box-shadow:0 0 0 6px color-mix(in srgb, var(--el) 16%, transparent), 0 0 30px color-mix(in srgb, var(--el) 55%, transparent);opacity:.8;border-radius:50%;animation:24s linear infinite rune;position:absolute;bottom:-1%;left:10%;right:10%}@keyframes rune{to{transform:rotate(360deg)}}.cls-hero:after{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--el) 70%, transparent), transparent);filter:blur(4px);border-radius:50%;height:9%;position:absolute;bottom:2%;left:18%;right:18%}.cls-hero img{filter:drop-shadow(0 12px 18px #040a1e80);width:100%;height:auto}.cls-info{align-content:start;gap:12px;min-width:0;padding:12px clamp(8px,1.4vw,18px) 14px;display:grid}.cls-tag{font:900 11.5px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--el) 70%, #fff)}.cls-name{font:400 clamp(28px, 2vw + 16px, 40px)/1 var(--font-crest);letter-spacing:.03em;color:#fff;text-shadow:0 2px 0 var(--line), 0 0 22px color-mix(in srgb, var(--el) 45%, transparent)}.cls-blurb{color:var(--text-2);font-size:15px}.paths{justify-self:start;gap:2px;max-width:100%;padding:4px 6px;display:inline-flex}.paths .tab-cap{cursor:pointer;min-width:0;min-height:38px;font:900 13px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;flex:0 auto;padding:0 clamp(10px,4vw,18px)}.path{gap:12px;display:grid}.ladder{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.ladder li{overflow-wrap:break-word;border-style:solid;border-width:0;border-image:url(/img/ui/well.webp) 36 fill/12px;gap:3px;min-width:0;padding:9px 9px 10px;display:grid}.ladder li:last-child{border-image-source:url(/img/ui/card-sel.webp);border-image-slice:42;border-image-width:14px}.ladder small{font:400 12px/1 var(--font-num);color:var(--text-gold)}.ladder b{font:800 12.5px/1.2 var(--font-sans);color:#fff}.facts{gap:6px;margin:0;display:grid}.facts div{grid-template-columns:76px minmax(0,1fr);gap:10px;display:grid}.facts dt{font:900 11px/1.5 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.facts dd{margin:0;font-size:14.5px;font-weight:700}.ult{aspect-ratio:16/9;border-radius:var(--r-m);box-shadow:0 0 0 2px var(--line), 0 0 0 3.5px var(--gilt);background:#0b1330;margin:0;position:relative;overflow:hidden}.ult video{object-fit:cover;background:50%/cover no-repeat;width:100%;height:100%}.ult figcaption{background:linear-gradient(#0000,#040a1ed9);gap:2px;padding:22px 12px 8px;display:grid;position:absolute;bottom:0;left:0;right:0}.ult small{font:900 10.5px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-gold)}.ult b{font:400 16px/1.1 var(--font-crest);letter-spacing:.03em}.gauge{color:var(--text-2);font-size:13.5px}.gauge b{color:color-mix(in srgb, var(--el) 70%, #fff)}.cls-info .btn{justify-self:start}@media (min-width:900px){:root[data-device=desktop] .select{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px;display:grid}:root[data-device=desktop] .roster{top:calc(var(--header-h) + 20px);gap:8px;display:grid;position:sticky}:root[data-device=desktop] .ros{cursor:pointer;text-align:left;color:#c8d4ee;min-height:68px;transition:transform .15s var(--ease-out);background:0 0;border-style:solid;border-width:0;border-image:url(/img/ui/card.webp) 42 fill/14px;align-items:center;gap:12px;padding:8px 14px;display:flex}:root[data-device=desktop] .ros svg{width:30px;height:30px;color:var(--el);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--el) 60%, transparent));flex:none}:root[data-device=desktop] .ros span{gap:4px;display:grid}:root[data-device=desktop] .ros b{font:400 19px/1 var(--font-crest);letter-spacing:.03em;color:#fff}:root[data-device=desktop] .ros small{font:800 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}:root[data-device=desktop] .ros:hover{color:#fff;transform:translate(3px)}:root[data-device=desktop] .ros[aria-selected=true]{color:#fff;border-image-source:url(/img/ui/card-sel.webp);transform:translate(6px)}:root[data-device=desktop] .cls-rail{margin:0;padding:0;display:block;overflow:visible}:root[data-device=desktop] .cls{min-height:540px;animation:summon .45s var(--ease-out);grid-template-rows:none;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6px;display:none}:root[data-device=desktop] .cls.on{display:grid}:root[data-device=desktop] .cls-art{place-items:center;height:auto}:root[data-device=desktop] .cls-hero{width:96%;margin-top:40px}:root[data-device=desktop] .cls-hero img{object-fit:contain;max-height:520px}:root[data-device=desktop] .cls-art:after{display:none}:root[data-device=desktop] .cls-info{padding:18px 16px 16px 12px}:root[data-device=desktop] .cls-word{font-size:clamp(48px,4.6vw,76px);top:22px}:root[data-device=desktop] .rail-dots{display:none}}@keyframes summon{0%{opacity:0;transform:translateY(10px)scale(.99)}}@media (max-width:360px){.cls-rail,.land-rail,.boss-rail,.life-rail{--rail-w:92%}.paths .tab-cap{letter-spacing:.05em;padding:0 9px;font-size:11.5px}.ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}.land-rail{--rail-w:min(86%, 460px)}.land{grid-template-rows:auto 1fr;display:grid}.land-pic{aspect-ratio:16/9;position:relative;overflow:hidden}.land-pic img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.land:hover .land-pic img{transform:scale(1.06)}.land,.boss,.life-card,.raid{transition:transform .25s var(--ease-out), filter .25s}.land:hover{filter:drop-shadow(0 14px 22px color-mix(in srgb, var(--tint) 40%, transparent));transform:translateY(-4px)}.boss:hover,.raid:hover{filter:drop-shadow(0 14px 24px #ff6e3c66);transform:translateY(-4px)}.life-card:hover{filter:drop-shadow(0 14px 22px #ffd24a59);transform:translateY(-4px)}.boss picture img{transition:transform .6s var(--ease-out)}.boss:hover picture img{transform:scale(1.05)}.land-pic .pill{position:absolute;top:12px;left:12px}.land figcaption{align-content:start;gap:8px;padding:12px;display:grid}.land-name:before{content:"";background:var(--tint);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--line), 0 0 8px var(--tint);margin-right:8px;display:inline-block;transform:rotate(45deg)translateY(-2px)}.land-name{font:400 22px/1.1 var(--font-crest);letter-spacing:.02em;color:#fff}.land p{color:var(--text-2);font-size:14.5px}.land dl,.boss dl{gap:4px;margin:4px 0 0;display:grid}.land dl div{grid-template-columns:58px minmax(0,1fr);gap:8px;font-size:13.5px;display:grid}.land dt{font:900 10.5px/1.6 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.land dd{margin:0;font-weight:700}@media (min-width:900px){:root[data-device=desktop] .rail-nav{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:22%;left:-22px;right:-22px}:root[data-device=desktop] .rail-nav .rail-btn{pointer-events:auto}:root[data-device=desktop] .rail-btn:disabled{visibility:hidden}:root[data-device=desktop] .rail-btn{cursor:pointer;width:48px;height:48px;font:400 26px/1 var(--font-num);color:#17204a;background:linear-gradient(#ffd85a,#ffbd2a 52%,#f29a14);border:2px solid #6a3500;border-radius:50%;box-shadow:inset 0 0 0 2px #ffc94a,0 3px #b8650a,0 4.5px #6a3500}:root[data-device=desktop] .rail-btn:disabled{opacity:.4;cursor:default}:root[data-device=desktop] .land-rail{--rail-w:calc((100% - 2 * var(--gutter) - 28px) / 3)}}.boss-rail{--rail-w:min(80%, 380px)}.boss picture img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.boss figcaption{gap:5px;padding:12px 16px 16px;display:grid}.boss figcaption .pill{justify-self:start}.boss b{font:400 21px/1.1 var(--font-crest);letter-spacing:.02em}.boss small{color:var(--text-gold);font-size:13px;font-weight:800}.boss p{color:var(--text-2);font-size:14px}@media (min-width:900px){:root[data-device=desktop] .boss-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;margin:0;padding:0 0 6px;overflow:visible}}.raids{gap:18px;margin-top:26px;display:grid}.raid{display:grid}.raid-film{aspect-ratio:16/9;background:#0b1330;margin:0;position:relative}.raid-film video{object-fit:cover;background:50%/cover no-repeat;width:100%;height:100%}.raid-info{gap:10px;padding:16px 18px 20px;display:grid}.raid-info .pill{justify-self:start}.raid h3{font:400 clamp(24px, 1.6vw + 14px, 34px)/1 var(--font-crest);letter-spacing:.03em;color:#fff;text-shadow:0 2px 0 var(--line)}.raid h3 small{font:800 14px/1.2 var(--font-sans);color:var(--text-gold);-webkit-text-stroke:0;margin-top:4px;display:block}.raid p{color:var(--text-2)}.raid-lv b{color:var(--text-gold);font-size:30px}.raid-lv small{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}@media (min-width:900px){.raids{grid-template-columns:repeat(2,minmax(0,1fr))}.raid:first-child:nth-last-child(odd){grid-column:1/-1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}}.more{border-style:solid;border-width:0;border-image:url(/img/ui/card.webp) 42 fill/14px;margin-top:16px}.more[open]{border-image-source:url(/img/ui/card-sel.webp)}.more summary{cursor:pointer;min-height:58px;font:400 19px/1 var(--font-crest);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:0 20px;list-style:none;display:flex}.more summary::-webkit-details-marker{display:none}.more summary:after{content:"+";width:30px;height:30px;font:400 20px/1 var(--font-num);color:#17204a;background:linear-gradient(180deg, #fff1b0, var(--gilt));border:2px solid var(--line);transition:transform .25s var(--ease-out);border-radius:50%;place-items:center;display:grid}.more[open] summary:after{transform:rotate(45deg)}.more-in{gap:20px;padding:0 16px 20px;display:grid}@media (min-width:900px){.more-in{grid-template-columns:1.3fr 1fr}}.more table{border-collapse:separate;border-spacing:0 4px;width:100%;font-size:14px}.more caption{text-align:left;font:900 12px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-gold);padding:0 4px 6px}.more th,.more td{text-align:left;background:#08102cbf;padding:9px 10px}.more thead th{font:900 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);background:0 0}.more td{text-align:center;color:var(--text-gold);font-size:16px}.more tbody th{border-radius:var(--r-m) 0 0 var(--r-m);font-weight:700}.more tbody td:last-child{border-radius:0 var(--r-m) var(--r-m) 0}.more-note{color:var(--text-3);font-size:12.5px}.xp-lede{color:var(--text-2);max-width:80ch;margin:-4px 0 18px}.xp-lede b{color:var(--text-gold);font-weight:900}.xp-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,40px);display:grid}.xp-frame{place-items:center;display:grid}.xp-frame .dev{width:100%}.xp-frame .dev-phone{width:100%;position:relative;bottom:auto;left:auto}.xp-frame .dev-pc .dev-screen{border-width:8px}.xp-lists{gap:14px;display:grid}.xp-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.xp-list li{border-style:solid;border-width:0;border-image:url(/img/ui/card.webp) 42 fill/14px;gap:3px;padding:12px 14px 12px 46px;display:grid;position:relative}.xp-list li:before{content:"";background:url(/img/ui/gem.webp) 50%/contain no-repeat;width:14px;height:12px;position:absolute;top:15px;left:15px}.xp-list b{font:900 15.5px/1.2 var(--font-sans);color:#fff}.xp-list span{color:var(--text-2);font-size:14px}.xp-both{color:var(--text-2);border-style:solid;border-width:0;border-image:url(/img/ui/card-sel.webp) 42 fill/14px;padding:14px 16px;font-size:14px}.xp-both b{color:var(--text-gold)}@media (max-width:860px){.xp-body{grid-template-columns:minmax(0,1fr)}}.life-rail{--rail-w:min(82%, 380px)}.life-film{aspect-ratio:16/9;background:#0b1330}.life-film video{object-fit:cover;background:50%/cover no-repeat;width:100%;height:100%}.life-card figcaption{gap:4px;padding:12px 16px 16px;display:grid}.life-card b{font:400 20px/1.1 var(--font-crest);letter-spacing:.02em}.life-card span{color:var(--text-2);font-size:14px}@media (min-width:900px){:root[data-device=desktop] .life-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;margin:0;padding:0 0 6px;overflow:visible}}.shop-win{margin-top:28px}.shop-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.shop-list li{border-style:solid;border-width:0;border-image:url(/img/ui/card.webp) 42 fill/14px;align-content:start;gap:4px;padding:14px;display:grid}.shop-list b{color:var(--text-gold);font-weight:900}.shop-list span{color:var(--text-2);font-size:14px}.ask .faq{max-width:920px}@media (min-width:1000px){.ask .faq{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:none}}.finale{padding:clamp(60px,7vw,100px) 0 clamp(40px,5vw,80px)}.finale-party{z-index:3;pointer-events:none;justify-content:center;align-items:flex-end;height:clamp(150px,17vw,270px);margin:-6px auto -18px;display:flex;position:relative}.finale-party:before{content:"";z-index:-1;aspect-ratio:2.4;background:radial-gradient(closest-side,#ffffff8c,#b9fff44d 30%,#3fe3cf1f 60%,#0000);border-radius:50%;width:min(900px,120%);position:absolute;bottom:0;left:50%;transform:translate(-50%,42%)}.finale-party img{filter:drop-shadow(0 10px 14px #02061699);width:auto;height:88%;margin:0 -2.2%}.finale-party img.lead{z-index:1;filter:drop-shadow(0 10px 14px #02061699)drop-shadow(0 0 24px #ffe69673);height:100%}.finale-party img:nth-child(odd):not(.lead){height:80%}@media (max-width:560px){.finale-party{height:150px}.finale-party img:-webkit-any(:first-child,:last-child){display:none}.finale-party img:is(:first-child,:last-child){display:none}}.finale-win{text-align:center;justify-items:center;gap:16px;width:min(900px,100%);margin-inline-start:auto;margin-inline-end:auto;padding:clamp(36px,4vw,54px) clamp(16px,3vw,40px) clamp(24px,3vw,36px);display:grid}.finale-copy{justify-items:center;gap:10px;display:grid}.finale-copy p{color:var(--text-2);max-width:52ch}@media (prefers-reduced-motion:reduce){.cls{animation:none!important}.cls-hero:before{animation:none}.land-pic img,.boss picture img,.land,.boss,.life-card,.raid{transition:none}.rail{scroll-behavior:auto}}.hero .get-steps,.hero .get-pc-alt{display:none!important}:root[data-os=desktop] .hero .get{justify-content:center}:root[data-os=desktop] .hero .get-soon{flex-basis:auto;margin:0}:root[data-os=desktop] .hero .get-qr{display:none}:root[data-os=desktop] .hero .stores{justify-content:center;gap:10px}:root[data-os=desktop] .hero .store-discord .dc-live{display:none!important}:root[data-os=desktop] .hero .get-primary{width:min(100%,460px)}@media (orientation:portrait),(max-width:860px) and (min-height:501px){.hero .get{justify-items:center}.hero .get-primary,.hero .get-discord{width:min(100%,440px)}:root:-webkit-any([data-os=ios],[data-os=android]) .hero :-webkit-any(.hero-cta,.get){display:contents}:root:is([data-os=ios],[data-os=android]) .hero :is(.hero-cta,.get){display:contents}:root:-webkit-any([data-os=ios],[data-os=android]) .hero .get-primary{min-height:64px}:root:is([data-os=ios],[data-os=android]) .hero .get-primary{min-height:64px}:root:-webkit-any([data-os=ios],[data-os=android]) .hero .get-alt{margin:-6px 0 -8px}:root:is([data-os=ios],[data-os=android]) .hero .get-alt{margin:-6px 0 -8px}:root:-webkit-any([data-os=ios],[data-os=android]) .hero .get-alt a{padding:12px 2px}:root:is([data-os=ios],[data-os=android]) .hero .get-alt a{padding:12px 2px}:root:-webkit-any([data-os=ios],[data-os=android]) .hero .trailer-btn{order:1;margin-top:2px}:root:is([data-os=ios],[data-os=android]) .hero .trailer-btn{order:1;margin-top:2px}:root:-webkit-any([data-os=ios],[data-os=android]) .hero .get-discord{order:2;margin-top:4px}:root:is([data-os=ios],[data-os=android]) .hero .get-discord{order:2;margin-top:4px}}@media (orientation:landscape) and (max-height:500px){:root:-webkit-any([data-os=ios],[data-os=android]) .hero .get{grid-template-columns:minmax(0,1fr);gap:8px}:root:is([data-os=ios],[data-os=android]) .hero .get{grid-template-columns:minmax(0,1fr);gap:8px}.hero .get-discord,.hero .trailer-btn{display:none!important}.hero .get-alt{margin:-4px 0 -10px}.hero .get-primary{width:min(100%,380px);min-height:56px;padding:4px 14px}.hero .get-primary b{white-space:nowrap;font-size:17px}.hero .get-primary:not(.get-badge) small{display:none}.hero .get-badge b{font-size:21px}.hero .get-badge small{font-size:11px}}.finale .get{justify-items:center}:root[data-os=desktop] .finale .get{justify-content:center}.finale .get-primary,.finale .get-discord{width:min(100%,460px)}.finale .trailer-btn{margin-top:2px}.trailer-btn{gap:8px}.trailer-btn svg{width:18px;height:18px;margin-left:-4px}.trailer-btn small{font:800 11px/1 var(--font-sans);letter-spacing:.06em;color:var(--text-gold)}.trailer{width:min(100% - 2 * var(--gutter), 1080px);max-width:none;max-height:none;color:var(--text);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.trailer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040818db}.trailer-in{border-style:solid;border-width:0;border-image:url(/img/ui/frame.webp) 102 fill/34px;border-radius:22px;gap:10px;padding:10px;display:grid;position:relative;box-shadow:0 30px 80px -20px #020616e6}.trailer video{aspect-ratio:16/9;width:100%;height:auto;box-shadow:0 0 0 2px var(--line), 0 0 0 3.5px var(--gilt);background:#0b1330 50%/cover no-repeat;border-radius:10px}.trailer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:0 6px 4px;display:flex}.trailer-foot p{font:700 14px/1.3 var(--font-sans);color:var(--text-2)}.trailer-x{z-index:2;border:2.5px solid var(--line);cursor:pointer;color:#17204a;background:linear-gradient(180deg, #fff1b0, var(--gilt));border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-14px;right:-10px;box-shadow:0 3px #b8650a,0 10px 20px #02061680}.trailer-x svg{width:20px;height:20px}.trailer-x:active{transform:translateY(2px);box-shadow:0 1px #b8650a}.trailer[open]{animation:trailer-in .35s var(--ease-out)}@keyframes trailer-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}html:has(.trailer[open]){overflow:hidden}@media (orientation:landscape) and (max-height:500px){.trailer{width:min(100% - 24px,168svh)}.trailer-in{gap:0;padding:6px}.trailer-foot{display:none}.trailer-x{width:40px;height:40px;top:-10px;right:-6px}}@media (prefers-reduced-motion:reduce){.trailer[open]{animation:none}}