html body .left_menu > .pn-top-socials {
  position: static !important; display: flex !important; flex: 0 0 auto;
  justify-content: center; align-items: center; gap: 14px;
  width: 100%; height: auto !important; min-height: 58px; box-sizing: border-box;
  margin: auto 0 0 !important; padding: 18px 8px 4px;
  transform: none !important;
}
html body .left_menu > .dop-btns + .pn-top-socials { margin-top: 0 !important; }
html body .left_menu > .pn-top-socials a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border: 1px solid #a0bedc1c; border-radius: 10px;
  background: #ffffff05; color: #a9b6c6;
}
html body .left_menu > .pn-top-socials svg { width: 18px; height: 18px; }
html body .left_menu > .pn-top-socials a:hover { color: #82add3; border-color: #82add366; }
.egcs-header-online > svg, .egcs-header-online-label { display: none; }
@media (min-width: 901px) {
  :root { --egcs-header-gutter: calc(max(0px, (100vw - var(--pn-quick-rail-width) - var(--pn-main-stable-width)) / 2) + 24px); }
  html body .pn-site-topbar {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    backdrop-filter: none !important; pointer-events: none;
  }
  html body .pn-site-topbar::before, html body .pn-site-topbar::after { content: none !important; }
  html body .pn-site-topbar .logo-container {
    position: fixed !important; top: 0 !important; left: 0 !important;
    width: var(--pn-quick-rail-width) !important; max-width: none !important;
    height: var(--pn-layout-topbar, 70px) !important;
    margin: 0 !important; padding: 0 18px !important; box-sizing: border-box;
    background: #1a212c !important; border: 0 !important; box-shadow: none !important;
    display: flex !important; align-items: center !important; justify-content: flex-start !important;
    transform: none !important; pointer-events: auto;
  }
  html body .pn-site-topbar .logo-container2 { width: 170px !important; flex: 0 0 170px !important; }
  html body .egcs-header-online {
    position: fixed; top: 0; left: calc(var(--pn-quick-rail-width) + var(--egcs-header-gutter));
    height: var(--pn-layout-topbar, 70px); display: flex; align-items: center; gap: 12px;
    pointer-events: auto;
  }
  html body .egcs-header-online > svg { display: block; width: 32px; height: 32px; color: #82add3; }
  html body .egcs-header-online-copy { display: flex; flex-direction: column; gap: 2px; }
  html body .egcs-header-online-label { display: block; font-size: 12px; color: #a9b6c6; line-height: 1.4; }
  html body .pn-site-topbar .egcs-header-online #number_max {
    display: block !important; width: auto !important; min-width: 0 !important; height: auto !important;
    margin: 0 !important; padding: 0 !important; background: transparent !important;
    border: 0 !important; box-shadow: none !important; color: #e7e9ed !important;
    font-size: 20px !important; font-weight: 800 !important; line-height: 1.2 !important;
  }
  html body .egcs-header-online #number_max::before, html body .egcs-header-online #number_max::after { content: none !important; display: none !important; }
  html body .pn-top-userbar, html body .pn-top-userbar.pn-top-userbar-auth {
    right: calc(var(--egcs-header-gutter) - (100vw - 100%)) !important; top: 0 !important;
    height: var(--pn-layout-topbar, 70px) !important; transform: none !important;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  html body .pn-top-menu-wrap {
    left: calc(var(--pn-quick-rail-width) + (100% - var(--pn-quick-rail-width)) / 2) !important;
    pointer-events: auto;
  }
}
@media (max-width: 900px) {
  .egcs-header-online { display: none; }
}

                                                                               
@media (min-width: 901px) {
  html body .left_menu,
  html body.pn-sidebar-collapsed .left_menu {
    background: linear-gradient(180deg, #1a212c, #11151c) !important;
    border-right: 1px solid #344354 !important;
    box-shadow: none !important;
  }
  html body .pn-site-topbar .logo-container {
    border-right: 1px solid #344354 !important;
  }
}
html body .pn-site-topbar #logoContainer {
  position: relative; overflow: visible !important;
}
html body .pn-site-topbar #lightningCanvas {
  display: block; position: absolute;
  top: -14px; left: -14px;
  width: calc(100% + 28px) !important; height: calc(100% + 28px) !important;
  max-width: none !important; max-height: none !important;
  pointer-events: none; z-index: 3;
}
html body .pn-site-topbar #logoSvg {
  filter: drop-shadow(0 0 5px #78bdff55) !important;
}
html body .pn-site-topbar #logoSvg path {
  stroke: var(--egcs-logo-stroke, #8cccf2) !important;
}

                                                                                 
@media (min-width: 901px) {
  :root {
    --pn-quick-rail-width: 238px;
    --pn-main-stable-width: 1588px;
    --pn-content-left-gutter: 0px;
  }

                                                             
  html body .new_container > #pageContainer.page_container {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #pageContainer > .flex_container {
    width: 100%;
    min-width: 0;
  }

  html body #pageContainer .content_area#contentArea {
    width: calc(100% - var(--pn-quick-rail-width)) !important;
    max-width: calc(100% - var(--pn-quick-rail-width)) !important;
    min-width: 0 !important;
    flex: 0 0 calc(100% - var(--pn-quick-rail-width)) !important;
    margin-left: var(--pn-quick-rail-width) !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body .content_area:is(.content_area, #contentArea) > .content_wrapper {
    width: 100% !important;
    max-width: var(--pn-main-stable-width) !important;
    min-width: 0 !important;
    flex: 0 1 var(--pn-main-stable-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 18px 24px !important;
    box-sizing: border-box !important;
  }

  html body .content_area:is(.content_area, #contentArea) .main_content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

html body footer.site-footer.egcs-footer {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 18px 32px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 32px 0 0 !important;
  padding: 22px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--eg-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  content-visibility: visible;
  contain-intrinsic-size: none;
}

html body footer.site-footer.egcs-footer::before,
html body footer.site-footer.egcs-footer::after {
  content: none !important;
}

html body .egcs-footer .egcs-footer-brand {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 auto;
  color: var(--eg-text-main);
  font-size: 13px;
  line-height: 1.6;
}

html body .egcs-footer .egcs-footer-brand small {
  color: var(--eg-text-muted);
  font-size: 11px;
}

html body .egcs-footer .egcs-footer-links {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 22px;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

html body .egcs-footer .egcs-footer-links a {
  display: inline-block;
  color: var(--eg-text-soft) !important;
  font-size: 12px;
  line-height: 1.7;
  text-decoration: none;
  overflow-wrap: anywhere;
}

html body .egcs-footer .egcs-footer-links a:hover,
html body .egcs-footer .egcs-footer-links a:focus-visible {
  color: var(--eg-red) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 900px) {
  html body footer.site-footer.egcs-footer {
    gap: 16px !important;
    padding: 18px 0 !important;
  }

  html body .egcs-footer .egcs-footer-links {
    flex-basis: 100%;
    justify-content: flex-start;
    gap: 8px 18px;
  }

  html body .egcs-footer .egcs-footer-links a {
    padding: 6px 0;
  }
}

                                                                              
@media (min-width: 901px) {
  html body .chat_sidebar#chatSidebar {
    top: 11px !important;
    bottom: 0 !important;
    height: calc(100dvh - 11px) !important;
    max-height: calc(100dvh - 11px) !important;
    width: min(348px, calc(100vw - 16px)) !important;
    max-width: min(348px, calc(100vw - 16px)) !important;
  }

  html body .left_menu .pn-static-rail {
    gap: 9px !important;
  }

  html body .left_menu .pn-rail-link {
    min-height: 50px !important;
    padding: 8px 12px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    flex-shrink: 0 !important;
  }

  html body .left_menu .pn-rail-link span {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  html body .left_menu .pn-rail-link svg {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
  }
}

                                                                          
@media (min-width: 1200px) {
  html body.chat-open .pn-top-userbar,
  html body.chat-open .pn-top-userbar.pn-top-userbar-auth {
    right: max(calc(var(--egcs-header-gutter) - (100vw - 100%)), 372px) !important;
  }
                                                                                            
  html body .pn-top-menu-wrap {
    left: min(calc(var(--pn-quick-rail-width) + (100% - var(--pn-quick-rail-width)) / 2), calc(100% - 716px)) !important;
  }
}
                                                                                  
html body .chat_sidebar .chat-header :is(.online, .flex-online-block, .online_pro) {
  position: static;
}
html body .chat_sidebar .chat-header .online_pro {
  padding-bottom: 0; margin-bottom: 0;
}
html body .chat_sidebar .chat-header .online_pro::after {
  top: calc(100% - 14px); left: 0; right: 0; width: 100%; height: 14px;
  pointer-events: none;
}
html body .chat_sidebar .chat-header .flex-online-block:hover .online_pro::after {
  pointer-events: auto;
}
html body .chat_sidebar .chat-header .online_prcr {
  top: 100% !important; left: 0 !important; right: 0 !important;
  width: 100% !important; max-width: 100% !important; box-sizing: border-box;
  background: #181f28 !important; border: 1px solid #34404e !important;
  border-top: 0 !important; border-radius: 0 0 12px 12px;
  box-shadow: 0 12px 28px #0005 !important;
}
html body #chatSidebar #chat .chat-footer {
  padding: 12px !important;
  background: #11151c !important; border-top: 1px solid #2a303b !important;
}
html body #chatSidebar #chat .chat-input-wrap {
  display: flex !important; align-items: center !important; gap: 8px !important;
  width: 100%; min-width: 0; min-height: 54px; padding: 7px !important;
  background: #171b23 !important; border: 1px solid #343e4e !important;
  border-radius: 12px !important; box-shadow: none !important;
}
html body #chatSidebar #chat .chat-input-wrap:focus-within {
  border-color: #a5b4cb !important; box-shadow: none !important;
}
html body #chatSidebar #chat input.chat-input {
  flex: 1; min-width: 0; width: 100% !important; height: 38px !important;
  min-height: 38px !important; padding: 0 5px !important; line-height: normal !important;
  background: transparent !important; border: 0 !important; outline: 0 !important;
  box-shadow: none !important; color: #e5e8ef !important; font-size: 13px !important;
  font-weight: 500 !important;
}
html body #chatSidebar #chat input.chat-input::placeholder {
  color: #929eaf !important; opacity: 1 !important;
}
html body #chatSidebar #chat :is(.smile_btn, .chat-send) {
  display: flex; align-items: center; justify-content: center; flex: 0 0 38px;
  width: 38px !important; height: 38px !important; min-width: 38px !important;
  min-height: 38px !important; padding: 0 !important; margin: 0;
  border-radius: 9px !important; box-shadow: none !important;
  transform: none !important; filter: none !important; opacity: 1 !important;
  cursor: pointer;
}
html body #chatSidebar #chat .smile_btn {
  background: #1e242e !important; border: 1px solid #343e4e !important;
  color: #c4cede !important; -webkit-text-fill-color: #c4cede !important;
}
html body #chatSidebar #chat .smile_btn:hover {
  background: #28313e !important; border-color: #62738b !important;
}
html body #chatSidebar #chat .chat-send {
  background: #a5b4cb !important; border: 1px solid #a5b4cb !important;
  color: #11151c !important; -webkit-text-fill-color: #11151c !important;
}
html body #chatSidebar #chat .chat-send:hover {
  background: #bac8dc !important; border-color: #bac8dc !important;
}
html body #chatSidebar #chat :is(.smile_btn, .chat-send):focus-visible {
  outline: 2px solid #a5b4cb !important; outline-offset: 2px;
}
html body #chatSidebar #chat :is(.smile_btn, .chat-send) svg {
  width: 18px !important; height: 18px !important; color: inherit !important;
}
html body #chatSidebar #chat .chat-input-wrap > p {
  margin: 0; padding: 3px; grid-column: auto; color: #a1a9b8; font-size: 12px;
}
html body #chatSidebar #chat .chat-input-wrap > p a {
  color: #bac8dc !important; font-size: 13px; font-weight: 600;
}
html body .chat_sidebar .online-popup-header {
  padding: 8px 12px 4px; border: 0; background: transparent;
}
html body .chat_sidebar .online-popup-title {
  color: #e0e6ee; font-size: 12px; font-weight: 700; line-height: 16px;
  text-transform: none; letter-spacing: 0;
}
html body .chat_sidebar .online-popup-stats {
  display: flex; gap: 4px; margin: 0 10px 4px; padding: 2px;
  background: #11171e; border: 1px solid #2b3541; border-radius: 9px;
}
html body .chat_sidebar .online-popup-stat {
  flex: 1; min-height: 28px; height: 28px; padding: 4px 6px; gap: 6px;
  color: #a9b6c6; background: transparent; border: 1px solid transparent;
  border-radius: 6px; box-shadow: none; transform: none;
}
html body .chat_sidebar .online-popup-stat.is-active {
  color: #e0e6ee; background: #263341; border-color: #3b4c5e; box-shadow: none;
}
html body .chat_sidebar .online-popup-stat:hover { background: #202a35; transform: none; box-shadow: none; }
html body .chat_sidebar .online-popup-stat::before,
html body .chat_sidebar .online-popup-stat::after { content: none; display: none; }
html body .chat_sidebar .online-popup-stat-label {
  position: static; display: block; width: auto; height: auto; overflow: visible;
  opacity: 1; font-size: 11px; font-weight: 600; color: inherit; line-height: 1.3;
}
html body .chat_sidebar .online-popup-stat-value {
  font-size: 12px; font-weight: 700; color: #b7cce1; line-height: 1.3;
}
html body .chat_sidebar .online-popup-list {
  padding: 0 10px 4px; max-height: min(180px, calc(100dvh - 210px));
  overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3b4c5e transparent;
}
html body .chat_sidebar .online-popup-list :is(.online-popup-empty, .empty-element) {
  display: block; padding: 8px 4px; margin: 0; text-align: center; font-size: 11px;
}
html body .chat_sidebar .online-popup-list::-webkit-scrollbar { display: block; width: 4px; }
html body .chat_sidebar .online-popup-list .online-user {
  display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 2px 8px;
  align-items: center; min-height: 42px; padding: 5px 2px; border-radius: 7px; background: transparent;
}
html body .chat_sidebar .online-popup-list .online-user:hover { background: #ffffff05; }
html body .chat_sidebar .online-popup-list .online-user-ava { grid-row: 1 / span 2; width: 32px; height: 32px; border: 0; }
html body .chat_sidebar .online-popup-list .online-user-ava img { width: 32px; height: 32px; object-fit: cover; }
html body .chat_sidebar .online-popup-list .online-user-name { font-size: 12px; font-weight: 600; color: #dce3ec; }
html body .chat_sidebar .online-popup-list .online-user-role {
  grid-column: 2; justify-self: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; padding: 0; border: 0 !important; background: transparent !important;
  color: #93a4b7 !important; font-size: 10px; font-weight: 500;
  text-transform: none; letter-spacing: 0; box-shadow: none !important;
}
html body .chat_sidebar .online-popup-list .online-user-ava-dot,
html body .chat_sidebar .chat-online-dot { box-shadow: none !important; animation: none !important; }
html body .chat_sidebar .online-popup-footer {
  padding: 4px 10px !important; border-top: 1px solid #303b48; background: transparent;
}
html body .chat_sidebar .online-popup-rules-btn {
  height: 28px; min-height: 28px; padding: 4px 8px; line-height: 20px;
  background: transparent; color: #a9bed4; border: 0; border-radius: 6px;
  text-transform: none; letter-spacing: 0; font-size: 11px; font-weight: 600;
  box-shadow: none; transform: none;
}
html body .chat_sidebar .online-popup-rules-btn:hover { background: #ffffff05; color: #e0e6ee; transform: none; }

                                                                              
@media (max-width: 900px) {
  html body .left_menu {
    overscroll-behavior-y: contain;
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }
  html body .left_menu > .pn-static-rail {
    flex-direction: column !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
    margin: 12px 0 0 !important;
  }
  html body .left_menu .pn-rail-link,
  html body.pn-sidebar-collapsed .left_menu .pn-rail-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    gap: 12px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    border-radius: 10px !important;
    transform: none !important;
  }
  html body .left_menu .pn-rail-link svg {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    margin: 0 !important;
  }
  html body .left_menu .pn-rail-link span {
    min-width: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
  html body .left_menu .pn-rail-link small {
    flex: 0 0 auto;
    margin-left: auto !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  html body .left_menu > .pn-sidebar-promo {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px;
    grid-template-rows: auto auto 1fr auto;
    gap: 4px 8px;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 174px !important;
    margin: 16px 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 1px solid var(--mid-border) !important;
    border-radius: 12px !important;
    text-decoration: none !important;
  }
  html body .left_menu > .pn-sidebar-promo :is(.pn-sidebar-promo-kicker, strong, small) {
    display: block !important;
    position: static !important;
    grid-column: 1;
    min-width: 0;
    max-width: none !important;
    margin: 0 !important;
    color: var(--mid-text) !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }
  html body .left_menu > .pn-sidebar-promo .pn-sidebar-promo-kicker { font-size: 11px !important; font-weight: 800; }
  html body .left_menu > .pn-sidebar-promo strong { font-size: 13px !important; }
  html body .left_menu > .pn-sidebar-promo small { font-size: 11px !important; color: var(--mid-muted) !important; }
  html body .left_menu > .pn-sidebar-promo img {
    position: static !important;
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: end;
    width: 96px !important;
    height: 100px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 !important;
  }
  html body .left_menu > .pn-sidebar-promo em {
    position: static !important;
    grid-column: 1 / -1;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: 10px 0 0 !important;
    padding: 6px 12px !important;
    border: 1px solid var(--mid-border) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.3 !important;
  }
  html body .left_menu > :is(.sidebar-profile, .sidebar-profile-register) {
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    background: var(--mid-panel) !important;
    border: 1px solid var(--mid-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }
  html body .left_menu .sidebar-profile-glow { display: none !important; }
  html body .left_menu > .dop-btns {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  html body .left_menu .sidebar-auth-link {
    min-height: 44px !important;
    background: var(--mid-raised) !important;
    border: 1px solid var(--mid-border) !important;
    border-radius: 8px !important;
    color: var(--mid-text) !important;
    font-size: 13px !important;
    box-shadow: none !important;
  }
}

                                                                              
@media (min-width: 901px) {
  html body .pn-site-topbar,
  html body .pn-top-userbar,
  html body .pn-top-userbar.pn-top-userbar-auth {
    position: absolute !important;
  }
  html body .pn-site-topbar > .egcs-header-online {
    position: absolute;
  }
}

                                                                                          
html body .chat_sidebar .chat-header .user_online_block > .empty-element { display:none!important; }
html body .chat_sidebar .online-popup-list > .empty-element {
  display:block; width:100%; padding:14px 10px; margin:0;
  color:var(--mid-muted); font-size:12px; line-height:1.5; font-weight:400;
  white-space:normal; text-align:center;
}