.servers-page-root{--sv-font:var(--font-karla,"Karla"),ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--sv-mono:ui-monospace,"SF Mono","Cascadia Code",Consolas,monospace;--sv-ease:cubic-bezier(0.2,0,0,1);--sv-green:#2ee59d;--sv-red:#ff4d6d;--sv-amber:#ffb547;--sv-surface:rgba(17,25,38,.62);--sv-hairline:rgba(176,252,253,.1);--sv-hairline-strong:rgba(176,252,253,.2);min-height:100vh;min-height:100dvh;width:100%;position:relative;background-color:var(--background);color:var(--text);font-family:var(--sv-font);overflow-x:hidden;padding:28px 24px 72px;-webkit-font-smoothing:antialiased}.servers-page-root *{font-family:inherit}.servers-page-root:before{background:radial-gradient(ellipse 60% 50% at 15% 20%,rgba(236,8,136,.09),transparent 70%),radial-gradient(ellipse 60% 50% at 85% 60%,rgba(3,198,247,.08),transparent 70%)}.servers-page-root:after,.servers-page-root:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.servers-page-root:after{background-image:linear-gradient(rgba(176,252,253,.025) 1px,transparent 0),linear-gradient(90deg,rgba(176,252,253,.025) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%)}.servers-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(90px);opacity:.28}.servers-orb--pink{width:420px;height:420px;background:var(--pink-luwolf);top:-12%;right:-8%}.servers-orb--blue{width:380px;height:380px;background:var(--blue-luwolf);bottom:-14%;left:-8%}.servers-orb--dark{width:520px;height:520px;background:var(--darkblue-luwolf);top:40%;left:50%;transform:translate(-50%,-50%);opacity:.22}@media (prefers-reduced-motion:no-preference){.servers-orb--pink{animation:sv-orb-a 16s ease-in-out infinite alternate}.servers-orb--blue{animation:sv-orb-b 19s ease-in-out infinite alternate}}@keyframes sv-orb-a{to{transform:translate(-40px,50px) scale(1.12)}}@keyframes sv-orb-b{to{transform:translate(50px,-40px) scale(1.08)}}.servers-nav{position:relative;z-index:2;max-width:1080px;margin:0 auto}.servers-back-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 12px;border-radius:999px;background:rgba(46,67,103,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--sv-hairline-strong);color:var(--whitegrey-luwolf);font-size:14px;font-weight:700;text-decoration:none;transition-property:background-color,border-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out}.servers-back-btn svg{transition:translate .15s ease-out}@media (hover:hover){.servers-back-btn:hover{background:rgba(46,67,103,.45);border-color:rgba(176,252,253,.32);color:#fff}.servers-back-btn:hover svg{translate:-2px 0}}.servers-back-btn:active{scale:.96}.servers-container{position:relative;z-index:1;max-width:1080px;margin:0 auto;gap:48px}.servers-container,.servers-header{display:flex;flex-direction:column;align-items:center}.servers-header{text-align:center;margin-top:-8px}.servers-logo-link{display:block;margin-bottom:14px}.servers-logo{width:104px;height:104px;display:block;filter:drop-shadow(0 0 24px rgba(236,8,136,.4)) drop-shadow(0 0 48px rgba(3,198,247,.28))}@media (prefers-reduced-motion:no-preference){.servers-logo{animation:sv-float 4s ease-in-out infinite}}@keyframes sv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.servers-title{font-family:var(--font-upheavtt)!important;font-size:clamp(30px,8.5vw,64px);font-weight:400;letter-spacing:.1em;line-height:1;color:var(--darkergrey-luwolf);text-shadow:3px 3px var(--pink-luwolf),-3px -3px var(--blue-luwolf);margin:0}.servers-subtitle{margin:14px 0 0;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.servers-statusbar,.servers-subtitle{font-size:13px;color:var(--lightergrey-luwolf)}.servers-statusbar{display:inline-flex;align-items:center;gap:14px;margin-top:24px;height:40px;padding:0 6px 0 16px;border-radius:999px;background:var(--sv-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--sv-hairline);box-shadow:0 8px 24px rgba(0,0,0,.25)}.servers-statusbar-item{display:inline-flex;align-items:center;gap:7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.servers-statusbar-item strong{color:#fff;font-weight:800}.servers-statusbar-sep{width:1px;height:16px;background:var(--sv-hairline-strong)}.servers-statusbar-dot{width:8px;height:8px;border-radius:50%}.servers-statusbar-dot--online{background:var(--sv-green);box-shadow:0 0 0 3px rgba(46,229,157,.15)}.servers-statusbar-dot--offline{background:var(--sv-red);box-shadow:0 0 0 3px rgba(255,77,109,.15)}.servers-refresh-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;border:none;background:rgba(176,252,253,.06);color:var(--whitegrey-luwolf);font-size:12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out}@media (hover:hover){.servers-refresh-btn:hover:not(:disabled){background:rgba(3,198,247,.16);color:#fff}}.servers-refresh-btn:active:not(:disabled){scale:.96}.servers-refresh-btn:disabled{cursor:progress;opacity:.75}.servers-refresh-btn.is-loading .servers-refresh-icon{animation:sv-spin .9s linear infinite}@keyframes sv-spin{to{transform:rotate(1turn)}}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));grid-gap:24px;gap:24px;width:100%}.server-card{position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--sv-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--sv-hairline);box-shadow:inset 0 1px 0 rgba(176,252,253,.06),0 20px 40px -12px rgba(0,0,0,.5);transition-property:translate,box-shadow,border-color;transition-duration:.3s;transition-timing-function:var(--sv-ease)}.server-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:4;background:linear-gradient(90deg,var(--blue-luwolf),var(--pink-luwolf));opacity:.85}@media (hover:hover){.server-card:hover{translate:0 -4px;border-color:var(--sv-hairline-strong);box-shadow:inset 0 1px 0 rgba(176,252,253,.1),0 28px 56px -16px rgba(0,0,0,.6),0 0 0 1px rgba(3,198,247,.08),0 0 48px -8px rgba(3,198,247,.18)}}.server-card-banner{position:relative;height:168px;overflow:hidden;background:#06040c}.server-card-bg-image{object-fit:cover;transition:scale .6s var(--sv-ease)}@media (hover:hover){.server-card:hover .server-card-bg-image{scale:1.04}}.server-card-bg-fallback{width:100%;height:100%;background:linear-gradient(135deg,rgba(24,67,154,.5),rgba(236,8,136,.3))}.server-card-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,4,12,0) 30%,rgba(14,20,31,.92));pointer-events:none}.server-card--offline .server-card-bg-image{filter:saturate(.45) brightness(.8)}.server-card-badges{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2}.server-badge-pill,.server-status-pill{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(6,4,12,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(176,252,253,.14)}.server-badge-pill{color:var(--lightblue-luwolf)}.server-status-pill{gap:7px;margin-left:auto;transition-property:color,border-color,background-color;transition-duration:.3s}.server-status-dot{position:relative;width:7px;height:7px;border-radius:50%;background:currentColor}.server-status-pill--online{color:var(--sv-green);border-color:rgba(46,229,157,.35);background:rgba(8,36,26,.7)}.server-status-pill--offline{color:var(--sv-red);border-color:rgba(255,77,109,.35);background:rgba(40,8,16,.7)}.server-status-pill--checking,.server-status-pill--maintenance{color:var(--sv-amber);border-color:rgba(255,181,71,.35);background:rgba(40,28,8,.7)}.server-status-pill--online .server-status-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor}@media (prefers-reduced-motion:no-preference){.server-status-pill--online .server-status-dot:after{animation:sv-ping 1.8s cubic-bezier(0,0,.2,1) infinite}.server-status-pill--checking .server-status-dot{animation:sv-blink 1s ease-in-out infinite}}@keyframes sv-ping{75%,to{transform:scale(2.6);opacity:0}}@keyframes sv-blink{50%{opacity:.3}}.server-card-body{display:flex;flex-direction:column;flex:1 1;padding:0 24px 24px}.server-card-header{display:flex;align-items:flex-end;gap:16px;margin-top:-40px;position:relative;z-index:3}.server-card-square-wrapper{flex-shrink:0;width:80px;height:80px;padding:3px;border-radius:22px;background:linear-gradient(135deg,rgba(3,198,247,.6),rgba(236,8,136,.6));box-shadow:0 12px 28px rgba(0,0,0,.55);transition:rotate .3s var(--sv-ease),scale .3s var(--sv-ease)}@media (hover:hover){.server-card:hover .server-card-square-wrapper{rotate:-3deg;scale:1.04}}.server-card-square-img{width:100%;height:100%;display:block;border-radius:19px;object-fit:cover;background:#111926}.server-card-title{flex:1 1;min-width:0;margin:0;padding-bottom:6px;font-family:var(--font-upheavtt)!important;font-weight:400;font-size:24px;line-height:1.1;letter-spacing:.05em;color:#eef6ff;text-shadow:2px 2px rgba(236,8,136,.85),-1px -1px rgba(3,198,247,.85);text-wrap:balance}.server-card-desc{margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--whitegrey-luwolf);text-wrap:pretty}.server-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:22px}.server-action{display:flex;align-items:stretch;border-radius:14px;border:1px solid var(--sv-hairline);background:rgba(46,67,103,.18);overflow:hidden;transition-property:border-color,background-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}.server-action-main{flex:1 1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;color:#fff;text-decoration:none;transition:scale .15s ease-out}.server-action-main:active{scale:.98}.server-action-icon{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(176,252,253,.07);color:var(--lightblue-luwolf);transition-property:background-color,color;transition-duration:.15s}.server-action-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.server-action-label{font-size:15px;font-weight:800;line-height:1.2;letter-spacing:.01em}.server-action-url{font-family:var(--sv-mono)!important;font-size:12px;line-height:1.3;color:var(--lightergrey-luwolf);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-action-arrow{flex-shrink:0;display:grid;place-items:center;color:var(--lightergrey-luwolf);transition-property:translate,color;transition-duration:.15s;transition-timing-function:ease-out}.server-action-copy{position:relative;flex-shrink:0;width:48px;display:grid;place-items:center;border:none;border-left:1px solid var(--sv-hairline);background:transparent;color:var(--lightergrey-luwolf);cursor:pointer;transition-property:background-color,color;transition-duration:.15s}.server-copy-icon{grid-area:1/1;display:grid;place-items:center;transition-property:opacity,scale,filter;transition-duration:.3s;transition-timing-function:var(--sv-ease)}.server-copy-icon--check{color:var(--sv-green)}.server-action-copy.is-copied .server-copy-icon--copy,.server-copy-icon--check{opacity:0;scale:.25;filter:blur(4px)}.server-action-copy.is-copied .server-copy-icon--check{opacity:1;scale:1;filter:blur(0)}.server-action-copy:active{background:rgba(176,252,253,.08)}.server-action--primary{border-color:transparent;background:linear-gradient(var(--sv-btn-bg,rgba(20,28,46,.92)),var(--sv-btn-bg,rgba(20,28,46,.92))) padding-box,linear-gradient(90deg,rgba(3,198,247,.7),rgba(236,8,136,.7)) border-box;box-shadow:0 8px 24px -10px rgba(3,198,247,.35)}.server-action--primary .server-action-icon{background:linear-gradient(135deg,var(--blue-luwolf),var(--pink-luwolf));color:#fff;box-shadow:0 4px 14px -2px rgba(236,8,136,.45)}.server-action--primary .server-action-copy{border-left-color:rgba(176,252,253,.12)}@media (hover:hover){.server-action:hover{border-color:var(--sv-hairline-strong);background-color:rgba(46,67,103,.32)}.server-action--primary:hover{--sv-btn-bg:rgba(28,40,64,.95);border-color:transparent;box-shadow:0 10px 28px -10px rgba(3,198,247,.5),0 0 24px -6px rgba(236,8,136,.35)}.server-action-main:hover .server-action-arrow{translate:2px -2px;color:#fff}.server-action:not(.server-action--primary) .server-action-main:hover .server-action-icon{background:rgba(3,198,247,.16);color:#fff}.server-action-copy:hover{background:rgba(176,252,253,.06);color:#fff}}.server-action-copy:focus-visible,.server-action-main:focus-visible,.servers-back-btn:focus-visible,.servers-refresh-btn:focus-visible{outline:2px solid var(--blue-luwolf);outline-offset:-2px}.server-card--offline .server-action--primary{box-shadow:none;background:linear-gradient(rgba(20,28,46,.92),rgba(20,28,46,.92)) padding-box,linear-gradient(90deg,rgba(3,198,247,.3),rgba(236,8,136,.3)) border-box}.server-card--offline .server-action--primary .server-action-icon{filter:saturate(.5);box-shadow:none}.servers-footer p{margin:0;font-size:14px;line-height:1.6;text-align:center;color:var(--lightergrey-luwolf)}.servers-footer a{color:var(--blue-luwolf);font-weight:700;text-decoration:none;transition:color .15s ease-out}@media (hover:hover){.servers-footer a:hover{color:var(--pink-luwolf)}}@media (max-width:640px){.servers-page-root{padding:18px 14px 56px}.servers-container{gap:36px}.servers-logo{width:84px;height:84px}.servers-title{letter-spacing:.06em}.servers-subtitle{font-size:11px;letter-spacing:.2em}.servers-statusbar{gap:10px;padding-left:12px}.server-card-banner{height:140px}.server-card-body{padding:0 18px 18px}.server-card-square-wrapper{width:68px;height:68px;border-radius:19px}.server-card-square-img{border-radius:16px}.server-card-title{font-size:20px}}@media (prefers-reduced-motion:reduce){.server-action-arrow,.server-action-main,.server-card,.server-card-bg-image,.server-card-square-wrapper{transition-property:opacity,background-color,border-color,color,box-shadow!important}.server-card:hover,.server-card:hover .server-card-bg-image,.server-card:hover .server-card-square-wrapper{translate:none!important;scale:none!important;rotate:none!important}.servers-refresh-btn.is-loading .servers-refresh-icon{animation:none}}