.server-page{isolation:isolate;color:#141834;min-height:100svh;padding:220px 72px 70px max(274px,12.125rem + 63px);position:relative}.server-environment{z-index:-2;pointer-events:none;background:url(/art/environment.webp) 50%/cover no-repeat;position:fixed;inset:0}.server-page>.wordmark{width:576px;margin:0;position:absolute;top:0;left:calc(50% - 288px)}.server-sidebar{width:max(194px,12.125rem);position:absolute;top:184px;left:38px}.server-descriptor{letter-spacing:-.035em;margin:0 0 18px 5px;font-size:1.36rem;font-weight:850;line-height:1.22}.server-descriptor>span{color:#3821e4}.server-sidebar .menu-area--compact{margin-top:0}.server-sidebar .menu-item{gap:12px;width:100%;min-height:44px;padding:8px 12px;font-size:.9rem}.server-sidebar .menu-item[aria-current]{color:#3512da;background:#b6a7ff6b;font-weight:700}.server-sidebar .game-menu ul{gap:3px}.server-sidebar .unavailable-note{margin-top:-5px;margin-left:32px}.server-content{min-width:0;container-type:inline-size}.server-hero{color:#f7f7ff;background:linear-gradient(95deg,#101430fa 20%,#161644ed 36%,#37338830 65%,#a5b3f217),url(/art/environment.webp) 50% 57%/cover;border:1px solid #8a8ad1;border-radius:10px;min-height:280px;position:relative;box-shadow:0 3px 14px #3230800d}.server-hero:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#11152d96,#171b4340),url(/art/store/banner.webp) 50%/cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 15%,#000b 46%,#0000 73%);mask-image:linear-gradient(90deg,#000 15%,#000b 46%,#0000 73%)}.server-hero-copy{z-index:2;width:44%;padding:28px 34px;position:relative}.server-eyebrow{letter-spacing:.32em;color:#c1c7f5;font-size:.6875rem;font-weight:700}.server-hero h1{letter-spacing:-.035em;margin:9px 0 14px;font-size:3rem;font-weight:850;line-height:1.08}.server-hero h1>span{color:#8c72ff}.server-hero p{color:#d6dcf7;max-width:26rem;margin:0;font-size:1.0625rem;line-height:1.5}.server-primary{background:linear-gradient(105deg,#3434ff,#821dff);border:1px solid #9e8cff;border-radius:6px;justify-content:center;align-items:center;gap:13px;min-height:44px;margin-top:20px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:filter .18s,box-shadow .18s;display:inline-flex;box-shadow:0 0 16px #6055ff50,inset 0 0 9px #b4a3ff35}.server-primary:hover{filter:brightness(1.12);box-shadow:0 0 20px #6957ff65}.server-primary:focus-visible{outline-offset:4px;outline-color:#ded9ff}.server-guardian{z-index:1;aspect-ratio:1;pointer-events:none;width:380px;position:absolute;top:-64px;left:calc(44% + 20px)}.server-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.server-feature{background:#eef2ffef;border:1px solid #ffffffde;border-radius:9px;min-width:0;min-height:184px;padding:15px 18px 18px;position:relative;box-shadow:0 3px 14px #4b50aa09,inset 0 0 0 1px #b4bde218}.feature-number{color:#514ca1;letter-spacing:.08em;border:1px solid #a6acf5;border-radius:5px;justify-content:center;min-width:28px;padding:1px 5px;font-size:.625rem;line-height:1.1;display:inline-flex}.feature-copy{z-index:1;width:63%;position:relative}.feature-copy h2{letter-spacing:-.025em;margin:14px 0 0;font-size:1.125rem;font-weight:800;line-height:1.16}.feature-alias{color:#515489;margin-top:4px;font-size:.6875rem;font-weight:600;display:block}.feature-copy p{color:#383e72;margin:9px 0 0;font-size:.875rem;line-height:1.4}@container (max-width:70rem){.server-hero h1{font-size:2.4rem}.server-guardian{width:340px;top:-20px}}@container (max-width:62rem){.server-features{grid-template-columns:repeat(2,minmax(0,1fr))}.server-hero-copy{width:calc(100% - 345px);padding:25px}.server-guardian{width:320px;top:-22px;left:auto;right:5px}}@container (min-width:34.001rem) and (max-width:62rem){.server-hero-copy:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#11152dbf calc(100% - 41px),#0000);border-radius:9px 0 0 9px;position:absolute;inset:0 -16px 0 0}}@container (max-width:34rem){.server-features{grid-template-columns:minmax(0,1fr)}.server-hero-copy{width:100%;padding:24px}.server-hero h1{max-width:14rem;font-size:2rem}.server-hero p{max-width:14rem}.server-guardian{width:240px;top:22px;right:0}}@media (max-width:1399px){.server-page{padding:205px 28px 60px max(230px,11.375rem + 48px)}.server-sidebar{width:max(182px,11.375rem);left:24px}}@media (max-width:799px){.server-page{padding:185px 24px 40px}.server-page>.wordmark{width:500px;max-width:85%;left:50%;transform:translate(-50%)}.server-sidebar{width:100%;margin-bottom:20px;position:relative;top:auto;left:auto}}@media (max-width:549px){.server-page{padding:138px 18px 40px}.server-page>.wordmark{max-width:calc(100% - 12px)}}.feature-art{aspect-ratio:1;pointer-events:none;width:42%;position:absolute;bottom:9px;right:-3px}.feature-art img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(#000 53%,#0000 73%);mask-image:radial-gradient(#000 53%,#0000 73%)}.server-feature{transition:translate .2s,background .2s,border-color .2s,box-shadow .2s}.server-page[data-motion=on] .server-feature{animation:.38s cubic-bezier(.2,.7,.3,1) both feature-reveal;animation-delay:calc(var(--feature-order) * 45ms)}@keyframes feature-reveal{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.server-feature:hover{background:#f5f6fff7;border-color:#b2a9ff;translate:0 -3px;box-shadow:0 6px 20px #5851b820}}.server-page[data-motion=off] .core-light{animation-play-state:paused}.server-menu-trigger{display:none}.server-page .store-dialog{color:#141834;overscroll-behavior:contain;background:#edf1ff;border:0;border-left:1px solid #abb6e6;width:min(420px,100%);max-width:100%;height:100svh;max-height:100svh;margin:0;padding:24px;position:fixed;inset:0 0 0 auto;overflow-y:auto}.server-page .store-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c103f70}.server-page .store-dialog[open]{animation:.22s cubic-bezier(.2,.7,.3,1) server-drawer-reveal}.server-page .store-dialog-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.server-page .store-dialog-heading h2{margin:0;font-size:1.35rem;font-weight:750}.server-page .store-dialog .icon-button{background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex}.server-page .store-dialog .icon-button:hover{background:#d7d8f8}.server-page .store-dialog .menu-item{gap:14px;width:100%}.server-page .store-dialog .menu-item[aria-current]{color:#3512da;background:#b6a7ff6b;font-weight:700}.server-page .store-dialog .manual-copy{width:100%;position:relative}.server-page .store-dialog .server-descriptor{margin:0 0 28px 18px;font-size:1.25rem}.server-noscript{background:#edf1ff;border-radius:6px;margin-top:20px;padding:16px;font-size:.9rem}.server-noscript p{margin:0 0 8px}.server-noscript a{margin-right:20px;text-decoration:underline;display:inline-block}@keyframes server-drawer-reveal{0%{opacity:0;translate:16px}to{opacity:1;translate:0}}@media (max-width:799px){.server-sidebar{display:none}.server-menu-trigger{background:#eef2ffbf;border:1px solid #9ca7d7;border-radius:5px;align-items:center;gap:8px;min-height:44px;margin:-8px 0 14px;padding:9px 12px;font-size:.875rem;display:flex}}@container (max-width:34rem){.server-hero{min-height:430px}.server-hero-copy{padding-top:220px}.server-hero h1{max-width:none}.server-hero p{max-width:100%}.server-guardian{width:260px;top:-32px;left:auto;right:calc(50% - 130px)}.server-hero{background:linear-gradient(#32386655 5%,#11152dfc 60%),url(/art/environment.webp) 50%/cover}.server-hero:before{-webkit-mask-image:linear-gradient(#0000,#0008 25%,#000 70%);mask-image:linear-gradient(#0000,#0008 25%,#000 70%)}.server-feature{min-height:184px}}