/* Neo 3 presentation layer for the existing Neo/LR WEB modules. */

img.neo-image-loading:not([width]):not([height]){background-color:var(--input-form,#1e1e1e);background-image:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.055) 42%,transparent 60%);background-size:220% 100%;animation:neo-image-shimmer 1.25s ease-in-out infinite}
img.neo-image-loaded,img.neo-image-failed{animation:none}
@keyframes neo-image-shimmer{to{background-position-x:-220%}}
:root {
  --color-csrating-tier-0: #b0c3d9;
  --color-csrating-tier-1: #8cc6ff;
  --color-csrating-tier-2: #6a7dff;
  --color-csrating-tier-3: #c166ff;
  --color-csrating-tier-4: #f03cff;
  --color-csrating-tier-5: #eb4b4b;
  --color-csrating-tier-6: #ffd700;
  --bg-csrating-tier-0: #3c414a;
  --bg-csrating-tier-1: #2e4358;
  --bg-csrating-tier-2: #202657;
  --bg-csrating-tier-3: #421e58;
  --bg-csrating-tier-4: #540e58;
  --bg-csrating-tier-5: #591015;
  --bg-csrating-tier-6: #5b4805;
}
.rank { position: relative; display: flex; width: 5rem; height: 2rem; flex: none; align-items: center; justify-content: flex-start; transform: skewX(169deg); scale: .8; background-color: var(--transparent-5-w); }
.rank__double-lines { display: flex; height: 100%; gap: .15rem; }
.rank__double-line { width: 4px; height: 100%; background: var(--text-default); opacity: .95; }
.rank__ghost-lines { display: flex; width: 100%; height: 100%; gap: .1rem; padding: 1px; border: 1px solid rgb(255 255 255 / 6%); }
.rank__ghost-line-1, .rank__ghost-line-2, .rank__ghost-line-3, .rank__ghost-line-4 { width: 2px; height: 100%; background: var(--text-default); opacity: .3; }
.rank__ghost-line-2 { width: 4px; opacity: .1; }
.rank__ghost-line-3 { width: 8px; opacity: .05; }
.rank__ghost-line-4 { width: 18px; opacity: .02; }
.rank__text { position: absolute; right: 0; left: 0; display: flex; align-items: center; justify-content: center; margin-left: 12px; gap: .1rem; color: var(--text-default); font-family: Stratum2, sans-serif; font-size: var(--font-size-xl, 18px); font-weight: 600; text-shadow: 1px 1px rgb(0 0 0 / 74%); filter: brightness(1.2); }
.rank__text small { margin-bottom: -4px; font-size: 70%; }
.rank.tier-0:before, .rank.tier-1:before, .rank.tier-2:before, .rank.tier-3:before, .rank.tier-4:before, .rank.tier-5:before, .rank.tier-6:before { position: absolute; left: 6px; z-index: 0; width: 39%; height: 100%; background-image: linear-gradient(90deg, currentColor, transparent); content: ''; opacity: .3; }
.rank.tier-0 { background-color: var(--bg-csrating-tier-0); color: var(--color-csrating-tier-0); }
.rank.tier-1 { background-color: var(--bg-csrating-tier-1); color: var(--color-csrating-tier-1); }
.rank.tier-2 { background-color: var(--bg-csrating-tier-2); color: var(--color-csrating-tier-2); }
.rank.tier-3 { background-color: var(--bg-csrating-tier-3); color: var(--color-csrating-tier-3); }
.rank.tier-4 { background-color: var(--bg-csrating-tier-4); color: var(--color-csrating-tier-4); }
.rank.tier-5 { background-color: var(--bg-csrating-tier-5); color: var(--color-csrating-tier-5); }
.rank.tier-6 { background-color: var(--bg-csrating-tier-6); color: var(--color-csrating-tier-6); }
.rank.tier-0 .rank__text { color: var(--color-csrating-tier-0); }
.rank.tier-1 .rank__text { color: var(--color-csrating-tier-1); }
.rank.tier-2 .rank__text { color: var(--color-csrating-tier-2); }
.rank.tier-3 .rank__text { color: var(--color-csrating-tier-3); }
.rank.tier-4 .rank__text { color: var(--color-csrating-tier-4); }
.rank.tier-5 .rank__text { color: var(--color-csrating-tier-5); }
.rank.tier-6 .rank__text { color: var(--color-csrating-tier-6); }
.rank.tier-0:before, .rank.tier-1:before, .rank.tier-2:before, .rank.tier-3:before, .rank.tier-4:before, .rank.tier-5:before, .rank.tier-6:before { background-image: linear-gradient(90deg, currentColor, transparent); }
.rank.tier-6:before { opacity: .2; }
.rank .rank__double-line, .rank .rank__ghost-line-1, .rank .rank__ghost-line-2, .rank .rank__ghost-line-3, .rank .rank__ghost-line-4 { background-color: currentColor; }
.leaderboard__my-stat-header > .rank { align-self: center; }

/* Compact footer: project name, navigation and socials above the description. */
.footer_fluid.neo3-footer-wrap {
  position: relative !important;
  inset: auto !important;
  width: 100%;
  flex: 0 0 auto;
  margin: 0 auto;
  padding: 0 17px 8px;
  box-sizing: border-box;
  /* Keep the footer behind page-level dropdowns, menus and overlays. */
  z-index: 0;
}

.neo3-footer-wrap > .footer_body {
  display: block;
  width: 100%;
  max-width: var(--neo3-footer-content-max, 1366px);
  margin: 0 auto;
}

body.neo3-route-skinchanger .container-fluid:has(.sc-collections-page) { padding-bottom: 20px; }
body.neo3-route-skinchanger .sc-collections-page { padding-bottom: 0; }
body.neo3-route-skinchanger .footer_fluid.neo3-footer-wrap { margin-top: 0; }

.neo3-footer {
  min-height: 141.4px;
  padding: 16px 24px;
  border-radius: 16px;
  background: var(--card);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4.8px;
}

.neo3-footer__top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  min-height: 32px;
}

.neo3-footer__brand {
  justify-self: start;
  min-width: 0;
  color: var(--text-default);
  opacity: .5;
  font-family: "Unbounded", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 22.5px;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  transition: opacity .25s ease;
}

.neo3-footer__brand:hover,
.neo3-footer__brand:focus-visible {
  color: var(--text-default);
  opacity: .65;
}

.neo3-footer__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 32px;
}

.neo3-footer__links a,
.neo3-footer__links button {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text-secondary);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  white-space: nowrap;
  cursor: pointer;
  transition: color .25s ease;
}

.neo3-footer__links a:hover,
.neo3-footer__links button:hover,
.neo3-footer__links a:focus-visible,
.neo3-footer__links button:focus-visible {
  color: var(--text-default);
}

.neo3-footer .social_buttons {
  display: flex;
  flex-wrap: wrap;
  justify-self: end;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  gap: 5px;
}

.neo3-footer .social_buttons a,
.neo3-footer .social_but {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  transition: color .25s ease;
}

.neo3-footer .social_but svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.neo3-footer .social_but:hover { filter: none; }
.neo3-footer .social_buttons a:hover .social_but,
.neo3-footer .social_buttons a:focus-visible .social_but { color: var(--text-default); }

.neo3-footer__description {
  margin: 0;
  padding-bottom: 8px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 20.4px;
  text-align: center;
  white-space: break-spaces;
}

.neo3-footer > hr { margin: 8px 0; }

@media (max-width: 900px) {
  .neo3-footer__top { justify-content: center; gap: 18px; }
  .neo3-footer__links { flex: 1 1 100%; }
}

@media (max-width: 768px) {
  .footer_fluid.neo3-footer-wrap { padding-bottom: 88px; }
}

@media (max-width: 578px) {
  .neo3-footer { padding: 16px; }
  .neo3-footer__top { flex-direction: column; }
  .neo3-footer__brand { justify-self: center; text-align: center; }
  .neo3-footer__links { flex-basis: auto; gap: 12px 22px; }
  .neo3-footer .social_buttons { justify-self: center; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .neo3-footer a,
  .neo3-footer button,
  .neo3-footer .social_but,
  .neo3-footer svg { transition: none; }
}
body.neo3-layout {
  /* Keep the Neo 3 layout, but take its palette from the theme editor. */
  --neo3-bg: var(--bg);
  --neo3-panel: var(--card);
  --neo3-panel-soft: var(--button);
  --neo3-border: var(--transparent-5-w);
  --neo3-muted: var(--text-secondary);
  --neo3-blue: var(--span);
  --neo3-shell-content-max: 1368px;
  --neo3-footer-content-max: 1366px;
  --neo3-wide-content-offset: 0px;
  background: var(--neo3-bg);
  color: var(--text-default);
}

body.neo3-layout .global-container {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  min-height: 100vh;
  width: calc(100% - var(--neo3-sidebar-space, 0px) - var(--neo3-wide-content-offset, 0px) - 2px);
  margin: 0 0 0 calc(var(--neo3-sidebar-space, 0px) + var(--neo3-wide-content-offset, 0px));
  transition: width .22s ease, margin-left .22s ease;
}

body.neo3-layout .container-fluid {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(var(--neo3-shell-content-max) + 32px);
  height: 100%;
  min-height: 0;
  margin: 0 auto;
  padding: 20px 17px;
  box-sizing: border-box;
  z-index: 1;
}

body.neo3-layout .container-fluid > .row {
  margin-right: -5px;
  margin-left: -5px;
}

body.neo3-menu-sidebar { --neo3-sidebar-space: clamp(0px, calc(1550px - 100vw), 80px); }
body.neo3-menu-sidebar.neo3-sidebar-expanded { --neo3-sidebar-space: clamp(0px, calc(1900px - 100vw), 256px); }
body.neo3-menu-top { --neo3-sidebar-space: 0px; }

.neo3-sidebar {
  position: fixed;
  z-index: 300;
  inset: 0 auto 0 0;
  display: flex;
  width: 80px;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 16px;
  border-right: 1px solid var(--neo3-border);
  background: var(--neo3-bg);
  transition: width .22s ease;
}

.neo3-sidebar__top {
  display: flex;
  width: 100%;
  height: 50px;
  min-height: 50px;
  flex: 0 0 50px;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--neo3-border);
  box-sizing: border-box;
}

.neo3-sidebar__toggle {
  position: relative;
  display: flex;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  align-items: center;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--transparent-10-w);
  border-radius: 6px;
  background: var(--transparent-5-w);
  color: var(--neo3-muted);
  cursor: pointer;
  perspective: 600px;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.neo3-sidebar__toggle:hover,
.neo3-sidebar__toggle:focus-visible {
  border-color: var(--transparent-20-w);
  background: var(--transparent-10-w);
  color: var(--text-default);
  outline: none;
}

.neo3-sidebar__toggle svg {
  position: absolute;
  left: .03rem;
  width: .5rem;
  height: .5rem;
  fill: currentColor;
  transition: left .22s ease, fill .18s ease;
}

.neo3-sidebar__toggle .neo3-sidebar__chevron {
  fill: currentColor;
  stroke: none;
}

.neo3-sidebar__slider {
  position: absolute;
  right: .15rem;
  width: .6rem;
  height: 1.1rem;
  border-radius: 3px;
  background: var(--text-default);
  transition: transform .22s ease, background .18s ease;
}

.neo3-sidebar__heading {
  display: none;
  overflow: hidden;
  color: var(--text-custom);
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.neo3-sidebar__home,
.neo3-sidebar__link,
.neo3-sidebar__group-toggle {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  height: 47.6px;
  flex: 0 0 47.6px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--neo3-muted);
  text-decoration: none;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.neo3-sidebar__home {
  margin-top: 16px;
  margin-bottom: 3px;
}

.neo3-sidebar__home svg,
.neo3-sidebar__link svg,
.neo3-sidebar__group-toggle > svg:not(.neo3-sidebar__group-chevron) {
  display: block;
  width: 19.2px;
  height: 19.2px;
  flex: 0 0 19.2px;
  fill: currentColor;
}

.neo3-sidebar__home:hover,
.neo3-sidebar__link:hover,
.neo3-sidebar__group-toggle:hover {
  border-color: var(--span-middle);
  background: var(--span-low);
  color: var(--neo3-blue);
}

.neo3-sidebar__home.is-active,
.neo3-sidebar__link.is-active,
.neo3-sidebar__group-toggle.is-active {
  border-color: color-mix(in srgb, var(--span) 24%, var(--neo3-border));
  background: linear-gradient(105deg,
    color-mix(in srgb, var(--span) 5%, var(--neo3-panel)) 0%,
    color-mix(in srgb, var(--span) 14%, var(--neo3-panel)) 100%);
  color: var(--neo3-blue);
  box-shadow: inset 0 1px 0 var(--transparent-2-w);
}

.neo3-sidebar__home span,
.neo3-sidebar__link span,
.neo3-sidebar__group-toggle span {
  position: absolute;
  z-index: 5;
  left: 54px;
  display: none;
  min-width: max-content;
  padding: 8px 11px;
  border: 1px solid var(--neo3-border);
  border-radius: 8px;
  background: var(--tooltip);
  color: var(--text-default);
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 8px 24px rgb(0 0 0 / 25%);
}

.neo3-sidebar__home:hover span,
.neo3-sidebar__home:focus-visible span,
.neo3-sidebar__link:hover span,
.neo3-sidebar__link:focus-visible span,
.neo3-sidebar__group-toggle:hover span,
.neo3-sidebar__group-toggle:focus-visible span { display: block; }

.neo3-sidebar__links {
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}

.neo3-sidebar__links::-webkit-scrollbar { display: none; }

.neo3-sidebar__group {
  display: flex;
  width: 100%;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
}

.neo3-sidebar__group-toggle {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  height: 47.6px;
  flex: 0 0 47.6px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--neo3-muted);
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.neo3-sidebar__group-toggle span { pointer-events: none; }
.neo3-sidebar__group-chevron { display: none; }
.neo3-sidebar__group-items { display: none; }

body.neo3-sidebar-expanded .neo3-sidebar {
  width: 256px;
  align-items: stretch;
  padding-right: 16px;
  padding-left: 16px;
  box-shadow: 12px 0 32px rgb(0 0 0 / 18%);
}

body.neo3-sidebar-expanded .neo3-sidebar__top {
  justify-content: space-between;
  gap: 8px;
  padding: 0 2px 8px;
}

body.neo3-sidebar-expanded .neo3-sidebar__heading { display: block; }
body.neo3-sidebar-expanded .neo3-sidebar__toggle { margin-left: auto; }
body.neo3-sidebar-expanded .neo3-sidebar__toggle svg { left: -.5rem; }
body.neo3-sidebar-expanded .neo3-sidebar__slider { transform: translateX(-.5rem); }

body.neo3-sidebar-expanded .neo3-sidebar__home,
body.neo3-sidebar-expanded .neo3-sidebar__link,
body.neo3-sidebar-expanded .neo3-sidebar__group-toggle {
  width: 100%;
  justify-content: flex-start;
  gap: 13px;
  padding: 0 13px;
  box-sizing: border-box;
  text-align: left;
}

body.neo3-sidebar-expanded .neo3-sidebar__home { margin-bottom: 8px; }
body.neo3-sidebar-expanded .neo3-sidebar__home span,
body.neo3-sidebar-expanded .neo3-sidebar__link span,
body.neo3-sidebar-expanded .neo3-sidebar__group-toggle span {
  position: static;
  display: block;
  overflow: hidden;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.neo3-sidebar-expanded .neo3-sidebar__group { align-items: stretch; }
body.neo3-sidebar-expanded .neo3-sidebar__group-toggle { justify-content: flex-start; gap: 12px; padding: 0 13px; text-align: left; }
body.neo3-sidebar-expanded .neo3-sidebar__group-toggle > span { flex: 1; }
body.neo3-sidebar-expanded .neo3-sidebar__group-chevron { display: block; width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
body.neo3-sidebar-expanded .neo3-sidebar__group:not(.is-collapsed) .neo3-sidebar__group-chevron { transform: rotate(180deg); }
body.neo3-sidebar-expanded .neo3-sidebar__group-items {
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  margin: 0 0 0 19px;
  overflow: hidden;
  opacity: 0;
  transition: grid-template-rows .26s cubic-bezier(.2, .75, .25, 1), margin .26s ease, opacity .18s ease;
}
body.neo3-sidebar-expanded .neo3-sidebar__group:not(.is-collapsed) .neo3-sidebar__group-items {
  grid-template-rows: 1fr;
  margin-bottom: 5px;
  opacity: 1;
}
body.neo3-sidebar-expanded .neo3-sidebar__group-content {
  display: flex;
  min-height: 0;
  flex-direction: column;
  gap: 1px;
  overflow: hidden;
  padding: 4px 0 4px 10px;
  border-left: 1px solid var(--neo3-border);
  transform: translateY(-5px);
  transition: transform .26s cubic-bezier(.2, .75, .25, 1);
}
body.neo3-sidebar-expanded .neo3-sidebar__group:not(.is-collapsed) .neo3-sidebar__group-content { transform: translateY(0); }
body.neo3-sidebar-expanded .neo3-sidebar__group-items .neo3-sidebar__link { height: 39px; min-height: 39px; flex-basis: 39px; gap: 12px; padding-right: 10px; padding-left: 10px; border-radius: 8px; }
body.neo3-sidebar-expanded .neo3-sidebar__group-items .neo3-sidebar__link svg { width: 17px; height: 17px; flex-basis: 17px; }

body.neo3-menu-top .neo3-sidebar { display: none; }

body.neo3-layout .navbar {
  position: relative;
  top: auto;
  display: flex;
  width: 100%;
  max-width: var(--neo3-shell-content-max);
  height: 76.4px;
  min-width: 0;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  margin: -25px 0 5px;
  padding: 0;
  gap: 0;
  box-sizing: border-box;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  background: var(--navbar);
  box-shadow: none;
  backdrop-filter: blur(18px);
}

body.neo3-layout .navbar::before { display: none; }

body.neo3-layout .navbar_menu_left { order: 2; flex: 1 1 auto; width: auto; min-width: 0; }
body.neo3-menu-top .navbar_menu_left { height: 64.4px; padding: 5px; box-sizing: border-box; }
body.neo3-layout .neo3-brand { order: 0; margin-left: 5px; }
body.neo3-layout .neo3-online { order: 1; margin-left: 10px; }
body.neo3-layout .neo3-search { order: 3; flex: 0 0 144px; margin-left: auto; }
body.neo3-layout .navbar_usermenu { order: 4; flex: 0 0 auto; }
body.neo3-layout .navbar.navbar--search-hidden > .navbar_usermenu { margin-left: auto; }
body.neo3-menu-sidebar .navbar_menu_left { display: none !important; }

.drpdwn_menu { min-width: 0; align-items: center; gap: 3px; }
.drpdwn_menu .dropdown { flex: 0 0 auto; }
.drpdwn_menu .dropbtn { flex: 0 0 auto; }
.navbar_usermenu > * { flex: 0 0 auto; }

/* Sidebar and top navigation can both be changed from the existing theme setting. */

.neo3-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--text-default);
  text-decoration: none;
}

/* Keep the site name in the navbar, but hide its image or initial mark. */
body.neo3-layout .navbar .neo3-brand__mark { display: none; }

.neo3-brand__mark {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  overflow: hidden;
  border-radius: 11px;
  border: 1px solid var(--transparent-5-w);
  color: var(--span);
}

.neo3-brand__mark svg { width: 100%; max-height: 100%; fill: currentColor; }
.neo3-brand__mark--fallback { background: var(--span-low); color: var(--span); font: 800 18px/1 'Unbounded', sans-serif; }
.neo3-brand__name { max-width: 160px; overflow: hidden; color: var(--text-default); font-family: 'Unbounded', sans-serif; font-size: 22px; font-weight: 600; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
body.neo3-layout .navbar .neo3-brand__name { transform: translateY(3px); }

body.neo3-layout .neo3-online { position: relative; z-index: 30; flex: 0 0 auto; }
.neo3-online__trigger {
  display: inline-flex;
  flex: 0 0 auto;
  min-height: 1rem;
  align-items: center;
  justify-content: center;
  gap: .2rem;
  padding: .3rem .5rem;
  border: 0;
  border-radius: 16px;
  background: rgba(100, 206, 130, .2);
  color: var(--green);
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  cursor: pointer;
}
.neo3-online__trigger:hover { background: rgba(100, 206, 130, .2); }
@keyframes neo3-online-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(.8); opacity: .6; }
}
.neo3-online__dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--green); animation: neo3-online-pulse 3s ease infinite; }
.neo3-online__popover {
  position: absolute;
  top: calc(100% + 8px);
  left: 8px;
  display: none;
  width: 178px;
  box-sizing: border-box;
  padding: 7px;
  border: 1px solid var(--neo3-border);
  border-radius: 10px;
  background: var(--tooltip);
  box-shadow: 0 12px 30px rgb(0 0 0 / 42%);
}
.neo3-online:hover .neo3-online__popover,
.neo3-online:focus-within .neo3-online__popover,
.neo3-online.is-open .neo3-online__popover { display: block; }
.neo3-online__row { display: grid; min-height: 31px; grid-template-columns: 17px minmax(0, 1fr) 22px; align-items: center; gap: 7px; padding: 0 5px; border-radius: 7px; color: var(--text-secondary); font-size: 14px; }
.neo3-online__row--site { margin-top: 5px; padding-top: 5px; border-top: 1px solid var(--neo3-border); }
.neo3-online__icon { width: 14px; height: 14px; fill: var(--text-custom); }
.neo3-online__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.neo3-online__value { display: inline-flex; min-width: 22px; height: 22px; align-items: center; justify-content: center; padding: 0 4px; border-radius: 4px; background: var(--button); color: var(--span); font-size: 12px; font-weight: 700; text-align: center; }

body.neo3-layout .neo3-search { display: block; width: 144px; min-width: 144px; flex: 0 0 144px; }
body.neo3-layout .search_players { width: 100%; }
body.neo3-layout .search_players .input-form { min-height: 41px; border: 1px solid var(--neo3-border); border-radius: 8px; background: var(--input-form); }
body.neo3-layout .search_players .input-form input { height: 41px !important; padding-right: 38px; font-size: 12px; }
body.neo3-layout .search_players .input__icon { top: 12px; }
body.neo3-layout .navbar_usermenu { position: relative; z-index: 120; display: flex; width: auto; height: 66.4px; min-width: 0; align-items: center; justify-content: flex-end; gap: 5px; padding: 5px; box-sizing: border-box; }
body.neo3-layout .navbar_usermenu > .pay_button { order: 1; }
body.neo3-layout .navbar_usermenu > #notifyOpen { order: 2; }
body.neo3-layout .navbar_usermenu > .neo3-language-switcher { order: 3; }
body.neo3-layout .navbar_usermenu > #profMenuOpen,
body.neo3-layout .navbar_usermenu > .auth_user_btn { order: 4; }
body.neo3-layout .navbar_usermenu .secondary_btn,
body.neo3-layout .navbar_usermenu .icon_btn_transparent,
body.neo3-layout .navbar_usermenu #profMenuOpen,
body.neo3-layout .navbar_usermenu .neo3-language-switcher__trigger { border: 1px solid transparent; border-radius: 8px; }
body.neo3-layout .navbar_usermenu .icon_btn_transparent { border-radius: 8px; }
body.neo3-layout select[name="menu_layout"] { width: 100%; min-height: 41px; padding: 0 12px; border: 1px solid var(--neo3-border); border-radius: 8px; background: var(--neo3-panel-soft); color: var(--text-default); font: inherit; }
body.neo3-layout .navbar_usermenu .secondary_btn { min-height: 41px; border-radius: 8px; }
body.neo3-layout .navbar_usermenu .pay_button { gap: 8px; padding: 0 20px; }
body.neo3-layout .navbar_usermenu .icon_btn_transparent { width: 41px; height: 41px; background: var(--button); }
body.neo3-layout .navbar_usermenu #profMenuOpen { border: 0; }
body.neo3-layout .navbar_usermenu .auth_user_btn { min-height: 41px; height: 41px; padding: 0 16px; border: 1px solid transparent; border-radius: 8px; background: var(--button); color: var(--text-default); font-size: 14px; }
body.neo3-layout .navbar_usermenu .auth_user_btn:hover,
body.neo3-layout .navbar_usermenu .icon_btn_transparent:hover { background: var(--button-hover); }
body.neo3-layout .navbar_usermenu .user__avatar { width: 41px; height: 41px; border-radius: 8px; }

.neo3-language-switcher { position: static; z-index: 130; flex: 0 0 auto; }
.neo3-language-switcher__trigger {
  display: inline-flex;
  width: 41px;
  height: 41px;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid var(--neo3-border);
  border-radius: 8px;
  background: #252525;
  color: var(--text-default);
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease;
}
.neo3-language-switcher__trigger:hover,
.neo3-language-switcher.is-open .neo3-language-switcher__trigger { background: #303030; }
.neo3-language-switcher__trigger svg { display: block; width: 16px; height: 16px; fill: currentColor; stroke: none; }
.neo3-language-switcher__menu {
  position: absolute;
  top: calc(100% + 5.4px);
  right: 5px;
  display: none;
  width: 208px;
  max-width: calc(100vw - 16px);
  z-index: 130;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid var(--neo3-border);
  border-radius: 16px;
  background: #171717;
  box-shadow: 0 14px 32px rgb(0 0 0 / 48%);
}
.neo3-language-switcher.is-open .neo3-language-switcher__menu { display: block; }
.neo3-language-switcher__section { display: flex; flex-direction: column; }
.neo3-language-switcher__section--current { padding: 16px 16px 9.6px; }
.neo3-language-switcher__section--options { padding: 0 16px 18.4px; }
.neo3-language-switcher__heading { margin-bottom: 4.8px; color: #838383; font-size: 14px; font-weight: 600; line-height: 21px; }
.neo3-language-switcher__item { display: flex; min-height: 41px; align-items: center; gap: 8px; padding: 1px 16px; box-sizing: border-box; border: 0; border-radius: 8px; background: #232323; color: #bebebe; font-size: 14px; font-weight: 500; line-height: 21px; text-decoration: none; transition: background-color .16s ease, border-color .16s ease; }
.neo3-language-switcher__section--current .neo3-language-switcher__item { min-height: 46.6px; background: #1e1e1e; color: #f3f3f3; font-weight: 700; }
.neo3-language-switcher__section--options .neo3-language-switcher__item + .neo3-language-switcher__item { margin-top: 2.4px; }
.neo3-language-switcher__item:hover { background: #292929; border-color: #333; }
.neo3-language-switcher__item.is-current { background: #202020; }
.neo3-language-switcher__flag { position: relative; display: block; width: 18px; height: 18px; flex: 0 0 18px; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 1px rgba(255,255,255,.12); }
.neo3-language-switcher__flag--ru { background: linear-gradient(to bottom, #fff 0 33.33%, #0039a6 33.33% 66.66%, #d52b1e 66.66%); }
.neo3-language-switcher__flag--ua { background: linear-gradient(to bottom, #0057b7 0 50%, #ffd700 50%); }
.neo3-language-switcher__flag--en { background: repeating-linear-gradient(to bottom, #b22234 0 1.38px, #fff 1.38px 2.77px); }
.neo3-language-switcher__flag--en::before { position: absolute; top: 0; left: 0; width: 8px; height: 9px; background-color: #3c3b6e; background-image: radial-gradient(#fff .55px, transparent .7px); background-position: 1px 1px; background-size: 3px 3px; content: ""; }
.neo3-language-switcher__flag--lt { background: linear-gradient(to bottom, #fdb913 0 33.33%, #006a44 33.33% 66.66%, #c1272d 66.66%); }
.neo3-language-switcher__flag--de { background: linear-gradient(to bottom, #111 0 33.33%, #dd0000 33.33% 66.66%, #ffce00 66.66%); }
.neo3-language-switcher__flag--ch { background: linear-gradient(to right, #009246 0 38%, #fff 38% 62%, #ce2b37 62%); }
.neo3-language-switcher__flag--pt { background: linear-gradient(to right, #006600 0 40%, #ff0000 40%); }
.neo3-language-switcher__flag--rs { background: linear-gradient(to bottom, #c6363c 0 33.33%, #0c4076 33.33% 66.66%, #fff 66.66%); }
.neo3-language-switcher__flag--ba { background: linear-gradient(135deg, #002395 0 46%, #fecb00 46% 58%, #002395 58%); }
.neo3-language-switcher__flag--cro { background: linear-gradient(to bottom, #ff0000 0 33.33%, #fff 33.33% 66.66%, #171796 66.66%); }
.neo3-language-switcher__flag--default { background: linear-gradient(135deg, #54606d, #aab5c1); }
.neo3-language-switcher__label { color: inherit; }
.neo3-language-switcher__divider { height: 1px; margin: 9px 0; background: #252525; }

body.neo3-menu-top .navbar_menu_left { display: flex; flex: 1 1 0; width: 0; min-width: 0; justify-content: flex-start; gap: 8px; }
body.neo3-menu-top .drpdwn_menu { width: 100%; min-width: 0; gap: 3px; flex-wrap: nowrap; }
body.neo3-menu-top .drpdwn_menu .dropdown { flex: 0 1 auto; min-width: 0; }
body.neo3-menu-top .drpdwn_menu .dropbtn {
  position: relative;
  min-width: 0;
  min-height: 42px;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 0;
  color: var(--text-custom);
  transition: color .18s ease;
}
body.neo3-menu-top .drpdwn_menu .desc_nav_item { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.neo3-menu-top .drpdwn_menu .dropbtn.active_btn,
body.neo3-menu-top .drpdwn_menu .dropbtn:hover { background: transparent; color: var(--span); }
body.neo3-menu-top .drpdwn_menu .dropbtn.active_btn .desc_nav_item { color: var(--span); }
body.neo3-menu-top .drpdwn_menu .dropbtn.active_btn::after {
  position: absolute;
  right: 10px;
  bottom: -18px;
  bottom: -2px;
  left: 10px;
  height: 3px;
  border-radius: 2px;
  background: var(--span);
  content: "";
}
body.neo3-menu-top .drpdwn_menu .dropbtn svg { width: 17px; height: 17px; fill: var(--text-secondary); }
body.neo3-menu-top .drpdwn_menu .dropbtn.active_btn svg,
body.neo3-menu-top .drpdwn_menu .dropbtn:hover svg { fill: var(--span); }
@media (min-width: 1080px) { body.neo3-menu-top .header_burger { display: none; } }

body.neo3-layout .second_nav { display: none !important; }

body.neo3-route-home .container-fluid { padding-top: 20px; padding-bottom: 20px; }
body.neo3-route-home .container-fluid > .row:not(.navbar) { margin: 0 -5px; gap: 8px; }
body.neo3-route-home .container-fluid > .neo3-slider-row:not(.navbar) { gap: 0; }
body.neo3-route-home .container-fluid > .navbar { margin-bottom: 5px; box-sizing: border-box; border-bottom: 0; }
body.neo3-layout .navbar::after { content: ""; position: absolute; right: 1px; bottom: 5px; left: 1px; height: 0; border-bottom: 1px solid var(--neo3-border); pointer-events: none; }
body.neo3-route-home .container-fluid > .row > [class*="col-"] { min-width: 0; margin-top: 0; margin-bottom: 0; padding: 5px; }
@media (min-width: 646px) {
  .neo3-sidebar__top { position: relative; border-bottom: 0; }
  .neo3-sidebar__top::after { content: ""; position: absolute; right: 0; bottom: 5.085px; left: 0; height: 0; border-bottom: 1px solid var(--neo3-border); pointer-events: none; }
  body.neo3-sidebar-expanded .neo3-sidebar__top { border-bottom: 0; }
  body.neo3-sidebar-expanded .neo3-sidebar__top::after { bottom: 1.091px; }
}
@media (min-width: 901px) {
  body.neo3-route-home .container-fluid > .neo3-slider-row { flex-wrap: nowrap; }
  body.neo3-route-home .container-fluid > .neo3-slider-row > .col-md-9 { width: 75%; max-width: 75%; flex: 0 0 75%; }
  body.neo3-route-home .container-fluid > .neo3-slider-row > .col-md-3 { width: 25%; max-width: 25%; flex: 0 0 25%; }
}
@media (max-width: 900px) {
  body.neo3-route-home .container-fluid > .neo3-slider-row { flex-wrap: wrap; }
  body.neo3-route-home .container-fluid > .neo3-slider-row > [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; }
}
body.neo3-route-home .neo3-statistics-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 0; }
body.neo3-route-home .container-fluid > .neo3-statistics-row > [class*="col-"] { width: auto; max-width: none; min-width: 0; flex: initial; padding: 5px; }
body.neo3-route-home .neo3-extstats { margin: 0 0 1px; padding: 5px 0; }
body.neo3-route-home .footer_fluid.neo3-footer-wrap { margin-top: 0; }
body.neo3-route-home .image-slider { height: 300px; }
@media (min-width: 901px) {
  body.neo3-route-home .image-slider { height: 300px; }
  body.neo3-route-home .donor-board { height: 300px; }
}
body.neo3-route-home .image-slider__image { position: relative; isolation: isolate; }
body.neo3-route-home .image-slider__image img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.neo3-route-home .image-slider__image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgb(10 11 14 / 68%) 0%, rgb(10 11 14 / 38%) 46%, transparent 82%), linear-gradient(0deg, rgb(10 11 14 / 32%), transparent 48%);
}
body.neo3-route-home .image-slider__image p,
body.neo3-route-home .image-slider__image h3,
body.neo3-route-home .image-slider__image .swiper_btn {
  z-index: 2;
  color: var(--text-default);
  text-shadow: 0 2px 10px rgb(0 0 0 / 50%);
}
body.neo3-route-home .image-slider .swiper-lazy-preloader { display: none !important; }
body.neo3-route-home .card,
body.neo3-route-home .statistics_container,
body.neo3-route-home .server_block,
body.neo3-route-home .HomeReviewsBlock1,
body.neo3-route-home .HomeReviewsReview { border: 1px solid var(--neo3-border); border-radius: 13px; background-color: var(--neo3-panel); box-shadow: none; }

body.neo3-route-home .image-slider { overflow: hidden; border: 1px solid var(--neo3-border); border-radius: 14px; }
body.neo3-route-home .image-slider__image img { filter: saturate(.86); }

body.neo3-route-home .servers_filter { align-items: center; border: 1px solid var(--neo3-border); border-radius: 12px; background: var(--neo3-panel); }
body.neo3-route-home .chips_btn { min-height: 36px; border: 1px solid transparent; border-radius: 9px; background: var(--neo3-panel-soft); color: var(--text-custom); }
body.neo3-route-home .chips_btn.chips_active { background: var(--span); color: var(--text-default-invert); }
body.neo3-route-home .servers_wrap { grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)) !important; gap: 10px; }
body.neo3-route-home .server_block { min-height: 182px !important; padding: 15px !important; border-radius: 13px; background: var(--neo3-panel); }
body.neo3-route-home .server_map_image { inset: 0; top: 0; overflow: hidden; opacity: .34; }
body.neo3-route-home .server_map_image::after { background: linear-gradient(90deg, rgb(15 16 19 / 95%), rgb(15 16 19 / 30%)); }
body.neo3-route-home .server_map_image .map { width: 100%; height: 100%; object-fit: cover; }
body.neo3-route-home .server_name_custom { color: var(--text-default); font-size: 15px; }
body.neo3-route-home .server_map_name,
body.neo3-route-home .server_city { color: var(--text-secondary); }
body.neo3-route-home .server_players_block > div { color: var(--green); }
body.neo3-route-home .server_button { width: 40px; height: 40px; border-radius: 11px; background: var(--button); outline: 0; }
body.neo3-route-home .server_button:hover { background: var(--button-hover); }
body.neo3-route-home .bottom_server_block { margin-top: auto; }
body.neo3-route-home .progress { background: var(--transparent-10-w); }

body.neo3-route-home .statistics_container { --statistics-color: var(--span); min-height: 80px; height: 100%; padding: 16px 24px; gap: 3px; border: 0; border-radius: 18px; background: var(--card); box-sizing: border-box; }
body.neo3-route-home .statistics_container::before { content: none; }
body.neo3-route-home .statistics_name { position: relative; z-index: 1; color: var(--statistics-color); opacity: .65; font-size: 13px; line-height: 17px; }
body.neo3-route-home .statistics_number { position: relative; z-index: 1; color: var(--statistics-color); font-size: 20px; line-height: 24px; }
body.neo3-route-home .statistics_icon { right: 16px; top: 50%; bottom: auto; transform: translateY(-50%); display: flex; }
body.neo3-route-home .statistics_icon svg { width: 30px; height: 30px; fill: var(--statistics-color); opacity: 1; }
body.neo3-route-home .statistics_container--vip { --statistics-color: var(--money); outline: 2px solid var(--money); outline-offset: 0; color: var(--money); text-decoration: none; animation: statistics-vip-glow 2s linear infinite; transition: background .25s ease, box-shadow .25s ease; }
body.neo3-route-home .statistics_container--vip .statistics_name { opacity: 1; }
body.neo3-route-home .statistics_container--vip::before { content: ""; position: absolute; z-index: 0; inset: 0; border-radius: inherit; pointer-events: none; opacity: .16; background: radial-gradient(115% 130% at 0% 100%, rgba(244, 202, 128, .2), transparent 70%), linear-gradient(135deg, transparent 28%, var(--money-bg)); transition: opacity .28s ease; }
body.neo3-route-home .statistics_container--vip .statistics_icon { z-index: 1; }
body.neo3-route-home .statistics_vip_arrow { position: absolute; right: 16px; top: 50%; width: 30px; height: 30px; z-index: 2; opacity: 0; transform: translate(-4px, calc(-50% + 4px)); transition: opacity .25s ease, transform .25s ease; }
body.neo3-route-home .statistics_container--vip .statistics_icon { transition: opacity .25s ease, transform .25s ease; }
body.neo3-route-home .statistics_container--vip:hover,
body.neo3-route-home .statistics_container--vip:focus-visible { animation: statistics-vip-glow 2s linear infinite; background: var(--button); position: relative; z-index: 2; }
body.neo3-route-home .statistics_container--vip:hover::before,
body.neo3-route-home .statistics_container--vip:focus-visible::before { opacity: 1; }
body.neo3-route-home .statistics_container--vip:hover .statistics_icon,
body.neo3-route-home .statistics_container--vip:focus-visible .statistics_icon { opacity: 0; transform: translate(-4px, calc(-50% + 4px)); }
body.neo3-route-home .statistics_container--vip:hover .statistics_vip_arrow,
body.neo3-route-home .statistics_container--vip:focus-visible .statistics_vip_arrow { opacity: 1; transform: translate(0, -50%); }
@keyframes statistics-vip-glow { 0% { box-shadow: 0 0 0 0 transparent; } 10% { box-shadow: 0 0 0 2px var(--money-bg); } 55% { box-shadow: 0 0 0 6px rgba(244, 202, 128, .075); } 76% { box-shadow: 0 0 0 8px rgba(244, 202, 128, .03); } 100% { box-shadow: 0 0 0 10px transparent; } }
@media (prefers-reduced-motion: reduce) { body.neo3-route-home .statistics_container--vip { animation: none; } }
@media (min-width: 646px) and (max-width: 991px) {
  body.neo3-route-home .neo3-statistics-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  body.neo3-route-home .statistics_container { padding-left: 14px; padding-right: 42px; }
  body.neo3-route-home .statistics_icon { right: 10px; }
  body.neo3-route-home .statistics_icon svg { width: 24px; height: 24px; }
}

body.neo3-route-home .donat-module-blocks { gap: 10px; margin: 16px 0; background: transparent; }
body.neo3-route-home .donat-module-block { min-width: 280px; border: 1px solid var(--neo3-border); border-radius: 13px; background: var(--neo3-panel); }
body.neo3-route-home .donat-module-block h3 { color: var(--text-default); font-size: 15px; }
body.neo3-route-home .donat-module-form { border: 1px solid var(--neo3-border); border-radius: 10px; background: var(--neo3-panel-soft); }
body.neo3-route-home .list-of-donations > a { min-height: 40px; border: 1px solid var(--neo3-border); border-radius: 9px; background: var(--neo3-panel-soft); }
body.neo3-route-home .HomeReviewsTitle { display: flex; align-items: center; justify-content: space-between; margin: 17px 0 10px; font-size: 19px; }
body.neo3-route-home .HomeReviewsBlock1,
body.neo3-route-home .HomeReviewsReview { border-radius: 12px; }

@media (max-width: 1020px) {
  body.neo3-layout .navbar { gap: 9px; }
  body.neo3-layout .navbar_usermenu { gap: 5px; }
  body.neo3-layout .neo3-brand { min-width: 0; }
  body.neo3-layout .neo3-brand__name { display: none; }
  body.neo3-layout .neo3-search { width: min(210px, 26vw); min-width: 120px; flex: 0 1 auto; }
  body.neo3-menu-top .drpdwn_menu .desc_nav_item { display: none; }
}

@media (max-width: 780px) {
  body.neo3-layout .navbar { gap: 7px; padding-right: 10px; padding-left: 10px; }
  body.neo3-layout .neo3-search + .navbar_usermenu { margin-left: -3px; }
  body.neo3-layout .neo3-search { flex-basis: 170px; min-width: 110px; }
  body.neo3-menu-top .navbar_menu_left { flex: 1 1 0; }
  body.neo3-menu-top .drpdwn_menu { gap: 0; }
  body.neo3-menu-top .drpdwn_menu .dropbtn { padding-right: 7px; padding-left: 7px; }
  body.neo3-menu-top .navbar_usermenu .pay_button .hide_balance_text { display: none; }
}

@media (max-width: 645px) {
  body.neo3-menu-sidebar { --neo3-sidebar-space: 0px; }
  body.neo3-menu-sidebar.neo3-sidebar-expanded { --neo3-sidebar-space: 0px; }
  body.neo3-layout .container-fluid { padding: 0 10px 82px; }
  body.neo3-route-home .container-fluid { padding-bottom: 35px; }
  body.neo3-route-home .container-fluid > .navbar { margin-bottom: 5px; }
  .neo3-sidebar { inset: auto 0 0; width: 100%; height: 64px; flex-direction: row; justify-content: flex-start; gap: 7px; padding: 7px 10px; border-top: 1px solid var(--neo3-border); border-right: 0; background: var(--navbar); }
  body.neo3-sidebar-expanded::before { content: ""; position: fixed; z-index: 299; inset: 0; background: rgb(0 0 0 / 56%); }
  .neo3-sidebar__top { width: 44px; height: 44px; min-height: 44px; flex: 0 0 44px; margin: 0; padding: 0; border: 0; }
  .neo3-sidebar__heading { display: none !important; }
  .neo3-sidebar__home { flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 11px; box-sizing: border-box; }
  .neo3-sidebar__home span { display: none !important; }
  .neo3-sidebar__links { flex: 1; flex-direction: row; justify-content: flex-start; gap: 5px; overflow-x: auto; overflow-y: hidden; }
  .neo3-sidebar__link,
  .neo3-sidebar__group-toggle { flex: 0 0 42px; width: 42px; height: 42px; }
  .neo3-sidebar__group { width: 42px; flex: 0 0 42px; }
  .neo3-sidebar__group-toggle span { display: none; }
  .neo3-sidebar__link span { display: none; }
  body.neo3-sidebar-expanded .neo3-sidebar {
    inset: 0 auto 0 0;
    width: min(280px, 88vw);
    height: 100vh;
    height: 100dvh;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 12px;
    border-top: 0;
    border-right: 1px solid var(--neo3-border);
    box-shadow: 12px 0 32px rgb(0 0 0 / 36%);
  }
  body.neo3-sidebar-expanded .neo3-sidebar__top { width: 100%; height: 50px; min-height: 50px; flex: 0 0 50px; justify-content: space-between; margin-bottom: 4px; padding: 0 2px 8px; border-bottom: 1px solid var(--neo3-border); }
  body.neo3-sidebar-expanded .neo3-sidebar__heading { display: block !important; }
  body.neo3-sidebar-expanded .neo3-sidebar__home { width: 100%; flex: 0 0 46px; justify-content: flex-start; gap: 13px; padding: 0 13px; margin-bottom: 8px; }
  body.neo3-sidebar-expanded .neo3-sidebar__home span { display: block !important; }
  body.neo3-sidebar-expanded .neo3-sidebar__links { flex: 1; flex-direction: column; align-items: stretch; overflow-x: hidden; overflow-y: auto; }
  body.neo3-sidebar-expanded .neo3-sidebar__link,
  body.neo3-sidebar-expanded .neo3-sidebar__group-toggle { width: 100%; flex: 0 0 46px; justify-content: flex-start; gap: 13px; padding: 0 13px; }
  body.neo3-sidebar-expanded .neo3-sidebar__link span,
  body.neo3-sidebar-expanded .neo3-sidebar__group-toggle span { display: block !important; }
  body.neo3-sidebar-expanded .neo3-sidebar__group { width: 100%; flex: 0 0 auto; align-items: stretch; }
  body.neo3-sidebar-expanded .neo3-sidebar__group-items { margin-left: 19px; }
  body.neo3-layout .navbar { height: 60px; margin: 0 -10px 10px; padding: 0 10px; gap: 7px; }
  body.neo3-layout .navbar_usermenu { height: auto; padding: 0; }
  body.neo3-layout .navbar_usermenu .secondary_btn { min-height: 38px; padding: 0 9px; }
  body.neo3-layout .navbar_usermenu .hide_balance_text { display: none; }
  body.neo3-layout .navbar_usermenu .user__avatar { width: 38px; height: 38px; }
  body.neo3-layout .neo3-search { width: auto; min-width: 0; flex: 1; }
  body.neo3-layout .navbar_usermenu { gap: 4px; }
  body.neo3-layout .navbar_usermenu .icon_btn_transparent { width: 38px; height: 38px; }
  .neo3-language-switcher__trigger { width: 38px; height: 38px; }
  .neo3-language-switcher__trigger svg { width: 16px; height: 16px; }
  body.neo3-menu-top .navbar_menu_left { order: 2; flex: 0 0 auto; }
  body.neo3-layout .neo3-online { order: 1; }
  body.neo3-layout .neo3-search { order: 3; }
  body.neo3-layout .navbar_usermenu { order: 4; }
  body.neo3-menu-top .drpdwn_menu { display: none; }
  body.neo3-menu-top .header_burger { display: flex; }
  body.neo3-menu-top .header_burger.mmactive { z-index: 510; }
body.neo3-route-home .container-fluid > .row:not(.navbar) { gap: 7px; }
body.neo3-route-home .container-fluid > .neo3-statistics-row:not(.navbar) { gap: 7px; }
body.neo3-route-home .neo3-extstats { margin: 10px 0; }
body.neo3-route-home .neo3-statistics-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.neo3-route-home .servers_wrap { grid-template-columns: 1fr !important; }
  body.neo3-route-home .donat-module-blocks { flex-direction: column; }
  body.neo3-route-home .donat-module-block { min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.neo3-layout *, body.neo3-layout *::before, body.neo3-layout *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Skinchanger module: align its controls and cards with the Neo 3 panels. */
body.neo3-route-skinchanger .header {
  margin: 12px 0;
  padding: 8px;
  border: 1px solid var(--neo3-border);
  border-radius: 13px;
  background: var(--neo3-panel);
}
body.neo3-route-skinchanger .navbar-menu { flex-wrap: wrap; gap: 8px; }
body.neo3-route-skinchanger .navbar-menu__items { gap: 5px; }
body.neo3-route-skinchanger .navbar-menu__link {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--text-secondary);
}
body.neo3-route-skinchanger .navbar-menu__link:hover,
body.neo3-route-skinchanger .navbar-menu__link.skinchanger-sidebar__filter--selected {
  border-color: var(--neo3-border);
  background: var(--neo3-panel-soft);
  color: var(--span);
}
body.neo3-route-skinchanger .navbar-menu__btn {
  min-height: 40px;
  border: 1px solid var(--neo3-border);
  border-radius: 9px;
  background: var(--neo3-panel-soft);
}
body.neo3-route-skinchanger .navbar-menu__btn--selected {
  border-color: var(--span-low);
  background: var(--span-low);
  box-shadow: none;
}
body.neo3-route-skinchanger .skinchanger.flex-wrapper {
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 12px;
}
body.neo3-route-skinchanger .skinchanger-sidebar,
body.neo3-route-skinchanger .skinchanger-main {
  border: 1px solid var(--neo3-border);
  border-radius: 13px;
  background: var(--neo3-panel);
}
body.neo3-route-skinchanger .skinchanger-sidebar {
  flex: 0 0 300px;
  width: 300px;
  max-width: 300px;
  padding: 12px;
}
body.neo3-route-skinchanger .skinchanger-main {
  min-width: 0;
  padding: 12px;
}
body.neo3-route-skinchanger .skinchanger-sidebar__filters { gap: 6px; }
body.neo3-route-skinchanger .skinchanger-sidebar__filter {
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid var(--neo3-border);
  border-radius: 9px;
  background: var(--neo3-panel-soft);
  color: var(--text-secondary);
}
body.neo3-route-skinchanger .skinchanger-sidebar__filter--selected,
body.neo3-route-skinchanger .skinchanger-sidebar__filter--selected:hover {
  border-color: var(--span-low);
  background: var(--span-low);
  color: var(--span);
}
body.neo3-route-skinchanger .skinchanger-sidebar__cards.s-wrapper { gap: 8px; }
body.neo3-route-skinchanger .skinchanger-sidebar__body {
  max-height: min(680px, calc(100vh - 260px));
  overflow: auto;
  padding-right: 3px;
  scrollbar-width: thin;
  scrollbar-color: var(--transparent-10-w) transparent;
}
body.neo3-route-skinchanger .skinchanger-sidebar .s-card {
  border: 1px solid var(--neo3-border);
  border-radius: 10px;
  background: var(--neo3-panel-soft);
}
body.neo3-route-skinchanger .skinchanger-sidebar .s-card:hover { border-color: var(--span-low); }
body.neo3-route-skinchanger .skinchanger-sidebar .s-card--selected {
  border-color: var(--span);
  background: var(--span-low);
  box-shadow: 0 0 0 1px var(--span-low);
}
body.neo3-route-skinchanger .skinchanger-main .card {
  max-height: none;
  border: 1px solid var(--neo3-border);
  border-radius: 11px;
  background: var(--neo3-panel-soft);
}
body.neo3-route-skinchanger .skinchanger-main .card:hover { border-color: var(--span-low); }
body.neo3-route-skinchanger .skinchanger-main .m-card--selected {
  border-color: var(--span);
  background: var(--span-low);
  box-shadow: 0 0 0 1px var(--span-low);
}
body.neo3-route-skinchanger .skinchanger-main__header .search-form {
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid var(--neo3-border);
  border-radius: 9px;
  background: var(--neo3-panel-soft);
}
body.neo3-route-skinchanger .skinchanger-main__header .search-input { color: var(--text-default); }
body.neo3-route-skinchanger .skinchanger-main__header .search-input::placeholder { color: var(--text-secondary); }
body.neo3-route-skinchanger .skinchanger-loader { min-height: 220px; }
body.neo3-route-skinchanger .skinchanger-main .m-card .card__img {
  max-height: 150px;
  object-fit: contain;
}
body.neo3-route-skinchanger .skinchanger-sidebar__form,
body.neo3-route-skinchanger .skinchanger-sidebar__sticker {
  border: 1px solid var(--neo3-border);
  border-radius: 9px;
  background: var(--neo3-panel-soft);
}
body.neo3-route-skinchanger .skinchanger-sidebar__input { color: var(--text-default); }
body.neo3-route-skinchanger .skinchanger-sidebar__input::placeholder { color: var(--text-secondary); }
body.neo3-route-skinchanger .skinchanger-sidebar__btn,
body.neo3-route-skinchanger .skinchanger-sidebar__text {
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid var(--neo3-border);
  border-radius: 8px;
  background: var(--neo3-panel-soft);
  color: var(--text-secondary);
}
body.neo3-route-skinchanger .skinchanger-sidebar__btn--selected,
body.neo3-route-skinchanger .skinchanger-sidebar__btn:hover {
  border-color: var(--span-low);
  background: var(--span-low);
  color: var(--span);
}
body.neo3-route-skinchanger .skinchanger-sidebar__sbtn {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--neo3-border);
  border-radius: 9px;
}
body.neo3-route-skinchanger .skinchanger-sidebar__sbtn--save {
  border-color: var(--span-low);
  background: var(--span-low);
  color: var(--span);
}
body.neo3-route-skinchanger .skinchanger-sidebar__sbtn--exit { background: var(--red); color: var(--text-default); }
body.neo3-route-skinchanger .skinchanger-page .btn {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--neo3-border);
  border-radius: 9px;
  background: var(--neo3-panel-soft);
  color: var(--text-default);
  font-size: 13px;
}
body.neo3-route-skinchanger .skinchanger-page .btn:hover {
  padding: 0 14px;
  border-color: var(--span-low);
  background: var(--button-hover);
  color: var(--text-default);
}
body.neo3-route-skinchanger .skinchanger-page .col-md-12 {
  border: 1px solid var(--neo3-border);
  border-radius: 12px;
  background: var(--neo3-panel);
}

@media (max-width: 900px) {
  body.neo3-route-skinchanger .skinchanger.flex-wrapper { flex-wrap: wrap; }
  body.neo3-route-skinchanger .skinchanger-sidebar {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
  }
  body.neo3-route-skinchanger .skinchanger-sidebar__body { max-height: 480px; }
  body.neo3-route-skinchanger .skinchanger-sidebar__cards.s-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
  }
  body.neo3-route-skinchanger .skinchanger-main { flex: 1 1 100%; }
}
@media (max-width: 560px) {
  body.neo3-route-skinchanger .header { padding: 7px; }
  body.neo3-route-skinchanger .navbar-menu__link { min-height: 36px; padding: 0 9px; font-size: 12px; }
  body.neo3-route-skinchanger .skinchanger-sidebar,
  body.neo3-route-skinchanger .skinchanger-main { padding: 9px; border-radius: 11px; }
  body.neo3-route-skinchanger .skinchanger-main .m-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 769px) {
  body.neo3-layout .container-fluid > .navbar {
    width: calc(100% + 10px);
    max-width: calc(var(--neo3-shell-content-max) + 10px);
    margin: -25px -5px 5px;
  }
  body.neo3-route-home .container-fluid > .navbar { margin-top: -25px; margin-bottom: 5px; }
}

/* Compact card layout for the navbar's “Другое” dropdown. */
body.neo3-layout .navbar .dropdown_block {
  width: 290px;
  max-width: calc(100vw - 24px);
  gap: 4px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid var(--neo3-border);
  border-radius: 16px;
  background: var(--neo3-panel);
}
body.neo3-layout .navbar .dropdown_block > a {
  display: block;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
body.neo3-layout .navbar .dropdown_item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 12px 14px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--neo3-panel-soft);
  transition: background-color .18s ease, border-color .18s ease;
}
body.neo3-layout .navbar .dropdown_item:hover {
  border-color: var(--neo3-border);
  background: var(--button-hover);
}
body.neo3-layout .navbar .dropdown_item > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: auto;
  min-width: 0;
}
body.neo3-layout .navbar .dropdown_item > div h4 {
  margin: 0;
  color: var(--text-default);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}
body.neo3-layout .navbar .dropdown_item > div p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.35;
}
body.neo3-layout .navbar .dropdown_item svg {
  display: block;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  fill: var(--text-secondary);
}

/* Keep navigation popovers solid so the page beneath cannot show through. */
body.neo3-layout .notification-wrapper,
body.neo3-layout .navbar .dropdown_block,
body.neo3-layout .user__menu,
body.neo3-layout .neo3-online__popover,
body.neo3-layout .neo3-language-switcher__menu,
body.neo3-layout .modal_users_container {
  background: #171717 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.neo3-layout .notification-wrapper .notifications__header {
  background: #171717;
  border-bottom-color: #242424;
}
body.neo3-layout .notification-wrapper .notify_body { background: #1f1f1f; }
body.neo3-layout .notification-wrapper .notify_body:hover { background: #272727; }
body.neo3-layout .notification-wrapper .noty_clear_all { background-color: #3a1c19; }
body.neo3-layout .notification-wrapper .noty_clear_all:hover { background-color: #48221e; }
body.neo3-layout .navbar .dropdown_item { background: #202020; }
body.neo3-layout .navbar .dropdown_item:hover { background: #292929; }
body.neo3-layout .neo3-language-switcher__menu a:hover,
body.neo3-layout .neo3-language-switcher__menu a[aria-current="true"] { background: #292929; }
body.neo3-layout .neo3-online__row:hover { background: #202020; }

/* Header popovers share the reference site's right edge, offset, and compact proportions. */
body.neo3-layout .notification-wrapper {
  top: 72px;
  right: 5px;
  width: 345px;
  max-width: calc(100vw - 16px);
  min-height: 0;
  padding-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #252525;
  border-radius: 16px;
}
body.neo3-layout .notification-wrapper .notifications__header {
  height: 65px;
  min-height: 65px;
  padding: 15px 15px 15px 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #222;
}
body.neo3-layout .notification-wrapper .notifications__title { color: #b7b7b7; font-size: 14px; font-weight: 400; }
body.neo3-layout .notification-wrapper .notifications__main {
  min-height: 55px;
  max-height: 260px;
  margin-top: 10px;
  padding: 0 10px;
  justify-content: center;
  box-sizing: border-box;
  overflow-y: auto;
}
body.neo3-layout .notification-wrapper:has(.no_notify) .noty_clear_all { display: none; }
body.neo3-layout .user__menu {
  top: 72px;
  right: 5px;
  width: 260px;
  max-width: calc(100vw - 16px);
  border-radius: 16px;
}

/* Pin the Steam profile banner to the marked header area of the profile popover. */
body.neo3-layout .user__menu .user_profile_wrapper > a.steam-profile-background {
  height: 76px;
  min-height: 76px;
  flex: 0 0 76px;
  padding: 8px;
  box-sizing: border-box;
  background-position: center 42%;
  background-size: cover;
  background-repeat: no-repeat;
}
body.neo3-layout .user__menu .user_profile_wrapper > a.steam-profile-background .user__profile {
  height: 100%;
  box-sizing: border-box;
}

/* Match the reference gutters on the home statistics row. */
@media (min-width: 646px) {
  body.neo3-route-home .container-fluid > .neo3-statistics-row:not(.navbar) { gap: 0; margin: 3px -5px 0; }
}
@media (min-width: 646px) {
  body.neo3-route-home .matches-home-cta { margin-top: 15px; }
}

/* Match the reference leaderboard's content start and keep its columns inside the card. */
@media (min-width: 901px) {
  body.neo3-route-leaderboard .leaderboard-column { margin-top: 5px; }
}
body.neo3-route-leaderboard .leaderboard-table {
  width: 100%;
  table-layout: fixed;
}

/* At wide desktop sizes, let the Premier table fit its card like the reference. */
@media (min-width: 1380px) {
  body.neo3-route-leaderboard .leaderboard-table--premier { min-width: 0; }
  body.neo3-route-leaderboard .leaderboard-table--premier thead th:nth-child(3),
  body.neo3-route-leaderboard .leaderboard-table--premier tbody td:nth-child(3) { width: 235.8px; }
  body.neo3-route-leaderboard .leaderboard-card__body { padding-top: 12px; }
  body.neo3-route-leaderboard .leaderboard__my-stat { padding: 16px 15px 8px; }
  body.neo3-route-leaderboard .leaderboard__my-stat-description { line-height: 15px; }
}