:root {
  --pn-perf-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  --pn-perf-shadow-hover: 0 14px 30px rgba(0, 0, 0, 0.28);
}

@supports (content-visibility: auto) {
  .site-footer,
  .prime-policy-doc {
    content-visibility: auto;
    contain-intrinsic-size: 1px 520px;
  }
}

.banner_top,
.top_donators,
.pn-home-live-card,
.pn-home-useful-card,
.useful-card,
.news-card,
.stat-card,
.server,
.two-server,
.monitoring-card,
.shop_card,
.profile-card,
.support-card,
.forum-row,
.ticket-card,
.site-footer {
  box-shadow: var(--pn-perf-shadow) !important;
}

.banner_top:hover,
.pn-home-live-card:hover,
.pn-home-useful-card:hover,
.useful-card:hover,
.news-card:hover,
.stat-card:hover,
.server:hover,
.two-server:hover,
.monitoring-card:hover,
.shop_card:hover,
.forum-row:hover {
  box-shadow: var(--pn-perf-shadow-hover) !important;
}

.pn-site-topbar,
.left_menu,
.modal-content {
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
}

.chat_sidebar,
.profile-dropdown-menu,
.pn-top-notifications,
.notifications-dropdown,
.online-users-popover,
.server-players-modal {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.chat_sidebar,
.left_menu.mobile-open,
.mobile-overlay.visible {
  will-change: auto !important;
}

img {
  backface-visibility: hidden;
}

.chat_sidebar.active,
.left_menu.mobile-open,
.mobile-overlay.visible {
  will-change: transform, opacity !important;
}

@media (max-width: 768px) {
  .banner_top,
  .top_donators,
  .pn-home-live-card,
  .pn-home-useful-card,
  .useful-card,
  .news-card,
  .stat-card,
  .server,
  .two-server,
  .monitoring-card,
  .shop_card,
  .profile-card,
  .support-card,
  .forum-row,
  .ticket-card,
  .site-footer {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.20) !important;
  }

  .pn-site-topbar,
  .left_menu,
  .modal-content {
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
  }

  .chat_sidebar,
  .profile-dropdown-menu,
  .pn-top-notifications,
  .notifications-dropdown,
  .online-users-popover,
  .server-players-modal {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

                                                                 
.pn-top-notifications {
  width: min(460px, calc(100vw - 24px)) !important;
  max-height: min(620px, calc(100dvh - var(--pn-layout-topbar, 70px) - 18px)) !important;
  padding: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: contain;
  contain: layout paint style !important;
}

.pn-top-userbar:not(.is-notify-open) .pn-top-notifications {
  display: none !important;
  content-visibility: hidden !important;
  contain-intrinsic-size: 1px 0;
}

.pn-top-userbar.is-notify-open .pn-top-notifications {
  display: block !important;
  content-visibility: auto !important;
  contain-intrinsic-size: 460px 420px;
}

.pn-top-notifications .pn-notifications-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(160, 190, 220, .10) !important;
  background: linear-gradient(180deg, rgba(17, 26, 39, .98), rgba(10, 15, 24, .96)) !important;
  color: #e5edf7 !important;
  box-shadow: none !important;
}

.pn-top-notifications .pn-notifications-head::before {
  display: none !important;
}

.pn-top-notifications .pn-notifications-head span {
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

.pn-notifications-clear {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(63, 210, 255, .22) !important;
  background: rgba(63, 210, 255, .08) !important;
  color: #67dcff !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.pn-notifications-clear:hover {
  border-color: rgba(63, 210, 255, .40) !important;
  background: rgba(63, 210, 255, .13) !important;
  color: #f3fbff !important;
}

.pn-notifications-clear[disabled],
.pn-notifications-clear[aria-disabled="true"] {
  opacity: .55 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.pn-top-notifications .pn-notifications-list {
  display: block !important;
  max-height: calc(min(620px, calc(100dvh - var(--pn-layout-topbar, 70px) - 18px)) - 52px) !important;
  margin: 0 !important;
  padding: 10px !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(63, 210, 255, .55) rgba(255, 255, 255, .04) !important;
  contain: layout paint style !important;
}

.pn-top-userbar:not(.is-notify-open) .pn-top-notifications .pn-notifications-list {
  display: none !important;
}

.pn-top-notifications .pn-notifications-list::before {
  display: none !important;
}

.pn-top-notifications .pn-notifications-list::-webkit-scrollbar {
  width: 6px !important;
}

.pn-top-notifications .pn-notifications-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .04) !important;
  border-radius: 999px !important;
}

.pn-top-notifications .pn-notifications-list::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(63, 210, 255, .72), rgba(59, 108, 255, .62)) !important;
  border-radius: 999px !important;
}

.pn-top-notifications .pn-notifications-list > *:not(script):not(style):not(.pn-notifications-empty),
.pn-top-notifications .pn-notifications-list li,
.pn-top-notifications .pn-notifications-list .notification,
.pn-top-notifications .pn-notifications-list .notify-item,
.pn-top-notifications .pn-notifications-list .noty-item {
  margin: 0 0 10px !important;
  padding: 14px 14px 14px 54px !important;
  min-height: 72px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(18, 27, 42, .96), rgba(10, 15, 24, .96)) !important;
  border: 1px solid rgba(160, 190, 220, .11) !important;
  color: #dbe8f6 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .18) !important;
}

.pn-top-notifications .pn-notifications-list > *:not(script):not(style):not(.pn-notifications-empty):last-child,
.pn-top-notifications .pn-notifications-list li:last-child,
.pn-top-notifications .pn-notifications-list .notification:last-child,
.pn-top-notifications .pn-notifications-list .notify-item:last-child,
.pn-top-notifications .pn-notifications-list .noty-item:last-child {
  margin-bottom: 0 !important;
}

.pn-top-notifications .pn-notifications-empty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 84px !important;
  padding: 18px !important;
  border-radius: 16px !important;
  border: 1px dashed rgba(160, 190, 220, .16) !important;
  background: rgba(255, 255, 255, .025) !important;
  color: #8798ad !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
  box-shadow: none !important;
}

.pn-top-notifications .pn-notifications-empty::before {
  display: none !important;
}

@media (max-width: 900px) {
  .pn-top-notifications {
    right: 6px !important;
    width: min(400px, calc(100vw - 16px)) !important;
    max-height: min(520px, calc(100dvh - var(--pn-layout-topbar, 70px) - 14px)) !important;
  }

  .pn-top-notifications .pn-notifications-list {
    max-height: calc(min(520px, calc(100dvh - var(--pn-layout-topbar, 70px) - 14px)) - 52px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

                                                                                      
@media (min-width: 901px) {
  html body.chat-open,
  html body.chat-open .new_container,
  html body.chat-open .page_container,
  html body.chat-open #pageContainer,
  html body.chat-open .content_area,
  html body.chat-open #contentArea,
  html body.chat-open .content_wrapper,
  html body.chat-open .main_content {
    filter: none !important;
    opacity: 1 !important;
  }

  html body.chat-open .new_container,
  html body.chat-open .page_container,
  html body.chat-open #pageContainer {
    overflow-x: hidden !important;
    height: auto !important;
    min-height: calc(100dvh - var(--pn-layout-topbar, 70px)) !important;
  }

  html body.chat-open .content_area,
  html body.chat-open #contentArea,
  html body.chat-open .content_area.chat-open,
  html body.chat-open #contentArea.chat-open {
    margin-right: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    max-height: none !important;
    transition: none !important;
  }

  html body.chat-open .content_area > .content_wrapper,
  html body.chat-open #contentArea > .content_wrapper,
  html body.chat-open .content_area.chat-open > .content_wrapper {
    transform: none !important;
    margin-right: auto !important;
    max-height: none !important;
    transition: none !important;
  }

  html body .chat_wrapper {
    position: fixed !important;
    inset: var(--pn-layout-topbar, 70px) 0 auto auto !important;
    width: 0 !important;
    height: 0 !important;
    z-index: 2147483600 !important;
    pointer-events: none !important;
  }

  html body .chat_sidebar,
  html body #chatSidebar {
    position: fixed !important;
    top: var(--pn-layout-topbar, 70px) !important;
    right: 0 !important;
    bottom: auto !important;
    width: min(318px, calc(100vw - 16px)) !important;
    max-width: min(318px, calc(100vw - 16px)) !important;
    height: calc(100dvh - var(--pn-layout-topbar, 70px)) !important;
    transform: translate3d(100%, 0, 0) !important;
    transition: transform .22s cubic-bezier(.22, .61, .36, 1) !important;
    background: linear-gradient(180deg, #070b11 0%, #05070b 100%) !important;
    border-left: 1px solid rgba(63, 210, 255, .14) !important;
    box-shadow: -18px 0 34px rgba(0, 0, 0, .34) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    contain: layout paint !important;
    pointer-events: auto !important;
    visibility: hidden !important;
    will-change: auto !important;
    transition: transform .22s cubic-bezier(.22, .61, .36, 1), visibility 0s linear .22s !important;
  }

  html body .chat_sidebar.active,
  html body #chatSidebar.active {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    will-change: transform !important;
    transition: transform .22s cubic-bezier(.22, .61, .36, 1), visibility 0s linear 0s !important;
  }
}

                                                                                
#new_news .news-card:first-child::after,
#news-grid .news-card:first-child::after {
  content: "NEW" !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 184, 74, .42) !important;
  background: linear-gradient(135deg, rgba(255, 184, 74, .98), rgba(255, 77, 109, .94)) !important;
  color: #160b06 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 22px rgba(255, 77, 109, .22), 0 0 0 4px rgba(255, 184, 74, .08) !important;
  pointer-events: none !important;
}

#new_news .news-card:first-child,
#news-grid .news-card:first-child {
  position: relative !important;
}

.pn-logo-link {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.pn-logo-link:hover,
.pn-logo-link:focus {
  color: inherit;
  text-decoration: none;
}

                                                                                     
html body .chat_sidebar,
html body #chatSidebar {
  contain: layout paint !important;
}

html body .chat_sidebar:not(.active),
html body #chatSidebar:not(.active) {
  visibility: hidden !important;
  pointer-events: none !important;
  will-change: auto !important;
}

html body .chat_sidebar.active,
html body #chatSidebar.active {
  visibility: visible !important;
  pointer-events: auto !important;
  will-change: transform !important;
}

html body .chat_wrapper {
  pointer-events: none !important;
}

html body .chat_toggle,
html body .chat_sidebar.active,
html body #chatSidebar.active {
  pointer-events: auto !important;
}