:root{--void:#05060d;--bg:#080a14;--bg-2:#0b0e1c;--surface:#10142400;--panel:#14182c8c;--panel-2:#1c213ca6;--line:#8ca0ff24;--line-2:#8ca0ff47;--text:#d6ddf5;--text-hi:#f3f6ff;--muted:#8b93b8;--muted-dim:#5c6488;--volt:#a87bff;--volt-hi:#c4a6ff;--cyan:#2fe1e8;--cyan-hi:#74f3f7;--spark:#ffe14d;--fire:#ff5a2c;--fire-hi:#ff8a4d;--ice:#38d8e6;--ice-hi:#8af0f8;--lightning:#b388ff;--light-hi:#d8c2ff;--water:#3a86ff;--water-hi:#79adff;--earth:#d0a85f;--earth-hi:#ecca8c;--steam:#c4cede;--shield:#4fc3ff;--sans:"Rajdhani", system-ui, sans-serif;--disp:"Audiowide", system-ui, sans-serif;--maxw:1200px;--r:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:none;margin:0;font-size:18px;line-height:1.6;overflow-x:hidden}@media (pointer:coarse){body{cursor:auto}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.px{image-rendering:pixelated;image-rendering:crisp-edges}.cosmos{z-index:-3;background:radial-gradient(120% 90% at 50% -10%, #161a3a 0%, #0a0c1a 42%, var(--void) 100%);position:fixed;inset:0;overflow:hidden}.cosmos:before{content:"";filter:blur(20px);background:radial-gradient(40% 38% at 22% 30%,#a87bff4d,#0000 70%),radial-gradient(46% 40% at 80% 24%,#2fe1e833,#0000 70%),radial-gradient(50% 50% at 60% 92%,#ff5a2c1f,#0000 70%);animation:32s ease-in-out infinite alternate drift;position:absolute;inset:-20%}@keyframes drift{0%{transform:translate(-2%,-1%)scale(1.02)}to{transform:translate(3%,2%)scale(1.08)}}.stars{z-index:-2;opacity:.9;position:fixed;inset:0}.grid-floor{z-index:-2;transform-origin:bottom;opacity:.5;background-image:linear-gradient(#a87bff1a 1px,#0000 1px),linear-gradient(90deg,#2fe1e812 1px,#0000 1px);background-size:64px 64px,64px 64px;height:46vh;position:fixed;bottom:0;left:0;right:0;transform:perspective(420px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 12%,#000 100%);mask-image:linear-gradient(#0000 12%,#000 100%)}.scanlines{z-index:200;pointer-events:none;mix-blend-mode:multiply;opacity:.35;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px);position:fixed;inset:0}.vignette{z-index:199;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 220px 60px #000000b3}.reticle{z-index:300;pointer-events:none;mix-blend-mode:screen;width:38px;height:38px;margin:-19px 0 0 -19px;transition:transform .12s,opacity .2s;position:fixed;top:0;left:0}.reticle:before,.reticle:after{content:"";border-radius:50%;position:absolute;inset:0}.reticle:before{border:1.5px solid var(--cyan);box-shadow:0 0 10px var(--cyan), inset 0 0 8px #2fe1e880}.reticle:after{background:var(--spark);box-shadow:0 0 8px var(--spark);inset:42%}.reticle .tick{background:var(--cyan);box-shadow:0 0 6px var(--cyan);position:absolute}.reticle .tick.t{width:1.5px;height:8px;top:-6px;left:50%;transform:translate(-50%)}.reticle .tick.b{width:1.5px;height:8px;bottom:-6px;left:50%;transform:translate(-50%)}.reticle .tick.l{width:8px;height:1.5px;top:50%;left:-6px;transform:translateY(-50%)}.reticle .tick.r{width:8px;height:1.5px;top:50%;right:-6px;transform:translateY(-50%)}.reticle.click{transform:scale(.8)rotate(45deg)}.wrap{width:min(100% - 44px, var(--maxw));margin-inline:auto}section{position:relative}.eyebrow{font-family:var(--disp);letter-spacing:.34em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:12px;font-size:13px;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan));width:28px;height:1px}.eyebrow.v{color:var(--volt-hi)}.eyebrow.v:before{background:linear-gradient(90deg, transparent, var(--volt))}h2.head{font-family:var(--disp);color:var(--text-hi);letter-spacing:.01em;margin:18px 0 14px;font-size:clamp(28px,4.4vw,52px);font-weight:400;line-height:1.05}.lead{color:var(--muted);max-width:62ch;font-size:clamp(17px,1.5vw,20px)}.lead strong{color:var(--text-hi);font-weight:600}.glow-c{color:var(--cyan-hi);text-shadow:0 0 18px #2fe1e88c}.glow-v{color:var(--volt-hi);text-shadow:0 0 18px #a87bff8c}.glow-f{color:var(--fire-hi);text-shadow:0 0 18px #ff5a2c8c}.btn{font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;cursor:none;will-change:transform;white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:16px 30px;font-size:15px;transition:all .22s;display:inline-flex;position:relative}.btn .ar{transition:transform .22s}.btn:hover .ar{transform:translate(4px)}.btn-primary{color:#0a0717;background:linear-gradient(135deg, var(--volt-hi), var(--cyan));box-shadow:inset 0 0 0 1px #ffffff26,0 10px 34px #a87bff73}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #fff3,0 14px 44px #a87bff99}.btn-ghost{color:var(--text-hi);border-color:var(--line-2);background:#788cff0f}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan-hi);transform:translateY(-2px);box-shadow:0 0 24px #2fe1e840}.nav{z-index:120;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:16px clamp(18px,4vw,40px);transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.solid{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#080a14c7}.nav__brand{font-family:var(--disp);letter-spacing:.14em;color:var(--text-hi);align-items:center;gap:10px;font-size:20px;display:flex}.nav__brand .bolt{color:var(--spark);text-shadow:0 0 12px var(--spark)}.nav__links{align-items:center;gap:30px;display:flex}.nav__links a{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:15px;font-weight:600;transition:color .2s;position:relative}.nav__links a:hover{color:var(--text-hi)}.nav__links a:after{content:"";background:var(--cyan);width:0;height:2px;box-shadow:0 0 8px var(--cyan);transition:width .25s;position:absolute;bottom:-6px;left:0}.nav__links a:hover:after{width:100%}.nav__cta{font-family:var(--disp);letter-spacing:.1em;text-transform:uppercase;color:#0a0717;background:linear-gradient(135deg, var(--volt-hi), var(--cyan));border-radius:10px;padding:11px 20px;font-size:13px;transition:all .2s;box-shadow:0 6px 22px #a87bff66}.nav__cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a87bff99}@media (width<=820px){.nav__links{display:none}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.cosmos:before{animation:none}}html.reveal-done .reveal{opacity:1!important;transition:none!important;transform:none!important}.panel{background:linear-gradient(180deg, var(--panel), #0a0c188c);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;top:0;left:0;right:0}.hero{align-items:center;min-height:100svh;padding:132px 0 80px;display:grid}.hero__grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;display:grid}.hero__title{font-family:var(--disp);letter-spacing:.01em;color:var(--text-hi);text-shadow:0 0 38px #a87bff73;margin:18px 0 0;font-size:clamp(54px,11vw,142px);font-weight:400;line-height:.92}.hero__title .volt{background:linear-gradient(120deg, var(--cyan-hi) 0%, var(--volt-hi) 55%, var(--fire-hi) 110%);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.hero__tag{color:var(--text-hi);max-width:18ch;margin:26px 0 8px;font-size:clamp(20px,2.4vw,30px);font-weight:600;line-height:1.25}.hero__tag .or{color:var(--fire-hi)}.hero__sub{color:var(--muted);max-width:46ch;margin-bottom:34px;font-size:clamp(16px,1.4vw,19px)}.hero__sub b{color:var(--cyan-hi);font-weight:600}.hero__cta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero__meta{flex-wrap:wrap;gap:22px;margin-top:30px;display:flex}.hero__meta .m{flex-direction:column;gap:2px;display:flex}.hero__meta .m b{font-family:var(--disp);color:var(--text-hi);font-size:20px}.hero__meta .m span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim);font-size:13px}.stage{aspect-ratio:1;place-items:center;width:100%;max-width:460px;margin-inline:auto;display:grid;position:relative}.stage__ring{border:1px solid var(--line-2);border-radius:50%;position:absolute}.stage__ring.r1{border-color:#2fe1e838;animation:26s linear infinite spin;inset:4%}.stage__ring.r2{border-style:dashed;border-color:#a87bff42;animation:18s linear infinite reverse spin;inset:16%}.stage__ring.r3{border-color:#ff5a2c2e;animation:34s linear infinite spin;inset:30%}@keyframes spin{to{transform:rotate(360deg)}}.stage__glow{filter:blur(8px);background:radial-gradient(circle,#a87bff66,#2fe1e81f 55%,#0000 72%);border-radius:50%;animation:4s ease-in-out infinite pulse;position:absolute;inset:18%}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.custom-mage{z-index:3;filter:drop-shadow(0 0 18px #74f3f7f2)drop-shadow(0 0 38px #c4a6ffa6)drop-shadow(0 18px 28px #000000b8);width:190px;height:230px;animation:3.4s ease-in-out infinite mageFloat;position:relative}.custom-mage:before{content:"";filter:blur(28px);opacity:.68;background:conic-gradient(#ff5a2c,#ffe14d,#38d8e6,#a87bff,#ff5a2c);border-radius:42% 42% 32% 32%;animation:5.5s linear infinite rainbowSpin;position:absolute;inset:10px 14px 6px}.mage-aura{opacity:.42;filter:blur(.2px);background:radial-gradient(circle at 50% 42%,#ffffff26,#0000 22%),conic-gradient(from 90deg,#ff5a2cb3,#ffe14d9e,#38d8e6b8,#a87bffb3,#ff5a2cb3);border:1px solid #ffffff3d;border-radius:50%;animation:9s linear infinite reverse rainbowSpin;position:absolute;inset:18px 2px 8px}.mage-hat{filter:drop-shadow(0 0 14px #a87bffcc);border-bottom:90px solid #19102f;border-left:52px solid #0000;border-right:52px solid #0000;width:0;height:0;position:absolute;top:18px;left:50%;transform:translate(-50%)}.mage-hat:before{content:"";background:linear-gradient(90deg, var(--fire-hi), var(--spark), var(--cyan-hi), var(--volt-hi));border-radius:999px;width:86px;height:12px;position:absolute;top:55px;left:-43px;box-shadow:0 0 18px #74f3f7bf}.mage-body{background:linear-gradient(135deg,#ffffff2e,#0000 30%),linear-gradient(#20143f,#0c1025 74%);border:2px solid #74f3f7b8;border-radius:18px 18px 22px 22px;width:96px;height:96px;position:absolute;top:104px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 22px #a87bff61,0 0 28px #2fe1e885,0 0 58px #ff5a2c3d}.mage-body:before,.mage-body:after{content:"";background:var(--spark);width:12px;height:12px;box-shadow:0 0 12px var(--spark), 0 0 24px #2fe1e88c;border-radius:50%;position:absolute;top:34px}.mage-body:before{left:24px}.mage-body:after{right:24px}.mage-orb{background:radial-gradient(circle at 34% 28%, #fff 0 8%, var(--spark) 9% 20%, var(--cyan-hi) 48%, var(--volt-hi) 76%);width:48px;height:48px;box-shadow:0 0 16px var(--spark), 0 0 38px var(--cyan), 0 0 68px var(--volt);border:1px solid #ffffffb3;border-radius:50%;animation:1.8s ease-in-out infinite orbPulse;position:absolute;top:116px;right:4px}.mage-orb:after{content:"";border-radius:inherit;border:1px dashed #ffffff47;animation:5s linear infinite spin;position:absolute;inset:-18px}.mage-shadow{filter:blur(3px);background:radial-gradient(#2fe1e857,#a87bff2e 42%,#0000 72%);border-radius:50%;width:118px;height:20px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes mageFloat{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}@keyframes rainbowSpin{to{transform:rotate(360deg)}}@keyframes orbPulse{0%,to{transform:scale(.94)}50%{transform:scale(1.08)}}.orbit{animation:22s linear infinite spin;position:absolute;inset:0}.orbit.b{animation-duration:30s;animation-direction:reverse}.node{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c18b3;border-radius:12px;place-items:center;width:46px;height:46px;font-size:22px;display:grid;position:absolute}.node.fire{color:var(--fire-hi);border-color:#ff5a2c80;top:-4%;left:50%;transform:translate(-50%);box-shadow:0 0 22px #ff5a2c80}.node.ice{color:var(--ice-hi);border-color:#38d8e680;top:50%;right:-4%;transform:translateY(-50%);box-shadow:0 0 22px #38d8e680}.node.light{color:var(--light-hi);border-color:#b388ff80;bottom:-4%;left:50%;transform:translate(-50%);box-shadow:0 0 22px #b388ff80}.node.water{color:var(--water-hi);border-color:#3a86ff80;top:50%;left:-4%;transform:translateY(-50%);box-shadow:0 0 22px #3a86ff80}.node>span{animation:22s linear infinite reverse spin}.orbit.b .node>span{animation-duration:30s;animation-direction:normal}.scroll-hint{font-family:var(--disp);letter-spacing:.3em;text-transform:uppercase;color:var(--muted-dim);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint .dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:1.8s ease-in-out infinite drop}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}40%{opacity:1}to{opacity:0;transform:translateY(10px)}}@media (width<=900px){.hero__grid{text-align:center;grid-template-columns:1fr;gap:8px}.hero__tag,.hero__sub{margin-inline:auto}.hero__cta,.hero__meta{justify-content:center}.stage{order:-1;max-width:320px}}.s{padding:clamp(80px,11vh,140px) 0}.s__head{max-width:720px;margin-bottom:54px}.ways{grid-template-columns:1fr 1fr;gap:24px;display:grid}.way{border:1px solid var(--line);background:linear-gradient(#101426b3,#080a1499);border-radius:20px;flex-direction:column;min-height:430px;padding:38px 34px 34px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.way:hover{transform:translateY(-6px)}.way__art{z-index:0;opacity:.5;position:absolute;inset:0}.way__art:after{content:"";position:absolute;inset:0}.way>*{z-index:1;position:relative}.way__tag{font-family:var(--disp);letter-spacing:.26em;text-transform:uppercase;font-size:12px}.way__name{font-family:var(--disp);color:var(--text-hi);margin:10px 0 2px;font-size:clamp(30px,3.5vw,44px)}.way__desc{color:var(--muted);flex:1;margin:14px 0 22px}.way__desc b{color:var(--text-hi);font-weight:600}.way ul{flex-direction:column;gap:10px;margin:0 0 26px;padding:0;list-style:none;display:flex}.way li{color:var(--text);align-items:flex-start;gap:10px;font-size:16px;display:flex}.way li .ic{border-radius:50%;flex:none;width:7px;height:7px;margin-top:9px}.way.duel .way__tag{color:var(--cyan)}.way.duel:hover{border-color:#2fe1e880;box-shadow:0 24px 60px #2fe1e82e}.way.duel .way__art{background:radial-gradient(80% 70% at 30% 20%,#2fe1e847,#0000 70%),radial-gradient(70% 60% at 90% 90%,#3a86ff38,#0000 70%)}.way.duel li .ic{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.way.tower .way__tag{color:var(--fire-hi)}.way.tower:hover{border-color:#ff5a2c80;box-shadow:0 24px 60px #ff5a2c2e}.way.tower .way__art{background:radial-gradient(80% 70% at 70% 14%,#ff5a2c42,#0000 70%),radial-gradient(70% 70% at 10% 96%,#a87bff38,#0000 70%)}.way.tower li .ic{background:var(--fire);box-shadow:0 0 8px var(--fire)}.way__link{font-family:var(--disp);letter-spacing:.1em;text-transform:uppercase;cursor:none;align-items:center;gap:8px;width:fit-content;padding:10px 0;font-size:13px;display:inline-flex;position:relative}.way__link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .22s;position:absolute;bottom:4px;left:0;transform:scaleX(.18);box-shadow:0 0 10px}.way__link:hover:after{transform:scaleX(1)}.way__link:hover svg{transform:translate(4px)}.way__link svg{transition:transform .22s}.way.duel .way__link{color:var(--cyan-hi)}.way.tower .way__link{color:var(--fire-hi)}.shared{text-align:center;border:1px dashed var(--line-2);color:var(--text-hi);background:#788cff0a;border-radius:16px;margin-top:22px;padding:22px 28px;font-size:clamp(17px,1.7vw,21px);font-weight:600}.shared b{color:var(--volt-hi)}@media (width<=820px){.ways{grid-template-columns:1fr}.way{min-height:auto}}.kit{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.slot{border:1px solid var(--line);background:linear-gradient(#12162a99,#080a1480);border-radius:14px;padding:22px 18px;transition:all .26s;position:relative;overflow:hidden}.slot:hover{border-color:var(--line-2);transform:translateY(-6px)}.slot__num{font-family:var(--disp);letter-spacing:.2em;color:var(--muted-dim);font-size:12px}.slot__icon{border:1px solid var(--line-2);background:#0a0c1899;border-radius:13px;place-items:center;width:54px;height:54px;margin:14px 0 16px;font-size:26px;display:grid}.slot__role{font-family:var(--disp);color:var(--text-hi);margin-bottom:4px;font-size:17px}.slot__spell{color:var(--muted);font-size:15px}.slot[data-el=fire]:hover{box-shadow:0 16px 40px #ff5a2c2e}.slot[data-el=fire] .slot__icon{color:var(--fire-hi);border-color:#ff5a2c80;box-shadow:0 0 18px #ff5a2c4d}.slot[data-el=ice]:hover{box-shadow:0 16px 40px #38d8e62e}.slot[data-el=ice] .slot__icon{color:var(--ice-hi);border-color:#38d8e680;box-shadow:0 0 18px #38d8e64d}.slot[data-el=light]:hover{box-shadow:0 16px 40px #b388ff2e}.slot[data-el=light] .slot__icon{color:var(--light-hi);border-color:#b388ff80;box-shadow:0 0 18px #b388ff4d}.slot[data-el=shield]:hover{box-shadow:0 16px 40px #4fc3ff2e}.slot[data-el=shield].slot__icon,.slot[data-el=shield] .slot__icon{color:var(--shield);border-color:#4fc3ff80;box-shadow:0 0 18px #4fc3ff4d}.slot[data-el=earth]:hover{box-shadow:0 16px 40px #d0a85f2e}.slot[data-el=earth] .slot__icon{color:var(--earth-hi);border-color:#d0a85f80;box-shadow:0 0 18px #d0a85f4d}.dash-note{text-align:center;color:var(--muted);margin-top:18px;font-size:16px}.dash-note b{color:var(--cyan-hi);font-weight:600}.kit-presets{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.preset{font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:9px 16px;font-size:12px;transition:all .2s}.preset:hover{color:var(--volt-hi);border-color:var(--volt);box-shadow:0 0 18px #a87bff40}@media (width<=900px){.kit{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.kit{grid-template-columns:1fr}}.matrix-wrap{grid-template-columns:1.05fr .95fr;align-items:start;gap:40px;display:grid}.matrix{grid-template-columns:auto repeat(4,1fr);gap:8px;display:grid}.matrix .cell{aspect-ratio:1;border-radius:12px;place-items:center;display:grid;position:relative}.matrix .corner{background:0 0}.matrix .hd{font-family:var(--disp);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--text-hi);background:#10142699;flex-direction:column;gap:4px;font-size:12px}.matrix .hd .e{font-size:22px}.matrix .rx{border:1px solid var(--line);cursor:none;background:#0c0f1c80;font-size:24px;transition:all .18s}.matrix .rx[data-react]:hover,.matrix .rx.active{z-index:2;border-color:var(--line-2);transform:scale(1.08)}.matrix .rx.same{color:var(--muted-dim);background:repeating-linear-gradient(45deg,#ffffff08 0 6px,#0000 6px 12px);font-size:18px}.matrix .rx.none{color:var(--muted-dim);opacity:.5}.react-detail{border:1px solid var(--line);background:linear-gradient(#101426b3,#080a148c);border-radius:18px;min-height:300px;padding:30px;position:sticky;top:100px}.react-detail .combo{align-items:center;gap:14px;margin-bottom:18px;display:flex}.react-detail .chip{border:1px solid var(--line-2);background:#0a0c1899;border-radius:13px;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.react-detail .plus{color:var(--muted);font-size:22px}.react-detail .arr{color:var(--cyan);font-size:22px}.react-detail h3{font-family:var(--disp);color:var(--text-hi);margin:6px 0 10px;font-size:26px;font-weight:400}.react-detail p{color:var(--muted);margin:0}.react-detail .placeholder{color:var(--muted-dim);font-style:italic}.legend{flex-wrap:wrap;gap:14px 22px;margin-top:26px;display:flex}.legend .li{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.legend .sw{border-radius:5px;width:14px;height:14px}@media (width<=900px){.matrix-wrap{grid-template-columns:1fr}.react-detail{position:static}}.bosses{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.boss{border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:200px;padding:26px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.boss:before{content:"";opacity:.7;transition:all .3s;position:absolute;inset:0}.boss:hover{transform:translateY(-6px)}.boss:hover:before{opacity:.95}.boss>*{z-index:1;position:relative}.boss .el{font-family:var(--disp);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.boss h4{font-family:var(--disp);color:var(--text-hi);margin:6px 0 4px;font-size:24px;font-weight:400}.boss p{color:var(--text);opacity:.85;margin:0;font-size:14px}.boss.summit{text-align:center;grid-column:span 3;justify-content:center;align-items:center;min-height:160px}.boss.summit h4{font-size:clamp(28px,4vw,44px)}.boss.summit .el{color:var(--spark)}@media (width<=760px){.bosses{grid-template-columns:1fr 1fr}.boss.summit{grid-column:span 2}}.modes{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mode{border:1px solid var(--line);background:linear-gradient(#1014268c,#080a1480);border-radius:14px;padding:28px 24px;transition:all .26s}.mode:hover{border-color:var(--line-2);transform:translateY(-5px);box-shadow:0 18px 44px #2fe1e81f}.mode .ic{margin-bottom:14px;font-size:28px}.mode h4{font-family:var(--disp);color:var(--text-hi);margin:0 0 8px;font-size:20px;font-weight:400}.mode p{color:var(--muted);margin:0;font-size:15px}@media (width<=760px){.modes{grid-template-columns:1fr}}.cta{text-align:center;padding:clamp(70px,12vh,130px) 0;position:relative}.cta__inner{border:1px solid var(--line-2);background:radial-gradient(80% 140% at 50% 0,#a87bff38,#080a1499 70%);border-radius:28px;padding:clamp(40px,7vw,80px) 30px;position:relative;overflow:hidden}.cta__inner:before{content:"";background:radial-gradient(60% 90% at 50% 120%,#2fe1e833,#0000 70%);position:absolute;inset:0}.cta__inner>*{z-index:1;position:relative}.cta h2{font-family:var(--disp);color:var(--text-hi);text-shadow:0 0 40px #a87bff66;margin:0 0 16px;font-size:clamp(34px,6vw,72px);font-weight:400}.cta p{color:var(--muted);max-width:50ch;margin:0 auto 36px;font-size:clamp(17px,1.6vw,20px)}.cta .hero__cta{justify-content:center}.footer{border-top:1px solid var(--line);padding:44px 0 60px}.footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer__brand{font-family:var(--disp);letter-spacing:.14em;color:var(--text-hi);font-size:18px}.footer__brand .bolt{color:var(--spark);text-shadow:0 0 12px var(--spark)}.footer__links{flex-wrap:wrap;gap:24px;display:flex}.footer__links a{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:14px;transition:all .2s}.footer__links a:hover{color:var(--cyan-hi)}.footer__fine{color:var(--muted-dim);margin-top:22px;font-size:13px}.screens-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:22px;display:grid}.screen-card{border:1px solid var(--line-2);background:linear-gradient(#101426b8,#080a149e);border-radius:20px;margin:0;overflow:hidden;box-shadow:0 24px 70px #0000006b,0 0 42px #2fe1e81f}.screen-card img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line);width:100%}.screen-card figcaption{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:16px;padding:16px 18px;font-size:14px;display:flex}.screen-card figcaption b{color:var(--cyan-hi);font-family:var(--disp);letter-spacing:.08em;font-weight:400}@media (width<=820px){.screens-grid{grid-template-columns:1fr}}@media (width<=620px){body{cursor:auto}.btn{cursor:pointer}.screen-card figcaption{display:block}}