.dx{padding-top:18px}.dx-hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:390px;padding:46px 46px 40px}.dx-hero__main{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:16px;max-width:600px}.dx-title{margin:2px 0 0;font-size:clamp(2.5rem,5.2vw,4.3rem);font-weight:700;line-height:.94;letter-spacing:-.045em;text-transform:none;text-shadow:0 10px 40px rgba(0,0,0,.55)}.dx-title em{display:block;font-style:normal;color:var(--accent);background:linear-gradient(92deg,var(--accent) 10%,color-mix(in srgb,var(--accent) 35%,#fff) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dx-lede{margin:0;max-width:440px;color:var(--ink-soft,#c4cee2);font-size:1.02rem;line-height:1.55}.dx-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:600px;margin-top:8px;overflow:hidden;border-radius:18px;border:1px solid hsla(0,0%,100%,.09);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.015)),rgba(7,10,16,.86);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 18px 40px -24px rgba(0,0,0,.9)}.dx-hero .hub-eyebrow{flex-wrap:wrap;row-gap:4px}.dx-total{display:grid;grid-gap:3px;gap:3px;padding:14px 16px 13px;border-left:1px solid hsla(0,0%,100%,.07)}.dx-total:first-child{border-left:0}.dx-total b{font-family:var(--font-mono),monospace;font-size:1.65rem;font-weight:700;line-height:1.05;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dx-total:nth-child(3) b{color:var(--accent)}.dx-total span{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.dx-cloud{position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%,#000);mask-image:linear-gradient(90deg,transparent,#000 26%,#000)}.dx-cloud__crest{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;width:calc(var(--s) + 26px);height:calc(var(--s) + 26px);border-radius:32%;border:1px solid hsla(0,0%,100%,.09);background:radial-gradient(120% 120% at 25% 15%,hsla(0,0%,100%,.13),hsla(0,0%,100%,.02) 60%),rgba(9,12,19,.72);box-shadow:0 22px 34px -22px rgba(0,0,0,.95),inset 0 1px 0 hsla(0,0%,100%,.07);transform:translate(-50%,-20%) rotate(calc((var(--i) - 8) * 1.8deg));opacity:calc(1 - var(--i) * .028)}.dx-cloud__crest img,.dx-cloud__crest svg{width:var(--s)!important;height:var(--s)!important;margin:0!important;border-radius:8px!important;background:transparent!important;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.dx-feature{--dx-accent:var(--accent);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:34px;gap:34px;margin:0 0 44px;padding:34px 38px;border-radius:26px;border:1px solid color-mix(in srgb,var(--dx-accent) 34%,hsla(0,0%,100%,.08));background:radial-gradient(70% 140% at 0 50%,color-mix(in srgb,var(--dx-accent) 26%,transparent),transparent 62%),linear-gradient(120deg,#0c111b 0,#080b12 60%,#06080d 100%);box-shadow:0 34px 80px -46px color-mix(in srgb,var(--dx-accent) 55%,#000),inset 0 1px 0 hsla(0,0%,100%,.06)}.dx-feature:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;z-index:2;background:linear-gradient(90deg,var(--dx-accent),color-mix(in srgb,var(--dx-accent) 25%,transparent) 50%,transparent 85%)}.dx-feature__art{position:absolute;top:50%;right:-6%;z-index:-1;width:58%;aspect-ratio:1;object-fit:cover;opacity:.16;transform:translateY(-50%) rotate(-10deg);-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent 100%);mask-image:radial-gradient(closest-side,#000 35%,transparent 100%);pointer-events:none}.dx-feature__icon{position:relative;display:grid;place-items:center;width:176px;height:176px;border-radius:44px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--dx-accent) 38%,transparent),transparent 70%),hsla(0,0%,100%,.04);border:1px solid color-mix(in srgb,var(--dx-accent) 45%,hsla(0,0%,100%,.1));box-shadow:0 0 0 8px hsla(0,0%,100%,.025),0 30px 60px -30px color-mix(in srgb,var(--dx-accent) 80%,#000)}.dx-feature__icon img{width:132px;height:132px;border-radius:34px;object-fit:cover;box-shadow:0 16px 34px -12px rgba(0,0,0,.8)}.dx-card__initial,.dx-feature__initial{font-family:var(--font-display),sans-serif;font-size:3.4rem;font-weight:700;color:var(--dx-accent)}.dx-feature__body{display:grid;grid-gap:12px;gap:12px;min-width:0}.dx-feature .hub-eyebrow{--hub-accent:var(--dx-accent);color:color-mix(in srgb,var(--dx-accent) 60%,#fff)}.dx-feature__name{margin:0;font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:700;line-height:1;letter-spacing:-.03em;text-transform:none;overflow-wrap:anywhere}.dx-feature__facts{display:flex;flex-wrap:wrap;gap:8px}.dx-feature__facts span{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.09);background:hsla(0,0%,100%,.04);color:var(--text-dim);font-size:.8rem}.dx-feature__facts b{font-family:var(--font-mono),monospace;font-size:.98rem;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dx-feature__crests{display:flex;flex-wrap:wrap;gap:6px;max-width:760px}.dx-feature__crest{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:hsla(0,0%,100%,.045);border:1px solid hsla(0,0%,100%,.07)}.dx-card__crest img,.dx-card__crest svg,.dx-feature__crest img,.dx-feature__crest svg{margin:0!important;background:transparent!important}.dx-feature__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.dx-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dx-btn--primary{color:#05070b;background:linear-gradient(180deg,color-mix(in srgb,var(--dx-accent) 80%,#fff),var(--dx-accent));box-shadow:0 12px 26px -12px color-mix(in srgb,var(--dx-accent) 90%,#000)}.dx-btn--ghost{color:var(--text);border:1px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.04)}.dx-btn:hover{transform:translateY(-2px)}.dx-btn--ghost:hover{border-color:var(--dx-accent)}.dx-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:18px}.dx-toolbar__head{flex:1 1 320px;margin:0}.dx-sorts{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03)}.dx-sort{padding:7px 14px;border-radius:999px;color:var(--text-dim);font-size:.78rem;font-weight:700;text-decoration:none;transition:color .15s ease,background .15s ease}.dx-sort:hover{color:var(--text)}.dx-sort.is-active{color:#05070b;background:var(--accent);box-shadow:0 6px 16px -8px var(--accent)}.dx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));grid-gap:18px;gap:18px}.dx-card{--dx-accent:var(--accent);position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;border:1px solid hsla(0,0%,100%,.08);background:linear-gradient(180deg,#0b0f17,#080b11);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 22px 44px -28px rgba(0,0,0,.95);transition:transform .2s cubic-bezier(.2,.7,.3,1),border-color .2s ease,box-shadow .2s ease}.dx-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--dx-accent) 55%,transparent);box-shadow:0 1px 0 hsla(0,0%,100%,.07) inset,0 30px 60px -30px color-mix(in srgb,var(--dx-accent) 60%,#000)}.dx-card__banner{position:relative;height:108px;overflow:hidden;background:linear-gradient(180deg,transparent 30%,#0b0f17 100%),radial-gradient(90% 120% at 50% 0,color-mix(in srgb,var(--dx-accent) 55%,transparent),transparent 75%),linear-gradient(135deg,color-mix(in srgb,var(--dx-accent) 30%,#0b0f17),#0b0f17)}.dx-card__banner:after{content:"";position:absolute;inset:0;background:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0) 0 0 /22px 22px,linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0) 0 0 /22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}.dx-card__art{position:absolute;top:-40%;left:50%;width:150%;aspect-ratio:1;object-fit:cover;opacity:.2;transform:translateX(-50%);-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 62%);mask-image:linear-gradient(180deg,#000 20%,transparent 62%)}.dx-card__rank{position:absolute;top:12px;right:12px;z-index:1;padding:3px 9px;border-radius:999px;font-family:var(--font-mono),monospace;font-size:.72rem;font-weight:700;color:#fff;background:rgba(5,7,11,.55);border:1px solid hsla(0,0%,100%,.14)}.dx-card__icon{position:relative;z-index:1;display:grid;place-items:center;width:92px;height:92px;margin:-58px 0 0 22px;border-radius:28px;background:#0b0f17;border:1px solid color-mix(in srgb,var(--dx-accent) 50%,hsla(0,0%,100%,.12));box-shadow:0 0 0 5px #0b0f17,0 18px 34px -16px color-mix(in srgb,var(--dx-accent) 75%,#000)}.dx-card__icon img{width:76px;height:76px;border-radius:22px;object-fit:cover}.dx-card__initial{font-size:2.4rem}.dx-card__name{display:flex;align-items:center;gap:8px;margin:14px 22px 0;font-size:1.22rem;font-weight:700;line-height:1.18;letter-spacing:-.015em;text-transform:none}.dx-card__link{color:var(--text);text-decoration:none;overflow-wrap:anywhere}.dx-card__link:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}.dx-card__link:focus-visible{outline:none}.dx-card:has(.dx-card__link:focus-visible){outline:2px solid var(--dx-accent);outline-offset:3px}.dx-card__badge{flex:none;border-radius:6px}.dx-card__crests{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;margin:14px 22px 0}.dx-card__crest{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:hsla(0,0%,100%,.045);border:1px solid hsla(0,0%,100%,.06)}.dx-card__more{padding:4px 9px;border-radius:999px;font-family:var(--font-mono),monospace;font-size:.74rem;font-weight:700;color:var(--text-dim);background:hsla(0,0%,100%,.05)}.dx-card__nocrests{font-size:.8rem;color:var(--text-dim)}.dx-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 22px 0;border-radius:14px;border:1px solid hsla(0,0%,100%,.07);background:hsla(0,0%,100%,.025)}.dx-card__stats>div{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border-left:1px solid hsla(0,0%,100%,.06)}.dx-card__stats>div:first-child{border-left:0}.dx-card__stats b{font-family:var(--font-mono),monospace;font-size:1.28rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dx-card__stats>div:last-child b{color:var(--dx-accent)}.dx-card__stats span{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.dx-card__meter{height:5px;margin:12px 22px 0;overflow:hidden;border-radius:999px;background:hsla(0,0%,100%,.06)}.dx-card__meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--dx-accent) 55%,transparent),var(--dx-accent));box-shadow:0 0 12px color-mix(in srgb,var(--dx-accent) 70%,transparent)}.dx-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:14px 22px 18px}.dx-card__played{font-size:.78rem;color:var(--text-dim)}.dx-card__invite{position:relative;z-index:3;padding:6px 13px;border-radius:999px;font-size:.76rem;font-weight:700;color:#fff;text-decoration:none;background:#5865f2;box-shadow:0 8px 18px -10px #5865f2;transition:transform .15s ease}.dx-card__invite:hover{transform:translateY(-1px)}.dx-card__enter{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--dx-accent);border:1px solid color-mix(in srgb,var(--dx-accent) 45%,transparent);transition:background .2s ease,color .2s ease}.dx-card:hover .dx-card__enter{color:#05070b;background:var(--dx-accent)}@media (max-width:900px){.dx-hero{padding:34px 26px 30px;min-height:0}.dx-cloud{left:30%;opacity:.45}.dx-feature{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 22px}.dx-feature__icon{width:120px;height:120px;border-radius:32px}.dx-feature__icon img{width:92px;height:92px;border-radius:24px}}@media (max-width:560px){.dx-hero{padding:28px 18px 22px}.dx-cloud{left:10%;opacity:.16}.dx-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.dx-total:nth-child(3){border-left:0}.dx-total:nth-child(n+3){border-top:1px solid hsla(0,0%,100%,.07)}.dx-total b{font-size:1.35rem}.dx-sorts{width:100%;justify-content:space-between}.dx-sort{padding:7px 10px}.dx-feature__crest{width:38px;height:38px;border-radius:12px}}