:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-elevated:#0a0a0a;--surface:#1c1c1eb8;--surface-solid:#1c1c1e;--surface-hover:#2c2c2ee0;--surface-sunken:#0c0c0e;--fill:#78788029;--fill-strong:#78788047;--separator:#5454587a;--separator-opaque:#38383a;--text:#f5f5f7;--text-2:#ebebf5b8;--text-3:#ebebf57a;--text-4:#ebebf547;--accent:#0a84ff;--accent-soft:#0a84ff2e;--green:#30d158;--green-soft:#30d1582e;--orange:#ff9f0a;--orange-soft:#ff9f0a2e;--red:#ff453a;--red-soft:#ff453a2e;--purple:#bf5af2;--purple-soft:#bf5af22e;--glass:#1616188c;--glass-card:#1c1c1e85;--glass-card-hover:#2c2c2e9e;--glass-border:#ffffff1a;--glass-border-strong:#ffffff38;--glass-highlight:#ffffff24;--glass-sheen:linear-gradient(135deg, #ffffff2e 0%, #ffffff0a 28%, transparent 52%, #ffffff08 100%);--specular:linear-gradient(180deg, #ffffff38 0%, #ffffff0f 1px, transparent 40%);--scrim:#00000073;--orb-a:#0a84ff38;--orb-b:#bf5af224;--orb-c:#30d1581a;--shadow-sm:0 1px 2px #0000004d, 0 2px 8px #0003;--shadow-md:0 4px 16px #0006, 0 1px 3px #00000040;--shadow-lg:0 12px 40px #0000008c, 0 2px 8px #0000004d;--shadow-glow:0 0 0 1px #ffffff0f, 0 8px 32px #00000073;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "HarmonyOS Sans SC", "PingFang SC", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--topbar-h:56px;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-elevated:#f5f5f7;--surface:#ffffffc7;--surface-solid:#fff;--surface-hover:#ffffffeb;--surface-sunken:#f2f2f7;--fill:#7878801f;--fill-strong:#78788033;--separator:#3c3c432e;--separator-opaque:#c6c6c8;--text:#1d1d1f;--text-2:#3c3c43c7;--text-3:#3c3c4385;--text-4:#3c3c434d;--accent:#007aff;--accent-soft:#007aff1f;--green:#34c759;--green-soft:#34c7591f;--orange:#ff9500;--orange-soft:#ff95001f;--red:#ff3b30;--red-soft:#ff3b301f;--purple:#af52de;--purple-soft:#af52de1f;--glass:#ffffffa6;--glass-card:#ffffff94;--glass-card-hover:#ffffffc7;--glass-border:#0000000f;--glass-border-strong:#0000001f;--glass-highlight:#fffffff2;--glass-sheen:linear-gradient(135deg, #fffffff2 0%, #ffffff59 30%, transparent 55%, #fff3 100%);--specular:linear-gradient(180deg, #ffffffe6 0%, #ffffff59 1px, transparent 42%);--scrim:#0000002e;--orb-a:#007aff24;--orb-b:#af52de1a;--orb-c:#34c75914;--shadow-sm:0 1px 2px #0000000a, 0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014, 0 1px 3px #0000000a;--shadow-lg:0 12px 40px #0000001f, 0 2px 8px #0000000f;--shadow-glow:0 0 0 1px #fff9, 0 8px 28px #00000014}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;transition:background-color .4s,color .4s}button,input,select{font:inherit;color:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{text-rendering:optimizelegibility;font-optical-sizing:auto;margin:0;font-weight:600}p{margin:0}::selection{background:var(--accent);color:#fff}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;flex-shrink:0;width:18px;height:18px;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-xs)}.tabular,.hero-stat strong,.metric-value,.player-count strong,.results-count{font-variant-numeric:tabular-nums}.app-shell{isolation:isolate;background:var(--bg);flex-direction:column;min-height:100dvh;transition:background-color .55s;display:flex;position:relative;overflow:clip}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(80px);will-change:transform, opacity;opacity:.85;border-radius:50%;position:absolute}.ambient-orb.a{background:var(--orb-a);width:min(70vw,640px);height:min(70vw,640px);animation:22s ease-in-out infinite alternate orb-drift-a;top:-18%;left:15%}.ambient-orb.b{background:var(--orb-b);width:min(55vw,480px);height:min(55vw,480px);animation:28s ease-in-out infinite alternate orb-drift-b;top:8%;right:-8%}.ambient-orb.c{background:var(--orb-c);width:min(50vw,420px);height:min(50vw,420px);animation:26s ease-in-out infinite alternate orb-drift-c;bottom:5%;left:-6%}.ambient-veil{background:radial-gradient(ellipse 90% 55% at 50% -15%, transparent 0%, var(--bg) 78%), linear-gradient(180deg, transparent 0%, var(--bg) 100%);opacity:.55;position:absolute;inset:0}:root[data-theme=light] .ambient-veil{opacity:.35}.glass{background:var(--glass-card);-webkit-backdrop-filter:saturate(180%)blur(28px);border:.5px solid var(--glass-border);box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--glass-highlight);position:relative;overflow:hidden}.glass:before{content:"";border-radius:inherit;background:var(--specular);pointer-events:none;opacity:.7;z-index:0;position:absolute;inset:0}.glass-shine{border-radius:inherit;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #ffffff29, transparent 55%);mix-blend-mode:soft-light;width:auto;height:auto;transition:opacity .35s;position:absolute;inset:0}:root[data-theme=light] .glass-shine{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #ffffff8c, transparent 55%)}.glass:hover>.glass-shine,.glass.is-lit>.glass-shine,.metric-card:hover>.glass-shine,.metric-card.is-lit>.glass-shine,.server-card:hover>.glass-shine,.server-card.is-lit>.glass-shine{opacity:1}.glass-ring{border-radius:inherit;background:conic-gradient(from var(--ring-angle,0deg), transparent 0%, transparent 55%, #ffffff59 70%, var(--accent) 82%, transparent 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;width:auto;height:auto;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass:hover>.glass-ring,.glass.selected>.glass-ring,.glass.is-lit>.glass-ring,.metric-card:hover>.glass-ring,.metric-card.is-lit>.glass-ring,.server-card:hover>.glass-ring,.server-card.selected>.glass-ring,.server-card.is-lit>.glass-ring{opacity:.85;animation:4.5s linear infinite ring-spin}main,footer{z-index:1;width:min(1120px,100% - 48px);margin-inline:auto;position:relative}.topbar{z-index:50;height:calc(var(--topbar-h) + var(--safe-top));padding-top:var(--safe-top);box-sizing:border-box;background:var(--glass);-webkit-backdrop-filter:saturate(200%)blur(28px);border-bottom:.5px solid var(--glass-border);width:100%;box-shadow:inset 0 -.5px 0 0 var(--glass-highlight);justify-content:space-between;align-items:center;padding-inline:max(24px,50% - 536px);transition:background-color .45s,border-color .45s,box-shadow .45s;display:flex;position:sticky;top:0}.topbar:after{content:"";pointer-events:none;background:linear-gradient(180deg, var(--bg) 0%, transparent 100%);opacity:.35;height:24px;position:absolute;bottom:-24px;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.topbar.is-scrolled{background:color-mix(in srgb, var(--glass) 92%, var(--bg));box-shadow:inset 0 -.5px 0 0 var(--glass-highlight), 0 8px 32px #0000002e}.topbar.is-scrolled:after{opacity:.55}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{width:36px;height:36px;box-shadow:var(--shadow-sm), inset 0 0 0 .5px #ffffff1a;background:#111;border-radius:9px;place-items:center;transition:transform .2s;display:grid;overflow:hidden}.brand-mark:active{transform:scale(.92)}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand-text{min-width:0}.brand-text .eyebrow{color:var(--text-3);font:510 10px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.brand-text h1{letter-spacing:-.022em;color:var(--text);margin-top:2px;font-size:15px;font-weight:600;line-height:1.2}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-link{border-radius:var(--radius-full);color:var(--text-2);letter-spacing:-.01em;padding:7px 12px;font-size:13px;font-weight:500;transition:color .15s,background-color .15s,transform .12s;display:none}.topbar-link:hover{color:var(--text);background:var(--fill)}.topbar-link:active{transform:scale(.96)}@media (width>=720px){.topbar-link{display:inline-flex}}.icon-btn{border-radius:var(--radius-full);background:var(--glass-card);-webkit-backdrop-filter:blur(16px)saturate(160%);border:.5px solid var(--glass-border);width:36px;height:36px;box-shadow:inset 0 1px 0 0 var(--glass-highlight);color:var(--text-2);place-items:center;transition:background-color .2s,color .2s,border-color .2s,box-shadow .25s,transform .12s;display:grid;position:relative;overflow:hidden}.icon-btn:hover{background:var(--glass-card-hover);color:var(--text);border-color:var(--glass-border-strong);box-shadow:inset 0 1px 0 0 var(--glass-highlight), 0 0 0 3px var(--accent-soft)}.icon-btn:active{transform:scale(.9)}.icon-btn svg{z-index:1;width:17px;height:17px;position:relative}.icon-btn.is-spinning svg{animation:.7s linear infinite spin}.theme-toggle{position:relative;overflow:hidden}.theme-toggle .icon-swap{place-items:center;display:grid}.connection-pill{border-radius:var(--radius-full);background:var(--glass-card);-webkit-backdrop-filter:blur(16px)saturate(160%);border:.5px solid var(--glass-border);height:32px;box-shadow:inset 0 1px 0 0 var(--glass-highlight);color:var(--text-3);letter-spacing:-.01em;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:12px;font-weight:500;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.connection-pill .dot{background:var(--text-4);border-radius:50%;width:7px;height:7px;transition:background-color .25s,box-shadow .25s}.connection-pill.ready .dot{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.connection-pill.error .dot{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.connection-pill.is-refreshing .dot{animation:1.1s ease-in-out infinite pulse-dot}.connection-pill.ready{color:var(--text-2)}main{flex:1;padding-bottom:48px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:48px 0 32px;display:flex}.hero-copy-block{max-width:520px}.hero .eyebrow{color:var(--text-3);font:510 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.hero h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);background:linear-gradient(180deg, var(--text) 0%, var(--text) 55%, color-mix(in srgb, var(--text) 72%, transparent) 100%);-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.05}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero h2{color:#0000}}.hero-desc{max-width:420px;color:var(--text-2);letter-spacing:-.01em;margin-top:12px;font-size:15px;line-height:1.5}.hero-stat{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.hero-stat strong{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1;position:relative}.hero-stat strong:after{content:"";background:radial-gradient(circle, var(--orb-a) 0%, transparent 70%);filter:blur(24px);opacity:.55;z-index:-1;pointer-events:none;animation:5s ease-in-out infinite glow-breathe;position:absolute;inset:-20% -30%}.hero-stat span{color:var(--text-3);letter-spacing:.02em;font-size:12px;font-weight:500}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-card{border-radius:var(--radius-md);background:var(--glass-card);-webkit-backdrop-filter:saturate(180%)blur(24px);border:.5px solid var(--glass-border);min-height:100px;box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--glass-highlight);flex-direction:column;justify-content:space-between;padding:18px 18px 16px;transition:transform .35s,box-shadow .35s,border-color .3s,background-color .45s;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";border-radius:inherit;background:var(--specular);pointer-events:none;opacity:.65;position:absolute;inset:0}.metric-card:after{content:"";opacity:.08;filter:blur(28px);pointer-events:none;background:currentColor;border-radius:50%;width:120px;height:120px;transition:opacity .35s,transform .45s;position:absolute;bottom:-40px;right:-30px}.metric-card:hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-md), var(--shadow-glow), inset 0 1px 0 0 var(--glass-highlight);background:var(--glass-card-hover);transform:translateY(-3px)}.metric-card:hover:after{opacity:.18;transform:scale(1.25)}.metric-card:active{transform:scale(.985)}.metric-card>.glass-shine,.metric-card>.glass-ring{position:absolute}.metric-label{z-index:3;color:var(--text-3);letter-spacing:-.01em;font-size:12px;font-weight:500;position:relative}.metric-value{z-index:3;font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-top:8px;font-size:28px;font-weight:700;line-height:1;position:relative}.metric-accent{z-index:3;border-radius:50%;width:8px;height:8px;position:absolute;bottom:14px;right:14px}.metric-card.blue{color:var(--accent)}.metric-card.green{color:var(--green)}.metric-card.orange{color:var(--orange)}.metric-card.purple{color:var(--purple)}.metric-card.blue .metric-accent{background:var(--accent);box-shadow:0 0 14px var(--accent)}.metric-card.green .metric-accent{background:var(--green);box-shadow:0 0 14px var(--green)}.metric-card.orange .metric-accent{background:var(--orange);box-shadow:0 0 14px var(--orange)}.metric-card.purple .metric-accent{background:var(--purple);box-shadow:0 0 14px var(--purple)}.workspace{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px;margin-top:36px;display:grid}.filters-panel{top:calc(var(--topbar-h) + var(--safe-top) + 16px);max-height:calc(100dvh - var(--topbar-h) - var(--safe-top) - 32px);border-radius:var(--radius-lg);background:var(--glass-card);-webkit-backdrop-filter:saturate(180%)blur(28px);border:.5px solid var(--glass-border);min-height:0;box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--glass-highlight);flex-direction:column;padding:4px;display:flex;position:sticky;overflow:hidden}.filters-scroll{overscroll-behavior:contain;border-radius:calc(var(--radius-lg) - 4px);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-4) 70%, transparent) transparent;flex:auto;min-height:0;padding:12px 6px 14px 12px;overflow:hidden auto}.filters-scroll::-webkit-scrollbar{width:6px}.filters-scroll::-webkit-scrollbar-track{background:0 0;margin-block:8px}.filters-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-4) 55%, transparent);border-radius:var(--radius-full);background-clip:padding-box;border:1.5px solid #0000;transition:background-color .2s}.filters-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text-3) 80%, transparent);background-clip:padding-box;border:1.5px solid #0000}.filters-scroll::-webkit-scrollbar-corner{background:0 0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-inline:4px;display:flex}.panel-heading .eyebrow{color:var(--text-3);font:510 10px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.panel-heading h3{letter-spacing:-.022em;margin-top:4px;font-size:17px;font-weight:600}.clear-button{border-radius:var(--radius-full);color:var(--accent);padding:6px 10px;font-size:12px;font-weight:500;transition:background-color .15s,transform .12s}.clear-button:hover{background:var(--accent-soft)}.clear-button:active{transform:scale(.95)}.search-box{border-radius:var(--radius-sm);background:var(--glass-card);-webkit-backdrop-filter:blur(16px)saturate(160%);border:.5px solid var(--glass-border);height:40px;box-shadow:inset 0 1px 0 0 var(--glass-highlight);color:var(--text-3);align-items:center;gap:8px;padding:0 12px;transition:background-color .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.search-box:focus-within{background:var(--glass-card-hover);border-color:var(--accent);box-shadow:inset 0 1px 0 0 var(--glass-highlight), 0 0 0 3px var(--accent-soft), 0 0 24px color-mix(in srgb, var(--accent) 18%, transparent)}.search-box svg{opacity:.7;width:15px;height:15px}.search-box input{width:100%;color:var(--text);letter-spacing:-.01em;background:0 0;border:0;outline:0;font-size:14px}.search-box input::placeholder{color:var(--text-4)}.search-box input::-webkit-search-cancel-button{display:none}.search-clear{background:var(--fill-strong);width:20px;height:20px;color:var(--text-2);border-radius:50%;place-items:center;font-size:14px;line-height:1;transition:transform .12s,background-color .15s;display:grid}.search-clear:hover{background:var(--separator-opaque)}.search-clear:active{transform:scale(.88)}.filter-group{margin-top:22px;padding-inline:4px}.filter-title{color:var(--text-2);letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.filter-badge{border-radius:var(--radius-full);background:var(--accent);color:#fff;min-width:18px;height:18px;font:600 10px/18px var(--font-mono);text-align:center;padding:0 5px}.checkbox-row{border-radius:var(--radius-xs);min-height:32px;color:var(--text-2);letter-spacing:-.01em;cursor:pointer;align-items:center;gap:10px;margin-inline:-6px;padding:2px 6px;font-size:13px;transition:color .15s,background-color .15s;display:flex;position:relative}.checkbox-row:hover{color:var(--text);background:var(--fill)}.checkbox-row input{opacity:0;width:0;height:0;position:absolute}.fake-checkbox{border:1.5px solid var(--separator-opaque);background:0 0;border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:border-color .15s,background-color .15s,transform .12s}.checkbox-row:active .fake-checkbox{transform:scale(.88)}.checkbox-row input:checked+.fake-checkbox{border-color:var(--accent);background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;box-shadow:inset 0 0 0 3px #0000}.checkbox-row input:focus-visible+.fake-checkbox{outline:2px solid var(--accent);outline-offset:2px}.show-more{color:var(--accent);margin-top:4px;padding:6px 0;font-size:12px;font-weight:500;transition:opacity .15s}.show-more:hover{opacity:.75}.switches{border-top:.5px solid var(--separator);margin-top:24px;padding:12px 4px 0}.switch-row{min-height:40px;color:var(--text-2);letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.switch-row input{opacity:0;width:0;height:0;position:absolute}.switch-track{border-radius:var(--radius-full);background:var(--fill-strong);flex-shrink:0;width:42px;height:26px;transition:background-color .25s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .28s cubic-bezier(.34,1.2,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040,0 1px 1px #0000001a}.switch-row input:checked+.switch-track{background:var(--green)}.switch-row input:checked+.switch-track:after{transform:translate(16px)}.switch-row input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.switch-row:active .switch-track:after{width:26px}.switch-row input:checked:active+.switch-track:after{transform:translate(12px)}.results-panel{min-width:0}.results-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.results-toolbar h3{letter-spacing:-.022em;font-size:17px;font-weight:600}.results-count{color:var(--text-3);font:500 13px var(--font-mono);margin-left:6px}.results-meta{color:var(--text-3);letter-spacing:-.01em;margin-top:4px;font-size:12px}.toolbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sort-select{color:var(--text-3);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.sort-select select{appearance:none;border:.5px solid var(--glass-border);border-radius:var(--radius-full);background:var(--glass-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-backdrop-filter:blur(12px)saturate(160%);height:36px;box-shadow:inset 0 1px 0 0 var(--glass-highlight);color:var(--text);letter-spacing:-.01em;cursor:pointer;padding:0 32px 0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s,transform .12s}.sort-select select:hover{border-color:var(--text-4)}.sort-select select:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent);outline:none}.mobile-filter-button{border-radius:var(--radius-full);background:var(--glass-card);-webkit-backdrop-filter:blur(12px)saturate(160%);border:.5px solid var(--glass-border);height:36px;box-shadow:inset 0 1px 0 0 var(--glass-highlight);color:var(--text-2);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s,transform .12s;display:none}.mobile-filter-button:hover{background:var(--glass-card-hover);border-color:var(--glass-border-strong);color:var(--text)}.mobile-filter-button:active{transform:scale(.95)}.mobile-filter-button svg{width:15px;height:15px}.server-list{flex-direction:column;gap:8px;display:flex;position:relative}.server-card{border-radius:var(--radius-md);background:var(--glass-card);-webkit-backdrop-filter:saturate(180%)blur(22px);border:.5px solid var(--glass-border);min-height:96px;box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--glass-highlight);cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;--mx:50%;--my:50%;grid-template-columns:minmax(0,1fr) 150px 28px;align-items:center;gap:20px;padding:16px 18px;transition:border-color .3s,box-shadow .35s,background-color .45s,transform .3s;display:grid;position:relative;overflow:hidden}.server-card>.server-main,.server-card>.player-meter,.server-card>.server-chevron,.server-card>.server-details{z-index:3;position:relative}.server-card:before{content:"";border-radius:inherit;background:var(--specular);pointer-events:none;opacity:.55;z-index:0;position:absolute;inset:0}.server-card>.glass-shine{z-index:1;position:absolute}.server-card>.glass-ring{z-index:2;position:absolute}.server-card:hover{border-color:var(--glass-border-strong);background:var(--glass-card-hover);box-shadow:var(--shadow-md), var(--shadow-glow), inset 0 1px 0 0 var(--glass-highlight);transform:translateY(-1px)}.server-card.selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--glass-border));background:color-mix(in srgb, var(--glass-card-hover) 88%, var(--accent-soft));box-shadow:var(--shadow-md), 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 32px color-mix(in srgb, var(--accent) 18%, transparent), inset 0 1px 0 0 var(--glass-highlight)}.server-card:active:not(.selected){transform:scale(.992)}.server-main{min-width:0}.server-status{color:var(--text-3);letter-spacing:-.01em;align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.server-status .dot{background:var(--text-4);border-radius:50%;width:6px;height:6px}.server-status .dot.active{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.server-main h4{color:var(--text);letter-spacing:-.022em;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.server-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{border-radius:var(--radius-full);background:color-mix(in srgb, var(--fill) 70%, transparent);-webkit-backdrop-filter:blur(8px);border:.5px solid var(--glass-border);height:22px;color:var(--text-2);letter-spacing:-.01em;align-items:center;padding:0 8px;font-size:11px;font-weight:500;transition:border-color .2s,background-color .2s;display:inline-flex}.server-card:hover .tag{border-color:var(--glass-border-strong)}.tag.private{background:var(--orange-soft);color:var(--orange)}.player-meter{min-width:0}.player-count{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.player-count strong{color:var(--text);font:600 16px/1 var(--font-mono);letter-spacing:-.02em}.player-count span{color:var(--text-3);font-size:11px;font-weight:500}.meter{border-radius:var(--radius-full);background:var(--fill);height:4px;margin-top:10px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--green));transform-origin:0;height:100%;transition:width .5s;display:block}.player-meter small{color:var(--text-3);text-align:right;letter-spacing:-.01em;margin-top:6px;font-size:10px;font-weight:500;display:block}.server-chevron{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-3);background:var(--fill);border:.5px solid var(--glass-border);place-items:center;transition:color .2s,background-color .2s,border-color .2s,transform .35s cubic-bezier(.34,1.2,.64,1),box-shadow .25s;display:grid}.server-chevron svg{width:14px;height:14px;transition:transform .35s cubic-bezier(.34,1.2,.64,1)}.server-card:hover .server-chevron{color:var(--text);background:var(--fill-strong);border-color:var(--glass-border-strong)}.server-card.selected .server-chevron{color:#fff;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent);border-color:#0000}.server-card.selected .server-chevron svg{transform:rotate(90deg)}.server-details{grid-column:1/-1;overflow:hidden}.server-details-inner{border-top:.5px solid var(--separator);color:var(--text-2);letter-spacing:-.01em;padding-top:14px;font-size:13px;line-height:1.55}.server-details-inner p{white-space:pre-line}.mod-list{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.mod-list b{color:var(--text-3);margin-right:2px;font-size:11px;font-weight:600}.mod-chip{border-radius:var(--radius-full);background:var(--accent-soft);height:24px;color:var(--accent);align-items:baseline;gap:4px;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex}.mod-chip em{color:var(--text-3);font-style:normal;font-weight:400}.state-card{border-radius:var(--radius-lg);background:var(--glass-card);-webkit-backdrop-filter:saturate(160%)blur(20px);border:.5px dashed var(--glass-border-strong);min-height:280px;box-shadow:inset 0 1px 0 0 var(--glass-highlight);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:40px 24px;display:flex}.state-card h4{letter-spacing:-.02em;margin-top:12px;font-size:16px;font-weight:600}.state-card p{max-width:280px;color:var(--text-3);font-size:13px;line-height:1.5}.loader{border:2.5px solid var(--fill-strong);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite spin}.state-icon{background:var(--fill);width:44px;height:44px;color:var(--text-2);border-radius:50%;place-items:center;font-size:20px;font-weight:500;display:grid}.state-icon.error{background:var(--red-soft);color:var(--red)}.state-icon.empty{background:var(--accent-soft);color:var(--accent);font-size:22px}.retry-button{border-radius:var(--radius-full);background:var(--accent);color:#fff;letter-spacing:-.01em;height:36px;margin-top:16px;padding:0 18px;font-size:13px;font-weight:600;transition:transform .12s,opacity .15s,box-shadow .15s;box-shadow:0 1px 3px #007aff4d}.retry-button:hover{opacity:.92;box-shadow:0 2px 8px #007aff59}.retry-button:active{transform:scale(.96)}footer{color:var(--text-4);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:32px 0 40px;font-size:12px;font-weight:500;display:flex}footer a{color:var(--text-3);transition:color .15s}footer a:hover{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes orb-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(8%,12%)scale(1.12)}}@keyframes orb-drift-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(-10%,14%)scale(1.08)}}@keyframes orb-drift-c{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(12%,-8%)scale(1)}}@keyframes ring-spin{to{--ring-angle:360deg}}@keyframes glow-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@media (width<=900px){.topbar{padding-inline:16px}.topbar,main,footer{width:min(100% - 32px,700px)}.topbar{width:100%;max-width:none}.workspace{display:block}.filters-panel{border-radius:var(--radius-md);background:var(--glass-card);-webkit-backdrop-filter:saturate(180%)blur(24px);border:.5px solid var(--glass-border);max-height:min(70dvh,520px);box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--glass-highlight);margin-bottom:20px;padding:4px;display:none;position:static}.filters-scroll{border-radius:calc(var(--radius-md) - 4px)}.filters-panel.is-open{animation:.35s both filter-sheet-in;display:block}@keyframes filter-sheet-in{0%{opacity:0;filter:blur(6px);transform:translateY(-8px)scale(.98)}to{opacity:1;filter:none;transform:none}}.mobile-filter-button{display:inline-flex}.sort-select span{display:none}.server-card{grid-template-columns:minmax(0,1fr) 130px 24px;gap:14px}}@media (width<=640px){.topbar,main,footer{width:calc(100% - 28px)}.topbar{--topbar-h:52px;width:100%}.connection-pill span{display:none}.connection-pill{justify-content:center;width:32px;height:32px;padding:0}.hero{padding:32px 0 24px}.hero h2{font-size:1.85rem}.hero-stat{display:none}.hero-desc{font-size:14px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{min-height:84px;padding:14px}.metric-value{font-size:24px}.workspace{margin-top:24px}.results-toolbar{flex-wrap:wrap;align-items:center}.server-card{padding:16px;padding-right:52px;display:block}.server-card:active{transform:scale(.985)}.player-meter{margin-top:14px}.server-card>.server-chevron{z-index:4;background:var(--glass-card);-webkit-backdrop-filter:blur(12px)saturate(160%);width:32px;height:32px;box-shadow:inset 0 1px 0 0 var(--glass-highlight), var(--shadow-sm);position:absolute;top:14px;right:12px}.server-card:hover>.server-chevron,.server-card.is-lit>.server-chevron{background:var(--glass-card-hover)}.server-card.selected>.server-chevron{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 2px 10px color-mix(in srgb, var(--accent) 40%, transparent)}.server-main h4{white-space:normal;padding-right:4px}.server-details{margin-top:4px}footer{flex-direction:column;align-items:flex-start;gap:6px;padding-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ambient-orb,.glass-ring,.hero-stat strong:after{animation:none!important}.server-card:hover,.metric-card:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.topbar,.server-card,.metric-card,.search-box,.icon-btn,.connection-pill,.filters-panel.is-open,.state-card{background:var(--surface-solid);-webkit-backdrop-filter:none}.ambient,.glass-shine,.glass-ring,.server-card:before,.metric-card:before,.metric-card:after{display:none}}@media (prefers-contrast:more){.server-card,.metric-card,.search-box,.icon-btn,.sort-select select{border:1.5px solid var(--text-3)}.topbar{background:var(--bg);border-bottom:1.5px solid var(--text-3)}}