@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.w8E6FG_className{font-family:Inter,Inter Fallback;font-style:normal}.w8E6FG_variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.NpG_xq_className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.NpG_xq_variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
:root{--bg:#0c0b11;--panel:#15141c;--panel-2:#1f1d29;--slot:#1c1a25;--line:#ffffff14;--line-hi:#ffffff2e;--text:#f1f0f6;--muted:#a7a4b8;--dim:#6f6c82;--green:#2f9e44;--green-hi:#37b24d;--discord:#5865f2;--discord-hi:#6c78f7;--stone:#26242f;--stone-hi:#312e3c;--cyan:#5ce1e6;--ease:cubic-bezier(.2, .7, .2, 1);--r:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html[data-intro=playing],html[data-intro=reveal]{overflow:hidden}body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body.gem-hover{cursor:pointer}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,b{font-weight:700}h1,h2,h3{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:0;line-height:1.15}.px{image-rendering:pixelated}:focus-visible{outline-offset:2px;outline:2px solid #fff}::selection{background:var(--green);color:#fff}.gem-card,.rank,.rule-col,.faq details,.arena-row,.discord-cta{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.stage{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main,.nav,.footer{z-index:1;position:relative}.intro{--logo:min(56vmin, 520px);z-index:50;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}html:not([data-intro=playing]):not([data-intro=reveal]) .intro{display:none}.intro>*{grid-area:1/1}.intro-logo{width:var(--logo);opacity:0;will-change:transform;height:auto;transition:opacity 80ms,transform 1s cubic-bezier(.75,0,.2,1)}.intro[data-phase=logo] .intro-logo,.intro[data-phase=fly] .intro-logo{opacity:1}.intro[data-phase=logo] .intro-logo{animation:logo-pop .45s var(--ease)}@keyframes logo-pop{0%{scale:1.15}to{scale:1}}.flash{opacity:0;background:#fff;position:fixed;inset:0}.flash.on{animation:.4s ease-out flash}@keyframes flash{0%{opacity:.65}to{opacity:0}}.skip{pointer-events:auto;transition:opacity .3s;position:fixed;bottom:20px;right:20px}.intro[data-phase=fly] .skip{opacity:0;pointer-events:none}.reveal-intro{transition:opacity .8s var(--ease), transform .8s var(--ease)}html[data-intro=playing] .reveal-intro{opacity:0;transform:translateY(18px)}html[data-intro=playing] .hero-logo,html[data-intro=reveal] .hero-logo{visibility:hidden}.hero-inner>.reveal-intro:nth-child(2){transition-delay:.25s}.hero-inner>.reveal-intro:nth-child(3){transition-delay:.35s}.hero-inner>.reveal-intro:nth-child(4){transition-delay:.45s}.hero-inner>.reveal-intro:nth-child(5){transition-delay:.55s}.hero-inner>.reveal-intro:nth-child(6){transition-delay:.65s}.gem-tip{--c:#fff;z-index:40;border:1px solid var(--line-hi);pointer-events:none;opacity:0;background:#15141cf5;border-radius:10px;width:max-content;max-width:260px;padding:10px 14px;transition:opacity .15s;position:fixed;top:0;left:0;translate:-50% calc(-100% - 64px)}.gem-tip.on{opacity:1}.gem-tip>*{display:block}.gem-tip b{color:var(--c);font-size:15px}.gem-tip span{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.4}.btn{--b:var(--stone);--bh:var(--stone-hi);background:var(--b);color:#fff;border:1px solid var(--line);font:600 15px/1 var(--font-body), sans-serif;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;transition:background .15s;display:inline-flex}.btn:hover{background:var(--bh)}.btn-play{--b:var(--green);--bh:var(--green-hi)}.btn-discord{--b:var(--discord);--bh:var(--discord-hi)}.btn-stone{--b:var(--stone);--bh:var(--stone-hi)}.nav{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:10px clamp(16px,4vw,40px);display:flex;position:fixed;inset:0 0 auto}.nav-brand{font:700 18px var(--font-display), sans-serif;align-items:center;gap:10px;display:flex}.nav-brand img{width:36px;height:36px}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);border-radius:8px;padding:8px 14px;font-size:15px;font-weight:500;transition:color .15s,background .15s}.nav-links a:hover{color:#fff}.nav-links a[aria-current]{color:#fff;background:var(--panel-2)}.nav-cta{align-items:center;gap:10px;display:flex}.nav .btn{padding:10px 20px}.nav-burger{cursor:pointer;background:var(--stone);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;padding:0;display:none}.nav-burger i{background:#fff;border-radius:1px;width:18px;height:2px}@media (max-width:900px){.nav-burger{display:flex}.nav-cta{margin-left:auto}.nav-links{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;padding:8px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-links a{padding:14px;font-size:16px}}.hero{place-items:center;min-height:100svh;padding:100px 16px 64px;display:grid}.hero-inner{text-align:center;flex-direction:column;align-items:center;max-width:660px;display:flex}.hero-logo{width:clamp(150px,22vh,230px);height:auto;margin-bottom:12px}.hero h1{font-size:clamp(30px,5.2vw,56px)}.hero-sub{color:var(--muted);max-width:520px;margin:16px 0 26px;font-size:clamp(16px,2vw,19px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.hero-meta{color:var(--dim);margin:18px 0 0;font-size:13px}.server{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);width:min(100%,440px);color:var(--text);font:400 14px var(--font-body), sans-serif;cursor:pointer;align-items:center;gap:14px;padding:10px 16px 10px 10px;transition:border-color .15s;display:flex}.server:hover{border-color:var(--line-hi)}.server img{border-radius:10px;flex:none;width:56px;height:56px}.server-body{flex:1;gap:2px;min-width:0;display:grid}.server-top{justify-content:space-between;gap:12px;display:flex}.server-top b{font-size:16px}.server-count{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.server-motd{color:var(--cyan);font-size:15px;font-weight:500}.server-hint{color:var(--dim);font-size:12px}.bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bars i{background:#333;border-radius:1px;width:3px}.bars i:first-child{height:3px}.bars i:nth-child(2){height:5px}.bars i:nth-child(3){height:7px}.bars i:nth-child(4){height:9px}.bars i:nth-child(5){height:12px}.bars[data-state=on] i{background:#4ade4a}.bars[data-state=off] i:first-child{background:#e33}.section{max-width:1200px;margin:0 auto;padding:clamp(64px,9vw,110px) 16px 0}.page{max-width:1200px;min-height:70vh;margin:0 auto;padding:120px 16px 0}.page-head{max-width:700px;margin-bottom:40px}.page-head h1{font-size:clamp(36px,5.5vw,56px)}.page-head p{color:var(--muted);margin:14px 0 0;font-size:17px}.row-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.row-head h2,.discord-cta h2{font-size:clamp(24px,3.4vw,34px)}.more{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:600}.more:hover{color:#fff}[data-reveal]{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(20px)}[data-reveal].in{opacity:1;transform:none}@media (scripting:none){[data-reveal]{opacity:1;transform:none}}.slot{background:var(--slot);border-radius:10px;flex:none;place-items:center;display:grid}.feature-list{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);align-items:flex-start;gap:16px;padding:16px;display:flex}.feature-list .slot{width:48px;height:48px}.feature-list img{width:28px;height:28px}.feature-list b{font-size:16px;font-weight:600;display:block}.feature-list p{color:var(--muted);margin:4px 0 0;font-size:15px}@media (max-width:760px){.feature-list{grid-template-columns:1fr}}.arena-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.arena{--c:#fff;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);transition:transform .2s var(--ease), border-color .2s;padding:8px;display:block}.arena:hover{border-color:var(--line-hi);transform:translateY(-3px)}.arena img{aspect-ratio:1;background:var(--slot);border-radius:8px;width:100%;height:auto}.arena-name{font:700 15px var(--font-display), sans-serif;color:var(--c);padding:10px 4px 4px;display:block}@media (max-width:900px){.arena-grid{grid-template-columns:repeat(2,1fr)}}.arena-list{gap:20px;display:grid}.arena-row{--c:#fff;grid-template-columns:260px 1fr;align-items:center;gap:28px;padding:12px;scroll-margin-top:90px;display:grid}.arena-row img{background:var(--slot);border-radius:10px;width:100%;height:auto}.arena-row h2{color:var(--c);font-size:28px}.arena-row p{color:var(--muted);max-width:520px;font-size:16px}@media (max-width:640px){.arena-row{grid-template-columns:1fr;gap:14px}}.gem-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.gem-card{--c:#fff;grid-template-columns:104px 1fr;gap:22px;padding:20px;scroll-margin-top:90px;display:grid}.gem-card:target{border-color:var(--c)}.gem-art{width:104px;height:104px}.gem-art img{width:80px;height:80px}.gem-card h2{color:var(--c);font-size:26px}.gem-card h3{font:600 12px var(--font-body), sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:16px 0 8px}.gem-tag{margin:4px 0 0}.gem-passives{color:var(--muted);gap:4px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.gem-passives li:before{content:"+ ";color:var(--c);font-weight:700}.gem-abilities{flex-wrap:wrap;gap:6px;display:flex}.gem-abilities span{background:var(--slot);color:var(--c);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:500}@media (max-width:860px){.gem-grid{grid-template-columns:1fr}}@media (max-width:480px){.gem-card{grid-template-columns:1fr;gap:12px}}.rank-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.rank{--c:#fff;padding:20px}.rank-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.rank-head .slot{width:52px;height:52px}.rank-head img{width:36px;height:36px}.rank h2{color:var(--c);font-size:24px}.rank ul{color:var(--muted);gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.rank li:before{content:"+ ";color:var(--c);font-weight:700}.rank-note{color:var(--c);margin:16px 0 0;font-size:13px}.store-cta{color:var(--muted);margin-top:32px}@media (max-width:1000px){.rank-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.rank-grid{grid-template-columns:1fr}}.rules{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rule-col{--c:#fff;padding:24px}.rule-col h2{align-items:center;gap:12px;margin-bottom:18px;font-size:24px;display:flex}.rule-col h2 .slot{width:44px;height:44px}.rule-col h2 img{width:28px;height:28px}.rule-col ol{counter-reset:r;gap:12px;margin:0;padding:0;list-style:none;display:grid}.rule-col li{counter-increment:r;color:var(--muted);gap:12px;font-size:15px;display:flex}.rule-col li:before{content:counter(r) ".";width:22px;color:var(--c);flex:none;font-weight:700}@media (max-width:800px){.rules{grid-template-columns:1fr}}.discord-cta{text-align:center;background:#191b33;padding:clamp(36px,6vw,56px) 24px}.discord-cta p{color:var(--muted);max-width:520px;margin:12px auto 24px;font-size:17px}.faq{gap:12px;max-width:760px;display:grid}.faq details{padding:0 20px}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:16px 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted)}.faq details[open] summary:after{content:"-"}.faq details p{color:var(--muted);margin:0 0 16px}.faq-more{margin-top:24px}.faq-more a{color:var(--cyan)}.footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:clamp(80px,10vw,120px) auto 0;padding:28px 16px 40px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand b{font:700 16px var(--font-display), sans-serif;display:block}.footer-brand span{color:var(--muted);font-size:13px}.footer-links{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:14px;display:flex}.footer-links a:hover{color:#fff}.footer-legal{width:100%;color:var(--dim);margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}html{scroll-behavior:auto}}