.server-list.svelte-14dyrge{flex-direction:column;gap:8px;margin:0 16px 24px;display:flex}.server-row.svelte-14dyrge{color:#fff;background:#14161b;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:minmax(210px,1.35fr) minmax(140px,.85fr) 92px 76px;align-items:center;gap:18px;min-height:72px;padding:10px 12px;transition:border-color .16s,background-color .16s;display:grid;position:relative;overflow:hidden}.server-row.svelte-14dyrge:hover{background:#181a1f;border-color:#ffffff1f}.server-row.is-offline.svelte-14dyrge .server-art:where(.svelte-14dyrge),.server-row.is-offline.svelte-14dyrge .server-name:where(.svelte-14dyrge),.server-row.is-offline.svelte-14dyrge .map-name:where(.svelte-14dyrge){opacity:.68}.server-row.has-campaign.svelte-14dyrge:before{content:"";z-index:2;background:#ef4444;border-radius:999px;width:2px;position:absolute;top:12px;bottom:12px;left:-1px}.server-art.svelte-14dyrge{pointer-events:none;opacity:.58;width:min(46%,420px);position:absolute;inset:0 auto 0 0}.server-art-fade.svelte-14dyrge{z-index:4;background:linear-gradient(90deg,#14161b2e 0%,#14161b75 52%,#14161b 100%);position:absolute;inset:0}.server-column.svelte-14dyrge,.action-group.svelte-14dyrge{z-index:5;position:relative}.server-column.svelte-14dyrge{min-width:0}.identity-column.svelte-14dyrge{flex-direction:column;gap:6px;display:flex}.server-name.svelte-14dyrge{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 12px #0000008c;min-width:0;font-size:15px;font-weight:700;line-height:1.15;text-decoration:none;display:block;overflow:hidden}.server-name.svelte-14dyrge:hover{color:#f4f4f5}.server-name.svelte-14dyrge:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #f973168c}.server-subtitle.svelte-14dyrge{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:600;line-height:1}.server-tags.svelte-14dyrge{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.campaign-badge.svelte-14dyrge,.override-badge.svelte-14dyrge,.beta-badge.svelte-14dyrge{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:999px;max-width:100%;padding:2px 6px;font-size:10px;font-weight:800;line-height:1.2;overflow:hidden}.beta-badge.svelte-14dyrge{border-color:rgb(var(--badge-accent)/.32);background:rgb(var(--badge-accent)/.14);color:rgb(var(--badge-accent-fg))}.campaign-badge.svelte-14dyrge{border-color:rgb(var(--badge-danger)/.32);background:rgb(var(--badge-danger)/.14);color:rgb(var(--badge-danger-fg))}.tone-info.svelte-14dyrge{border-color:rgb(var(--badge-info)/.32);background:rgb(var(--badge-info)/.14);color:rgb(var(--badge-info-fg))}.tone-warning.svelte-14dyrge{border-color:rgb(var(--badge-warning)/.32);background:rgb(var(--badge-warning)/.14);color:rgb(var(--badge-warning-fg))}.tone-critical.svelte-14dyrge{border-color:rgb(var(--badge-danger)/.32);background:rgb(var(--badge-danger)/.14);color:rgb(var(--badge-danger-fg))}.map-column.svelte-14dyrge{justify-content:flex-start;display:flex}.map-name.svelte-14dyrge{text-overflow:ellipsis;white-space:nowrap;color:#c9ccd3;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.players-column.svelte-14dyrge{color:#c9ccd3;white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:3px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.player-current.svelte-14dyrge{color:#fff;font-size:16px}.player-divider.svelte-14dyrge,.offline-label.svelte-14dyrge{color:#747987}.mobile-label.svelte-14dyrge{display:none}.action-group.svelte-14dyrge{background:#111217e6;border:1px solid #ffffff14;border-radius:10px;justify-self:end;align-items:center;padding:3px;display:inline-flex}.action-button.svelte-14dyrge{color:#a1a1aa;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.action-button.svelte-14dyrge:hover{color:#fff;background:#ffffff0f}.action-button.svelte-14dyrge:focus-visible{outline-offset:2px;outline:2px solid #f973168c}.play-button.svelte-14dyrge{color:#fb923c;background:#f973161a}.play-button.svelte-14dyrge:hover{color:#fdba74;background:#f9731629}@media screen and (width<=760px){.server-row.svelte-14dyrge{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:82px;padding:10px}.server-art.svelte-14dyrge{width:min(70%,360px)}.server-art-fade.svelte-14dyrge{background:linear-gradient(90deg,#14161b33 0%,#14161b94 58%,#14161b 100%)}.identity-column.svelte-14dyrge{grid-area:1/1}.map-column.svelte-14dyrge,.players-column.svelte-14dyrge{grid-column:1;justify-content:flex-start;gap:6px;font-size:12px;display:flex}.map-column.svelte-14dyrge{grid-row:2}.players-column.svelte-14dyrge{grid-row:3}.mobile-label.svelte-14dyrge{color:#747987;font-weight:600;display:inline}.action-group.svelte-14dyrge{grid-area:1/2/span 3}}@media screen and (width<=480px){.server-list.svelte-14dyrge{margin:0 8px 20px}.server-row.svelte-14dyrge{grid-template-columns:minmax(0,1fr)}.action-group.svelte-14dyrge{grid-area:auto/1;justify-self:start}}@media (prefers-reduced-motion:reduce){.server-row.svelte-14dyrge,.action-button.svelte-14dyrge{transition:none}}.banner-wrapper.svelte-1eo1vzr{height:300px;margin-bottom:22px;position:relative}.banner-wrapper.svelte-1eo1vzr h1:where(.svelte-1eo1vzr){font-size:32px;font-weight:900}.banner-wrapper.svelte-1eo1vzr .banner-text:where(.svelte-1eo1vzr){flex-direction:column;justify-content:center;align-items:center;width:30%;height:100%;display:flex;position:absolute}.banner-wrapper.svelte-1eo1vzr .banner-text:where(.svelte-1eo1vzr) p:where(.svelte-1eo1vzr){text-align:start}.banner-wrapper.svelte-1eo1vzr .banner-text:where(.svelte-1eo1vzr) a:where(.svelte-1eo1vzr){color:#ef6e37;text-decoration:none}@media screen and (width<=1024px){.banner-wrapper.svelte-1eo1vzr .banner-text:where(.svelte-1eo1vzr){width:100%}}.banner-wrapper.svelte-1eo1vzr .banner-text:where(.svelte-1eo1vzr) .stale-data-notice:where(.svelte-1eo1vzr){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:6px 12px;font-size:14px;font-weight:500;display:flex}.banner-wrapper.svelte-1eo1vzr .banner-text:where(.svelte-1eo1vzr) .stale-data-notice:where(.svelte-1eo1vzr) .refresh-btn:where(.svelte-1eo1vzr){color:#fff;cursor:pointer;background-color:#ef6e37;border:none;border-radius:6px;margin-left:8px;padding:6px 12px;font-size:14px;font-weight:600;transition:background-color .3s}.banner-wrapper.svelte-1eo1vzr .banner-text:where(.svelte-1eo1vzr) .stale-data-notice:where(.svelte-1eo1vzr) .refresh-btn:where(.svelte-1eo1vzr):hover{background-color:#d95a2a}.banner.svelte-1eo1vzr{width:100%;height:300px;position:absolute;-webkit-mask-image:linear-gradient(50deg,#02002400 40%,#0d0d10 60%,#0e0e161a 80%);mask-image:linear-gradient(50deg,#02002400 40%,#0d0d10 60%,#0e0e161a 80%)}.banner.svelte-1eo1vzr img:where(.svelte-1eo1vzr){-o-object-fit:cover;object-fit:cover;width:100%;height:500px;position:absolute}.servers.svelte-1eo1vzr{padding-top:32px}.servers-toolbar.svelte-1eo1vzr{justify-content:space-between;align-items:center;gap:16px;margin:16px;display:flex}.server-filter-nav.svelte-1eo1vzr{background:#14161b;border-radius:12px;flex:1;min-width:0;display:flex;overflow-x:auto}.server-filter-nav.svelte-1eo1vzr .server-slugs:where(.svelte-1eo1vzr){cursor:pointer;background:#242831;border:2px solid #0000;border-radius:8px;transition:border-color .16s,background-color .16s,color .16s}.server-filter-nav.svelte-1eo1vzr .server-slugs.active:where(.svelte-1eo1vzr){background:#ef6e371f;border:2px solid #ef6e37}.server-filter-nav.svelte-1eo1vzr .server-slugs:where(.svelte-1eo1vzr):hover{background:#2b303a}.server-filter-nav.svelte-1eo1vzr .server-slugs:where(.svelte-1eo1vzr) button:where(.svelte-1eo1vzr){text-transform:capitalize;white-space:nowrap;padding:8px 16px}.server-filter-nav.svelte-1eo1vzr .server-slugs:where(.svelte-1eo1vzr) button:where(.svelte-1eo1vzr):focus-visible{outline-offset:2px;outline:2px solid #ef6e37b3}.server-filter-list.svelte-1eo1vzr{gap:16px;margin:0;padding:12px;list-style:none;display:flex}.view-tabs.svelte-1eo1vzr{flex:none;align-items:center;gap:6px;display:inline-flex}.view-tab.svelte-1eo1vzr{color:#a1a1aa;background:#111217;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.view-tab.svelte-1eo1vzr:hover{color:#e4e4e7;background:#f973160d}.view-tab.active.svelte-1eo1vzr{color:#fb923c;background:#f973161a;box-shadow:0 0 0 1px #f973164d}.view-tab.svelte-1eo1vzr:focus-visible{outline-offset:2px;outline:2px solid #ef6e37b3}.server-view-content.svelte-1eo1vzr{will-change:opacity}@media screen and (width<=640px){.servers-toolbar.svelte-1eo1vzr{flex-direction:column;align-items:stretch}.view-tabs.svelte-1eo1vzr{align-self:flex-end}}.server-list-container.svelte-1eo1vzr{min-height:400px;position:relative}.server-list-container.svelte-1eo1vzr .loading-overlay:where(.svelte-1eo1vzr){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#14161bf2;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.server-list-container.svelte-1eo1vzr .loading-overlay:where(.svelte-1eo1vzr) .loading-content:where(.svelte-1eo1vzr){flex-direction:column;align-items:center;gap:20px;display:flex}.server-list-container.svelte-1eo1vzr .loading-overlay:where(.svelte-1eo1vzr) .loading-content:where(.svelte-1eo1vzr) .spinner:where(.svelte-1eo1vzr){border:4px solid #ef6e3733;border-top-color:#ef6e37;border-radius:50%;width:50px;height:50px;animation:1s linear infinite svelte-1eo1vzr-spin}.server-list-container.svelte-1eo1vzr .loading-overlay:where(.svelte-1eo1vzr) .loading-content:where(.svelte-1eo1vzr) p:where(.svelte-1eo1vzr){color:#fff;font-size:16px;font-weight:500}@keyframes svelte-1eo1vzr-spin{to{transform:rotate(360deg)}}.skeleton-nav.svelte-1eo1vzr .skeleton-slug:where(.svelte-1eo1vzr){background:#242831;border-radius:8px;height:44px;position:relative;overflow:hidden}.skeleton-nav.svelte-1eo1vzr .skeleton-slug:where(.svelte-1eo1vzr) .skeleton-shimmer:where(.svelte-1eo1vzr){width:100%;height:100%;position:absolute;top:0;left:0}.skeleton-nav.svelte-1eo1vzr .skeleton-slug:where(.svelte-1eo1vzr):nth-child(2) .skeleton-shimmer:where(.svelte-1eo1vzr):after{animation-delay:.2s}.skeleton-nav.svelte-1eo1vzr .skeleton-slug:where(.svelte-1eo1vzr):nth-child(3) .skeleton-shimmer:where(.svelte-1eo1vzr):after{animation-delay:.4s}.skeleton-nav.svelte-1eo1vzr .skeleton-slug:where(.svelte-1eo1vzr):nth-child(4) .skeleton-shimmer:where(.svelte-1eo1vzr):after{animation-delay:.6s}.skeleton-nav.svelte-1eo1vzr .skeleton-slug:where(.svelte-1eo1vzr):nth-child(5) .skeleton-shimmer:where(.svelte-1eo1vzr):after{animation-delay:.8s}.server-list-skeleton.svelte-1eo1vzr{flex-direction:column;gap:8px;margin:0 16px 24px;display:flex}.list-skeleton-row.svelte-1eo1vzr{background:#14161b;border-radius:14px;grid-template-columns:minmax(210px,1.35fr) minmax(140px,.85fr) 92px 76px;align-items:center;gap:18px;min-height:72px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.list-skeleton-art.svelte-1eo1vzr{background:linear-gradient(90deg,#242831 0%,#181a1f 54%,#14161b 100%);width:min(46%,420px);position:absolute;inset:0 auto 0 0;overflow:hidden}.list-skeleton-server.svelte-1eo1vzr,.list-skeleton-map.svelte-1eo1vzr,.list-skeleton-stat.svelte-1eo1vzr,.list-skeleton-actions.svelte-1eo1vzr{z-index:1;position:relative}.list-skeleton-map.svelte-1eo1vzr,.list-skeleton-title.svelte-1eo1vzr,.list-skeleton-meta.svelte-1eo1vzr,.list-skeleton-stat.svelte-1eo1vzr,.list-skeleton-action-button.svelte-1eo1vzr{background:#242831;border-radius:8px;position:relative;overflow:hidden}.list-skeleton-map.svelte-1eo1vzr{height:16px}.list-skeleton-server.svelte-1eo1vzr{flex-direction:column;gap:8px;display:flex}.list-skeleton-title.svelte-1eo1vzr{width:min(240px,70%);height:17px}.list-skeleton-meta.svelte-1eo1vzr{width:min(180px,60%);height:12px}.list-skeleton-stat.svelte-1eo1vzr{height:18px}.list-skeleton-actions.svelte-1eo1vzr{background:#111217e6;border:1px solid #ffffff14;border-radius:10px;justify-self:end;gap:4px;padding:3px;display:flex}.list-skeleton-action-button.svelte-1eo1vzr{width:32px;height:32px}.skeleton-shimmer.svelte-1eo1vzr:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:2s infinite svelte-1eo1vzr-shimmer;position:absolute;top:0;left:-100%}@media screen and (width<=760px){.list-skeleton-row.svelte-1eo1vzr{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:82px}.list-skeleton-art.svelte-1eo1vzr{width:min(70%,360px)}.list-skeleton-server.svelte-1eo1vzr{grid-area:1/1}.list-skeleton-map.svelte-1eo1vzr{grid-area:2/1;width:min(180px,55%)}.list-skeleton-stat.svelte-1eo1vzr{grid-area:3/1;width:72px}.list-skeleton-actions.svelte-1eo1vzr{grid-area:1/2/span 3}}@media screen and (width<=480px){.server-list-skeleton.svelte-1eo1vzr{margin:0 8px 20px}.list-skeleton-row.svelte-1eo1vzr{grid-template-columns:minmax(0,1fr)}.list-skeleton-actions.svelte-1eo1vzr{grid-area:auto/1;justify-self:start}}@media (prefers-reduced-motion:reduce){.server-slugs.svelte-1eo1vzr,.view-tab.svelte-1eo1vzr{transition:none}.skeleton-shimmer.svelte-1eo1vzr:after,.spinner.svelte-1eo1vzr{animation:none}}@keyframes svelte-1eo1vzr-shimmer{0%{left:-100%}to{left:100%}}