:root {
  color-scheme: dark;
  --mid-bg: #0e1015;
  --mid-rail: #12151b;
  --mid-panel: #171b23;
  --mid-inset: #11141a;
  --mid-raised: #1e232d;
  --mid-hover: #252c38;
  --mid-border: #2a303b;
  --mid-border-hover: #465267;
  --mid-text: #e5e8ef;
  --mid-muted: #a1a9b8;
  --mid-accent: #a5b4cb;
  --mid-accent-hover: #bcc9dc;
  --mid-accent-soft: #242e3e;
  --mid-on-accent: #11151c;
  --eg-bg-main: var(--mid-bg); --eg-bg-deep: var(--mid-bg);
  --eg-bg-soft: var(--mid-inset); --eg-header: var(--mid-rail); --eg-sidebar: var(--mid-rail);
  --eg-card: var(--mid-panel); --eg-card-soft: var(--mid-raised); --eg-card-hover: var(--mid-hover);
  --eg-border: var(--mid-border); --eg-border-soft: #a5b4cb12; --eg-border-hover: var(--mid-border-hover);
  --eg-text-main: var(--mid-text); --eg-text-soft: var(--mid-muted); --eg-text-muted: #929bad;
  --eg-red: var(--mid-accent); --eg-red-hover: var(--mid-accent-hover); --eg-red-dark: #8798b1;
  --eg-red-soft: #a5b4cb12; --eg-red-border: #a5b4cb38;
  --eg-cyan: var(--mid-accent); --eg-blue: #8798b1;
  --eg-glow-cyan: transparent; --eg-glow-blue: transparent; --eg-glow-violet: transparent;
  --eg-shadow-card: 0 14px 36px #0004; --eg-shadow-soft: 0 8px 24px #0002;
  --main-bg: var(--mid-bg); --accent: var(--mid-accent); --accent-light: var(--mid-accent-hover);
  --divider: var(--mid-border); --hover: var(--mid-panel); --card2: var(--mid-raised);
  --statics: var(--mid-muted); --text-white: var(--mid-text); --text-second: var(--mid-muted);
  --prime-button-bg: var(--mid-raised); --prime-button-bg-hover: var(--mid-hover);
  --prime-button-border: var(--mid-border); --prime-button-border-hover: var(--mid-border-hover);
  --prime-button-text: var(--mid-text);
  --shopshow-bg-1: var(--mid-bg); --shopshow-bg-2: var(--mid-inset);
  --shopshow-panel: var(--mid-panel); --shopshow-panel-soft: var(--mid-raised);
  --shopshow-border: var(--mid-border); --shopshow-border-strong: var(--mid-border-hover);
  --shopshow-text: var(--mid-text); --shopshow-muted: var(--mid-muted);
  --shopshow-accent: var(--mid-accent); --shopshow-accent-2: #8798b1;
}
html, html body { background: var(--mid-bg) !important; color: var(--mid-text) !important; }
html body::before, html body::after { background: none !important; }
html body .left_menu, html body.pn-sidebar-collapsed .left_menu {
  background: var(--mid-rail) !important; border-color: var(--mid-border) !important; box-shadow: none !important;
}
html body .pn-site-topbar .logo-container,
html body.pn-sidebar-collapsed .pn-site-topbar .logo-container {
  border-color: var(--mid-border) !important;
}
@media (min-width: 901px) {
  html body .pn-site-topbar .logo-container,
  html body.pn-sidebar-collapsed .pn-site-topbar .logo-container { background: var(--mid-rail) !important; }
  html body .pn-site-topbar { background: transparent !important; }
}
@media (max-width: 900px) { html body .pn-site-topbar { background: var(--mid-rail) !important; } }

                                      
html body .left_menu .pn-rail-link { color: var(--mid-muted) !important; }
                                                                  
html body .left_menu nav.pn-static-rail .pn-rail-link {
  min-height: 54px !important; padding: 12px 14px !important; gap: 13px !important;
  border: 0 !important; border-radius: 18px !important; box-shadow: none !important;
  font-size: 16px !important; font-weight: 600 !important; line-height: 1.3 !important;
  transform: none !important;
}
html body .left_menu nav.pn-static-rail .pn-rail-link span { font-size: inherit !important; font-weight: inherit !important; }
html body .left_menu nav.pn-static-rail .pn-rail-link svg { width: 22px !important; height: 22px !important; flex: 0 0 22px !important; }
html body .left_menu nav.pn-static-rail .pn-rail-link::before,
html body .left_menu nav.pn-static-rail .pn-rail-link::after { content: none !important; display: none !important; }
html body .left_menu nav.pn-static-rail .pn-rail-link:hover {
  background: linear-gradient(90deg, #a5b4cb12, #a5b4cb00) !important;
  color: var(--mid-text) !important;
}
html body .left_menu nav.pn-static-rail .pn-rail-link.active {
  background: linear-gradient(90deg, #a5b4cb29, #a5b4cb0d 65%, #a5b4cb00) !important;
  color: var(--mid-text) !important; box-shadow: none !important;
}
html body .left_menu nav.pn-static-rail .pn-rail-link.active svg { color: var(--mid-accent-hover) !important; }
html body .left_menu nav.pn-static-rail .pn-rail-link:focus-visible {
  outline: 2px solid var(--mid-accent) !important; outline-offset: -2px;
}
html body .left_menu .pn-rail-link svg { color: #8e99ac !important; }
html body .left_menu .pn-rail-link:hover,
html body .left_menu .pn-rail-link[aria-current="page"]:hover { background: var(--mid-raised) !important; border-color: var(--mid-border) !important; }
html body .left_menu .pn-rail-link.active,
html body .left_menu .pn-rail-link[aria-current="page"].active {
  background: var(--mid-accent-soft) !important; border-color: var(--mid-border) !important;
  color: var(--mid-text) !important; box-shadow: inset 2px 0 var(--mid-accent) !important;
}
html body .left_menu > .pn-sidebar-promo { background: var(--mid-panel) !important; border-color: var(--mid-border) !important; }
html body :is(.pn-top-action, .pn-top-auth, .pn-top-menu-toggle, .pn-top-socials a, .pn-top-user, .pn-top-purse, .pn-top-notify, .pn-top-balance),
html body .left_menu > .dop-btns .dop-btn, html body .left_menu > .pn-sidebar-promo em,
html body .left_menu > .pn-top-socials a {
  background: var(--mid-raised) !important; border-color: var(--mid-border) !important;
  color: var(--mid-text) !important; box-shadow: none !important;
}
html body :is(.pn-top-action, .pn-top-menu-toggle, .pn-top-user, .pn-top-purse):hover,
html body .left_menu > .dop-btns .dop-btn:hover, html body .left_menu > .pn-top-socials a:hover {
  background: var(--mid-hover) !important; border-color: var(--mid-border-hover) !important;
}
html body :is(.pn-profile-menu, .pn-top-menu-panel, .pn-top-notifications, .notifications-dropdown, .profile-dropdown-menu, .dropdown-menu, .online-users-popover) {
  background: var(--mid-panel) !important; border-color: var(--mid-border) !important;
  color: var(--mid-text) !important; box-shadow: 0 12px 30px #0005 !important;
}
html body .pn-top-menu-panel :is(.pn-menu-column, .pn-menu-card),
html body .pn-top-menu-panel .pn-menu-grid > div { background: var(--mid-inset) !important; border-color: var(--mid-border) !important; }
html body :is(.dropdown-item, .pn-profile-menu-item):hover { background: var(--mid-raised) !important; color: var(--mid-text) !important; }

                                                                                
html body :is(.block, .news-card, .stat-card, .pn-home-live-card, .pn-home-live-card-cases,
  .top_donators, .pn-home-useful-card, .useful-card, .forum_card, .support-card, .ticket-card,
  .profile-info-bar, .wlt-card, .wlt-panel, .g-panel, .g-card, .g-stat-card, .g-info-item,
  .pn-profile-clan-card, .forum_section, .forum_message, .page-head, .shop_showcase-hero, .shop_showcase-card) {
  background: var(--mid-panel) !important; border-color: var(--mid-border) !important; box-shadow: none !important;
}
html body .banner_top .top_donators { background: var(--mid-panel) !important; border-color: var(--mid-border) !important; box-shadow: none !important; }
html body :is(.news-card, .shop_showcase-card, .pn-profile-clan-card):hover { border-color: var(--mid-border-hover) !important; box-shadow: none !important; }
html body :is(.pn-cases-home-win, .donator_card, .pn-home-clan-card, .pn-home-clans-mini, .pn-home-clans-hero),
html body .pn-cases-home-wins-shell [class*="item"],
html body .pn-cases-home-wins-shell [class*="card"],
html body .pn-cases-home-wins-compact .pn-cases-home-win {
  background: var(--mid-raised) !important; border-color: var(--mid-border) !important; box-shadow: none !important;
}
html body :is(.pn-cases-home-win-info b, .pn-cases-home-win-info span, .pn-cases-home-win-info small) { color: var(--mid-muted) !important; }
html body :is(.head_icon, .section-title-icon, .pn-home-live-icon, .g-stat-icon) {
  background: var(--mid-accent-soft) !important; border-color: var(--mid-border) !important; color: var(--mid-accent) !important; box-shadow: none !important;
}
                                                                    
html body :is(#new_news, #news-grid) .news-card {
  background: var(--mid-panel) !important;
  border-color: var(--mid-border) !important; box-shadow: none !important;
}
html body :is(#new_news, #news-grid) .news-card:hover {
  border-color: var(--mid-border-hover) !important; box-shadow: none !important;
}
html body :is(#new_news, #news-grid) .news-card::before {
  content: none !important; background: none !important;
}
html body :is(#new_news, #news-grid) .news-card-body {
  background: var(--mid-panel) !important; box-shadow: none !important;
}
html body :is(#new_news, #news-grid) .news-card-title {
  color: var(--mid-text) !important;
}
html body :is(#new_news, #news-grid) :is(.news-card-short, .news-card-meta, .news-card-meta-item) {
  color: var(--mid-muted) !important;
}
html body #new_news .news-card-meta .read-more {
  background: var(--mid-accent) !important;
  border-color: var(--mid-accent) !important;
  color: var(--mid-on-accent) !important;
  box-shadow: none !important;
}
html body #new_news .news-card-meta .read-more:hover,
html body #new_news .news-card-meta .read-more:focus-visible {
  background: var(--mid-accent-hover) !important;
  border-color: var(--mid-accent-hover) !important;
  color: var(--mid-on-accent) !important;
  box-shadow: none !important;
}
html body #new_news .news-card-meta .read-more:focus-visible {
  outline: 2px solid var(--mid-accent-hover);
  outline-offset: 3px;
}
html body #new_news .news-card-meta .read-more :is(span, svg, i) {
  color: inherit !important;
}

                                                                                  
html body :is(.monitoring-card, .server, .two-server, .hero-slide, .shop_card) { border-color: var(--mid-border) !important; }
html body :is(.pn-cases-page, .pn-cases-banner) {
  --pn-cases-bg: var(--mid-panel); --pn-cases-bg-soft: var(--mid-raised); --pn-cases-bg-deep: var(--mid-inset);
  --pn-cases-border: var(--mid-border); --pn-cases-text: var(--mid-text); --pn-cases-muted: var(--mid-muted);
  --pn-cases-accent: var(--mid-accent); --pn-cases-accent-light: var(--mid-accent-hover);
}
html body :is(.pn-clans-page, .pn-clans-shop-page) {
  --pn-bg: var(--mid-panel); --pn-bg-soft: var(--mid-raised); --pn-border: var(--mid-border);
  --pn-text: var(--mid-text); --pn-text-soft: #c4cbd7; --pn-muted: var(--mid-muted);
  --pn-accent: var(--mid-accent); --pn-accent-light: var(--mid-accent-hover);
}
html body :is(.pn-cases-head, .pn-cases-panel, .pn-cases-roulette-panel, .pn-cases-info-card,
  .pn-clans-head, .pn-clans-panel, .pn-clans-card, .pn-clans-shop-head) {
  background: var(--mid-panel) !important; border-color: var(--mid-border) !important; box-shadow: none !important;
}

                                                                     
html body :is(.btn-primary, .connect-btn, .hero-slide-btn, .pn-banner-button, .pn-home-news-add, .pn-top-balance-plus),
html body .egcs-topup .egcs-topup-submit {
  background: var(--mid-accent) !important; border-color: var(--mid-accent) !important;
  color: var(--mid-on-accent) !important; box-shadow: none !important; text-shadow: none !important;
}
html body :is(.btn-primary, .connect-btn, .hero-slide-btn, .pn-banner-button, .pn-home-news-add):hover,
html body .egcs-topup .egcs-topup-submit:hover { background: var(--mid-accent-hover) !important; color: var(--mid-on-accent) !important; }
html body :is(.read-more, .server-tab, .monitoring-card-filter button, .nav-tabs .nav-link, .pagination .page-link, .btn-default, .btn-secondary) {
  background: var(--mid-raised) !important; border-color: var(--mid-border) !important;
  color: #c7d2e3 !important; box-shadow: none !important;
}
html body :is(.server-tab.active, .nav-tabs .nav-link.active, .pagination .active .page-link) { background: var(--mid-accent-soft) !important; color: var(--mid-text) !important; }
html body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html body textarea, html body select, html body .form-control, html body .select2-container .select2-selection {
  background: var(--mid-inset) !important; border-color: var(--mid-border) !important; color: var(--mid-text) !important; box-shadow: none !important;
}
html body input:not([type="checkbox"]):not([type="radio"]):focus,
html body textarea:focus, html body select:focus { border-color: var(--mid-accent) !important; }
html body :is(input, textarea)::placeholder { color: #8f99aa !important; }
html body :is(button, a):focus-visible { outline: 2px solid var(--mid-accent); outline-offset: 3px; }
html body.prime-policy-page .prime-policy-doc {
  width: 100% !important; max-width: none !important; min-width: 0;
  margin: 16px 0 32px !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; color: var(--mid-text) !important; overflow: visible !important;
}
html body .prime-policy-doc .prime-policy-hero {
  grid-template-columns: 38px minmax(0, 1fr) !important; gap: 14px !important;
  padding: 0 !important; margin: 0 0 24px; background: none !important; border: 0 !important;
}
html body .prime-policy-doc .prime-policy-icon {
  width: 38px !important; height: 38px !important; border-radius: 10px !important;
  background: var(--mid-raised) !important; border: 1px solid var(--mid-border) !important;
  color: var(--mid-accent) !important; box-shadow: none !important;
}
html body .prime-policy-doc .prime-policy-icon svg { width: 22px; height: 22px; }
html body .prime-policy-doc .prime-policy-kicker {
  padding: 0 !important; margin: 0 0 5px !important; background: none !important;
  border: 0 !important; color: var(--mid-muted) !important;
  font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important;
  text-transform: none !important;
}
html body .prime-policy-doc .prime-policy-hero h1 {
  color: var(--mid-text) !important; font-size: 30px !important; font-weight: 800;
  line-height: 1.25 !important; letter-spacing: -.5px !important; overflow-wrap: anywhere;
}
html body .prime-policy-doc .prime-policy-body {
  min-width: 0; padding: 28px !important; border: 1px solid var(--mid-border);
  border-radius: 14px; background: var(--mid-panel); color: var(--mid-text) !important;
  font-size: 14px !important; font-weight: 400 !important; line-height: 1.75 !important;
  overflow-wrap: anywhere;
}
html body .prime-policy-doc .prime-policy-body :is(p, li, span, font, div) {
  color: inherit !important; font-size: inherit !important; line-height: inherit !important;
}
html body .prime-policy-doc .prime-policy-body p { margin: 0 0 16px !important; }
html body .prime-policy-doc .prime-policy-body :is(ul, ol) {
  padding-left: 24px; margin: 0 0 20px !important; list-style-position: outside;
}
html body .prime-policy-doc .prime-policy-body ul { list-style-type: disc; }
html body .prime-policy-doc .prime-policy-body ol { list-style-type: decimal; }
html body .prime-policy-doc .prime-policy-body li { margin-bottom: 6px; }
html body .prime-policy-doc .prime-policy-body :is(h1, h2, h3, h4, h5, h6) {
  color: var(--mid-text) !important; font-size: 20px !important;
  font-weight: 700; margin: 24px 0 12px !important; line-height: 1.4 !important;
}
html body .prime-policy-doc .prime-policy-body :is(strong, b) {
  color: var(--mid-text) !important; font-weight: 700;
}
html body .prime-policy-doc .prime-policy-body a {
  display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; border-radius: 0 !important;
  color: var(--mid-accent) !important; font-weight: 500 !important;
  text-decoration: underline !important; text-underline-offset: 3px;
  line-height: inherit !important; box-shadow: none !important;
}
html body .prime-policy-doc .prime-policy-body a:hover { color: var(--mid-accent-hover) !important; }
html body .prime-policy-doc .prime-policy-body a:focus-visible {
  outline: 2px solid var(--mid-accent); outline-offset: 3px;
}
html body .prime-policy-doc .prime-policy-body img { max-width: 100%; height: auto; }
html body .prime-policy-doc .prime-policy-body > :last-child { margin-bottom: 0 !important; }
html body.prime-policy-page .site-footer.egcs-footer { padding: 24px 0 !important; }
@media (max-width: 700px) {
  html body .prime-policy-doc .prime-policy-hero h1 { font-size: 25px !important; }
  html body .prime-policy-doc .prime-policy-body { padding: 18px !important; }
}
html body .table { color: var(--mid-text); }
html body .table :is(th, td) { border-color: var(--mid-border) !important; }
html body .table thead th { background: var(--mid-inset) !important; color: var(--mid-muted); }
html body .table-striped tbody tr:nth-of-type(odd) { background: #ffffff03 !important; }
html body .table-hover tbody tr:hover { background: var(--mid-raised) !important; color: var(--mid-text); }

                                
html body .chat_sidebar, html body .chat_sidebar.active, html body #chatSidebar {
  background: var(--mid-inset) !important; border-color: var(--mid-border) !important; box-shadow: -12px 0 28px #0003 !important;
}
html body .chat_sidebar :is(.chat-header, .chat-footer, .chat_footer, .chat_header) {
  background: var(--mid-rail) !important; border-color: var(--mid-border) !important;
}
html body .chat_sidebar .online_prcr { background: var(--mid-panel) !important; border-color: var(--mid-border) !important; }
html body .chat_sidebar .online-popup-stats { background: var(--mid-inset) !important; border-color: var(--mid-border) !important; }
html body .chat_sidebar .online-popup-stat.is-active { background: var(--mid-accent-soft) !important; border-color: var(--mid-border-hover) !important; }
html body .chat_sidebar .online-popup-stat:hover { background: var(--mid-raised) !important; }
html body .chat_sidebar .online-popup-stat-value { color: var(--mid-accent) !important; }
html body :is(.chat-server-ico, .chat_toggle, .chat_toggle:hover, .chat-input-wrapper) {
  background: var(--mid-raised) !important; border-color: var(--mid-border) !important; color: var(--mid-accent) !important; box-shadow: none !important;
}
html body .chat_sidebar :is(.chat-send, .chat-send-btn, .chat-emoji-btn, #send_message, #send_button) {
  background: var(--mid-accent-soft) !important; border-color: var(--mid-border-hover) !important; color: var(--mid-text) !important; box-shadow: none !important;
}

                                                                                     
html body .modal-content, html body :is(#authorization, #registration, #api_auth) .modal-content,
html body .egcs-topup-dialog, html body .support-tickets-modal {
  background: var(--mid-panel) !important; border-color: var(--mid-border) !important; color: var(--mid-text) !important; box-shadow: 0 24px 64px #0007 !important;
}
html body .egcs-topup :is(.egcs-topup-methods, .egcs-topup-form, .egcs-topup-result) { background: var(--mid-inset) !important; }
html body .egcs-topup :is(.egcs-topup-method, .egcs-topup-input, .egcs-topup-amounts button, .egcs-topup-bonuses) {
  background: var(--mid-raised) !important; border-color: var(--mid-border) !important; color: var(--mid-text) !important;
}
html body .egcs-topup .egcs-topup-method[aria-pressed="true"] { background: var(--mid-accent-soft) !important; border-color: var(--mid-accent) !important; }
html body .egcs-topup .egcs-topup-method[aria-pressed="true"]::after { background: var(--mid-accent) !important; color: var(--mid-on-accent) !important; }
html body .egcs-topup .egcs-topup-input:focus-within { border-color: var(--mid-accent) !important; }
html body .egcs-topup .egcs-topup-input input[data-topup-amount] { background: transparent !important; }
html body .egcs-topup .egcs-topup-input input[data-topup-amount]:not([type="checkbox"]):not([type="radio"]) {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html body .egcs-topup .egcs-topup-bonus-toggle { color: var(--mid-accent) !important; }
html body :is(footer, .site-footer, .footer, .pn-footer) {
  background: var(--mid-rail) !important; border-color: var(--mid-border) !important; box-shadow: none !important;
}
html body * { scrollbar-color: #414b5c var(--mid-inset) !important; }
html::-webkit-scrollbar-track, html body *::-webkit-scrollbar-track { background: var(--mid-inset) !important; }
html::-webkit-scrollbar-thumb, html body *::-webkit-scrollbar-thumb { background: #414b5c !important; border-color: var(--mid-inset) !important; }
html body ::selection { background: #45546e; color: #fff; }
html body .pn-cases-home-win { color: var(--mid-text) !important; }
html body .egcs-header-online > svg { color: #9aacc6; }
html body .left_menu::-webkit-scrollbar-thumb,
html body .chat_sidebar ::-webkit-scrollbar-thumb { background: #414b5c !important; border-color: var(--mid-inset) !important; }
html body .left_menu, html body .left_menu .pn-static-rail,
html body.pn-sidebar-collapsed .left_menu, html body .chat_sidebar * { scrollbar-color: #414b5c var(--mid-inset) !important; }
html body .chat_sidebar .chat-input-wrap { background: var(--mid-inset) !important; border-color: var(--mid-border) !important; }
                                                                            
html body .shop-rcon-page-shell {
  --shop-soft-white: var(--mid-text); --shop-soft-muted: var(--mid-muted); --shop-soft-second: var(--mid-muted);
  --shop-soft-accent: var(--mid-accent); --shop-soft-accent-light: var(--mid-accent-hover);
}
html body :is(.shop-rcon-hero, .shop-rcon-filter-panel, .shop-rcon-item-card, .shop-rcon-modal,
  .shop-rcon-server-tile, .shop_showcase-feature-content, .wlt-hero, .g-priv-item, .g-search) {
  background: var(--mid-panel) !important; border-color: var(--mid-border) !important; box-shadow: none !important;
}
html body :is(.shop-rcon-server-tile.active, .shop-rcon-cat-item.active, .shop-rcon-item-card:hover) {
  border-color: var(--mid-border-hover) !important; box-shadow: none !important;
}
html body :is(.shop-rcon-btn, .shop-rcon-buy-btn, .shop-rcon-action-btn, .shop-rcon-server-tile-action, .shop_showcase-btn, .g-search-btn) {
  background: var(--mid-accent-soft) !important; color: var(--mid-text) !important;
  border-color: var(--mid-border-hover) !important; box-shadow: none !important;
}
html body :is(.shop-rcon-btn, .shop-rcon-buy-btn, .shop_showcase-btn):hover { background: var(--mid-hover) !important; }
html body :is(.shop-rcon-cat-icon, .shop-rcon-server-tile-icon, .shop-rcon-hero-icon, .shop_showcase-hero-icon) {
  background: var(--mid-raised) !important; color: var(--mid-accent) !important;
  border-color: var(--mid-border) !important; box-shadow: none !important;
}
html body :is(.wlt-hero-glow, .sidebar-profile-glow, .chat-header-glow) { background: none !important; box-shadow: none !important; }

                                                                      
html body .left_menu .pn-rail-link:disabled,
html body .left_menu .pn-rail-link:disabled:hover {
  opacity: .5; cursor: default; background: transparent !important;
  border-color: transparent !important; box-shadow: none !important; transform: none !important;
}
html body .left_menu .pn-rail-unavailable small {
  margin-left: auto; font-size: 8px; font-weight: 600; color: var(--mid-muted);
}

html body .pn-menu-card.pn-menu-unavailable { opacity: .5; cursor: default; width: 100%; text-align: left; font: inherit; }