/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:"Inter", "Inter Fallback", ui-sans-serif, system-ui, sans-serif;--default-font-family:"Inter", "Inter Fallback", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--color-background:var(--background);--color-foreground:var(--foreground);--color-border:var(--border);--color-ring:var(--ring)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border);box-sizing:border-box}[data-route-stage]{isolation:isolate;scrollbar-gutter:auto;min-width:0;height:auto;max-height:none;overflow:clip visible}html{scroll-behavior:smooth;scrollbar-gutter:auto;background-color:var(--color-background);min-height:100%;overflow:hidden auto}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:auto;overflow-anchor:none;width:100%;max-width:100%;min-height:100dvh;overflow:clip visible}#root,[data-tanstack-router]{min-width:0;max-width:100%;min-height:100svh}[data-route-stage]>*{min-width:0;max-width:100%}img,video,svg,canvas{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-sans);letter-spacing:-.01em}a,button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:2px solid color-mix(in oklch, var(--color-ring) 82%, white)}}:focus-visible{outline-offset:2px}html{scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);scrollbar-width:thin}html::-webkit-scrollbar{width:var(--app-scrollbar-size);height:var(--app-scrollbar-size)}html::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:var(--app-scrollbar-radius)}html::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:var(--app-scrollbar-radius);border:2px solid var(--app-scrollbar-track);transition:background-color .2s}html::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}:root[data-scrollbar-visibility=scroll] html::-webkit-scrollbar-thumb{background:0 0;border-color:#0000}:root[data-scrollbar-visibility=scroll] html:hover::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-color:var(--app-scrollbar-track)}}@layer components;@layer utilities{.visible{visibility:visible}.grid{display:grid}}@font-face{font-family:Inter Fallback;src:local(Arial);size-adjust:98.2%;ascent-override:90%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Oswald Fallback;src:local(Arial Narrow),local(Arial);size-adjust:92%;ascent-override:96%;descent-override:24%;line-gap-override:0%}:root{--radius:.75rem;--background:oklch(18.5% .012 258);--foreground:oklch(97.6% .005 250);--surface:oklch(22.5% .012 258);--surface-2:oklch(24.5% .014 258);--surface-3:oklch(27.5% .016 258);--card:oklch(25.5% .012 258);--card-foreground:oklch(97.6% .005 250);--popover:oklch(22.5% .012 258);--popover-foreground:oklch(97.6% .005 250);--primary:oklch(70.5% .191 42);--primary-foreground:oklch(14% .01 258);--primary-hover:oklch(76.2% .163 52);--secondary:oklch(25.5% .012 258);--secondary-foreground:oklch(97.6% .005 250);--muted:oklch(22.5% .012 258);--muted-foreground:oklch(70.2% .03 250);--accent:oklch(70.5% .191 42);--accent-foreground:oklch(14% .01 258);--success:oklch(72% .19 145);--online:oklch(75% .18 155);--offline:oklch(65% .22 25);--warning:oklch(82% .17 85);--info:oklch(72% .15 235);--destructive:oklch(65% .239 27);--destructive-foreground:oklch(97.6% .005 250);--border:oklch(35.3% .012 258);--input:oklch(25.5% .012 258);--ring:oklch(70.5% .191 42);--chart-1:oklch(70.5% .191 42);--chart-2:oklch(72% .19 145);--chart-3:oklch(65% .16 260);--chart-4:oklch(72% .15 320);--chart-5:oklch(78% .16 90);--sidebar:oklch(22.5% .012 258);--sidebar-foreground:oklch(97.6% .005 250);--sidebar-primary:oklch(70.5% .191 42);--sidebar-primary-foreground:oklch(14% .01 258);--sidebar-accent:oklch(25.5% .012 258);--sidebar-accent-foreground:oklch(97.6% .005 250);--sidebar-border:oklch(35.3% .012 258);--sidebar-ring:oklch(70.5% .191 42);--shadow-sm:0 1px 2px 0 oklch(0% 0 0/.4);--shadow-md:0 4px 12px -2px oklch(0% 0 0/.45), 0 2px 4px -2px oklch(0% 0 0/.3);--shadow-lg:0 16px 40px -12px oklch(0% 0 0/.55), 0 4px 12px -4px oklch(0% 0 0/.35);--glow-orange:0 0 60px oklch(70.5% .191 42/.28);--gradient-ember:linear-gradient(135deg, oklch(76.2% .163 52) 0%, oklch(62% .22 32) 100%);--gradient-surface:linear-gradient(180deg, oklch(25.5% .012 258) 0%, oklch(22.5% .012 258) 100%);--app-scrollbar-track:#0f172a;--app-scrollbar-thumb:#f97316;--app-scrollbar-thumb-hover:#fb923c;--app-scrollbar-size:10px;--app-scrollbar-radius:999px}@keyframes app-route-fade-out{0%{opacity:1}to{opacity:0}}@keyframes app-route-fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 oklch(72% .19 47/.7)}50%{opacity:.7;box-shadow:0 0 0 8px oklch(72% .19 47/0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body:has(.servers-page){padding-top:58px}.servers-page{color:#e7ebef;background:#020709;min-height:100svh;overflow-x:clip}.servers-shell{width:min(100%,1536px);margin:auto;padding-inline:40px}.servers-hero{background-position:50% 53%;background-size:cover;border-bottom:1px solid #293238;height:235px}.servers-hero>.servers-shell{flex-direction:column;justify-content:center;gap:27px;height:100%;display:flex;position:relative}.servers-hero-copy{z-index:1;position:relative}.servers-hero h1{font:800 38px/1 "Barlow Condensed", var(--font-sans);margin:0}.servers-hero p{color:#b0b6bc;margin:8px 0 0;font-size:15px}.servers-hero-brand{z-index:1;width:285px;font-family:"Barlow Condensed", var(--font-sans);text-align:center;text-transform:uppercase;filter:drop-shadow(0 4px 2px #000a);flex-direction:column;font-weight:900;line-height:.72;display:flex;position:absolute;top:25px;left:58%;transform:rotate(-1deg)}.servers-hero-brand span{color:#d7d4cf;letter-spacing:1px;text-shadow:0 2px #202020;font-size:52px}.servers-hero-brand strong{color:#ba252d;letter-spacing:-1px;text-shadow:0 2px #4a0e12;font-size:57px}.servers-metrics{z-index:1;grid-template-columns:repeat(3,minmax(0,240px));gap:12px;width:min(100%,720px);display:grid;position:relative}.server-metric{background:#050a0dcc;border:1px solid #343d42;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:45px 1fr;align-items:center;min-height:74px;padding:13px 16px;display:grid}.server-metric>span{color:#ed3e49;grid-row:1/3}.server-metric svg{width:25px}.server-metric .status-orb{background:#47c875;border-radius:50%;width:19px;height:19px;display:block;box-shadow:0 0 0 8px #47c8751f}.servers-page .server-metric .status-orb,.servers-page .server-card.is-online .server-status i{position:relative}.servers-page .server-metric .status-orb:after,.servers-page .server-card.is-online .server-status i:after{content:"";pointer-events:none;border:1px solid #47c875;border-radius:50%;animation:1.8s ease-out infinite servers-online-pulse;position:absolute;inset:0}@keyframes servers-online-pulse{0%{opacity:.85;transform:scale(1)}80%,to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.servers-page .server-metric .status-orb:after,.servers-page .server-card.is-online .server-status i:after{opacity:0;animation:none}}.server-metric strong{font:800 28px/1 "Barlow Condensed", var(--font-sans)}.server-metric small{color:#b3bac0;text-transform:uppercase;font-size:10px}.servers-content{padding-top:22px;padding-bottom:42px}.servers-toolbar{grid-template-columns:140px minmax(460px,1fr) 320px 134px 108px;align-items:center;gap:12px;margin-bottom:26px;display:grid}.region-select,.server-tabs button,.servers-refresh,.servers-view button,.mobile-filter-button{color:#e4e7e9;background:#080e11;border:1px solid #303a40;border-radius:6px;height:48px}.region-select{text-transform:uppercase;align-items:center;gap:10px;padding:0 14px;display:flex}.server-tabs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.server-tabs button{justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;font-weight:700;display:flex}.server-tabs button b{background:#ffffff13;border-radius:4px;padding:4px 8px}.server-tabs button.is-active{background:linear-gradient(90deg,#c52e38,#8a1e27);border-color:#d43842}.servers-search{align-items:center;display:flex;position:relative}.servers-search>svg{color:#8d999f;width:19px;position:absolute;left:14px}.servers-search input{color:#fff;background:#050b0e;border:1px solid #303a40;border-radius:6px;outline:0;width:100%;height:48px;padding:0 38px}.servers-search input:focus{border-color:#b52c35}.servers-search button{color:#768289;background:0 0;border:0;position:absolute;right:9px}.servers-search button svg{width:16px}.servers-refresh{justify-content:center;align-items:center;gap:9px;display:flex}.servers-refresh svg{width:17px}.servers-view{grid-template-columns:1fr 1fr;gap:5px;display:grid}.servers-view button{place-items:center;display:grid}.servers-view button.is-active{color:#fff;background:#54151a;border-color:#cf303a}.servers-view svg{width:18px}.mobile-filter-button{display:none}.servers-layout{grid-template-columns:242px minmax(0,1fr);gap:20px;display:grid}.server-filters{background:#070c0f;border:1px solid #303a40;border-radius:6px;align-self:start}.server-filters header{border-bottom:1px solid #273137;align-items:center;height:54px;padding:0 14px;display:flex}.server-filters header strong{text-transform:uppercase}.server-filters header button{color:#a0a9af;background:0 0;border:0;margin-left:auto;font-size:11px}.filters-close{display:none}.filter-group{border-bottom:1px solid #273137;padding:14px}.filter-group:last-child{border:0}.filter-group>p{color:#929da4;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.filter-option{color:#e4e7e9;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:7px 0;display:flex}.filter-option i{border:1px solid #667179;border-radius:4px;width:19px;height:19px}.filter-option i.is-active{background:#cf333d;border-color:#e24049;box-shadow:inset 0 0 0 4px #cf333d}.filter-option i.is-active:after{content:"✓";color:#fff;place-items:center;font-size:13px;display:grid}.filter-option span{font-size:12px}.filter-option b{margin-left:auto;font-size:11px}.servers-results{min-width:0}.servers-result-head{color:#88949c;text-align:right;text-transform:uppercase;height:29px;font-size:11px;font-weight:700}.servers-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.server-card{background:#050b0e;border:1px solid #354047;border-radius:7px;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000}.server-card.is-online{border-color:var(--server-accent)}@supports (color:color-mix(in lab, red, red)){.server-card.is-online{border-color:color-mix(in srgb, var(--server-accent) 52%, #354047)}}.server-card.is-offline{filter:saturate(.4)}.server-cover{background-position:50%;background-size:cover;height:190px;padding:82px 15px 13px;transition:filter .18s;position:relative}.server-cover h2,.server-leaderboard-link svg{transition:transform .18s}@media (hover:hover) and (pointer:fine){.server-card:hover{z-index:1;border-color:var(--server-accent);box-shadow:0 16px 36px #0000007a, 0 0 24px var(--server-accent);background:#081014;transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.server-card:hover{box-shadow:0 16px 36px #0000007a, 0 0 24px color-mix(in srgb, var(--server-accent) 18%, transparent)}}.server-card:hover .server-cover{filter:brightness(1.1)saturate(1.08)}.server-card:hover .server-cover h2{transform:translate(3px)}.server-card:hover .server-leaderboard-link svg{transform:translate(4px)}}.server-cover h2{color:#fff;font:800 20px/1 "Barlow Condensed", var(--font-sans);text-overflow:ellipsis;white-space:nowrap;margin:0 82px 7px 0;overflow:hidden}.server-cover>div{gap:6px;display:flex}.server-cover>div span{color:#54d68a;text-transform:uppercase;background:#092a18cc;border:1px solid #326f4c;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:700}.server-cover>div span+span{color:#d7dcdf;background:#10171acc;border-color:#3b454b}.server-cover small{color:#bdc4c8;text-transform:uppercase;margin-top:8px;font-size:10px;display:block}.server-status{color:var(--server-accent);text-transform:uppercase;background:#06100dcc;border-radius:4px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;font-weight:800;display:flex;position:absolute;top:12px;right:12px}.server-status i{background:var(--server-accent);border-radius:50%;width:9px;height:9px}.server-population{border-top:1px solid #293238;padding:13px 15px 16px;position:relative}.server-population>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.server-population span{color:#a5afb5;text-transform:uppercase;font-size:10px;font-weight:700}.server-population strong{font:800 24px "Barlow Condensed", var(--font-sans)}.server-population strong small{color:#d3d8db;font-size:16px}.population-track{background:#1b2226;border:1px solid #394248;border-radius:4px;height:9px;margin-top:6px;overflow:hidden}.population-track i{background:var(--server-accent);border-radius:3px;height:100%;display:block}.server-population>small{color:#a5afb5;font-size:9px;position:absolute;bottom:1px;right:15px}.server-facts{border-top:1px solid #293238;border-bottom:1px solid #293238;grid-template-columns:repeat(3,1fr);display:grid}.server-facts div{text-align:center;padding:10px 5px}.server-facts div+div{border-left:1px solid #293238}.server-facts span{color:#919ca3;text-transform:uppercase;font-size:8px;display:block}.server-facts b{font:800 16px "Barlow Condensed", var(--font-sans);margin-top:3px;display:block}.server-wipe{border:1px solid #303a40;border-radius:5px;justify-content:space-between;align-items:center;margin:11px 13px;padding:9px;display:flex}.server-wipe>span{color:#9aa5ab;text-transform:uppercase;flex:none;font-size:10px}.server-wipe b{text-align:right;justify-content:flex-end;align-items:center;gap:8px;min-width:0;font-size:11px;line-height:1.25;display:flex}.server-wipe svg{flex:none;width:15px}.server-activity{border-top:1px solid #293238;min-height:107px;padding:11px 13px}.server-activity header{color:#aab2b7;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:9px;display:flex}.server-activity header div{align-items:center;gap:4px;display:flex}.server-activity header i{background:#ed3e59;border-radius:50%;width:6px;height:6px;margin-left:4px}.server-activity header i:nth-of-type(2){background:#eea248}.server-activity svg{width:100%;height:55px}.server-activity path{fill:none;stroke-width:1.7px}.server-activity .baseline{stroke:#ffffff20;stroke-dasharray:2 3}.server-activity .pvp{stroke:#ed3e59}.server-activity .raid{stroke:#eea248}.server-activity .telemetry-energy{pointer-events:none}.server-activity .telemetry-trail,.server-activity .telemetry-spark{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 112;animation:4s linear infinite servers-telemetry-flow}.server-activity .telemetry-trail--pvp{stroke:#ff8fa3;stroke-width:2.4px;filter:drop-shadow(0 0 2px #ff355e)}.server-activity .telemetry-trail--raid{stroke:#ffd393;stroke-width:1.8px;filter:drop-shadow(0 0 2px #eea248);animation-delay:-2s}.server-activity .telemetry-spark{stroke:#fff2f5;stroke-width:2.6px;stroke-dasharray:.6 119.4;filter:drop-shadow(0 0 1px #fff)}@keyframes servers-telemetry-flow{0%{stroke-dashoffset:10px;opacity:0}10%,85%{opacity:1}to{stroke-dashoffset:-110px;opacity:0}}@media (prefers-reduced-motion:reduce){.server-activity .telemetry-energy{display:none}}.server-activity footer{color:#818c93;text-transform:uppercase;justify-content:space-between;font-size:8px;display:flex}.server-activity>p{color:#7e8990;place-items:center;height:65px;margin:0;font-size:10px;display:grid}.offline-state{border-top:1px solid #293238;grid-template-columns:22px 1fr;gap:9px;min-height:107px;padding:14px;display:grid}.offline-state>svg{color:#879198;width:18px}.offline-state div{flex-direction:column;display:flex}.offline-state b{font-size:11px}.offline-state span{color:#889399;font-size:9px}.offline-state button{color:#d6dbde;text-transform:uppercase;background:0 0;border:1px solid #485159;border-radius:4px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;height:33px;font-size:9px;display:flex}.offline-state button svg{width:14px}.server-leaderboard-link{color:#e9ecee;text-transform:uppercase;border-top:1px solid #293238;justify-content:space-between;align-items:center;height:42px;margin-top:auto;padding:0 14px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.server-leaderboard-link:hover{color:#ef4751}.server-leaderboard-link svg{width:16px}.servers-grid--list{grid-template-columns:1fr}.servers-grid--list .server-card{grid-template-columns:260px minmax(190px,1fr) 250px 180px;display:grid}.servers-grid--list .server-cover{height:auto;min-height:190px}.servers-grid--list .server-activity,.servers-grid--list .offline-state{border-left:1px solid #293238}.servers-grid--list .server-leaderboard-link{border-top:0;border-left:1px solid #293238;height:auto}.servers-pagination{color:#879299;justify-content:space-between;align-items:center;margin-top:22px;font-size:11px;display:flex}.servers-pagination>div{gap:6px;display:flex}.servers-pagination button,.servers-pagination b{color:#fff;background:#081014;border:1px solid #303a40;border-radius:5px;place-items:center;width:40px;height:40px;display:grid}.servers-pagination b{background:#c62e38;border-color:#d43842}.servers-pagination svg{width:16px}.servers-state{text-align:center;background:#050b0e;border:1px solid #303a40;border-radius:7px;align-content:center;place-items:center;gap:9px;min-height:270px;display:grid}.servers-state>span svg{color:#df3c46;width:25px}.servers-state p{color:#8c979e;margin:0;font-size:12px}.servers-state button{color:#fff;background:#0a1216;border:1px solid #3b454b;border-radius:5px;align-items:center;gap:7px;padding:8px 12px;display:flex}.filters-scrim{display:none}@media (width<=1599px){.servers-shell{padding-inline:28px}.servers-toolbar{grid-template-columns:130px minmax(430px,1fr) minmax(250px,310px) 120px 100px}.servers-grid--list{grid-template-columns:240px minmax(180px,1fr) 230px 155px}}@media (width<=1199px){.servers-hero{height:auto;min-height:245px}.servers-hero-brand{display:none}.servers-metrics{grid-template-columns:repeat(2,1fr)}.servers-toolbar{grid-template-columns:130px 1fr 120px 100px}.server-tabs{grid-area:2/1/auto/-1}.servers-search{grid-column:2}.servers-layout{grid-template-columns:1fr}.server-filters{display:none}.servers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-filter-button{justify-content:center;align-items:center;gap:7px;display:flex}.mobile-filter-button svg{width:16px}.servers-refresh{display:none}.servers-view{grid-column:4}.filters-scrim.is-open{z-index:70;background:#000b;border:0;display:block;position:fixed;inset:0}.server-filters.is-open{z-index:71;border-radius:0;width:min(330px,88vw);display:block;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.filters-close{display:block!important}.server-filters header button:not(.filters-close){margin-left:auto}.servers-grid--list .server-card{grid-template-columns:220px 1fr}.servers-grid--list .server-activity,.servers-grid--list .offline-state,.servers-grid--list .server-leaderboard-link{grid-column:1/-1}}@media (width<=799px){.servers-shell{padding-inline:15px}.servers-hero>.servers-shell{padding-top:28px;padding-bottom:22px}.servers-hero h1{font-size:32px}.servers-metrics{gap:8px}.server-metric{grid-template-columns:34px 1fr;padding:10px}.server-metric strong{font-size:24px}.server-metric small{font-size:8px}.servers-content{padding-top:14px}.servers-toolbar{grid-template-columns:1fr auto auto}.region-select{grid-column:1/-1}.server-tabs{grid-column:1/-1;display:flex;overflow-x:auto}.server-tabs button{flex:1;min-width:155px}.servers-search{grid-area:3/1/auto/-1}.mobile-filter-button{grid-area:4/2}.servers-view{grid-area:4/3}.servers-grid{grid-template-columns:1fr}.servers-grid--list .server-card{display:flex}.server-cover{height:180px}.servers-result-head{text-align:left}.servers-pagination{flex-direction:column;align-items:flex-start}.servers-grid--list .server-activity,.servers-grid--list .offline-state,.servers-grid--list .server-leaderboard-link{border-left:0}}@media (width<=380px){.servers-shell{padding-inline:12px}.server-metric{grid-template-columns:28px 1fr}.server-metric>span{display:none}.server-tabs button{min-width:145px}.server-cover h2{font-size:18px}}