.srv-index{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__section{padding:0 0 16px}.srv-hero{isolation:isolate;margin:32px 0 18px;position:relative}.srv-hero__brand{inset-inline-start:-12px;z-index:-1;filter:blur(14px);opacity:.12;pointer-events:none;width:136px;height:88px;position:absolute;top:-24px;transform:rotate(-12deg)}[dir=rtl] .srv-hero__brand{transform:rotate(12deg)}.srv-hero__brand-logo{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.srv-hero__brand-logo[role=img]{background:var(--srv-game,#4b83ff);-webkit-mask:var(--game-mark) no-repeat center / contain;mask:var(--game-mark) no-repeat center / contain}.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 #ffffff1f;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:1px solid #ffffff14;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 4px 16px #0000001f,inset 0 1px #ffffff08}[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,box-shadow .35s}.srv-hero__tabs_ready .srv-hero__tab_active{box-shadow:none;background:0 0}.srv-hero__tabs_ready .srv-hero__tab_active:after{display:none}.srv-hero__indicator{z-index:0;background-color:color-mix(in srgb, var(--srv-game,#4b83ff) 14%, #171b22);height:50px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--srv-game,#4b83ff) 30%, transparent);opacity:0;pointer-events:none;background-image:linear-gradient(#ffffff08,#0000);border-radius:11px;position:absolute;top:5px;left:0}[dir=rtl] .srv-hero__indicator{background-image:linear-gradient(-180deg,#ffffff08,#0000);left:auto;right:0}.srv-hero__indicator:after{content:"";inset-inline:22%;background-color:var(--srv-game,#4b83ff);height:2px;box-shadow:0 -2px 10px color-mix(in srgb, var(--srv-game,#4b83ff) 30%, transparent);border-radius:2px;transition:background-color .35s,box-shadow .35s;position:absolute;bottom: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;background:linear-gradient(180deg, color-mix(in srgb, var(--srv-tab,#4b83ff) 18%, #1a1d24), color-mix(in srgb, var(--srv-tab,#4b83ff) 10%, #15181e));color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--srv-tab,#4b83ff) 30%, transparent);flex-basis:auto;padding-inline:16px}[dir=rtl] .srv-hero__tab_active{background:linear-gradient(-180deg, color-mix(in srgb, var(--srv-tab,#4b83ff) 18%, #1a1d24), color-mix(in srgb, var(--srv-tab,#4b83ff) 10%, #15181e))}.srv-hero__tab_active:after{content:"";inset-inline:22%;background:var(--srv-tab,#4b83ff);height:2px;box-shadow:0 -2px 10px color-mix(in srgb, var(--srv-tab,#4b83ff) 30%, transparent);border-radius:2px;position:absolute;bottom:0}.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,.srv-hero__indicator:after{transition:none}}.realm-browser__filters{background:#0c0d11;border:1px solid #212429;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.realm-browser__filters .search-field{flex:200px;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 #212429;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:#ffffff29}[dir=rtl] .realm-browser__row:hover{background:linear-gradient(-180deg,#ffffff0a,#0000 60%),#0f1014}}.realm-browser__row:focus-visible{outline-offset:2px;outline:2px solid #4b83ff}.realm-browser__media{border:1px solid #212429;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:#4b83ff;background:#4b83ff1f;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:#a9b2c0;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__online{color:#a5cc52}.realm-browser__visit{color:#fff;background:#4b83ff;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.realm-browser__reset,.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__reset:is([aria-pressed=true],[aria-selected=true]),.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__reset:not(:disabled):not([aria-disabled=true]):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__reset:not(:disabled):not([aria-disabled=true]):active,.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__reset:focus-visible,.realm-browser__more:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}.realm-browser__reset:disabled,.realm-browser__more:disabled,.realm-browser__reset[aria-disabled=true],.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__reset{height:44px;padding-block:0}.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:10px;display:grid}.realm-browser__filters .search-field,.realm-browser__filters .chips{grid-column:1/-1}.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) 64px;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}}