/* MWA nebula menu */
.mx-bar{position:sticky;top:0;z-index:60;padding:12px 0;transition:background .4s,backdrop-filter .4s}
.mx-bar.scrolled{background:rgba(12,10,18,.55);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(255,255,255,.05)}
.mx-bar .in{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mx-btn{position:relative;z-index:102;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 16px 0 14px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f4eff9;font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .3s,background .3s,transform .3s}
.mx-btn:hover{border-color:rgba(255,61,154,.6);background:rgba(255,61,154,.08)}
.mx-btn:active{transform:scale(.97)}
.mx-btn .ic{position:relative;width:18px;height:10px}
.mx-btn .ic i{position:absolute;left:0;height:1.5px;border-radius:2px;background:currentColor;transition:transform .5s cubic-bezier(.7,0,.2,1),width .5s cubic-bezier(.7,0,.2,1),top .5s cubic-bezier(.7,0,.2,1)}
.mx-btn .ic i:nth-child(1){top:1px;width:18px}
.mx-btn .ic i:nth-child(2){top:8px;width:11px}
.mx-open .mx-btn .ic i:nth-child(1){top:4.5px;transform:rotate(45deg)}
.mx-open .mx-btn .ic i:nth-child(2){top:4.5px;width:18px;transform:rotate(-45deg)}
.mx-btn .lbl{display:grid;overflow:hidden;height:12px}
.mx-btn .lbl span{grid-area:1/1;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.mx-btn .lbl span+span{transform:translateY(130%)}
.mx-open .mx-btn .lbl span:first-child{transform:translateY(-130%)}
.mx-open .mx-btn .lbl span+span{transform:none}

.mx-ov{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none;background:#07050d;clip-path:circle(0 at var(--ox,90%) var(--oy,30px));transition:clip-path .9s cubic-bezier(.7,0,.2,1),visibility 0s .9s}
.mx-open .mx-ov{visibility:visible;pointer-events:auto;clip-path:circle(150% at var(--ox,90%) var(--oy,30px));transition:clip-path 1s cubic-bezier(.7,0,.2,1)}
.mx-ov canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.mx-ov .fallback{position:absolute;inset:-30%;background:radial-gradient(closest-side at 30% 35%,rgba(255,61,154,.45),transparent 70%),radial-gradient(closest-side at 70% 60%,rgba(139,92,246,.5),transparent 70%),radial-gradient(closest-side at 50% 90%,rgba(50,30,140,.5),transparent 70%);filter:blur(30px)}
.mx-ov .grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.mx-ov .vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(7,5,13,.75) 100%)}
.mx-body{position:relative;height:100%;max-width:1040px;margin:0 auto;padding:96px 20px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow-y:auto}
.mx-kick{font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,239,249,.5);margin-bottom:14px}
.mx-list{list-style:none;margin:0;padding:0}
.mx-list li{overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}
.mx-list li:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
.mx-list a{position:relative;display:flex;align-items:baseline;gap:16px;padding:14px 0;color:#f4eff9;text-decoration:none;transform:translateY(110%);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .6s;transition-delay:calc(var(--i)*70ms + .25s)}
.mx-open .mx-list a{transform:none;opacity:1}
.mx-list .n{font:500 12px/1 Inter,system-ui,sans-serif;color:rgba(255,61,154,.9);letter-spacing:.1em;min-width:26px}
.mx-list .t{font-family:'Archivo Black',sans-serif;font-size:clamp(30px,8vw,72px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(90deg,#f4eff9 0 50%,#ff3d9a 50%,#8b5cf6 100%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .7s cubic-bezier(.7,0,.2,1),letter-spacing .7s cubic-bezier(.2,.8,.2,1)}
.mx-list a:hover .t,.mx-list a:focus-visible .t{background-position:100% 0;letter-spacing:0}
.mx-list .m{margin-left:auto;font:500 13px/1.2 Inter,system-ui,sans-serif;color:rgba(244,239,249,.55);text-align:right;white-space:nowrap}
.mx-list .ar{display:inline-block;margin-left:8px;transition:transform .4s}
.mx-list a:hover .ar{transform:translateX(6px)}
.mx-list a[aria-current="page"] .n:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff3d9a;margin-left:8px;box-shadow:0 0 10px #ff3d9a;vertical-align:middle}
.mx-foot{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end;justify-content:space-between;opacity:0;transform:translateY(12px);transition:opacity .6s .7s,transform .8s .7s cubic-bezier(.2,.8,.2,1)}
.mx-open .mx-foot{opacity:1;transform:none}
.mx-soc{display:flex;gap:8px;flex-wrap:wrap}
.mx-soc a{font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#f4eff9;text-decoration:none;padding:11px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);backdrop-filter:blur(8px);transition:border-color .3s,background .3s}
.mx-soc a:hover{border-color:#ff3d9a;background:rgba(255,61,154,.12)}
.mx-tag{font:500 13px/1.5 Inter,system-ui,sans-serif;color:rgba(244,239,249,.55);max-width:300px}
.mx-tag b{color:#f4eff9;font-weight:600}
html.mx-lock,html.mx-lock body{overflow:hidden}
@media (max-width:560px){.mx-list .m{display:none}.mx-body{padding-top:84px}}
@media (prefers-reduced-motion:reduce){.mx-ov,.mx-open .mx-ov{transition:none}.mx-list a,.mx-foot{transition:none}}

.mx-open .mx-bar{z-index:101;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.mx-open .mx-bar .logo{position:relative;z-index:102}
@media (max-width:440px){.mx-bar .logo{font-size:0;gap:0}.mx-bar .logo b{font-size:22px}}
.mx-body{transform-style:preserve-3d;will-change:transform}
.mx-ov canvas{will-change:transform}
.mx-list a{transform-style:preserve-3d}
.mx-list .t{display:inline-block;transform:translateZ(30px)}
/* nebula scrollbar */
.nb-track{position:relative;height:6px;margin:6px 0 0;border-radius:99px;background:rgba(255,255,255,.06);overflow:visible;cursor:pointer;touch-action:none}
.nb-thumb{position:absolute;top:-1px;bottom:-1px;left:0;min-width:40px;border-radius:99px;background:linear-gradient(90deg,#2a1a6b,#8b5cf6,#ff3d9a,#ff7ac0,#8b5cf6,#2a1a6b);background-size:300% 100%;animation:nbFlow 6s linear infinite;box-shadow:0 0 12px rgba(255,61,154,.55),0 0 24px rgba(139,92,246,.35);cursor:grab}
.nb-thumb:active{cursor:grabbing}
.nb-thumb:before,.nb-thumb:after{content:"";position:absolute;top:50%;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:nbStar 2.2s ease-in-out infinite}
.nb-thumb:before{left:22%;margin-top:-1.5px}.nb-thumb:after{left:68%;margin-top:-1.5px;animation-delay:1.1s}
@keyframes nbFlow{to{background-position:300% 0}}
@keyframes nbStar{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
.nb-hide{scrollbar-width:none}.nb-hide::-webkit-scrollbar{display:none}
@media (prefers-reduced-motion:reduce){.nb-thumb,.nb-thumb:before,.nb-thumb:after{animation:none}}

/* chill room easter egg */
.egg{display:inline-block;margin-left:6px;color:rgba(244,239,249,.18);text-decoration:none!important;font-size:12px;line-height:1;transition:color .6s,text-shadow .6s,transform .6s;border:0!important}
.egg:hover,.egg:focus-visible{color:#ff3d9a;text-shadow:0 0 10px #ff3d9a,0 0 20px #8b5cf6;transform:rotate(45deg) scale(1.4)}