:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05080f;--bg-deep:#02040c;--surface:#0a0f1a;--surface-2:#0e1320;--surface-hover:#111827;--surface-well:#04060b;--fill:#1b26378c;--fill-strong:#25344bb3;--border:#1d2635;--border-strong:#2d3d58;--text:#f1f5f9;--text-2:#aebacb;--text-3:#7b8ba3;--text-4:#515e70;--red:#e74046;--red-bright:#fb6065;--red-deep:#df1652;--amber:#f67023;--green:#26d968;--cyan:#10d2f9;--red-soft:#e7404624;--amber-soft:#f6702324;--green-soft:#26d96829;--cyan-soft:#10d2f924;--glass:#070a13c7;--glass-card:#0a0f1a99;--glass-card-hover:#111827b8;--glass-border:#202b3ce6;--glass-border-strong:#344765e6;--highlight:#deebf712;--scrim:#0304078c;--orb-a:#e31c2324;--orb-b:#f5600a17;--orb-c:#1549c121;--shadow-sm:0 1px 2px #03040780, 0 4px 14px #03040759;--shadow-md:0 4px 18px #03040780, 0 1px 3px #03040766;--shadow-lg:0 16px 48px #03040799, 0 2px 8px #03040766;--radius-xs:5px;--radius-sm:8px;--radius-md:11px;--radius-lg:14px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.22, 1, .36, 1);--ease-out-quint:cubic-bezier(.23, 1, .32, 1);--font-sans:"HarmonyOS_Regular", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-display:"Chakra Petch", "HarmonyOS_Regular", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--topbar-h:58px;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:#f5f7fa;--bg-deep:#eef1f8;--surface:#fcfcfd;--surface-2:#f8f9fb;--surface-hover:#eef1f6;--surface-well:#e9ebf2;--fill:#8592ad24;--fill-strong:#66769938;--border:#d4d9e2;--border-strong:#b1b9c9;--text:#0e1525;--text-2:#455068;--text-3:#636e88;--text-4:#9199ac;--red:#d11f25;--red-bright:#e72329;--red-deep:#bf184a;--amber:#d76909;--green:#23954d;--cyan:#0f92b3;--red-soft:#d11f251a;--amber-soft:#d769091f;--green-soft:#23954d1f;--cyan-soft:#0f92b31a;--glass:#f5f7facc;--glass-card:#ffffffa8;--glass-card-hover:#ffffffd9;--glass-border:#ced3dee6;--glass-border-strong:#abb3c4e6;--highlight:#ffffffe6;--scrim:transparent;--orb-a:#e31c2312;--orb-b:#f5600a0f;--orb-c:#1549c112;--shadow-sm:0 1px 2px #2e406b0f, 0 4px 14px #2e406b0f;--shadow-md:0 4px 18px #2e406b1a, 0 1px 3px #2e406b0f;--shadow-lg:0 16px 48px #2e406b24, 0 2px 8px #2e406b14}*{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{color:var(--text);background:#e7404659}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-offset:2px;border-radius:var(--radius-xs);outline:2px solid #e74046d9}.tabular,.hero-stat strong,.metric-value,.player-count strong,.results-count{font-variant-numeric:tabular-nums}.font-display{font-family:var(--font-display)}.hud-corners{position:relative}.hud-corners:before,.hud-corners:after{content:"";opacity:0;z-index:4;pointer-events:none;width:14px;height:14px;transition:width .3s var(--ease-out-expo), height .3s var(--ease-out-expo), opacity .25s ease;position:absolute}.hud-corners:before{border-top-left-radius:inherit;border-top:2px solid #e74046bf;border-left:2px solid #e74046bf;top:-1px;left:-1px}.hud-corners:after{border-bottom-right-radius:inherit;border-bottom:2px solid #e74046bf;border-right:2px solid #e74046bf;bottom:-1px;right:-1px}@media (hover:hover) and (pointer:fine){.hud-corners:hover:before,.hud-corners:hover:after{opacity:1;width:100%;height:100%}}.press-scale{transition:transform .15s ease-out}.press-scale:active{transform:scale(.97)}.text-glow-red{text-shadow:0 0 18px #e740468c,0 0 60px #e7404640}.text-glow-amber{text-shadow:0 0 18px #f6702380,0 0 60px #f6702338}.text-shimmer{color:#0000;background-image:linear-gradient(105deg,#fc9c9f 0%,#f85988 30%,#dc181f 52%,#f85988 74%,#fc9c9f 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.text-shimmer{animation:7s ease-in-out infinite text-shimmer}}@keyframes text-shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #26d96880}50%{opacity:.75;box-shadow:0 0 0 5px #26d96800}}.live-dot{animation:2s ease-in-out infinite pulse-dot}.bg-grid{background-image:linear-gradient(#e740460b 1px,#0000 1px),linear-gradient(90deg,#e740460b 1px,#0000 1px);background-size:56px 56px}.bg-grid-fade{-webkit-mask-image:radial-gradient(90% 70% at 50% 24%,#000 30%,#0000 78%);mask-image:radial-gradient(90% 70% at 50% 24%,#000 30%,#0000 78%)}:root[data-theme=light] .bg-grid{background-image:linear-gradient(#293e700f 1px,#0000 1px),linear-gradient(90deg,#293e700f 1px,#0000 1px)}.scanlines{pointer-events:none;opacity:.35;background:repeating-linear-gradient(#0000 0 3px,#05080f38 4px);position:absolute;inset:0}:root[data-theme=light] .scanlines{display:none}.grain-layer{opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-120px}:root[data-theme=light] .grain-layer{opacity:.35;mix-blend-mode:multiply}@media (prefers-reduced-motion:no-preference){.grain-layer{animation:.85s steps(4,end) infinite grain-shift}}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-42px,30px)}50%{transform:translate(30px,-46px)}75%{transform:translate(-26px,-22px)}to{transform:translate(0)}}.vignette-layer{background:radial-gradient(ellipse 125% 92% at 50% 36%, transparent 55%, var(--scrim) 100%);pointer-events:none;position:absolute;inset:0}.btn-primary-glow{color:#fff;background:linear-gradient(135deg,#e52e34,#df1652);transition:box-shadow .3s,transform .15s ease-out,filter .3s;position:relative;overflow:hidden;box-shadow:0 0 24px #e7404666,inset 0 1px #ffffff40}.btn-primary-glow:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#fff6,#0000);width:44%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-150%)skew(-18deg)}@media (hover:hover) and (pointer:fine){.btn-primary-glow:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 42px #e74046a6,inset 0 1px #ffffff4d}.btn-primary-glow:hover:after{transition:transform .9s var(--ease-out-expo);transform:translate(430%)skew(-18deg)}}.btn-primary-glow:active{transform:scale(.97)}.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 .bg-grid{position:absolute;inset:0}.ambient-orb{filter:blur(90px);will-change:transform, opacity;opacity:.9;border-radius:50%;position:absolute}.ambient-orb.a{background:var(--orb-a);width:min(72vw,680px);height:min(72vw,680px);animation:24s ease-in-out infinite alternate orb-drift-a;top:-22%;left:12%}.ambient-orb.b{background:var(--orb-b);width:min(56vw,500px);height:min(56vw,500px);animation:30s ease-in-out infinite alternate orb-drift-b;top:4%;right:-10%}.ambient-orb.c{background:var(--orb-c);width:min(52vw,460px);height:min(52vw,460px);animation:27s ease-in-out infinite alternate orb-drift-c;bottom:2%;left:-8%}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(170%)blur(24px);border-bottom:.5px solid var(--glass-border);width:100%;box-shadow:inset 0 -.5px 0 0 var(--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(--highlight), 0 8px 32px #03040747}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--surface-well);width:38px;height:38px;box-shadow:var(--shadow-sm), inset 0 0 0 .5px var(--glass-border-strong), 0 0 18px #e7404638;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-4);font:500 9px/1.2 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.brand-text h1{font-family:var(--font-display);letter-spacing:.01em;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(--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(--red-bright);box-shadow:inset 0 1px 0 0 var(--highlight), 0 0 0 3px var(--red-soft), 0 0 18px #e740462e;border-color:#e7404673}.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(--highlight);color:var(--text-3);font:500 11px/1 var(--font-mono);letter-spacing:.04em;align-items:center;gap:7px;padding:0 12px 0 10px;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), 0 0 10px #26d96899;animation:2s ease-in-out infinite pulse-dot}.connection-pill.error .dot{background:var(--red);box-shadow:0 0 0 3px var(--red-soft), 0 0 10px #e7404699;animation:none}.connection-pill.is-refreshing .dot{animation-duration:1.1s}.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:52px 0 34px;display:flex}.hero-copy-block{max-width:560px}.hero .eyebrow{color:var(--amber);font:500 11px/1.3 var(--font-mono);letter-spacing:.24em;text-transform:uppercase}.hero h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-top:12px;font-size:clamp(2.1rem,5vw,3.3rem);font-weight:700;line-height:1.08}.hero-accent{padding-right:.08em;display:inline-block}.hero-desc{max-width:440px;color:var(--text-2);letter-spacing:-.01em;margin-top:14px;font-size:15px;line-height:1.6}.hero-stat{border-radius:var(--radius-md);border:.5px solid var(--glass-border);background:var(--glass-card);-webkit-backdrop-filter:blur(18px)saturate(160%);box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--highlight);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;padding:14px 18px;display:flex}.hero-stat strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--red-bright);text-shadow:0 0 24px #e7404673;font-size:clamp(2.4rem,5vw,3.2rem);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(22px);opacity:.6;z-index:-1;pointer-events:none;animation:5s ease-in-out infinite glow-breathe;position:absolute;inset:-24% -32%}.hero-stat span{color:var(--text-3);font:500 10px/1.4 var(--font-mono);letter-spacing:.22em;text-transform:uppercase}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-card{border-radius:var(--radius-md);background:linear-gradient(180deg, #deebf70d 0%, transparent 34%), var(--glass-card);-webkit-backdrop-filter:saturate(170%)blur(22px);border:.5px solid var(--glass-border);min-height:104px;box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--highlight);transition:transform .3s var(--ease-out-quint), box-shadow .3s ease, border-color .3s ease, background-color .45s ease;flex-direction:column;justify-content:space-between;padding:16px 16px 14px;display:flex;position:relative;overflow:hidden}.metric-card:before,.metric-card:after{content:"";opacity:0;z-index:4;pointer-events:none;width:14px;height:14px;transition:width .3s var(--ease-out-expo), height .3s var(--ease-out-expo), opacity .25s ease;position:absolute}.metric-card:before{border-top-left-radius:var(--radius-md);border-top:2px solid #e74046bf;border-left:2px solid #e74046bf;top:-1px;left:-1px}.metric-card:after{border-bottom-right-radius:var(--radius-md);border-bottom:2px solid #e74046bf;border-right:2px solid #e74046bf;bottom:-1px;right:-1px}@media (hover:hover) and (pointer:fine){.metric-card:hover:before,.metric-card:hover:after{opacity:1;width:100%;height:100%}}.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%), #e740461a, transparent 55%);transition:opacity .35s;position:absolute;inset:0}.glass-shine.is-lit,.metric-card:hover>.glass-shine,.server-card:hover>.glass-shine,.metric-card.is-lit>.glass-shine,.server-card.is-lit>.glass-shine{opacity:1}.metric-card:hover{box-shadow:var(--shadow-md), 0 0 28px #e740461f, inset 0 1px 0 0 var(--highlight);background-color:var(--glass-card-hover);border-color:#e7404666;transform:translateY(-3px)}.metric-card:active{transform:scale(.985)}.metric-card>.glass-shine{position:absolute}.metric-label{z-index:3;color:var(--text-3);font:500 10px/1.4 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;position:relative}.metric-value{z-index:3;font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-top:10px;font-size:30px;font-weight:700;line-height:1;position:relative}.metric-accent{z-index:3;border-radius:2px;width:8px;height:8px;position:absolute;top:14px;right:14px;transform:rotate(45deg)}.metric-card.red{color:var(--red)}.metric-card.amber{color:var(--amber)}.metric-card.green{color:var(--green)}.metric-card.cyan{color:var(--cyan)}.metric-card.red .metric-value{color:var(--red-bright);text-shadow:0 0 22px #e7404666}.metric-card.amber .metric-value{color:var(--amber);text-shadow:0 0 22px #f6702359}.metric-card.green .metric-value{color:var(--green);text-shadow:0 0 22px #26d9684d}.metric-card.cyan .metric-value{color:var(--cyan);text-shadow:0 0 22px #10d2f94d}.metric-card.red .metric-accent{background:var(--red);box-shadow:0 0 14px var(--red)}.metric-card.amber .metric-accent{background:var(--amber);box-shadow:0 0 14px var(--amber)}.metric-card.green .metric-accent{background:var(--green);box-shadow:0 0 14px var(--green)}.metric-card.cyan .metric-accent{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.workspace{grid-template-columns:264px 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(170%)blur(26px);border:.5px solid var(--glass-border);min-height:0;box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--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:14px 6px 16px 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(--amber);font:500 10px/1.2 var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.panel-heading h3{font-family:var(--font-display);letter-spacing:.01em;margin-top:4px;font-size:17px;font-weight:600}.clear-button{border-radius:var(--radius-full);color:var(--red-bright);padding:6px 10px;font-size:12px;font-weight:500;transition:background-color .15s,transform .12s}.clear-button:hover{background:var(--red-soft)}.clear-button:active{transform:scale(.95)}.search-box{border-radius:var(--radius-sm);background:var(--surface-well);border:.5px solid var(--glass-border);height:40px;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;box-shadow:inset 0 1px 3px #03040759}:root[data-theme=light] .search-box{box-shadow:inset 0 1px 2px #2e406b14}.search-box:focus-within{background:var(--surface-2);box-shadow:inset 0 1px 3px #0304074d, 0 0 0 3px var(--red-soft), 0 0 24px #e7404624;border-color:#e740468c}.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(--border-strong)}.search-clear:active{transform:scale(.88)}.filter-group{margin-top:22px;padding-inline:4px}.filter-title{color:var(--text-2);font:600 11px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;display:flex}.filter-badge{border-radius:var(--radius-full);background:var(--red);color:#fff;min-width:18px;height:18px;font:600 10px/18px var(--font-mono);text-align:center;padding:0 5px;box-shadow:0 0 12px #e7404673}.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(--border-strong);background:0 0;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:border-color .15s,background-color .15s,box-shadow .2s,transform .12s}.checkbox-row:active .fake-checkbox{transform:scale(.88)}.checkbox-row input:checked+.fake-checkbox{border-color:var(--red);background:var(--red);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:0 0 12px #e7404666}.checkbox-row input:focus-visible+.fake-checkbox{outline-offset:2px;outline:2px solid #e74046d9}.show-more{color:var(--red-bright);font:500 11px/1.4 var(--font-mono);letter-spacing:.06em;margin-top:4px;padding:6px 0;transition:opacity .15s}.show-more:hover{opacity:.75}.switches{border-top:.5px solid var(--border);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);border:.5px solid var(--glass-border);flex-shrink:0;width:42px;height:26px;transition:background-color .25s,border-color .25s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;margin-block:auto;transition:transform .28s cubic-bezier(.34,1.2,.64,1);position:absolute;top:0;bottom:0;left:2px;box-shadow:0 1px 3px #03040759,0 1px 1px #03040726}.switch-row input:checked+.switch-track{background:var(--red);border-color:#0000;box-shadow:0 0 14px #e7404659}.switch-row input:checked+.switch-track:after{transform:translate(16px)}.switch-row input:focus-visible+.switch-track{outline-offset:2px;outline:2px solid #e74046d9}.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{font-family:var(--font-display);letter-spacing:.01em;font-size:17px;font-weight:600}.results-count{color:var(--red-bright);font:500 13px var(--font-mono);text-shadow:0 0 14px #e7404659;margin-left:8px}.results-meta{color:var(--text-3);font:400 11px/1.4 var(--font-mono);letter-spacing:.02em;margin-top:4px}.toolbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sort-select{color:var(--text-3);font:500 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;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(--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:#e7404666}.sort-select select:focus{box-shadow:0 0 0 3px var(--red-soft);border-color:#e740468c;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(--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);color:var(--text);border-color:#e7404666}.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:linear-gradient(180deg, #deebf70a 0%, transparent 30%), var(--glass-card);-webkit-backdrop-filter:saturate(170%)blur(20px);border:.5px solid var(--glass-border);min-height:96px;box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--highlight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .25s ease, box-shadow .3s ease, background-color .4s ease, transform .3s var(--ease-out-quint);will-change:transform;--mx:50%;--my:50%;grid-template-columns:minmax(0,1fr) 150px 28px;align-items:center;gap:20px;padding:16px 18px;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,.server-card:after{content:"";opacity:0;z-index:4;pointer-events:none;width:14px;height:14px;transition:width .3s var(--ease-out-expo), height .3s var(--ease-out-expo), opacity .25s ease;position:absolute}.server-card:before{border-top-left-radius:var(--radius-md);border-top:2px solid #e74046bf;border-left:2px solid #e74046bf;top:-1px;left:-1px}.server-card:after{border-bottom-right-radius:var(--radius-md);border-bottom:2px solid #e74046bf;border-right:2px solid #e74046bf;bottom:-1px;right:-1px}@media (hover:hover) and (pointer:fine){.server-card:hover:before,.server-card:hover:after{opacity:1;width:100%;height:100%}}.server-card>.glass-shine{z-index:1;position:absolute}.server-card:hover{background-color:var(--glass-card-hover);box-shadow:var(--shadow-md), 0 0 28px #e7404624, inset 0 1px 0 0 var(--highlight);border-color:#e7404673;transform:translateY(-1px)}.server-card.selected{background:color-mix(in srgb, var(--glass-card-hover) 88%, var(--red-soft));box-shadow:var(--shadow-md), 0 0 0 1px #e740464d, 0 0 36px #e740462e, inset 0 1px 0 0 var(--highlight);border-color:#e740468c}.server-card.selected:before,.server-card.selected:after{opacity:1;width:100%;height:100%}.server-card:active:not(.selected){transform:scale(.992)}.server-main{min-width:0}.server-status{color:var(--text-3);font:500 10px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;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), 0 0 10px #26d9688c}.server-main h4{color:var(--text);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;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-xs);background:var(--fill);border:.5px solid var(--glass-border);height:22px;color:var(--text-2);font:500 10.5px/1 var(--font-mono);letter-spacing:.08em;align-items:center;padding:0 9px;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.server-card:hover .tag{border-color:var(--glass-border-strong);color:var(--text)}.tag.private{background:var(--amber-soft);color:var(--amber);border-color:#f6702359}.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 17px/1 var(--font-display);letter-spacing:0}.player-count span{color:var(--text-3);font:500 11px/1 var(--font-mono)}.meter{border-radius:var(--radius-full);background:var(--fill);height:4px;margin-top:10px;overflow:hidden}.meter-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#e4252b,#f67023);height:100%;transition:width .5s;display:block;box-shadow:0 0 10px #e7404673}.player-meter small{color:var(--text-3);font:500 10px/1.2 var(--font-mono);text-align:right;letter-spacing:.04em;margin-top:6px;display:block}.server-chevron{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-3);background:var(--fill);border:.5px solid var(--glass-border);transition:color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .25s ease, transform .3s var(--ease-out-expo);place-items:center;display:grid}.server-chevron svg{width:14px;height:14px;transition:transform .3s var(--ease-out-expo)}.server-card:hover .server-chevron{color:var(--red-bright);background:var(--red-soft);border-color:#e7404666}.server-card.selected .server-chevron{color:#fff;background:var(--red);box-shadow:0 0 0 3px var(--red-soft), 0 2px 10px #e7404673;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(--border);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);font:600 10px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-right:2px}.mod-chip{border-radius:var(--radius-xs);background:var(--red-soft);height:24px;color:var(--red-bright);font:500 11px/1 var(--font-mono);border:.5px solid #e7404640;align-items:baseline;gap:5px;padding:0 10px;display:inline-flex}.mod-chip em{color:var(--text-3);font-size:10px;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(--highlight);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:40px 24px;display:flex}.state-card h4{font-family:var(--font-display);letter-spacing:.01em;margin-top:14px;font-size:16px;font-weight:600}.state-card p{max-width:280px;color:var(--text-3);font-size:13px;line-height:1.5}.loader{background:conic-gradient(#e7404600 0%,#e7404614 62%,#e74046cc 96%,#0000 100%);border-radius:50%;width:44px;height:44px;animation:1.1s linear infinite spin;position:relative;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px))}.state-icon{border-radius:var(--radius-sm);background:var(--fill);width:44px;height:44px;color:var(--text-2);place-items:center;font-size:20px;font-weight:500;display:grid}.state-icon.error{background:var(--red-soft);color:var(--red-bright);box-shadow:0 0 20px #e7404640}.state-icon.empty{background:var(--red-soft);color:var(--red-bright);font-size:22px}.retry-button{border-radius:var(--radius-sm);letter-spacing:.02em;height:38px;margin-top:16px;padding:0 20px;font-size:13px;font-weight:600}footer{border-top:.5px solid var(--border);color:var(--text-4);font:500 11px/1.5 var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;padding:30px 0 40px;display:flex}footer a{color:var(--text-3);transition:color .15s}footer a:hover{color:var(--red-bright)}@keyframes spin{to{transform:rotate(360deg)}}@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 glow-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@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);max-height:min(70dvh,520px);margin-bottom:20px;padding:4px;display:none;position:static}.filters-scroll{border-radius:calc(var(--radius-md) - 4px)}.filters-panel.is-open{animation:filter-sheet-in .35s var(--ease-out-expo) both;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:34px 0 24px}.hero h2{font-size:1.9rem}.hero-stat{display:none}.hero-desc{font-size:14px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{min-height:88px;padding:14px}.metric-value{font-size:25px}.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(--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(--red);box-shadow:0 0 0 3px var(--red-soft), 0 2px 10px #e7404680}.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,.hero-stat strong:after,.grain-layer{animation:none!important}.server-card:hover,.metric-card:hover,.btn-primary-glow:hover,.btn-primary-glow:active{transform:none}.btn-primary-glow:after{display:none}}@media (prefers-reduced-transparency:reduce){.topbar,.server-card,.metric-card,.hero-stat,.icon-btn,.connection-pill,.filters-panel.is-open,.state-card{background:var(--surface);-webkit-backdrop-filter:none}.ambient-orb,.glass-shine,.scanlines,.grain-layer,.vignette-layer{display:none}}@media (prefers-contrast:more){.server-card,.metric-card,.search-box,.icon-btn,.sort-select select,.hero-stat{border:1.5px solid var(--text-3)}.topbar{background:var(--bg);border-bottom:1.5px solid var(--text-3)}.server-card:before,.server-card:after,.metric-card:before,.metric-card:after{display:none}}