@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 .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;
  }
}



/* 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;
  }
}
/* 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;
    }
}


/* Заголовок внутри окна. */
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.5 friends verification mobile fix */
.pb-friend-login{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;max-width:100%!important;line-height:1.15!important;overflow:hidden!important;}
.pb-friend-login .pb-friend-login-text{display:inline-block!important;min-width:0!important;max-width:calc(100% - 20px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.pb-friend-login .pb-friend-verification,.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;flex:0 0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important;overflow:hidden!important;transform:none!important;}
.pb-friend-login .pb-friend-verification:empty{display:none!important;}
.pb-friend-login .pb-friend-verification img,.pb-friend-login .pb-friend-verification svg,.pb-friend-login .pb-friend-verification i,.pb-friend-login .pb-friend-verification span,.pb-friend-login img.verification,.pb-friend-login .verification{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;object-fit:contain!important;margin:0!important;padding:0!important;position:static!important;transform:none!important;}
@media (max-width:575px){.user-full .pb-friend-login{max-width:100%!important;font-size:14px!important}.user-full .block_user,.user-full .flex_user_full{min-width:0!important}.user-full .flex_user{min-width:0!important;max-width:calc(100% - 56px)!important}}

/* PBGame CMS 2.3.2.6 monitoring and ban date fixes */
.pb-server-online-total{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:999px;background:rgba(63,207,142,.18);border:1px solid rgba(63,207,142,.25);color:#d8ffe9;font-size:11px;font-weight:800;line-height:18px;}
.online_line_top{gap:4px;}
.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;}}

/* 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;}}

/* Navigation sidebar avatar with frame support */
html body .pb-avatar-nav-wrap { --pb-frame-scale: 1.38; --pb-wrap-size: 38px; --pb-avatar-size: 38px; width: 38px !important; height: 38px !important; }
html body .pb-avatar-nav-wrap > img.img_navigation { width: 38px !important; height: 38px !important; border-radius: 50% !important; }
/* Profile card avatar */
html body .pb-avatar-card-wrap { --pb-frame-scale: 1.36; --pb-wrap-size: 65px; --pb-avatar-size: 65px; width: 65px !important; height: 65px !important; }
html body .pb-avatar-card-wrap > img.img_personal_card { width: 65px !important; height: 65px !important; border-radius: 50% !important; }

/* PBGame CMS solution2 profile refresh */
html body .profile_block {
  align-items: flex-start;
  gap: 16px !important;
}

html body .left_block {
  min-width: 0;
}

html body .profile_top {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 20px !important;
  overflow: visible;
}

html body .left_profile {
  min-height: 265px;
  padding: 26px 28px !important;
  border-radius: 18px !important;
  align-items: flex-end;
  background-color: #111 !important;
  box-shadow: inset 0 -110px 120px rgba(0,0,0,.82), 0 14px 38px rgba(0,0,0,.32);
  border: 1px solid rgba(255,255,255,.05);
}

html body .profile-bg-overlay {
 borber-radius: 20px;
}

html body .profile_top .prof_l {
  align-items: flex-end !important;
  gap: 18px !important;
  margin-left: 0 !important;
  min-width: 0;
}

html body .profile_top .flex_user_info {
  gap: 7px;
  line-height: 1.15;
  min-width: 0;
}

html body .profile_top .username {
  color: #fff;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: 0;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 2px 12px rgba(0,0,0,.65);
}

html body .profile_top .group_name {
  width: fit-content;
  max-width: 100%;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.42);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .profile_top .block-profile-stats {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-bottom: 2px;
}

html body .profile_top .block-stats {
  height: 28px;
  border-radius: 999px;
  border-color: rgba(255,255,255,.12);
  background: rgba(16,17,22,.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 6px 18px rgba(0,0,0,.24);
}

html body .profile_top .prof_r {
  gap: 14px;
  align-items: flex-end;
  min-width: 180px;
}

html body .profile_top .prof_r_top {
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

html body .profile_top .copy_link {
  height: 34px;
  padding: 5px 10px;
  border-style: solid;
  border-color: rgba(255,255,255,.1);
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html body .profile_top .info_user_profile {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid rgba(77,223,153,.28);
  border-radius: 10px;
  background: rgba(77,223,153,.12);
  color: #9af0c5;
  border-bottom: 1px solid rgba(77,223,153,.28);
  cursor: pointer;
}

html body .flex_contacts_btn {
  align-items: center;
  gap: 10px;
  margin-top: 10px !important;
  padding: 10px 0 0 !important;
  border: 0 !important;
}

html body .contacts_profile.profile_contacts_unified,
html body .container-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

html body .container-buttons {
  justify-content: flex-end;
  margin-left: auto;
}

html body .profile-button,
html body .profile-settingss,
html body .profile-button-mess {
  min-height: 34px;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-left: 0 !important;
  padding: 0 13px !important;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,.08);
  background: #1d1d24;
  color: #d8dae8 !important;
}

html body .profile-button-mess {
  width: 38px;
  padding: 0 !important;
}

html body .profile-settingss {
  background: rgba(77,223,153,.14);
  border-color: rgba(77,223,153,.3);
  color: #9af0c5 !important;
}

.pb-profile-tabs {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 12px;
  padding: 0 10px;
  min-height: 48px;
  border-radius: 14px;
    background: #2d2d37;
    border: solid 1px #393946;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #3a3a44 transparent;
}

.pb-profile-tab {
  position: relative;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  color: #8c8d99 !important;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  transition: color .16s, background .16s;
}

.pb-profile-tab i {
  font-size: 17px;
}

.pb-profile-tab:hover,
.pb-profile-tab.active {
  color: #fff !important;
}

.pb-profile-tab.active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: #fff;
}

.pb-profile-info-panel {
  margin-top: 10px;
  padding: 12px;
  border-radius: 16px;
  background: #161619;
  border: 1px solid rgba(255,255,255,.06);
}

.pb-profile-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.pb-profile-info-item {
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-items: center;
  padding: 9px 12px;
  border-radius: 10px;
  background: #202025;
  border: 1px solid rgba(255,255,255,.05);
}

.pb-profile-info-item i {
  grid-row: 1 / 3;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(82,82,98,.52);
  color: #a9abb8;
  font-size: 14px;
}

.pb-profile-info-item span {
  color: #868895;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
}

.pb-profile-info-item strong {
  min-width: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pb-profile-anchor {
  display: block;
  height: 0;
  overflow: hidden;
}

html body .right_profile {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

html body .profile_r_block {
  /* border-radius: 16px; */
  /* background: #161619; */
  /* border: 1px solid rgba(255,255,255,.06); */
  /* box-shadow: 0 10px 30px rgba(0,0,0,.18); */
}

@media (max-width: 991px) {
  html body .profile_block {
    flex-direction: column;
  }

  html body .left_block,
  html body .right_profile {
    width: 100% !important;
  }

  html body .left_profile {
    min-height: 240px;
  }
}

@media (max-width: 768px) {
  html body .left_profile {
    padding: 20px !important;
    align-items: flex-start;
  }

  html body .profile_top .prof_l {
    align-items: flex-start !important;
    flex-direction: column;
  }

  html body .profile_top .prof_r {
    width: 100%;
    min-width: 0;
    align-items: flex-start;
  }

  html body .profile_top .prof_r_top {
    justify-content: flex-start;
  }

  html body .profile_top .username {
    max-width: 100%;
    font-size: 20px;
  }

  html body .flex_contacts_btn {
    flex-direction: column;
    align-items: stretch;
  }

  html body .container-buttons {
    margin-left: 0;
    justify-content: flex-start;
  }

  html body .profile-button,
  html body .profile-settingss {
    flex: 1 1 auto;
  }
}

@media (max-width: 575px) {
  html body .left_profile {
    min-height: 0;
    padding: 18px !important;
  }

  html body .profile_top .pb-avatar-profile-main-wrap {
    --pb-wrap-size: 110px;
    --pb-avatar-size: 64px;
  }

  .pb-profile-tabs {
    padding: 0 6px;
  }

  .pb-profile-tab {
    min-height: 44px;
    padding: 0 10px;
    font-size: 12px;
  }

  .pb-profile-info-grid {
    grid-template-columns: 1fr;
  }

  .pb-profile-info-item {
    min-height: 42px;
  }
}

/* Profile layout closer to the provided reference structure */
html body .profile_block {
  display: grid !important;
  grid-template-columns: minmax(210px, 24%) minmax(0, 1fr);
  align-items: start;
  gap: 18px !important;
}

html body .left_block {
  grid-column: 1 / -1;
  width: 100% !important;
  min-width: 0;
}

html body .profile_top {
  position: relative;
  min-height: 690px;
}

html body .left_profile {
  position: relative !important;
  min-height: 323px !important;
  padding: 19px 17px !important;
  overflow: hidden !important;
}

html body .profile__banner-order-btn {
  position: absolute !important;
  top: 12px;
  right: 12px;
  z-index: 5 !important;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
  border-radius: 9px;
  background: rgba(18, 155, 89, .18);
  border: 1px solid rgba(77, 223, 153, .38);
  color: #6df0aa !important;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html body .profile__banner-order-btn:hover {
  background: rgba(77, 223, 153, .28);
  color: #fff !important;
}

html body .profile_top .prof_l {
  position: absolute !important;
  top: 205px;
  left: 0;
  width: 210px;
  min-height: 360px;
  padding: 0 12px 16px;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  gap: 10px !important;
  text-align: center;
  z-index: 6 !important;
}

html body .profile_top .prof_l::before {
  content: "";
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
  /* background: #1d1d1f; */
  /* border: 1px solid rgba(255,255,255,.06); */
  /* box-shadow: 0 14px 36px rgba(0,0,0,.28); */
}

html body .profile_top .pb-avatar-profile-main-wrap {
  --pb-wrap-size: 150px;
  --pb-avatar-size: 96px;
}

html body .profile_top .flex_user_info {
  align-items: center;
  width: 100%;
  padding: 0 8px;
}

html body .profile_top .block-profile-stats {
  order: 3;
  justify-content: center;
  margin-top: 8px;
}

html body .profile_top .username {
  order: 1;
  max-width: 170px;
  font-size: 18px;
  white-space: normal;
  text-align: center;
}

html body .profile_top .group_name {
  order: 2;
  justify-content: center;
  max-width: 170px;
  margin: 0 auto;
}

html body .profile_top .prof_r {
  position: absolute !important;
  right: 12px;
  bottom: 12px;
  z-index: 6 !important;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

html body .profile_top .info_user_profile {
  white-space: nowrap;
}

html body .flex_contacts_btn {
  position: absolute;
  top: 224px;
  left: 230px;
  right: 0;
  z-index: 7;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center;
  justify-content: flex-end;
}

html body .contacts_profile.profile_contacts_unified {
  position: absolute;
  top: 74px;
  left: -230px;
  width: 210px;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 8px;
}

html body .contacts_profile.profile_contacts_unified a,
html body .contacts_profile.profile_contacts_unified > span {
  min-height: 42px;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 9px;
  background: #222225;
  border: 1px solid rgba(255,255,255,.06);
}

html body .contacts_profile.profile_contacts_unified a::after,
html body .contacts_profile.profile_contacts_unified > span::after {
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
}

html body .contacts_profile.profile_contacts_unified a[title="Telegram"]::after { content: "Telegram"; }
html body .contacts_profile.profile_contacts_unified a[title="Steam"]::after { content: "Steam"; }
html body .contacts_profile.profile_contacts_unified .google_contact::after { content: "Google"; }
html body .contacts_profile.profile_contacts_unified .discord_contact_profile::after { content: "Discord"; }

html body .contacts_profile.profile_contacts_unified span[class*="_contact"],
html body .contacts_profile.profile_contacts_unified .tg_contact,
html body .contacts_profile.profile_contacts_unified .steam_contact {
  width: 26px;
  height: 26px;
  min-width: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

html body .container-buttons {
  max-width: 100%;
  justify-content: flex-end;
}

html body .profile-button,
html body .profile-settingss,
html body .profile-button-mess {
  min-height: 31px;
  height: 31px;
  border-radius: 7px !important;
  background: rgba(24,24,27,.92);
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 8px 20px rgba(0,0,0,.22);
}

html body .pb-profile-tabs,
html body .pb-profile-info-panel,
html body #comments,
html body #accordionExample,
html body .profile_progress {
  /* margin-left: 230px !important; */
}

html body .pb-profile-tabs {
  /* margin-top: 12px; */
}

html body .pb-profile-info-panel,
html body .profile_progress {
    background: #2d2d37;

    border: solid 1px #393946;
}

html body .pb-profile-info-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body .pb-profile-info-item {
  background: #27272c5c;
}

html body .right_profile {
  grid-column: 2;
  width: 100% !important;
  margin-left: 230px;
  margin-top: -390px;
  max-width: calc(100% - 230px);
}

html body .right_profile .profile_r_block:first-of-type {
  display: none;
}

html body .right_profile .profile_r_block {
  border-radius: 14px;
}

@media (max-width: 991px) {
  html body .profile_block {
    display: flex !important;
    flex-direction: column;
  }

  html body .profile_top {
    min-height: 0;
  }

  html body .profile_top .prof_l,
  html body .profile_top .prof_r,
  html body .flex_contacts_btn,
  html body .contacts_profile.profile_contacts_unified {
    position: relative !important;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
  }

  html body .profile_top .prof_l {
    min-height: 0;
    margin-top: -58px;
  }

  html body .profile_top .prof_l::before {
    top: 58px;
  }

  html body .flex_contacts_btn {
    margin-top: 12px !important;
    flex-direction: column;
    align-items: stretch;
  }

  html body .contacts_profile.profile_contacts_unified {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body .container-buttons {
    justify-content: flex-start;
    margin-left: 0;
  }

  html body .pb-profile-tabs,
  html body .pb-profile-info-panel,
  html body #comments,
  html body #accordionExample,
  html body .profile_progress,
  html body .right_profile {
    margin-left: 0 !important;
    max-width: 100%;
  }

  html body .right_profile {
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  html body .profile__banner-order-btn {
    top: 10px;
    right: 10px;
    max-width: calc(100% - 20px);
  }

  html body .contacts_profile.profile_contacts_unified {
    grid-template-columns: 1fr;
  }

  html body .container-buttons {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  html body .profile-button,
  html body .profile-settingss,
  html body .profile-button-mess {
    width: 100%;
  }
}

/* Profile tab unloading */
html body .pb-profile-tab-content {
  /* margin-left: 230px; */
  margin-top: 10px;
  min-width: 0;
}

html body .pb-profile-pane {
  display: none;
  min-width: 0;
}

html body .pb-profile-pane.active {
  display: block;
}

html body .pb-profile-pane > .profile_r_block,
html body .pb-profile-pane > #pb-profile-gifts-source > .profile_r_block,
html body .pb-profile-pane > #pb-profile-extra-source > .profile_r_block {
  margin-bottom: 12px;
}

html body .right_profile {
  display: none !important;
}

html body .right_profile .profile_r_block:first-of-type {
  display: block;
}

html body .pb-profile-tabs + .pb-profile-tab-content .pb-profile-info-panel,
html body .pb-profile-tab-content #comments,
html body .pb-profile-tab-content #accordionExample,
html body .pb-profile-tab-content .profile_progress {
  margin-left: 0 !important;
}

html body .pb-profile-tab-content .profile_progress {
  margin-top: 12px;
}

html body #pb-profile-tab-friends #friends {
  /* display: grid; */
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  /* gap: 8px; */
}

html body #pb-profile-tab-gifts #pb-profile-gifts-source {
  display: block;
}

html body #pb-profile-tab-other #pb-profile-extra-source {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

@media (max-width: 991px) {
  html body .pb-profile-tab-content {
    margin-left: 0;
  }
}

/* Profile mobile adaptation final override */
@media (max-width: 1200px) {
  html body .profile_block,
  html body .profile_top,
  html body .left_block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .pb-profile-tabs,
  html body .pb-profile-tab-content,
  html body .pb-profile-info-panel,
  html body #comments,
  html body #accordionExample,
  html body .profile_progress {
    margin-left: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 991px) {
  html body .profile_block {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html body .profile_top {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html body .left_profile {
    display: block !important;
    min-height: 230px !important;
    height: auto !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  html body .profile_top .prof_l {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: min(100%, 280px) !important;
    min-height: 0 !important;
    margin: 128px auto 0 !important;
    padding: 0 12px 14px !important;
    z-index: 6 !important;
  }

  html body .profile_top .prof_l::before {
    top: 54px !important;
    border-radius: 14px !important;
  }

  html body .profile_top .pb-avatar-profile-main-wrap {
    --pb-wrap-size: 132px !important;
    --pb-avatar-size: 82px !important;
  }

  html body .profile_top .username {
    max-width: 220px !important;
    font-size: 18px !important;
  }

  html body .profile_top .group_name {
    max-width: 220px !important;
  }

  html body .profile_top .prof_r {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  html body .profile_top .prof_r_top {
    justify-content: center !important;
  }

  html body .flex_contacts_btn {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
  }

  html body .contacts_profile.profile_contacts_unified {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body .container-buttons {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  html body .pb-profile-tabs {
    width: 100% !important;
    margin-top: 0 !important;
    padding: 0 8px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }

  html body .pb-profile-tab {
    flex: 0 0 auto !important;
  }

  html body .pb-profile-tab-content {
    width: 100% !important;
    margin: 0 !important;
  }

  html body .pb-profile-info-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 575px) {
  html body .heading_block {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  html body .left_profile {
    min-height: 205px !important;
    padding: 12px !important;
  }

  html body .profile__banner-order-btn {
    top: 10px !important;
    right: 10px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  html body .profile_top .prof_l {
    width: 100% !important;
    margin-top: 112px !important;
  }

  html body .profile_top .pb-avatar-profile-main-wrap {
    --pb-wrap-size: 116px !important;
    --pb-avatar-size: 72px !important;
  }

  html body .profile_top .block-profile-stats {
    gap: 5px !important;
  }

  html body .profile_top .block-stats {
    height: 26px !important;
    font-size: 10px !important;
  }

  html body .profile_top .prof_r,
  html body .profile_top .prof_r_top {
    width: 100% !important;
    justify-content: center !important;
  }

  html body .profile_top .copy_link,
  html body .profile_top .info_user_profile,
  html body .profile_top .prof_r a,
  html body .profile_top .prof_r button {
    min-height: 34px !important;
  }

  html body .contacts_profile.profile_contacts_unified {
    grid-template-columns: 1fr !important;
  }

  html body .container-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body .profile-button,
  html body .profile-settingss,
  html body .profile-button-mess {
    width: 100% !important;
    min-height: 38px !important;
    height: auto !important;
  }

  html body .pb-profile-tabs {
    min-height: 46px !important;
    border-radius: 12px !important;
  }

  html body .pb-profile-tab {
    min-height: 46px !important;
    padding: 0 11px !important;
    font-size: 12px !important;
  }

  html body .pb-profile-tab i {
    font-size: 16px !important;
  }

  html body .pb-profile-info-panel {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  html body .pb-profile-info-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  html body .pb-profile-info-item {
    padding: 9px 10px !important;
  }

  html body .profile_r_block,
  html body .profile_progress {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  html body #pb-profile-tab-friends #friends {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #accordionExample .card-body {
    padding: 14px !important;
  }
}

@media (max-width: 380px) {
  html body #pb-profile-tab-friends #friends {
    grid-template-columns: 1fr !important;
  }
}

/* Profile visibility rescue after tab layout */
html body .profile_top,
html body .left_profile {
  overflow: visible !important;
}

html body .profile_top .prof_l {
  z-index: 30 !important;
}

html body .profile_top .pb-avatar-profile-main-wrap,
html body .profile_top .pb-avatar-profile-main-wrap > img.avatar_profile {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (min-width: 992px) {
  html body .profile_top {
    min-height: 590px !important;
  }

  html body .profile_top .prof_l {
    top: 180px !important;
    left: 24px !important;
    width: 236px !important;
    min-height: 0 !important;
    padding: 18px !important;
    gap: 10px !important;
    z-index: 30 !important;
    /* background: linear-gradient(180deg, rgba(34,34,42,.97), rgba(24,24,30,.98)) !important; */
    /* border: 1px solid rgba(255,255,255,.08) !important; */
    /* border-radius: 18px !important; */
    /* box-shadow: 0 18px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important; */
  }

  html body .profile_top .prof_l::before {
    content: none !important;
    display: none !important;
  }

  html body .profile_top .pb-avatar-profile-main-wrap {
    --pb-wrap-size: 118px !important;
    --pb-avatar-size: 78px !important;
    margin: 0 auto 4px !important;
  }

  html body .profile_top .username {
    max-width: 196px !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
  }

  html body .profile_top .group_name {
    min-height: 26px !important;
    max-width: 196px !important;
    padding: 5px 12px !important;
    background: rgba(10,10,12,.42) !important;
    color: #9de8bb !important;
    border-color: rgba(77,223,153,.18) !important;
  }

  html body .profile_top .block-profile-stats {
    margin-top: 8px !important;
    gap: 8px !important;
  }

  html body .profile_top .block-stats {
    height: 32px !important;
    min-width: 50px !important;
    background: rgba(12,12,16,.78) !important;
    border-color: rgba(255,255,255,.08) !important;
  }

  html body .flex_contacts_btn {
    top: 440px !important;
    left: 24px !important;
    right: auto !important;
    width: 236px !important;
    z-index: 28 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  html body .contacts_profile.profile_contacts_unified {
    position: static !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html body .contacts_profile.profile_contacts_unified a,
  html body .contacts_profile.profile_contacts_unified > span {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    justify-items: start !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 14px !important;
    background: rgba(31,31,38,.94) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    overflow: hidden !important;
  }

  html body .contacts_profile.profile_contacts_unified span[class*="_contact"],
  html body .contacts_profile.profile_contacts_unified .tg_contact,
  html body .contacts_profile.profile_contacts_unified .steam_contact,
  html body .contacts_profile.profile_contacts_unified .google_contact,
  html body .contacts_profile.profile_contacts_unified .discord_contact_profile {
    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;
    position: static !important;
  }

  html body .contacts_profile.profile_contacts_unified a::after,
  html body .contacts_profile.profile_contacts_unified > span::after {
    max-width: 100% !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body .container-buttons {
    width: 100% !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body .profile-button,
  html body .profile-settingss,
  html body .profile-button-mess {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  html body .pb-profile-tabs,
  html body .pb-profile-tab-content {
    /* margin-left: 292px !important; */
  }

  html body .pb-profile-tab-content .pb-profile-info-panel,
  html body .pb-profile-tab-content #comments,
  html body .pb-profile-tab-content #accordionExample,
  html body .pb-profile-tab-content .profile_progress {
    margin-left: 0 !important;
  }
}

/* Profile actions final override */
@media (min-width: 992px) {
  html body .profile_top {
    min-height: 690px !important;
  }

  html body .profile_top .block-profile-stats,
  html body .profile_top .info_user_profile {
    display: none !important;
  }

  html body .profile_top .prof_l {
    padding: 22px 18px 24px !important;
    gap: 12px !important;
  }

  html body .profile_top .prof_r {
    position: absolute !important;
    top: 78px !important;
    right: 32px !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    z-index: 32 !important;
  }

  html body .profile_top .prof_r_top,
  html body .profile_top .profile-actions-top {
    width: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  html body .profile_top .profile-actions-top .profile-button,
  html body .profile_top .profile-actions-top .profile-settingss,
  html body .profile_top .profile-actions-top .profile-button-mess {
    width: auto !important;
    min-width: 38px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
  }

  html body .profile_top .profile-actions-top .profile-button-mess {
    width: 38px !important;
    padding: 0 !important;
  }

  html body .flex_contacts_btn {
    top: 390px !important;
    left: 32px !important;
    width: 250px !important;
    gap: 0 !important;
  }

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

  html body .contacts_profile.profile_contacts_unified > a,
  html body .contacts_profile.profile_contacts_unified > span {
    min-height: 52px !important;
  }
}

/* Profile info socials final override */
html body .pb-profile-info-panel .profile_contacts_info {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .pb-profile-info-panel .profile_contacts_info > a,
html body .pb-profile-info-panel .profile_contacts_info > span {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  height: auto !important;
  padding: 8px 12px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 10px !important;
  border-radius: 12px !important;
  background: #202025 !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  overflow: hidden !important;
}

html body .pb-profile-info-panel .profile_contacts_info > a::after,
html body .pb-profile-info-panel .profile_contacts_info > span::after {
  grid-column: 2 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

html body .pb-profile-info-panel .profile_contacts_info a[title="Telegram"] {
  background: rgba(34, 158, 217, .12) !important;
  border-color: rgba(34, 158, 217, .28) !important;
}

html body .pb-profile-info-panel .profile_contacts_info a[title="Telegram"] .tg_contact {
  background: linear-gradient(135deg, #35a9ee, #1686d9) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(34, 158, 217, .22) !important;
}

html body .pb-profile-info-panel .profile_contacts_info a[title="Steam"] {
  background: rgba(102, 122, 150, .12) !important;
  border-color: rgba(102, 122, 150, .28) !important;
}

html body .pb-profile-info-panel .profile_contacts_info a[title="Steam"] .steam_contact {
  background: linear-gradient(135deg, #667a96, #2f3c55) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(47, 60, 85, .24) !important;
}

@media (max-width: 1200px) {
  html body .pb-profile-info-panel .profile_contacts_info {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  html body .pb-profile-info-panel .profile_contacts_info {
    grid-template-columns: 1fr !important;
  }
}

/* Profile info socials and left teams placement */
html body .pb-profile-info-panel .profile_contacts_info {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .pb-profile-info-panel .profile_contacts_info > a,
html body .pb-profile-info-panel .profile_contacts_info > span {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  height: auto !important;
  padding: 8px 12px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 10px !important;
  border-radius: 12px !important;
  background: #202025 !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  overflow: hidden !important;
}

html body .pb-profile-info-panel .profile_contacts_info > a::after,
html body .pb-profile-info-panel .profile_contacts_info > span::after {
  grid-column: 2 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

html body .pb-profile-info-panel .profile_contacts_info > a > span[class*="_contact"],
html body .pb-profile-info-panel .profile_contacts_info > a > .tg_contact,
html body .pb-profile-info-panel .profile_contacts_info > a > .steam_contact,
html body .pb-profile-info-panel .profile_contacts_info > span.google_contact i,
html body .pb-profile-info-panel .profile_contacts_info > span.discord_contact_profile i {
  grid-column: 1 !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  position: static !important;
}

html body .profile_teams_side {
  /* width: 100% !important; */
  /* min-width: 0 !important; */
}

html body .profile_teams_side .profile_r_block {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 16px !important;
}

@media (max-width: 1200px) {
  html body .pb-profile-info-panel .profile_contacts_info {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  html body .pb-profile-info-panel .profile_contacts_info {
    grid-template-columns: 1fr !important;
  }
}

/* Profile actions/sidebar cleanup after moving buttons to the banner */
@media (min-width: 992px) {
  html body .profile_top {
    min-height: 690px !important;
  }

  html body .profile_top .block-profile-stats,
  html body .profile_top .info_user_profile {
    display: none !important;
  }

  html body .profile_top .prof_l {
    top: 176px !important;
    left: 32px !important;
    width: 250px !important;
    padding: 22px 18px 24px !important;
    gap: 12px !important;
  }

  html body .profile_top .flex_user_info {
    gap: 9px !important;
  }

  html body .profile_top .prof_r {
    position: absolute !important;
    top: 78px !important;
    right: 32px !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    z-index: 32 !important;
  }

  html body .profile_top .prof_r_top {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  html body .profile_top .profile-actions-top {
    width: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  html body .profile_top .profile-actions-top .profile-button,
  html body .profile_top .profile-actions-top .profile-settingss,
  html body .profile_top .profile-actions-top .profile-button-mess {
    width: auto !important;
    min-width: 38px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
  }

  html body .profile_top .profile-actions-top .profile-button-mess {
    width: 38px !important;
    padding: 0 !important;
  }

  html body .flex_contacts_btn {
    top: 390px !important;
    left: 32px !important;
    width: 250px !important;
    gap: 0 !important;
  }

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

  html body .contacts_profile.profile_contacts_unified > a,
  html body .contacts_profile.profile_contacts_unified > span {
    min-height: 52px !important;
  }

  html body .pb-profile-tabs,
  html body .pb-profile-tab-content {
    /* margin-left: 320px !important; */
  }
}

@media (max-width: 991px) {
  html body .profile_top .block-profile-stats,
  html body .profile_top .info_user_profile {
    display: none !important;
  }

  html body .profile_top .profile-actions-top {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }
}

/* Profile sidebar rebuild: clean stacked layout */
@media (min-width: 992px) {
  html body .profile_top {
    min-height: 780px !important;
  }

  html body .profile_top .prof_l {
    top: 94px !important;
    left: 32px !important;
    width: 250px !important;
    padding: 20px 18px 22px !important;
    gap: 11px !important;
    /* background: linear-gradient(180deg, rgba(32,32,40,.98), rgba(22,22,28,.99)) !important; */
    /* border: 1px solid rgba(255,255,255,.09) !important; */
    /* border-radius: 18px !important; */
    /* box-shadow: 0 18px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important; */
  }

  html body .profile_top .prof_l::before {
    content: none !important;
    display: none !important;
  }

  html body .profile_top .pb-avatar-profile-main-wrap {
    --pb-wrap-size: 112px !important;
    --pb-avatar-size: 74px !important;
    margin: 0 auto 6px !important;
  }

  html body .profile_top .username {
    max-width: 210px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
  }

  html body .profile_top .group_name {
    min-height: 26px !important;
    max-width: 210px !important;
    padding: 5px 13px !important;
    border-radius: 999px !important;
    background: rgba(5,8,7,.72) !important;
    border: 1px solid rgba(77,223,153,.18) !important;
  }

  html body .profile_top .block-profile-stats {
    margin-top: 10px !important;
    gap: 9px !important;
  }

  html body .profile_top .block-stats {
    height: 32px !important;
    min-width: 52px !important;
    background: rgba(10,10,14,.78) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
  }

  html body .flex_contacts_btn {
    top: 334px !important;
    left: 0px !important;
    right: auto !important;
    width: 312px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  html body .contacts_profile.profile_contacts_unified {
    position: static !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  html body .contacts_profile.profile_contacts_unified > a,
  html body .contacts_profile.profile_contacts_unified > span {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    height: auto !important;
    padding: 8px 12px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: start !important;
    gap: 12px !important;
    border-radius: 14px !important;
    background: rgba(32,32,40,.96) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  html body .contacts_profile.profile_contacts_unified > a > span[class*="_contact"],
  html body .contacts_profile.profile_contacts_unified > a > .tg_contact,
  html body .contacts_profile.profile_contacts_unified > a > .steam_contact {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    position: static !important;
    grid-column: 1 !important;
  }

  html body .contacts_profile.profile_contacts_unified > a::after,
  html body .contacts_profile.profile_contacts_unified > span::after {
    grid-column: 2 !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  html body .contacts_profile.profile_contacts_unified > span.google_contact i,
  html body .contacts_profile.profile_contacts_unified > span.discord_contact_profile i {
    grid-column: 1 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.07) !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body .contacts_profile.profile_contacts_unified > span.google_contact,
  html body .contacts_profile.profile_contacts_unified > span.discord_contact_profile {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    max-height: none !important;
    padding: 8px 12px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: start !important;
    gap: 12px !important;
    border-radius: 14px !important;
    background: rgba(32,32,40,.96) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #fff !important;
    overflow: hidden !important;
    position: static !important;
    grid-column: auto !important;
  }

  html body .container-buttons {
    width: 100% !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  html body .profile-button,
  html body .profile-settingss,
  html body .profile-button-mess {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  html body .pb-profile-tabs,
  html body .pb-profile-tab-content {
    /* margin-left: 320px !important; */
  }

  html body .pb-profile-tab-content .pb-profile-info-panel,
  html body .pb-profile-tab-content #comments,
  html body .pb-profile-tab-content #accordionExample,
  html body .pb-profile-tab-content .profile_progress {
    margin-left: 0 !important;
  }
}

/* Profile actions final override - must stay last */
@media (min-width: 992px) {
  html body .profile_top {
    min-height: 690px !important;
  }

  html body .profile_top .block-profile-stats,
  html body .profile_top .info_user_profile {
    display: none !important;
  }

  html body .profile_top .prof_l {
    padding: 22px 18px 24px !important;
    gap: 12px !important;
  }

  html body .profile_top .prof_r {
    position: absolute !important;
    top: 78px !important;
    right: 32px !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    z-index: 32 !important;
  }

  html body .profile_top .prof_r_top,
  html body .profile_top .profile-actions-top {
    width: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  html body .profile_top .profile-actions-top .profile-button,
  html body .profile_top .profile-actions-top .profile-settingss,
  html body .profile_top .profile-actions-top .profile-button-mess {
    width: auto !important;
    min-width: 38px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
  }

  html body .profile_top .profile-actions-top .profile-button-mess {
    width: 38px !important;
    padding: 0 !important;
  }

  html body .flex_contacts_btn {
    /* top: 390px !important; */
    /* left: 32px !important; */
    /* width: 250px !important; */
    /* gap: 0 !important; */
  }

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

  html body .contacts_profile.profile_contacts_unified > a,
  html body .contacts_profile.profile_contacts_unified > span {
    min-height: 52px !important;
  }
}

/* Profile info socials final override - must stay last */
html body .pb-profile-info-panel .profile_contacts_info {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .pb-profile-info-panel .profile_contacts_info > a,
html body .pb-profile-info-panel .profile_contacts_info > span {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  height: auto !important;
  padding: 8px 12px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 10px !important;
  border-radius: 12px !important;
  background: #202025 !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  overflow: hidden !important;
}

html body .pb-profile-info-panel .profile_contacts_info > a::after,
html body .pb-profile-info-panel .profile_contacts_info > span::after {
  grid-column: 2 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

@media (max-width: 1200px) {
  html body .pb-profile-info-panel .profile_contacts_info {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  html body .pb-profile-info-panel .profile_contacts_info {
    grid-template-columns: 1fr !important;
  }
}

/* Profile social brand colors - must stay last */
html body .pb-profile-info-panel .profile_contacts_info a[title="Telegram"] {
  background: rgba(34, 158, 217, .12) !important;
  border-color: rgba(34, 158, 217, .28) !important;
}

html body .pb-profile-info-panel .profile_contacts_info a[title="Telegram"] .tg_contact {
  background: linear-gradient(135deg, #35a9ee, #1686d9) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(34, 158, 217, .22) !important;
}

html body .pb-profile-info-panel .profile_contacts_info a[title="Steam"] {
  background: rgba(102, 122, 150, .12) !important;
  border-color: rgba(102, 122, 150, .28) !important;
}

html body .pb-profile-info-panel .profile_contacts_info a[title="Steam"] .steam_contact {
  background: linear-gradient(135deg, #667a96, #2f3c55) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(47, 60, 85, .24) !important;
}