@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600'); /*Montserrat*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'); /*Open Sans*/

.with_code table tr td {
    word-break: normal;
}

#header_load {
  display: none;
  position: fixed;
  z-index: 30;
  top: 0;
  border-top: 3px solid #5dba8d;
  -ms-box-shadow: 0 1px 2px 1px rgba(93, 186, 141, 0.1);
  -webkit-box-shadow: 0 1px 2px 1px rgba(93, 186, 141, 0.1);
  box-shadow: 0 1px 2px 1px rgba(93, 186, 141, 0.1);
}
/* PBGame cosmetics hard fix v2: avatar/frame overlay binding */
html body .pb-avatar-wrap,
html body a .pb-avatar-wrap,
html body .profile_top .pb-avatar-wrap,
html body .top_user .pb-avatar-wrap,
html body .back_img_chat .pb-avatar-wrap,
html body .user-full .pb-avatar-wrap,
html body .blockprofile .pb-avatar-wrap,
html body .collapsible_head .pb-avatar-wrap {
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 0 !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
  z-index: 1 !important;
  --pb-frame-scale: 1.34;
}

html body .pb-avatar-wrap > img:not(.pb-avatar-frame-img) {
  display: block !important;
  object-fit: cover !important;
  position: relative !important;
  z-index: 2 !important;
  float: none !important;
  max-width: none !important;
  max-height: none !important;
}

html body .pb-avatar-wrap .pb-avatar-frame-overlay {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate(-50%, -50%) scale(var(--pb-frame-scale, 1.34)) !important;
  transform-origin: center center !important;
  pointer-events: none !important;
  display: block !important;
  z-index: 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body .pb-avatar-wrap .pb-avatar-frame-overlay > img.pb-avatar-frame-img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.22)) !important;
}

html body .pb-avatar-profile-main-wrap { --pb-frame-scale: 1.42; }
html body .pb-avatar-profile-main-wrap > img.avatar_profile {
  width: 133px !important;
  height: 130px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-profile-sidebar-wrap { --pb-frame-scale: 1.36; width: 150px !important; height: 150px !important; }
html body .pb-avatar-profile-sidebar-wrap > img {
  width: 150px !important;
  height: 150px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-top-wrap { --pb-frame-scale: 1.36; }
html body .pb-avatar-top-wrap > img.img_top_user,
html body .pb-avatar-top-wrap > img.img_donators {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-chat-wrap { --pb-frame-scale: 1.48; }
html body .pb-avatar-chat-wrap > img.chat_img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-user-card-wrap { --pb-frame-scale: 1.32; }
html body .pb-avatar-user-card-wrap > img.user_avatar {
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
}

html body .pb-avatar-online-wrap { --pb-frame-scale: 1.38; }
html body .pb-avatar-online-wrap > img.user_online_img {
  width: 33px !important;
  height: 33px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-tiny-wrap { --pb-frame-scale: 1.45; }
html body .pb-avatar-tiny-wrap > img.user_o_img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-header-wrap { --pb-frame-scale: 1.42; width: 32px !important; height: 32px !important; }
html body .pb-avatar-header-wrap > img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
}

html body .pb-avatar-head-wrap { --pb-frame-scale: 1.36; }
html body .pb-avatar-head-wrap > img.img_head {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
}

html body .left_profile .pb-avatar-frame-overlay,
html body .profile_top .pb-avatar-frame-overlay,
html body .block_top_user .pb-avatar-frame-overlay,
html body .chat_message .pb-avatar-frame-overlay {
  opacity: 1 !important;
}

html body .left_profile > .pb-avatar-frame-overlay,
html body .profile_top > .pb-avatar-frame-overlay,
html body .block_top_user > .pb-avatar-frame-overlay,
html body .block_user > .pb-avatar-frame-overlay {
  display: none !important;
}

@media (max-width: 768px) {
  html body .pb-avatar-profile-main-wrap > img.avatar_profile {
    width: 104px !important;
    height: 104px !important;
  }
}


/* PBGame cosmetics frame binding v3 - frame is part of avatar, not a separate background */
html body .pb-avatar-wrap,
html body a .pb-avatar-wrap,
html body .profile_top .pb-avatar-wrap,
html body .left_profile .pb-avatar-wrap,
html body .top_user .pb-avatar-wrap,
html body .back_img_chat .pb-avatar-wrap,
html body .user-full .pb-avatar-wrap,
html body .blockprofile .pb-avatar-wrap,
html body .collapsible_head .pb-avatar-wrap,
html body .flex_info_top_user .pb-avatar-wrap {
  --pb-wrap-size: 42px;
  --pb-avatar-size: 26px;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pb-wrap-size) !important;
  height: var(--pb-wrap-size) !important;
  min-width: var(--pb-wrap-size) !important;
  min-height: var(--pb-wrap-size) !important;
  max-width: var(--pb-wrap-size) !important;
  max-height: var(--pb-wrap-size) !important;
  line-height: 0 !important;
  vertical-align: middle !important;
  overflow: visible !important;
  flex: 0 0 var(--pb-wrap-size) !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 2 !important;
  isolation: isolate !important;
}

html body .pb-avatar-wrap > img:not(.pb-avatar-frame-img) {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  min-width: var(--pb-avatar-size) !important;
  min-height: var(--pb-avatar-size) !important;
  max-width: var(--pb-avatar-size) !important;
  max-height: var(--pb-avatar-size) !important;
  display: block !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  float: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}

html body .pb-avatar-wrap .pb-avatar-frame-overlay {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  transform: none !important;
  transform-origin: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  overflow: visible !important;
  z-index: 5 !important;
}

html body .pb-avatar-wrap .pb-avatar-frame-overlay > img.pb-avatar-frame-img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.25)) !important;
}

/* Profile main card: compact frame, centered avatar inside frame */
html body .pb-avatar-profile-main-wrap {
  --pb-wrap-size: 142px;
  --pb-avatar-size: 82px;
  margin: 0 4px 0 0 !important;
}
html body .pb-avatar-profile-main-wrap > img.avatar_profile {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  min-width: var(--pb-avatar-size) !important;
  min-height: var(--pb-avatar-size) !important;
  max-width: var(--pb-avatar-size) !important;
  max-height: var(--pb-avatar-size) !important;
  border-radius: 50% !important;
  border: 2px solid rgba(91,204,150,.34) !important;
  background: rgba(20,24,36,.75) !important;
}
html body .profile_top .prof_l {
  align-items: center !important;
  gap: 16px !important;
}

/* Sidebar/profile widgets */
html body .pb-avatar-profile-sidebar-wrap {
  --pb-wrap-size: 132px;
  --pb-avatar-size: 76px;
}
html body .pb-avatar-profile-sidebar-wrap > img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}

/* Top users/donators */
html body .pb-avatar-top-wrap {
  --pb-wrap-size: 62px;
  --pb-avatar-size: 36px;
}
html body .pb-avatar-top-wrap > img.img_top_user,
html body .pb-avatar-top-wrap > img.img_donators {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  border: 2px solid rgba(91,204,150,.28) !important;
}
html body .flex_info_top_user {
  align-items: center !important;
  gap: 10px !important;
}

/* Chat/message */
html body .back_img_chat {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  border-radius: 14px !important;
  padding: 0 !important;
}
html body .pb-avatar-chat-wrap {
  --pb-wrap-size: 38px;
  --pb-avatar-size: 23px;
}
html body .pb-avatar-chat-wrap > img.chat_img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  border-radius: 50% !important;
}

/* Online block and small user entries */
html body .pb-avatar-online-wrap {
  --pb-wrap-size: 46px;
  --pb-avatar-size: 28px;
}
html body .pb-avatar-online-wrap > img.user_online_img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}
html body .pb-avatar-tiny-wrap,
html body .mini_friend .pb-avatar-wrap,
html body .visit_user .pb-avatar-wrap,
html body .block_user .pb-avatar-wrap,
html body .friend .pb-avatar-wrap {
  --pb-wrap-size: 42px;
  --pb-avatar-size: 25px;
}
html body .pb-avatar-tiny-wrap > img.user_o_img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}

/* Generic user cards */
html body .pb-avatar-user-card-wrap {
  --pb-wrap-size: 58px;
  --pb-avatar-size: 34px;
}
html body .pb-avatar-user-card-wrap > img.user_avatar {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
  border-radius: 12px !important;
}

/* Header avatar */
html body .pb-avatar-header-wrap {
  --pb-wrap-size: 38px;
  --pb-avatar-size: 23px;
}
html body .pb-avatar-header-wrap > img {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}
html body .pb-avatar-head-wrap {
  --pb-wrap-size: 44px;
  --pb-avatar-size: 27px;
}
html body .pb-avatar-head-wrap > img.img_head {
  width: var(--pb-avatar-size) !important;
  height: var(--pb-avatar-size) !important;
}

/* Safety: old separated overlays must never become separate blocks */
html body .left_profile > .pb-avatar-frame-overlay,
html body .profile_top > .pb-avatar-frame-overlay,
html body .block_top_user > .pb-avatar-frame-overlay,
html body .block_user > .pb-avatar-frame-overlay,
html body .top_user > .pb-avatar-frame-overlay,
html body .back_img_chat > .pb-avatar-frame-overlay {
  display: none !important;
}

/* Prevent frames from turning into background-size or normal images in cards */
html body img.pb-avatar-frame-img {
  background: transparent !important;
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  html body .pb-avatar-profile-main-wrap {
    --pb-wrap-size: 118px;
    --pb-avatar-size: 68px;
  }
  html body .profile_top .prof_l {
    gap: 10px !important;
  }
}

/* PBGame CMS 2.3.1 — solution2 top header/currency visual fix, 2026-04-28
   Fixes crooked top-right user controls after avatar-frame changes and keeps the
   second top menu compact without breaking the dark theme. */
@media (min-width: 992px) {
  html body .wapper .header > .container:first-of-type {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 74px !important;
    position: relative !important;
  }

  html body .wapper .header > .container:first-of-type:before,
  html body .wapper .header > .container:first-of-type:after {
    content: none !important;
    display: none !important;
  }

  html body .wapper .header .header-logo {
    float: none !important;
    top: auto !important;
    margin: 0 6px 0 0 !important;
    flex: 0 0 auto !important;
  }

  html body .wapper .header .search_user {
    float: none !important;
    top: auto !important;
    margin: 0 !important;
    height: 44px !important;
    flex: 0 0 auto !important;
  }

  html body .wapper .header .pro {
    float: none !important;
    top: auto !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  html body .wapper .header ul.user-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    float: none !important;
    width: auto !important;
    height: 46px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    right: auto !important;
    position: relative !important;
    list-style: none !important;
    overflow: visible !important;
  }

  html body .wapper .header ul.user-menu > li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  html body .wapper .header ul.user-menu > i.bx-chevron-down {
    display: none !important;
  }

  html body .wapper .header ul.user-menu > li.balance {
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 6px 0 10px !important;
    border: 1px solid rgba(148, 163, 184, .10) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #ffffff !important;
    gap: 8px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .10) !important;
  }

  html body .wapper .header ul.user-menu > li.balance > i {
    position: static !important;
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, rgba(85, 215, 155, .95), rgba(45, 134, 95, .95)) !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }

  html body .wapper .header ul.user-menu > li.balance .pursee-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    float: none !important;
    top: auto !important;
    height: 32px !important;
    min-width: 84px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #52607a 0%, #34394b 100%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  html body .wapper .header ul.user-menu > li > a,
  html body .wapper .header ul.user-menu > li .show_user {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    top: auto !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .035) !important;
    color: #8f98ad !important;
    text-align: center !important;
    overflow: visible !important;
  }

  html body .wapper .header ul.user-menu > li > a:hover,
  html body .wapper .header ul.user-menu > li .show_user:hover {
    background: rgba(255, 255, 255, .07) !important;
    color: #ffffff !important;
  }

  html body .wapper .header ul.user-menu > li > a i,
  html body .wapper .header ul.user-menu > li .show_user i {
    position: static !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html body .wapper .header ul.user-menu > li.collapsible > a {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    background: rgba(255, 255, 255, .035) !important;
    border-radius: 14px !important;
  }

  html body .wapper .header .blockprofile {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important;
    line-height: 0 !important;
  }

  html body .wapper .header .pb-avatar-header-wrap {
    --pb-wrap-size: 42px !important;
    --pb-avatar-size: 26px !important;
    margin: 0 !important;
  }

  html body .wapper .header .pb-avatar-header-wrap > img:not(.pb-avatar-frame-img) {
    width: var(--pb-avatar-size) !important;
    height: var(--pb-avatar-size) !important;
    min-width: var(--pb-avatar-size) !important;
    min-height: var(--pb-avatar-size) !important;
  }

  html body .wapper .header ul.user-menu > li > ul {
    top: 54px !important;
    right: 0 !important;
    left: auto !important;
  }

  html body .menu_top_rigth {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  html body .menu_top_rigth .flex_online_block {
    display: flex !important;
    align-items: center !important;
    height: 44px !important;
    min-width: 0 !important;
    padding: 0 5px !important;
    border-radius: 50px !important;
    overflow: visible !important;
  }

  html body .menu_top_rigth .user_online_block {
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    max-width: 118px !important;
    min-width: 38px !important;
    overflow: hidden !important;
  }

  html body .menu_top_rigth .user_online_img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    margin-right: -6px !important;
    object-fit: cover !important;
  }

  html body .menu_top_rigth .pb-avatar-online-wrap {
    --pb-wrap-size: 40px !important;
    --pb-avatar-size: 24px !important;
    flex: 0 0 40px !important;
    margin-right: -6px !important;
  }

  html body .menu_top_rigth .arrow_users_top {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    margin-left: 0 !important;
    flex: 0 0 34px !important;
    border-width: 3px !important;
  }

  html body .menu_top_rigth .online_line_top {
    min-height: 44px !important;
    height: 44px !important;
    padding: 5px 16px 5px 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html body .menu_top_rigth .online_line_top i {
    position: static !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin: 0 !important;
  }
}

@media (max-width: 991.98px) {
  html body .wapper .header ul.user-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }

  html body .wapper .header ul.user-menu > i.bx-chevron-down {
    display: none !important;
  }

  html body .wapper .header ul.user-menu > li.balance {
    white-space: nowrap !important;
  }
}

/* PBGame CMS 2.3.1 — solution2 header avatar/headset final alignment, 2026-04-28 */
@media (min-width: 992px) {
  html body .wapper .header ul.user-menu {
    gap: 7px !important;
    height: 48px !important;
    overflow: visible !important;
  }

  html body .wapper .header ul.user-menu > li.collapsible {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    margin-left: 2px !important;
  }

  html body .wapper .header ul.user-menu > li.collapsible > a {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 15px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    background: transparent !important;
  }

  html body .wapper .header .blockprofile {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body .wapper .header .pb-avatar-header-wrap {
    --pb-wrap-size: 44px !important;
    --pb-avatar-size: 27px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    transform: none !important;
    margin: 0 !important;
  }

  html body .wapper .header .pb-avatar-header-wrap .pb-avatar-frame-overlay,
  html body .menu_top_rigth .pb-avatar-online-wrap .pb-avatar-frame-overlay {
    pointer-events: none !important;
  }

  html body .menu_top_rigth {
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  html body .menu_top_rigth .flex_online_block {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
    border-radius: 10px !important;
    background: rgba(73, 73, 88, .92) !important;
  }

  html body .menu_top_rigth .user_online_block {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    margin: 0 !important;
  }

  html body .menu_top_rigth .user_online_top {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body .menu_top_rigth .user_online_top > a {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body .menu_top_rigth .pb-avatar-online-wrap {
    --pb-wrap-size: 42px !important;
    --pb-avatar-size: 26px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body .menu_top_rigth .pb-avatar-online-wrap > img.user_online_img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    margin: 0 !important;
    border: 0 !important;
  }

  html body .menu_top_rigth .online_pro {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  html body .menu_top_rigth .arrow_users_top {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    border-width: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    line-height: 1 !important;
  }

  html body .menu_top_rigth .arrow_users_top i {
    position: static !important;
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html body .menu_top_rigth .online_line_top {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 13px 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .menu_top_rigth .online_line_top > i {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 17px !important;
  }

  html body .menu_top_rigth .flex_online_servers {
    min-width: 14px !important;
    height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  html body .menu_top_rigth .online_prcr {
    top: 46px !important;
    right: 0 !important;
  }
}

@media (max-width: 991.98px) {
  html body .menu_top_rigth .flex_online_block,
  html body .menu_top_rigth .online_line_top {
    min-height: 42px !important;
    height: 42px !important;
  }

  html body .menu_top_rigth .pb-avatar-online-wrap {
    --pb-wrap-size: 40px !important;
    --pb-avatar-size: 25px !important;
  }
}

/* PBGame CMS 2.3.1 — solution2 top right header final alignment, 2026-04-28 */
@media (min-width: 992px) {
  html body .wapper .header ul.user-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 56px !important;
    width: auto !important;
    float: right !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    overflow: visible !important;
  }

  html body .wapper .header ul.user-menu > li {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    line-height: 1 !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    vertical-align: middle !important;
    overflow: visible !important;
  }

  html body .wapper .header ul.user-menu > li > a,
  html body .wapper .header ul.user-menu > li .show_user {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 13px !important;
    overflow: visible !important;
  }

  html body .wapper .header ul.user-menu > li > a > i,
  html body .wapper .header ul.user-menu > li .show_user > i,
  html body .wapper .header ul.user-menu > li .arrow_users_top i,
  html body .wapper .header ul.user-menu > li .online_line_top > i {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 18px !important;
  }

  html body .wapper .header ul.user-menu > li.balance {
    min-width: auto !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    white-space: nowrap !important;
    padding: 0 10px 0 8px !important;
    margin: 0 2px 0 0 !important;
    top: 0 !important;
    right: 0 !important;
    line-height: 1 !important;
  }

  html body .wapper .header ul.user-menu > li.balance > i {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 14px !important;
    margin: 0 !important;
  }

  html body .wapper .header ul.user-menu > li.balance .pursee-button {
    position: static !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 30px !important;
    min-height: 30px !important;
    line-height: 1 !important;
    margin: 0 0 0 4px !important;
    padding: 0 14px !important;
    top: 0 !important;
    right: 0 !important;
  }

  html body .wapper .header ul.user-menu > li .complaint_btn,
  html body .wapper .header ul.user-menu > li .unban_btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    margin: 0 !important;
    position: relative !important;
    line-height: 1 !important;
    overflow: visible !important;
  }

  html body .wapper .header ul.user-menu > li .complaint_btn span,
  html body .wapper .header ul.user-menu > li .unban_btn span,
  html body .wapper .header ul.user-menu > li .show_user .circleuved {
    position: absolute !important;
    left: auto !important;
    right: -4px !important;
    top: -4px !important;
    bottom: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  html body .wapper .header ul.user-menu > li.collapsible,
  html body .wapper .header ul.user-menu > li.collapsible > a {
    height: 48px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    top: 0 !important;
  }

  html body .wapper .header ul.user-menu > li.collapsible > a {
    width: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
  }

  html body .wapper .header ul.user-menu > li.collapsible .blockprofile {
    top: 0 !important;
    margin: 0 !important;
  }

  html body .menu_top_rigth {
    gap: 10px !important;
  }

  html body .menu_top_rigth .flex_online_block {
    padding: 0 8px !important;
  }
}

/* PBGame CMS 2.3.1 — solution2 top-right position rollback + avatar micro-align, 2026-04-28
   Returns the right header controls to the far-right side and only lifts the user avatar a bit. */
@media (min-width: 992px) {
  html body .wapper .header > .container:first-of-type {
    display: flex !important;
    align-items: center !important;
  }

  html body .wapper .header ul.user-menu {
    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    float: none !important;
    right: 0 !important;
    top: 0 !important;
    transform: none !important;
    align-self: center !important;
  }

  html body .wapper .header ul.user-menu > li {
    align-self: center !important;
  }

  html body .wapper .header ul.user-menu > li.collapsible .blockprofile,
  html body .wapper .header .blockprofile {
    top: -2px !important;
    transform: translateY(-2px) !important;
  }

  html body .wapper .header .pb-avatar-header-wrap {
    transform: translateY(-1px) !important;
  }

  html body .menu_top_rigth {
    margin-left: auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  html body .menu_top_rigth .user_online_block,
  html body .menu_top_rigth .online_pro,
  html body .menu_top_rigth .online_line_top {
    transform: none !important;
  }

  html body .menu_top_rigth .pb-avatar-online-wrap {
    transform: translateY(-1px) !important;
  }
}

/* PBGame CMS solution2 — server widget/store cleanup, 2026-04-29 */
.pb-servers-widget {
    height: 156px !important;
    max-height: 156px !important;
    min-height: 156px !important;
    margin-top: 10px !important;
    padding: 9px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(58,58,70,.78), rgba(37,37,47,.94)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.18) !important;
    position: relative !important;
    z-index: 1 !important;
}

.pb-servers-widget__head {
    height: 29px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 2px 8px !important;
}

.pb-servers-widget__title {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.pb-servers-widget__title i {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #4fea9f, #348d63) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(79,234,159,.22) !important;
}

.pb-servers-widget__status {
    flex: 0 0 auto !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: capitalize !important;
}

.pb-servers-list-shell {
    height: 108px !important;
    max-height: 108px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior: contain !important;
}

.pb-servers-list-shell::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.pb-servers-list,
#servers.pb-servers-list {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pb-server-card.servers-block {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pb-server-card__inner.servers-info-block {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 6px 8px 6px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(30,33,43,.86) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

.pb-server-card__inner.servers-info-block:hover {
    transform: translateY(-1px) !important;
    background: rgba(40,43,55,.94) !important;
    border-color: rgba(79,234,159,.22) !important;
}

.pb-server-card__map.map_back_server {
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: .22 !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: inset 150px 0 120px rgba(22,24,32,.88), inset -60px 0 90px rgba(22,24,32,.58) !important;
    filter: saturate(.95) contrast(1.05) !important;
}

.pb-server-card__online.progress-circle {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px !important;
    margin: 0 !important;
    z-index: 2 !important;
    cursor: pointer !important;
}

.pb-server-card__online.progress-circle svg {
    width: 38px !important;
    height: 38px !important;
}

.pb-server-card__online .now_online_server {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    line-height: 28px !important;
    font-size: 10px !important;
}

.pb-server-card__content.servers-info-span {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    overflow: visible !important;
    white-space: normal !important;
    z-index: 2 !important;
}

.pb-server-card__meta.flex_server_info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 0 !important;
    line-height: 1.18 !important;
}

.pb-server-card__name,
.pb-server-card__address,
.pb-server-card__mapname {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.pb-server-card__name {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.pb-server-card__address {
    color: rgba(222,231,246,.74) !important;
    font-size: 10px !important;
}

.pb-server-card__mapname {
    color: rgba(167,181,204,.62) !important;
    font-size: 10px !important;
}

.pb-server-card__actions.btn_server_play_cog {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    z-index: 2 !important;
}

.pb-server-card__actions .play-servers,
.pb-server-card__actions .bx-cog {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 14px !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.76) !important;
}

.pb-server-card__actions .play-servers:hover,
.pb-server-card__actions .bx-cog:hover {
    background: rgba(79,234,159,.22) !important;
    border-color: rgba(79,234,159,.42) !important;
    color: #fff !important;
}

/* В выпадающем онлайне показываем только строку пользователя, без отдельного аватара-дубля */
.online_prcr .user_online_top,
.online_scroll .user_online_top {
    display: none !important;
}

.online_prcr .users_chat_online,
.online_scroll .users_chat_online {
    display: block !important;
}

.user_online_block .users_chat_online {
    display: none !important;
}

.user_online_block .user_online_top {
    display: block !important;
}

/* Скрытый серверный инфоблок магазина */
#store_server_info {
    display: none !important;
}

.store-empty-info {
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    color: rgba(255,255,255,.72);
    font-size: 12px;
    line-height: 1.45;
}

.server-monitoring-empty {
    padding: 14px;
    border-radius: 15px;
    background: rgba(255,255,255,.06);
    border: 1px dashed rgba(255,255,255,.12);
    color: rgba(255,255,255,.74);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .pb-servers-widget {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    .pb-servers-list-shell {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .pb-servers-list,
    #servers.pb-servers-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    .pb-servers-list,
    #servers.pb-servers-list {
        grid-template-columns: 1fr !important;
    }

    .pb-server-card__inner.servers-info-block {
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }
}

/* PBGame CMS solution2 — final monitoring + online dropdown cleanup, 2026-04-29 */
html body .pb-servers-widget.pb-servers-widget--final,
html body .block_servers.pb-servers-widget {
    width: 100% !important;
    height: 222px !important;
    max-height: 222px !important;
    min-height: 222px !important;
    margin-top: 12px !important;
    padding: 14px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(58,58,72,.82), rgba(35,35,45,.96)) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
    position: relative !important;
    z-index: 2 !important;
}

html body .pb-servers-widget__head {
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 3px 12px !important;
}

html body .pb-servers-widget__title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
}

html body .pb-servers-widget__title i {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #54eba4, #2f9668) !important;
    color: #fff !important;
    font-size: 17px !important;
    box-shadow: 0 9px 24px rgba(84,235,164,.23) !important;
}

html body .pb-servers-widget__status {
    flex: 0 0 auto !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

html body .pb-servers-list-shell {
    height: 168px !important;
    max-height: 168px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 2px 0 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior: contain !important;
}

html body .pb-servers-list-shell::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

html body .pb-servers-list,
html body #servers.pb-servers-list {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body .pb-server-card.servers-block {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body .pb-server-card__inner.servers-info-block {
    width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 11px 12px 11px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    background: rgba(52,53,66,.76) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 24px rgba(0,0,0,.10) !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

html body .pb-server-card__inner.servers-info-block:hover {
    transform: translateY(-1px) !important;
    background: rgba(59,60,75,.86) !important;
    border-color: rgba(255,255,255,.13) !important;
}

html body .pb-server-card__map.map_back_server {
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: .18 !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: inset 205px 0 155px rgba(37,38,49,.94), inset -85px 0 120px rgba(37,38,49,.66) !important;
    filter: saturate(.96) contrast(1.05) !important;
}

html body .pb-server-card__online.progress-circle {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    flex: 0 0 58px !important;
    margin: 0 !important;
    z-index: 2 !important;
    cursor: pointer !important;
}

html body .pb-server-card__online.progress-circle svg {
    width: 58px !important;
    height: 58px !important;
    transform: rotate(-90deg) !important;
}

html body .pb-server-card__online.progress-circle circle {
    cx: 29 !important;
    cy: 29 !important;
    r: 24 !important;
}

html body .pb-server-card__online .now_online_server {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    line-height: 42px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    background: transparent !important;
    color: #fff !important;
}

html body .pb-server-card__content.servers-info-span {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    overflow: visible !important;
    white-space: normal !important;
    z-index: 2 !important;
}

html body .pb-server-card__meta.flex_server_info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
    line-height: 1.22 !important;
}

html body .pb-server-card__name,
html body .pb-server-card__address,
html body .pb-server-card__mapname {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .pb-server-card__name {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase !important;
}

html body .pb-server-card__address {
    color: rgba(232,239,251,.74) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

html body .pb-server-card__mapname {
    color: rgba(178,190,212,.72) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

html body .pb-server-card__actions.btn_server_play_cog {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    z-index: 2 !important;
}

html body .pb-server-card__actions .play-servers,
html body .pb-server-card__actions .bx-cog {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.065) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.82) !important;
    transition: .18s ease !important;
}

html body .pb-server-card__actions .play-servers:hover,
html body .pb-server-card__actions .bx-cog:hover {
    background: rgba(79,234,159,.22) !important;
    border-color: rgba(79,234,159,.42) !important;
    color: #fff !important;
}

/* Online dropdown: no duplicate avatar strip inside popup */
html body .menu_top_rigth .pb-online-avatars-strip .users_chat_online,
html body .menu_top_rigth .user_online_block .users_chat_online {
    display: none !important;
}

html body .menu_top_rigth .pb-online-avatars-strip .user_online_top,
html body .menu_top_rigth .user_online_block .user_online_top {
    display: inline-flex !important;
}

html body .menu_top_rigth .online_prcr.arrtar .user_online_top,
html body .menu_top_rigth .online_prcr .user_online_top,
html body .menu_top_rigth .pb-online-dropdown-list .user_online_top {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

html body .menu_top_rigth .online_prcr.arrtar .users_chat_online,
html body .menu_top_rigth .online_prcr .users_chat_online,
html body .menu_top_rigth .pb-online-dropdown-list .users_chat_online {
    display: block !important;
}

html body .menu_top_rigth .pb-online-dropdown-list {
    display: grid !important;
    gap: 8px !important;
    max-height: 252px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 2px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html body .menu_top_rigth .pb-online-dropdown-list::-webkit-scrollbar {
    width: 0 !important;
    display: none !important;
}

html body .menu_top_rigth .pb-online-dropdown-list .visit_users_online {
    min-height: 54px !important;
    border-radius: 14px !important;
}

@media (max-width: 991px) {
    html body .pb-servers-widget.pb-servers-widget--final,
    html body .block_servers.pb-servers-widget {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    html body .pb-servers-list-shell {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html body .pb-servers-list,
    html body #servers.pb-servers-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    html body .pb-servers-list,
    html body #servers.pb-servers-list {
        grid-template-columns: 1fr !important;
    }

    html body .pb-server-card__inner.servers-info-block {
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }

    html body .pb-server-card__online.progress-circle {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        flex-basis: 50px !important;
    }

    html body .pb-server-card__actions .play-servers,
    html body .pb-server-card__actions .bx-cog {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
}

/* PBGame CMS solution2 — compact monitoring without title/settings, visible scroll rail, 2026-04-29 */
html body .pb-servers-widget.pb-servers-widget--compact,
html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
    height: 178px !important;
    max-height: 178px !important;
    min-height: 178px !important;
    padding: 10px 14px 10px 10px !important;
    margin-top: 10px !important;
    overflow: hidden !important;
}

html body .pb-servers-widget--compact .pb-servers-widget__head,
html body .pb-servers-widget--compact .pb-servers-widget__title,
html body .pb-servers-widget--compact .pb-servers-widget__status {
    display: none !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell {
    height: 158px !important;
    max-height: 158px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 10px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.18) rgba(255,255,255,.045) !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar {
    width: 4px !important;
    display: block !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar-track {
    background: rgba(255,255,255,.045) !important;
    border-radius: 999px !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.20) !important;
    border-radius: 999px !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.32) !important;
}

html body .pb-servers-widget--compact .pb-servers-list,
html body .pb-servers-widget--compact #servers.pb-servers-list {
    gap: 12px !important;
}

html body .pb-servers-widget--compact .pb-server-card__inner.servers-info-block {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 10px 12px 10px 15px !important;
    border-radius: 18px !important;
    background: rgba(62,62,78,.78) !important;
}

html body .pb-servers-widget--compact .pb-server-card__online.progress-circle {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    flex-basis: 56px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online.progress-circle svg {
    width: 56px !important;
    height: 56px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online .now_online_server {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    line-height: 40px !important;
    font-size: 13px !important;
}

html body .pb-servers-widget--compact .pb-server-card__name {
    font-size: 13px !important;
}

html body .pb-servers-widget--compact .pb-server-card__address,
html body .pb-servers-widget--compact .pb-server-card__mapname {
    font-size: 11px !important;
}

/* Hide server management cog in monitoring cards; leave only connect/play button. */
html body .pb-servers-widget--compact .pb-server-card__actions [data-target^="#server-management-modal"],
html body .pb-servers-widget--compact .pb-server-card__actions .bx-cog {
    display: none !important;
}

html body .pb-servers-widget--compact .pb-server-card__actions {
    gap: 0 !important;
}

html body .pb-servers-widget--compact .pb-server-card__actions .play-servers {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 50% !important;
}

@media (max-width: 991px) {
    html body .pb-servers-widget.pb-servers-widget--compact,
    html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    html body .pb-servers-widget--compact .pb-servers-list-shell {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }
}

/* PBGame CMS solution2 — keep monitoring inside block + move online avatars left, 2026-04-29 */
html body .right_block .pb-servers-widget.pb-servers-widget--compact,
html body .monitoring_servers .pb-servers-widget.pb-servers-widget--compact,
html body .block_servers.pb-servers-widget.pb-servers-widget--compact,
html body .pb-servers-widget.pb-servers-widget--compact {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 156px !important;
    max-height: 156px !important;
    min-height: 156px !important;
    margin: 10px 0 0 0 !important;
    padding: 8px 10px 8px 8px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 140px !important;
    max-height: 140px !important;
    padding-right: 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 14px !important;
}

html body .pb-servers-widget--compact .pb-servers-list,
html body .pb-servers-widget--compact #servers.pb-servers-list {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    overflow: visible !important;
}

html body .pb-servers-widget--compact .pb-server-card.servers-block,
html body .pb-servers-widget--compact .pb-server-card__inner.servers-info-block {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

html body .pb-servers-widget--compact .pb-server-card__inner.servers-info-block {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 8px 10px 8px 12px !important;
    gap: 11px !important;
    border-radius: 16px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online.progress-circle {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online.progress-circle svg {
    width: 50px !important;
    height: 50px !important;
}

html body .pb-servers-widget--compact .pb-server-card__online .now_online_server {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
}

html body .pb-servers-widget--compact .pb-server-card__name {
    font-size: 12px !important;
    line-height: 1.18 !important;
}

html body .pb-servers-widget--compact .pb-server-card__address,
html body .pb-servers-widget--compact .pb-server-card__mapname {
    font-size: 10px !important;
    line-height: 1.18 !important;
}

html body .pb-servers-widget--compact .pb-server-card__actions .play-servers {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
}

/* Keep the visible scrollbar rail inside the monitoring card. */
html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar {
    width: 4px !important;
}
html body .pb-servers-widget--compact .pb-servers-list-shell::-webkit-scrollbar-track {
    margin: 2px 0 !important;
}

/* Top-right online avatars: move the avatar strip left so it does not overlap the green online button/pill. */
html body .menu_top_rigth .user_online_block,
html body .menu_top_rigth .pb-online-avatars-strip {
    position: relative !important;
    right: 8px !important;
    margin-right: 8px !important;
    transform: translateX(-10px) !important;
    z-index: 3 !important;
}

html body .menu_top_rigth .user_online_block .user_online_top,
html body .menu_top_rigth .pb-online-avatars-strip .user_online_top {
    margin-left: -5px !important;
}

html body .menu_top_rigth .user_online_block .user_online_top:first-child,
html body .menu_top_rigth .pb-online-avatars-strip .user_online_top:first-child {
    margin-left: 0 !important;
}

/* The green online pill/button should stay on top and not be covered by avatars. */
html body .menu_top_rigth .online_block,
html body .menu_top_rigth .online_but,
html body .menu_top_rigth [class*="online"] {
    max-width: 100% !important;
}

@media (max-width: 991px) {
    html body .pb-servers-widget.pb-servers-widget--compact,
    html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        padding: 10px !important;
    }

    html body .pb-servers-widget--compact .pb-servers-list-shell {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }

    html body .menu_top_rigth .user_online_block,
    html body .menu_top_rigth .pb-online-avatars-strip {
        transform: none !important;
        right: auto !important;
        margin-right: 0 !important;
    }
}

/* PBGame CMS solution2 — final raise monitoring + clean online top, 2026-04-29 */
html body .pb-servers-widget.pb-servers-widget--compact,
html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
    margin-top: 0 !important;
    transform: translateY(-8px) !important;
}

html body .pb-servers-widget--compact .pb-servers-list-shell {
    height: 142px !important;
    max-height: 142px !important;
}

/*
 * Верхний онлайн-блок:
 * убираем агрессивный сдвиг/наложение, который давал странное отображение.
 * Оставляем аккуратную схему: аватарки слева, кнопка/плашка онлайн справа.
 */
html body .menu_top_rigth .user_online_block,
html body .menu_top_rigth .pb-online-avatars-strip {
    position: relative !important;
    right: auto !important;
    margin-right: 6px !important;
    transform: none !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    max-width: 78px !important;
    overflow: hidden !important;
}

html body .menu_top_rigth .user_online_block .user_online_top,
html body .menu_top_rigth .pb-online-avatars-strip .user_online_top {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: -7px !important;
    flex: 0 0 auto !important;
}

html body .menu_top_rigth .user_online_block .user_online_top:first-child,
html body .menu_top_rigth .pb-online-avatars-strip .user_online_top:first-child {
    margin-left: 0 !important;
}

html body .menu_top_rigth .user_online_block .users_chat_online,
html body .menu_top_rigth .pb-online-avatars-strip .users_chat_online {
    display: none !important;
}

/* В выпадающем окне онлайн наоборот: только строки пользователей, без отдельной ленты аватарок сверху. */
html body .menu_top_rigth .online_prcr .user_online_top,
html body .menu_top_rigth .pb-online-dropdown-list .user_online_top {
    display: none !important;
}

html body .menu_top_rigth .online_prcr .users_chat_online,
html body .menu_top_rigth .pb-online-dropdown-list .users_chat_online {
    display: block !important;
}

html body .menu_top_rigth .online_prcr .visit_users_online,
html body .menu_top_rigth .pb-online-dropdown-list .visit_users_online {
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 0 8px 0 !important;
    border-radius: 14px !important;
}

/* Чтобы плашка онлайн не прыгала и не перекрывалась аватарками. */
html body .menu_top_rigth > div,
html body .menu_top_rigth .online_prcr {
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    html body .pb-servers-widget.pb-servers-widget--compact,
    html body .block_servers.pb-servers-widget.pb-servers-widget--compact {
        transform: none !important;
        margin-top: 10px !important;
    }

    html body .menu_top_rigth .user_online_block,
    html body .menu_top_rigth .pb-online-avatars-strip {
        max-width: none !important;
        margin-right: 0 !important;
    }
}

/* PBGame CMS solution2 — online hover dropdown fixed, 2026-04-29 */
html body .menu_top_rigth,
html body .menu_top_rigth .flex_online_block,
html body .menu_top_rigth .online_pro {
    overflow: visible !important;
}

html body .menu_top_rigth .online_pro {
    position: relative !important;
    z-index: 60 !important;
}

/* Само окно онлайн: больше не узкая вертикальная плашка, а нормальная карточка под кнопкой. */
html body .menu_top_rigth .online_pro .online_prcr.arrtar,
html body .menu_top_rigth .online_pro .online_prcr {
    position: absolute !important;
    top: 48px !important;
    right: -8px !important;
    left: auto !important;
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 13px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(60,60,76,.98), rgba(41,41,54,.98)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
    z-index: 9999 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html body .menu_top_rigth .online_pro:hover .online_prcr.arrtar,
html body .menu_top_rigth .online_pro:hover .online_prcr,
html body .menu_top_rigth .online_pro:focus-within .online_prcr.arrtar,
html body .menu_top_rigth .online_pro:focus-within .online_prcr {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

html body .menu_top_rigth .online_prcr:before {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    right: 28px !important;
    width: 14px !important;
    height: 14px !important;
    background: rgba(60,60,76,.98) !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    transform: rotate(45deg) !important;
    border-radius: 3px !important;
}

/* Заголовок внутри окна. */
html body .menu_top_rigth .online_prcr .head_online_users {
    width: 100% !important;
    height: auto !important;
    min-height: 26px !important;
    margin: 0 0 11px 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
}

html body .menu_top_rigth .online_prcr .head_online_users span {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(235,241,255,.78) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

html body .menu_top_rigth .online_prcr .head_online_users .right_now_online {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(85,229,151,.14) !important;
    color: #7cf0ad !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
}

/* Внутренний список: нормальная ширина и аккуратный скролл внутри карточки. */
html body .menu_top_rigth .online_prcr .pb-online-dropdown-list {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 252px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 4px 0 0 !important;
    margin: 0 !important;
    display: grid !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.18) rgba(255,255,255,.04) !important;
}

html body .menu_top_rigth .online_prcr .pb-online-dropdown-list::-webkit-scrollbar {
    width: 4px !important;
    display: block !important;
}

html body .menu_top_rigth .online_prcr .pb-online-dropdown-list::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04) !important;
    border-radius: 999px !important;
}

html body .menu_top_rigth .online_prcr .pb-online-dropdown-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
}

/* В выпадающем онлайне оставляем только строки пользователей. */
html body .menu_top_rigth .online_prcr .user_online_top,
html body .menu_top_rigth .online_prcr .pb-online-dropdown-list .user_online_top {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

html body .menu_top_rigth .online_prcr .users_chat_online,
html body .menu_top_rigth .online_prcr .pb-online-dropdown-list .users_chat_online {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

html body .menu_top_rigth .online_prcr .visit_users_online,
html body .menu_top_rigth .online_prcr .users_chat_online .visit_users_online {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    box-sizing: border-box !important;
}

/* Верхняя компактная лента: только аватарки, без строк пользователя. */
html body .menu_top_rigth .pb-online-avatars-strip .users_chat_online,
html body .menu_top_rigth .user_online_block .users_chat_online {
    display: none !important;
}

html body .menu_top_rigth .pb-online-avatars-strip .user_online_top,
html body .menu_top_rigth .user_online_block .user_online_top {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Чтобы окно не улетало на узких экранах. */
@media (max-width: 575px) {
    html body .menu_top_rigth .online_pro .online_prcr.arrtar,
    html body .menu_top_rigth .online_pro .online_prcr {
        right: -56px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* PBGame CMS solution2 — profile comments/friends group color + verification, 2026-04-29 */
.pb-profile-comments-list {
    display: grid !important;
    gap: 12px !important;
}

.pb-profile-comment-item {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.05) !important;
}

.pb-profile-comment-avatar {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    display: block !important;
}

.pb-profile-comment-avatar img,
.pb-profile-comment-avatar .pb-avatar-wrap {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.pb-profile-comment-body {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.pb-profile-comment-head {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin-bottom: 6px !important;
}

.pb-profile-comment-author {
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

.pb-profile-comment-author:hover {
    opacity: .82 !important;
    text-decoration: none !important;
}

.pb-profile-comment-verify {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.pb-profile-comment-verify .verification-badge,
.pb-mini-friend-login .verification-badge,
.pb-friend-login .verification-badge {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin-left: 5px !important;
    transform: translateY(-1px) !important;
}

.pb-profile-comment-group {
    font-size: 11px !important;
    font-weight: 800 !important;
    opacity: .9 !important;
    margin-left: 2px !important;
}

.pb-profile-comment-meta {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.pb-profile-comment-meta .small {
    opacity: .7 !important;
}

.pb-profile-comment-text {
    opacity: .92 !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}

.pb-mini-friend-login,
.pb-friend-login {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    font-weight: 900 !important;
}

.pb-mini-friend-login .verification-badge,
.pb-friend-login .verification-badge {
    flex: 0 0 auto !important;
}

.small-friend.pb-mini-friend span.pb-mini-friend-login {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 575px) {
    .pb-profile-comment-meta {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* PBGame CMS solution2 — profile verification badge small + no group text, 2026-04-29 */
.pb-profile-comment-group {
    display: none !important;
}

.pb-profile-comment-verify,
.pb-mini-friend-login .verification-badge,
.pb-friend-login .verification-badge {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 4px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    transform: translateY(-1px) !important;
}

/* The verification template may be svg/img/span/i, so clamp every child too. */
.pb-profile-comment-verify *,
.pb-mini-friend-login .verification-badge *,
.pb-friend-login .verification-badge *,
.pb-profile-comment-verify img,
.pb-profile-comment-verify svg,
.pb-mini-friend-login .verification-badge img,
.pb-mini-friend-login .verification-badge svg,
.pb-friend-login .verification-badge img,
.pb-friend-login .verification-badge svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    display: inline-flex !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

/* If render_badge returns raw image/svg without .verification-badge class. */
.pb-profile-comment-verify > img,
.pb-profile-comment-verify > svg,
.pb-profile-comment-verify > span,
.pb-profile-comment-verify > i {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

/* Friend mini cards use compact 14px badge. */
.pb-mini-friend-login .verification-badge,
.pb-friend-login .verification-badge {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
}

.pb-mini-friend-login .verification-badge *,
.pb-friend-login .verification-badge * {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

/* Keep author/name row clean after group text removal. */
.pb-profile-comment-head {
    gap: 5px !important;
}

.pb-profile-comment-author {
    display: inline-flex !important;
    align-items: center !important;
}

/* PBGame CMS solution2 — friends mini verification display fix, 2026-04-29 */
.small-friend.pb-mini-friend {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    overflow: hidden !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-name-row {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-login-text {
    display: inline-block !important;
    max-width: calc(100% - 18px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    line-height: 14px !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-verification {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 14px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-verification:empty {
    display: none !important;
}

.small-friend.pb-mini-friend .pb-mini-friend-verification img,
.small-friend.pb-mini-friend .pb-mini-friend-verification svg,
.small-friend.pb-mini-friend .pb-mini-friend-verification i,
.small-friend.pb-mini-friend .pb-mini-friend-verification span,
.small-friend.pb-mini-friend .pb-mini-friend-verification .verification {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    display: inline-block !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 14px !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    transform: none !important;
}

/* На всякий случай глушим старый вариант, если он остался в кеше шаблона. */
.small-friend.pb-mini-friend .pb-mini-friend-login img.verification,
.small-friend.pb-mini-friend .pb-mini-friend-login .verification {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    margin-left: 4px !important;
    object-fit: contain !important;
}

/* PBGame CMS solution2 — admins/search/unban polish, 2026-04-29 */
.block_admins_select .table-row,
.block_admins_select .table-row .row,
.block_admins_select .with-description {
    overflow: hidden !important;
}

.block_admins_select .pb-admin-user-line,
.block_admins_select .pb-admin-user-line a {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
}

.block_admins_select .pb-admin-group-name {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    opacity: .82 !important;
}

.block_admins_select .with-description p,
.block_admins_select .with-description span,
.block_admins_select .with-description a {
    min-width: 0 !important;
}

/* Search result tables should not push layout on long nick/SteamID. */
#banlist .table-row p,
#muts .table-row p,
#stats .table-row p {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Unban creation result area */
#new_result small,
#result small {
    display: block !important;
    margin-top: 8px !important;
    line-height: 1.35 !important;
}

/* PBGame CMS solution2 — final admins/stat/banlist cleanup, 2026-04-29 */

/* Admins page: no visible group label; avatar/frame sits a little lower and remains inside row. */
.block_admins_select .pb-admin-group-name,
.block_admins_select .col-lg-4.with-icon.with-description > span:not(.verification-badge):not(.badge):not(.status) {
    display: none !important;
}

.block_admins_select .col-lg-4.with-icon.with-description {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.block_admins_select .col-lg-4.with-icon.with-description img,
.block_admins_select .col-lg-4.with-icon.with-description .admins_img,
.block_admins_select .col-lg-4.with-icon.with-description .pb-avatar-wrap {
    transform: translateY(5px) !important;
    margin-top: 0 !important;
    flex: 0 0 auto !important;
}

.block_admins_select .pb-admin-user-line {
    transform: translateY(5px) !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.block_admins_select .pb-admin-user-line a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Stats search result must be rendered as cards/rows, not as readable raw text. */
#stats .table-row,
#stats .table-row .row {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#stats .table-row .row {
    cursor: pointer !important;
}

#stats .table-row .with-description p {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Ban modal price: prevent code fragments from breaking the button layout if old cache remains. */
.btn_unban .price_btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* Hide legacy broken currency fragments if browser cached old ajax output. */
.btn_unban .price_btn:empty {
    display: none !important;
}

/* PBGame CMS solution2 — admins avatar/services/stat final2, 2026-04-29 */
.block_admins_select .col-lg-4.with-icon.with-description {
    overflow: visible !important;
}

.block_admins_select .pb-admin-user-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: translateY(10px) !important;
}

.block_admins_select .pb-admin-user-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    flex: 0 0 42px !important;
    position: relative !important;
}

.block_admins_select .pb-admin-user-avatar img,
.block_admins_select .pb-admin-user-avatar .admins_img,
.block_admins_select .pb-admin-user-avatar .pb-avatar-wrap,
.block_admins_select .pb-admin-user-avatar .avatar,
.block_admins_select .pb-admin-user-avatar picture {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    transform: none !important;
    margin: 0 !important;
}

.block_admins_select .pb-admin-user-line {
    margin: 0 !important;
    transform: none !important;
    max-width: 170px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.block_admins_select .pb-admin-user-line a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
}

.block_admins_select .pb-admin-group-name {
    display: none !important;
}

#stats {
    word-break: normal !important;
}

#stats .table-row {
    position: relative !important;
}

#stats .table-row > .row {
    overflow: hidden !important;
}

/* Hide any legacy raw onclick text that old cache may render before new templates are compiled. */
#stats {
    font-variant-ligatures: none !important;
}

#admin_info td {
    vertical-align: middle !important;
}

#admin_info td[colspan="10"] {
    text-align: center !important;
    opacity: .78 !important;
}

/* PBGame CMS solution2 — restore native profile comments view, 2026-04-29 */
#comments {
    margin-top: 1rem !important;
}

/* Родной пустой блок как в шаблоне: без синей шапки "Комментарии". */
#comments > .empty-element {
    min-height: 94px !important;
    margin-bottom: 18px !important;
    border-radius: 14px !important;
    background: #3a3a4759 !important;
    border: dashed 1px #4a4a5b !important;
    color: #727287 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Возвращаем комментарии к родной структуре .comment из шаблона. */
#comments .comment {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
    background: linear-gradient(0deg, #31313d 30%, #3a3a48 100%) !important;
    border-radius: 15px !important;
    padding: 20px 20px 5px 20px !important;
    border: none !important;
}

#comments .comment > a {
    display: block !important;
    width: 42px !important;
    float: left !important;
}

#comments .comment > a img,
#comments .comment > a .pb-avatar-wrap {
    width: 38px !important;
    height: 38px !important;
}

#comments .comment .message {
    width: calc(100% - 50px) !important;
    float: right !important;
    word-wrap: break-word !important;
    position: relative !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

#comments .comment .message .info {
    min-height: 18px !important;
    display: block !important;
}

#comments .comment .message .info .author {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
}

#comments .comment .message .info .author > a {
    font-weight: 900 !important;
    text-decoration: none !important;
}

#comments .comment .message .info .author > a:hover {
    opacity: .85 !important;
}

#comments .comment .onlineuser,
#comments .comment .onlineuser * {
    max-width: 16px !important;
    max-height: 16px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#comments .comment .date_short {
    margin-left: auto !important;
    font-size: 10px !important;
    font-family: 'Montserrat' !important;
    font-weight: 600 !important;
    color: #7a7a92 !important;
    white-space: nowrap !important;
}

#comments .comment .with_code {
    margin-top: 8px !important;
    color: #ffffff !important;
    background: transparent !important;
}

#comments .comment .native-comment-del,
#comments .comment .cs16-comment-del {
    border: 0 !important;
    background: transparent !important;
    color: #7a7a92 !important;
    padding: 0 !important;
    margin-left: 8px !important;
    cursor: pointer !important;
}

#comments .comment .native-comment-del:hover,
#comments .comment .cs16-comment-del:hover {
    color: #ff7c76 !important;
}

/* Старый экспериментальный вывод больше не должен влиять на профиль. */
#comments .pb-profile-comments-block,
#comments .pb-profile-comments-list,
#comments .pb-profile-comment-item {
    all: unset;
}

/* PBGame CMS — release logo placeholders/fallbacks */
.img_edit_news[src*="news_imgs/none.jpg"],
.img_add_forum[src*="forums_imgs/none.jpg"] {
    object-fit: cover !important;
    background: #111218 !important;
}

.pb-map-with-fallback {
    background-color: rgba(17,18,24,.92) !important;
    background-size: cover !important;
    background-position: center center !important;
}

.pb-map-with-fallback::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("../img/pbgame_engine_logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: min(42%, 150px);
    opacity: .10;
    z-index: 0;
}

.pb-server-card__map,
.map_back_server,
.map-image {
    position: relative !important;
    overflow: hidden !important;
}

/* PBGame CMS 2.3.2.7 rcon and date editor fixes */
.pb-server-actions-2327{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;}
.pb-server-rcon-cog{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;color:#8ee8ba!important;cursor:pointer!important;line-height:1!important;}
.pb-server-rcon-cog:hover{background:rgba(63,207,142,.18)!important;color:#fff!important;}
.pb-ban-end-editor{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%;}
.pb-ban-end-input{height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important;color:#fff!important;max-width:190px;}
.pb-ban-end-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer;}
.pb-ban-end-btn{height:28px;border:0;border-radius:8px;padding:0 9px;background:rgba(63,207,142,.16);color:#8ff0bd;font-size:11px;font-weight:700;cursor:pointer;}
.pb-ban-end-btn:hover{background:rgba(63,207,142,.26);}
.pb-ban-end-forever{background:rgba(255,193,7,.12);color:#ffd166;}
@media(max-width:575px){.pb-ban-end-editor{width:100%;}.pb-ban-end-input{max-width:100%;width:100%;}.pb-ban-end-btn{flex:1 1 auto;}}