.srv-index{--control-primary-bg:var(--srv-game,#4b83ff);--control-primary-hover:color-mix(in srgb, var(--srv-game,#4b83ff) 86%, #fff);--control-primary-pressed:color-mix(in srgb, var(--srv-game,#4b83ff) 95%, #000);--control-primary-fg:#101217;--control-primary-sheen:linear-gradient(180deg, #ffffff14, #fff0);--control-selected-bg:color-mix(in srgb, var(--srv-game,#4b83ff) 20%, #171a20);--control-selected-hover:color-mix(in srgb, var(--srv-game,#4b83ff) 27%, #171a20);--control-selected-pressed:color-mix(in srgb, var(--srv-game,#4b83ff) 15%, #171a20);--control-selected-fg:#fff;--control-focus:color-mix(in srgb, var(--srv-game,#4b83ff) 60%, #fff);--select-check-color:var(--srv-game,#4b83ff);width:100%;max-width:1440px;margin:0 auto;padding-left:16px;padding-right:16px}@media only screen and (width>=1100px){.srv-index{padding-left:24px;padding-right:24px}}@media only screen and (width>=1840px){.srv-index{max-width:1760px}}.srv-index .select__btn_open{--button-fg:var(--control-focus)}.srv-index .search-field:focus-within{border-color:color-mix(in srgb, var(--srv-game,#4b83ff) 60%, transparent)}.srv-index .search-field_lg:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--srv-game,#4b83ff) 7%, transparent)}.srv-index__section{padding:0 0 16px}.srv-hero{isolation:isolate;margin:32px 0 18px;position:relative}.srv-hero__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.srv-hero__heading{align-items:center;gap:16px;min-width:0;padding-inline:2px;display:flex}.srv-hero__title{letter-spacing:0;color:#e4eaf2;text-wrap:balance;text-shadow:0 2px 12px #00000052;min-width:0;margin:0;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:27px;font-weight:900;line-height:1.2}.srv-hero__store{color:#8a93a2;border-inline-start:1px solid #1d2024a6;flex-shrink:0;align-items:center;gap:5px;min-height:32px;padding-inline-start:16px;font-size:12px;transition:color .16s;display:inline-flex}@media (hover:hover){.srv-hero__store:hover{color:#d3dbe6}}.srv-hero__tabs{isolation:isolate;overscroll-behavior-x:contain;scrollbar-width:none;background:linear-gradient(#121419,#0c0d11);border-radius:16px;align-items:stretch;gap:4px;width:max-content;max-width:100%;padding:5px;display:flex;position:relative;overflow-x:auto;box-shadow:0 3px 6px #0009,0 1px 2px #000000a6}[dir=rtl] .srv-hero__tabs{background:linear-gradient(-180deg,#121419,#0c0d11)}.srv-hero__tabs:where([data-scroll-left-edge]){--scroll-edge-left:32px;--scroll-edge-right:32px;--scroll-edge-left-delay:0s;--scroll-edge-right-delay:0s;transition:--scroll-edge-left .16s ease-out var(--scroll-edge-left-delay), --scroll-edge-right .16s ease-out var(--scroll-edge-right-delay);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--scroll-edge-left), #000 calc(100% - var(--scroll-edge-right)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--scroll-edge-left), #000 calc(100% - var(--scroll-edge-right)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--scroll-edge-left), #000 calc(100% - var(--scroll-edge-right)), transparent 100%)}[dir=rtl] .srv-hero__tabs:where([data-scroll-left-edge]){transition:--scroll-edge-right .16s ease-out var(--scroll-edge-right-delay), --scroll-edge-left .16s ease-out var(--scroll-edge-left-delay)}@media (width<=630px){.srv-hero__tabs:where([data-scroll-left-edge]){--scroll-edge-left:24px;--scroll-edge-right:24px}}.srv-hero__tabs:where([data-scroll-left-edge])[data-scroll-left-edge=true],.srv-hero__tabs:where([data-scroll-left-edge])[data-scroll-left-cut=false]{--scroll-edge-left:0px;--scroll-edge-left-delay:30ms}.srv-hero__tabs:where([data-scroll-left-edge])[data-scroll-right-edge=true],.srv-hero__tabs:where([data-scroll-left-edge])[data-scroll-right-cut=false]{--scroll-edge-right:0px;--scroll-edge-right-delay:30ms}@media (prefers-reduced-motion:reduce){.srv-hero__tabs:where([data-scroll-left-edge]){transition:none}}.srv-hero__tabs::-webkit-scrollbar{display:none}.srv-hero__tabs_ready .srv-hero__indicator{opacity:1;transition:transform .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1),background-color .35s}.srv-hero__tabs_ready .srv-hero__tab_active{background:0 0}.srv-hero__indicator{z-index:0;opacity:0;pointer-events:none;border-radius:11px;height:50px;position:absolute;top:5px;left:0}[dir=rtl] .srv-hero__indicator{left:auto;right:0}.srv-hero__tab{z-index:1;color:#a9b2c0;white-space:nowrap;border-radius:11px;flex:0 0 48px;justify-content:center;align-items:center;gap:9px;height:50px;padding-inline:0;transition:background .18s,color .18s;display:inline-flex;position:relative}.srv-hero__tab:not(.srv-hero__tab_active) .srv-hero__tab-name{display:none}@media (hover:hover){.srv-hero__tab:not(.srv-hero__tab_active):hover{color:#fff;background:#ffffff0d}}.srv-hero__tab:focus-visible{outline-offset:-2px;outline:2px solid #4b83ff}.srv-hero__tab_active{cursor:default;color:#fff;flex-basis:auto;padding-inline:16px;transition:none}.srv-hero__indicator,.srv-hero__tab_active{background-color:color-mix(in srgb, var(--srv-tab,var(--srv-game,#4b83ff)) 24%, #171b22);background-image:radial-gradient(at 12% 0,#ffffff1c,#0000 72%),linear-gradient(145deg,#ffffff0a,#0000 46%,#00000029)}[dir=rtl] .srv-hero__indicator,[dir=rtl] .srv-hero__tab_active{background-image:radial-gradient(at 12% 0,#ffffff1c,#0000 72%),linear-gradient(-145deg,#ffffff0a,#0000 46%,#00000029)}.srv-hero__tab-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:112px;height:26px;display:block}.srv-hero__tab-logo[data-shape=square]{object-fit:cover;border-radius:6px;width:26px}.srv-hero__tab-logo[role=img]{-webkit-mask:var(--game-mark) no-repeat center / contain;mask:var(--game-mark) no-repeat center / contain;-webkit-mask:var(--game-mark) no-repeat center / contain;background:currentColor}.srv-hero__tab-name{white-space:nowrap;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:14px;font-weight:800}@media not screen and (width>=630px){.srv-hero{margin-top:24px;margin-bottom:16px}.srv-hero__row{gap:14px}.srv-hero__heading{gap:10px}.srv-hero__title{font-size:23px}.srv-hero__store{gap:4px;padding-inline-start:10px}.srv-hero__tabs{border-radius:14px;gap:3px;padding:4px}.srv-hero__indicator{border-radius:9px;height:46px;top:4px}.srv-hero__tab{border-radius:9px;height:46px}.srv-hero__tab-logo{height:24px}.srv-hero__tab-logo[data-shape=square]{width:24px}}@media (prefers-reduced-motion:reduce){.srv-hero__tabs_ready .srv-hero__indicator{transition:none}}.realm-browser{--control-primary-bg:var(--srv-game,#4b83ff);--control-primary-hover:color-mix(in srgb, var(--srv-game,#4b83ff) 86%, #fff);--control-primary-pressed:color-mix(in srgb, var(--srv-game,#4b83ff) 95%, #000);--control-primary-fg:#101217;--control-primary-sheen:linear-gradient(180deg, #ffffff14, #fff0);--control-selected-bg:color-mix(in srgb, var(--srv-game,#4b83ff) 20%, #171a20);--control-selected-hover:color-mix(in srgb, var(--srv-game,#4b83ff) 27%, #171a20);--control-selected-pressed:color-mix(in srgb, var(--srv-game,#4b83ff) 15%, #171a20);--control-selected-fg:#fff;--control-focus:color-mix(in srgb, var(--srv-game,#4b83ff) 60%, #fff);--select-check-color:var(--srv-game,#4b83ff)}.realm-browser .select__btn_open{--button-fg:var(--control-focus)}.realm-browser .search-field:focus-within{border-color:color-mix(in srgb, var(--srv-game,#4b83ff) 60%, transparent)}.realm-browser .search-field_lg:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--srv-game,#4b83ff) 7%, transparent)}.realm-browser__filters{background:#0c0d11;border:1px solid #1d2024;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:26px 14px 14px;display:flex;position:relative}.realm-browser__filters .search-field{flex:200px;max-width:400px;height:44px}.realm-browser__filters .chips{flex-wrap:nowrap;gap:6px;height:44px;padding:0}.realm-browser__filters .chips__button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;height:44px;padding:0 12px;display:flex}.realm-browser__filters .select{min-width:0}.realm-browser__filters .select__btn{border-radius:10px;gap:8px;height:44px;padding-inline:12px}.realm-browser__note{color:#8a93a2;margin:12px 0;font-size:12px;line-height:1.65}.realm-browser__loading{place-items:center;min-height:160px;display:grid}.realm-browser__error{flex-wrap:wrap;align-items:center;gap:12px;min-height:100px;display:flex}.realm-browser__retry{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:var(--button-fg,var(--control-fg));box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;border:0;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700}.realm-browser__retry:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.realm-browser__retry:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.realm-browser__retry:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.realm-browser__retry:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}.realm-browser__retry:disabled,.realm-browser__retry[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.realm-browser__total{color:#d3dbe6;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-weight:800;display:flex}.realm-browser__list{gap:7px;display:grid}.realm-browser__row{background:linear-gradient(#ffffff06,#0000 60%),#0f1014;border:1px solid #1d2024;border-radius:14px;grid-template-columns:88px minmax(180px,1fr) minmax(130px,170px) 132px 112px auto;align-items:center;gap:14px;padding:9px 11px;transition:border-color .16s,background .16s;display:grid}[dir=rtl] .realm-browser__row{background:linear-gradient(-180deg,#ffffff06,#0000 60%),#0f1014}@media (hover:hover){.realm-browser__row:hover{background:linear-gradient(#ffffff0a,#0000 60%),#0f1014;border-color:#2b2f35}[dir=rtl] .realm-browser__row:hover{background:linear-gradient(-180deg,#ffffff0a,#0000 60%),#0f1014}}.realm-browser__row:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px}.realm-browser__media{border:1px solid #1d2024;border-radius:10px;width:88px;height:50px;overflow:hidden}.realm-browser__media img{object-fit:cover;opacity:.8;width:100%;height:100%}.realm-browser__main{min-width:0}.realm-browser__media_logo img{object-fit:contain;opacity:1;padding:6px}.realm-browser__name{text-overflow:ellipsis;white-space:nowrap;color:#d3dbe6;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:15px;font-weight:800;display:block;overflow:hidden}.realm-browser__meta{color:#8a93a2;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:6px;font-size:11px;display:flex}.realm-browser__rate{color:var(--control-focus);background:color-mix(in srgb, var(--srv-game,#4b83ff) 12%, transparent);border-radius:5px;padding:2px 5px}.realm-browser__project{color:#a9b2c0;background:#ffffff12;border-radius:5px;padding:2px 5px;font-weight:700}.realm-browser__mode{color:var(--control-focus);font-weight:700}.realm-browser__factions{width:230px;max-width:100%;margin-top:9px}.realm-browser__faction-labels{flex-wrap:wrap;justify-content:space-between;gap:3px 8px;font-size:10px;line-height:1.4;display:flex}.realm-browser__alliance,.realm-browser__horde{align-items:center;gap:4px;display:inline-flex}.realm-browser__alliance img,.realm-browser__horde img{object-fit:contain;flex-shrink:0}.realm-browser__alliance{color:#85b8f7}.realm-browser__horde{color:#f49494}.realm-browser__alliance_lead,.realm-browser__horde_lead{font-weight:800}.realm-browser__faction-bar{direction:ltr;background:#e36565a6;border-radius:3px;height:3px;margin-top:4px;display:flex;overflow:hidden}[dir=rtl] .realm-browser__faction-bar{direction:rtl}.realm-browser__faction-bar span{background:#629ee9;height:100%;display:block}.realm-browser__traders{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.realm-browser__queue{color:#efcd84}.realm-browser__version{color:#a9b2c0;align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.realm-browser__version img{border-radius:5px;flex-shrink:0}.realm-browser__status,.realm-browser__players{color:#8a93a2;flex-direction:column;gap:5px;font-size:11px;display:flex}.realm-browser__country{align-items:center;gap:7px;display:inline-flex}.realm-browser__country img{object-fit:cover;border-radius:2px;flex-shrink:0}.realm-browser__players strong{color:#d3dbe6;font-variant-numeric:tabular-nums;font-size:16px}.realm-browser__count{align-items:center;gap:6px;display:inline-flex}.realm-browser__players-icon{color:var(--srv-game,#4b83ff)}.realm-browser__online{color:#a5cc52}.realm-browser__visit{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:var(--button-fg,var(--control-fg));box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-primary-bg);--button-hover:var(--control-primary-hover);--button-pressed:var(--control-primary-pressed);--button-fg:var(--control-primary-fg);--button-sheen:var(--control-primary-sheen);border-radius:var(--control-radius);padding:0 20px;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:36px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.realm-browser__visit:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.realm-browser__visit:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.realm-browser__visit:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.realm-browser__visit:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}.realm-browser__visit:disabled,.realm-browser__visit[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.realm-browser__row:hover .realm-browser__visit{background-color:var(--control-primary-hover)}.realm-browser__row:active .realm-browser__visit{background-color:var(--control-primary-pressed)}.realm-browser__reset{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:var(--button-fg,var(--control-fg));box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:#221619;--button-hover:#321c1e;--button-pressed:#1e1417;--button-fg:#e19494;--button-sheen:none;--button-shadow:inset 0 -1px 0 #eb655e38;z-index:3;white-space:nowrap;border:0;border-radius:0 0 11px 11px;justify-content:center;align-items:center;gap:6px;min-height:22px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%)}[dir=rtl] .realm-browser__reset{left:auto;right:50%;transform:translate(50%)}.realm-browser__reset:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.realm-browser__reset:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.realm-browser__reset:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.realm-browser__reset:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}.realm-browser__reset:disabled,.realm-browser__reset[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.realm-browser__more{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:var(--button-fg,var(--control-fg));box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;border:0;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700}.realm-browser__more:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.realm-browser__more:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.realm-browser__more:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.realm-browser__more:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}.realm-browser__more:disabled,.realm-browser__more[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.realm-browser__more{margin:20px auto;display:block}@media not screen and (width>=1100px){.realm-browser__row{grid-template-columns:64px minmax(0,1fr) 130px 100px 36px;gap:10px}.realm-browser__media{width:64px;height:46px}.realm-browser__status{grid-area:2/2}.realm-browser__visit{grid-area:1/5;padding:8px}.realm-browser__visit span{display:none}}@media not screen and (width>=630px){.realm-browser__filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:26px 10px 10px;display:grid}.realm-browser__filters .search-field,.realm-browser__filters .chips{grid-column:1/-1}.realm-browser__filters .search-field{max-width:none}.realm-browser__filters .chips{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.realm-browser__filters .chips__button{min-width:0;padding-inline:10px}.realm-browser__filters .select__btn{justify-content:space-between;gap:6px;width:100%;padding-inline:10px}.realm-browser__filters .select__label{min-width:0}.realm-browser__row{grid-template-columns:48px minmax(0,1fr) 88px;gap:8px 10px}.realm-browser__media{width:48px;height:44px}.realm-browser__main{grid-column:2/-1;padding-inline-end:40px}.realm-browser__row{position:relative}.realm-browser__visit{inset-inline-end:10px;min-height:32px;position:absolute;top:12px}.realm-browser__version{grid-area:2/1/auto/3;font-size:11px}.realm-browser__version img{width:20px;height:20px}.realm-browser__status{grid-area:3/1/auto/3}.realm-browser__players{text-align:end;grid-area:2/3/4}.realm-browser__count{justify-content:flex-end}}