/* ==========================================================================
 CRDGAME HEADER V0 — TEST NAV
 Remote: /file/header/header-v0.css
 Version: 20260816_mobile_fixed_follow_1

 Основано на:
 - live audit текущего CRDGAME;
 - реальной геометрии #top_network 2560x115;
 - палитре #14110d / #0d0c10 / #ae8954 / #d7b06f;
 - навигационной архитектуре тестового CRDGAME NEXT.

 Старые header.css / home-header.css / header-clean-nav.css НЕ требуются.
========================================================================== */

/* --------------------------------------------------------------------------
 0. Header tokens
 -------------------------------------------------------------------------- */

#top_network.crdv0-header {
 --crdv0-page: 100%;
 --crdv0-shell: 1440px;

 --crdv0-bar-h: 80px;
 --crdv0-context-h: 35px;
 --crdv0-total-h: 115px;

 --crdv0-bg: #14110d;
 --crdv0-bg-dark: #0d0c10;
 --crdv0-panel: #10100f;
 --crdv0-panel-deep: #0b0b0b;

 --crdv0-gold: #ae8954;
 --crdv0-gold-light: #d7b06f;
 --crdv0-bronze: #c7784a;

 --crdv0-text: #c5b8aa;
 --crdv0-text-soft: #9d8f80;
 --crdv0-title: #f5f2eb;
 --crdv0-white: #ffffff;

 --crdv0-line: rgba(174,137,84,.26);
 --crdv0-line-soft: rgba(174,137,84,.15);
 --crdv0-white-line: rgba(255,255,255,.11);

 --crdv0-font: "Open Sans", Arial, sans-serif;
 --crdv0-title-font: "Russo One", "Open Sans", Arial, sans-serif;

 position: fixed !important;
 z-index: 9000 !important;

 top: 0 !important;
 left: 50% !important;
 right: auto !important;

 display: block !important;

 width: min(100%, var(--crdv0-page)) !important;
 min-width: 0 !important;
 max-width: var(--crdv0-page) !important;

 height: var(--crdv0-total-h) !important;
 min-height: var(--crdv0-total-h) !important;
 max-height: var(--crdv0-total-h) !important;

 margin: 0 !important;
 padding: 0 !important;

 transform: translateX(-50%) !important;

 color: var(--crdv0-text) !important;
 background: transparent !important;

 font-family: var(--crdv0-font) !important;
 font-size: 14px !important;
 line-height: normal !important;

 overflow: visible !important;
 box-sizing: border-box !important;

 isolation: isolate !important;
}

.uadm--fixed-body-top #top_network.crdv0-header {
 top: 30px !important;
}

#top_network.crdv0-header,
#top_network.crdv0-header *,
#top_network.crdv0-header *::before,
#top_network.crdv0-header *::after {
 box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
 1. Neutralize global my.css rules only inside header
 -------------------------------------------------------------------------- */

#top_network.crdv0-header a,
#top_network.crdv0-header a:link,
#top_network.crdv0-header a:visited,
#top_network.crdv0-header a:hover,
#top_network.crdv0-header a:active {
 margin: 0 !important;
 padding-left: 0 !important;
 padding-right: 0 !important;

 color: inherit !important;
 text-decoration: none !important;

 background: none !important;
 background-image: none !important;

 border-radius: 0 !important;
 box-shadow: none !important;
 text-shadow: none !important;

 word-break: normal !important;
}

#top_network.crdv0-header ul,
#top_network.crdv0-header ol,
#top_network.crdv0-header li {
 margin: 0 !important;
 padding: 0 !important;
 list-style: none !important;
}

#top_network.crdv0-header img {
 margin: 0 !important;
 padding: 0 !important;

 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
}

#top_network.crdv0-header svg {
 display: block !important;
 pointer-events: none !important;
}

/* --------------------------------------------------------------------------
 2. 1440px test shell inside the existing 2560px site canvas
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-shell {
 width: min(calc(100% - 48px), var(--crdv0-shell)) !important;
 max-width: var(--crdv0-shell) !important;
 height: 100% !important;

 margin: 0 auto !important;
 padding: 0 !important;

 position: relative !important;
}

/* --------------------------------------------------------------------------
 3. Main 80px bar
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-bar {
 position: relative !important;
 z-index: 5 !important;

 height: var(--crdv0-bar-h) !important;

 border-bottom: 1px solid rgba(174,137,84,.20) !important;

 background:
  linear-gradient(
   180deg,
   rgba(13,10,8,.94),
   rgba(10,7,6,.91)
  ) !important;

 box-shadow: none !important;

 backdrop-filter: none !important;
 -webkit-backdrop-filter: none !important;
}

#top_network.crdv0-header.is-scrolled .crdv0-bar {
 background:
  linear-gradient(
   180deg,
   rgba(13,10,8,.975),
   rgba(10,7,6,.955)
  ) !important;
}

#top_network.crdv0-header .crdv0-bar__inner {
 display: flex !important;
 align-items: center !important;
 justify-content: space-between !important;

 gap: 28px !important;
}

/* --------------------------------------------------------------------------
 4. Real CRDGAME logo
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-brand {
 flex: 0 0 190px !important;

 display: flex !important;
 align-items: center !important;
 justify-content: flex-start !important;

 width: 190px !important;
 min-width: 190px !important;
 height: 46px !important;

 color: inherit !important;
}

#top_network.crdv0-header .crdv0-brand img {
 display: block !important;

 width: 190px !important;
 max-width: 190px !important;
 height: auto !important;
 max-height: 34px !important;

 object-fit: contain !important;
 object-position: left center !important;

 opacity: .96 !important;
 filter: none !important;
}

/* --------------------------------------------------------------------------
 5. Desktop navigation
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-desktop {
 flex: 1 1 auto !important;
 min-width: 0 !important;

 display: flex !important;
 align-items: center !important;
 justify-content: flex-start !important;

 gap: 26px !important;
}

#top_network.crdv0-header .crdv0-primary {
 flex: 1 1 auto !important;
 min-width: 0 !important;

 display: flex !important;
 align-items: center !important;

 gap: 24px !important;
}

#top_network.crdv0-header .crdv0-primary__link {
 position: relative !important;

 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 min-height: 42px !important;

 margin: 0 !important;
 padding: 12px 0 !important;

 color: rgba(235,226,210,.92) !important;

 border: 0 !important;
 background: none !important;

 font-family: var(--crdv0-font) !important;
 font-size: 12px !important;
 font-weight: 700 !important;
 line-height: 1 !important;
 letter-spacing: .055em !important;
 text-transform: uppercase !important;
 white-space: nowrap !important;

 transition:
  color .18s ease,
  opacity .18s ease !important;
}

#top_network.crdv0-header .crdv0-primary__link:hover,
#top_network.crdv0-header .crdv0-primary__link:focus-visible,
#top_network.crdv0-header .crdv0-primary__link.is-active {
 color: var(--crdv0-gold-light) !important;
 outline: 0 !important;
}

/* Активный пункт теста: тонкая нижняя линия. */
#top_network.crdv0-header .crdv0-primary__link::after {
 content: "" !important;

 position: absolute !important;
 left: 0 !important;
 right: 0 !important;
 bottom: 5px !important;

 height: 1px !important;

 background: var(--crdv0-gold-light) !important;

 opacity: 0 !important;
 transform: scaleX(.35) !important;

 transition:
  opacity .18s ease,
  transform .18s ease !important;
}

#top_network.crdv0-header .crdv0-primary__link.is-active::after,
#top_network.crdv0-header .crdv0-primary__link:hover::after {
 opacity: .9 !important;
 transform: scaleX(1) !important;
}

/* --------------------------------------------------------------------------
 6. "Игры" button — test-like outlined button
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-games {
 position: relative !important;
 flex: 0 0 auto !important;
}

#top_network.crdv0-header .crdv0-nav-button {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 gap: 7px !important;

 min-width: 82px !important;
 height: 42px !important;
 min-height: 42px !important;

 margin: 0 !important;
 padding: 0 17px !important;

 color: rgba(190,181,166,.78) !important;

 border: 1px solid rgba(150,156,168,.20) !important;
 background: rgba(255,255,255,.025) !important;

 font-family: var(--crdv0-font) !important;
 font-size: 11px !important;
 font-weight: 800 !important;
 line-height: 1 !important;
 letter-spacing: .075em !important;
 text-transform: uppercase !important;

 cursor: pointer !important;
 user-select: none !important;

 transition:
  color .18s ease,
  border-color .18s ease,
  background .18s ease !important;
}

#top_network.crdv0-header .crdv0-nav-button:hover,
#top_network.crdv0-header .crdv0-nav-button:focus-visible,
#top_network.crdv0-header .crdv0-nav-button[aria-expanded="true"] {
 color: #f0dcc0 !important;

 border-color: rgba(205,211,224,.28) !important;
 background: rgba(255,255,255,.045) !important;

 outline: 0 !important;
}

#top_network.crdv0-header .crdv0-nav-button svg {
 width: 15px !important;
 height: 15px !important;

 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.8 !important;

 transition: transform .18s ease !important;
}

#top_network.crdv0-header .crdv0-nav-button[aria-expanded="true"] svg {
 transform: rotate(180deg) !important;
}

/* --------------------------------------------------------------------------
 7. Test mega-menu
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-mega {
 position: absolute !important;
 z-index: 40 !important;

 top: calc(100% + 25px) !important;
 left: 50% !important;

 width: min(980px, calc(100vw - 60px)) !important;
 max-width: 980px !important;

 margin: 0 !important;
 padding: 24px !important;

 color: var(--crdv0-text) !important;

 border: 1px solid rgba(150,156,168,.20) !important;
 border-top-color: rgba(205,211,224,.28) !important;

 background:
  linear-gradient(
   180deg,
   rgba(29,30,36,.985),
   rgba(13,14,18,.985)
  ) !important;

 box-shadow:
  0 22px 54px rgba(0,0,0,.48),
  inset 0 1px 0 rgba(255,255,255,.045) !important;

 opacity: 0 !important;
 visibility: hidden !important;
 pointer-events: none !important;

 transform: translate(-28%, -10px) !important;

 transition:
  opacity .20s ease,
  visibility .20s ease,
  transform .20s ease !important;
}

#top_network.crdv0-header .crdv0-mega.is-open {
 opacity: 1 !important;
 visibility: visible !important;
 pointer-events: auto !important;

 transform: translate(-28%, 0) !important;
}

/* Невидимый мост, чтобы dropdown невозможно было "потерять" курсором. */
#top_network.crdv0-header .crdv0-mega::before {
 content: "" !important;

 position: absolute !important;
 left: -1px !important;
 right: -1px !important;
 top: -28px !important;

 height: 28px !important;

 background: transparent !important;
 pointer-events: auto !important;
}

#top_network.crdv0-header .crdv0-mega__head {
 display: flex !important;
 align-items: center !important;
 justify-content: space-between !important;

 gap: 20px !important;

 margin: 0 0 20px !important;
 padding: 0 0 15px !important;

 border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

#top_network.crdv0-header .crdv0-kicker {
 display: inline-flex !important;
 align-items: center !important;

 gap: 10px !important;

 color: var(--crdv0-gold-light) !important;

 font-family: var(--crdv0-font) !important;
 font-size: 10px !important;
 font-weight: 800 !important;
 line-height: 1 !important;
 letter-spacing: .15em !important;
 text-transform: uppercase !important;
}

#top_network.crdv0-header .crdv0-kicker::before {
 content: "" !important;

 width: 30px !important;
 height: 1px !important;

 background: var(--crdv0-gold) !important;
}

#top_network.crdv0-header .crdv0-mega__hub {
 display: inline-flex !important;
 align-items: center !important;

 gap: 6px !important;

 color: var(--crdv0-gold-light) !important;

 font-family: var(--crdv0-font) !important;
 font-size: 12px !important;
 font-weight: 600 !important;
 line-height: 1 !important;
 white-space: nowrap !important;
}

#top_network.crdv0-header .crdv0-mega__hub:hover {
 color: var(--crdv0-white) !important;
}

#top_network.crdv0-header .crdv0-mega__hub svg {
 width: 16px !important;
 height: 16px !important;

 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.7 !important;
}

#top_network.crdv0-header .crdv0-mega__menu {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0,1fr)) !important;
 align-items: center !important;

 column-gap: 38px !important;
 row-gap: 6px !important;
}

#top_network.crdv0-header .crdv0-mega__link {
 display: inline-flex !important;
 align-items: center !important;
 justify-self: start !important;

 width: auto !important;
 max-width: 100% !important;
 min-width: 0 !important;
 min-height: 38px !important;

 margin: 0 !important;
 padding: 8px 12px !important;

 color: #d2cbc1 !important;

 border: 1px solid transparent !important;
 border-radius: 3px !important;
 background: transparent !important;
 box-shadow: none !important;

 font-family: var(--crdv0-font) !important;
 font-size: 14px !important;
 font-weight: 600 !important;
 line-height: 1.25 !important;

 transition:
  color .18s ease,
  border-color .18s ease,
  background .18s ease !important;
}

#top_network.crdv0-header .crdv0-mega__link:hover,
#top_network.crdv0-header .crdv0-mega__link:focus-visible {
 color: var(--crdv0-white) !important;
 border-color: rgba(255,255,255,.08) !important;
 background: rgba(255,255,255,.035) !important;
 outline: 0 !important;
}

#top_network.crdv0-header .crdv0-mega__link.is-active {
 color: #efd39e !important;
 border-color: rgba(174,137,84,.28) !important;
 background: rgba(174,137,84,.11) !important;
 box-shadow: inset 0 0 0 1px rgba(174,137,84,.045) !important;
 outline: 0 !important;
}

/* --------------------------------------------------------------------------
 8. Header tools — test-like squares
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-tools {
 flex: 0 0 auto !important;

 display: flex !important;
 align-items: center !important;
 justify-content: flex-end !important;

 gap: 8px !important;
}

#top_network.crdv0-header .crdv0-icon-btn {
 position: relative !important;

 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 flex: 0 0 40px !important;

 width: 40px !important;
 min-width: 40px !important;
 max-width: 40px !important;

 height: 40px !important;
 min-height: 40px !important;
 max-height: 40px !important;

 margin: 0 !important;
 padding: 0 !important;

 color: #c9aa78 !important;

 border: 1px solid rgba(255,255,255,.12) !important;
 background: rgba(255,255,255,.025) !important;

 cursor: pointer !important;
 user-select: none !important;

 transition:
  color .18s ease,
  border-color .18s ease,
  background .18s ease !important;
}

#top_network.crdv0-header .crdv0-icon-btn:hover,
#top_network.crdv0-header .crdv0-icon-btn:focus-visible {
 color: #0b0b0b !important;

 border-color: var(--crdv0-gold-light) !important;
 background: var(--crdv0-gold-light) !important;

 outline: 0 !important;
}

#top_network.crdv0-header .crdv0-icon-btn svg {
 width: 19px !important;
 height: 19px !important;

 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.7 !important;
 stroke-linecap: round !important;
 stroke-linejoin: round !important;
}

#top_network.crdv0-header .crdv0-icon-btn [fill="currentColor"] {
 fill: currentColor !important;
 stroke: none !important;
}

/* --------------------------------------------------------------------------
 9. Account button and dropdown
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-account {
 position: relative !important;
 flex: 0 0 auto !important;
}

#top_network.crdv0-header .crdv0-account__button {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 gap: 8px !important;

 height: 40px !important;
 min-height: 40px !important;

 margin: 0 !important;
 padding: 0 11px 0 7px !important;

 color: #eeeae2 !important;

 border: 1px solid rgba(255,255,255,.12) !important;
 background: rgba(255,255,255,.018) !important;

 cursor: pointer !important;
 user-select: none !important;

 transition:
  color .18s ease,
  border-color .18s ease,
  background .18s ease !important;
}

#top_network.crdv0-header .crdv0-account__button:hover,
#top_network.crdv0-header .crdv0-account__button:focus-visible,
#top_network.crdv0-header .crdv0-account__button[aria-expanded="true"] {
 color: var(--crdv0-white) !important;

 border-color: rgba(215,176,111,.48) !important;
 background: rgba(174,137,84,.075) !important;

 outline: 0 !important;
}

#top_network.crdv0-header .crdv0-account__avatar {
 flex: 0 0 28px !important;

 display: grid !important;
 place-items: center !important;

 width: 28px !important;
 min-width: 28px !important;
 max-width: 28px !important;

 height: 28px !important;
 min-height: 28px !important;
 max-height: 28px !important;

 object-fit: cover !important;

 color: var(--crdv0-gold-light) !important;

 border: 1px solid var(--crdv0-line) !important;
 background: #17130f !important;

 overflow: hidden !important;
}

#top_network.crdv0-header .crdv0-account__avatar--empty svg {
 width: 17px !important;
 height: 17px !important;

 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.6 !important;
}

#top_network.crdv0-header .crdv0-account__name {
 display: block !important;

 max-width: 110px !important;

 overflow: hidden !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;

 font-family: var(--crdv0-font) !important;
 font-size: 11px !important;
 font-weight: 700 !important;
 line-height: 1 !important;
}

#top_network.crdv0-header .crdv0-account__arrow {
 width: 13px !important;
 height: 13px !important;

 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.8 !important;

 transition: transform .18s ease !important;
}

#top_network.crdv0-header .crdv0-account__button[aria-expanded="true"] .crdv0-account__arrow {
 transform: rotate(180deg) !important;
}

#top_network.crdv0-header .crdv0-account-drop {
 position: absolute !important;
 z-index: 50 !important;

 top: calc(100% + 12px) !important;
 right: 0 !important;

 width: 310px !important;

 margin: 0 !important;
 padding: 0 !important;

 color: var(--crdv0-text) !important;

 border: 1px solid var(--crdv0-line) !important;

 background:
  radial-gradient(circle at 100% 0%, rgba(174,137,84,.08), transparent 40%),
  rgba(15,13,12,.995) !important;

 box-shadow: 0 26px 68px rgba(0,0,0,.54) !important;

 opacity: 0 !important;
 visibility: hidden !important;
 pointer-events: none !important;

 transform: translateY(-7px) !important;

 transition:
  opacity .18s ease,
  visibility .18s ease,
  transform .18s ease !important;
}

#top_network.crdv0-header .crdv0-account-drop.is-open {
 opacity: 1 !important;
 visibility: visible !important;
 pointer-events: auto !important;

 transform: none !important;
}

/* Hover bridge between user button and dropdown. */
#top_network.crdv0-header .crdv0-account-drop::before {
 content: "" !important;

 position: absolute !important;
 left: -1px !important;
 right: -1px !important;
 top: -14px !important;

 height: 14px !important;

 background: transparent !important;
 pointer-events: auto !important;
}

#top_network.crdv0-header .crdv0-account-drop__head {
 display: grid !important;
 grid-template-columns: 62px minmax(0,1fr) !important;
 align-items: center !important;

 gap: 14px !important;

 padding: 17px !important;

 border-bottom: 1px solid var(--crdv0-line-soft) !important;
}

#top_network.crdv0-header .crdv0-account-drop__avatar {
 width: 62px !important;
 height: 62px !important;

 overflow: hidden !important;

 border: 1px solid var(--crdv0-line) !important;
 background: #17130f !important;
}

#top_network.crdv0-header .crdv0-account-drop__avatar img,
#top_network.crdv0-header .crdv0-account-drop__avatar > span {
 display: block !important;

 width: 100% !important;
 height: 100% !important;

 object-fit: cover !important;
}

#top_network.crdv0-header .crdv0-account-drop__avatar > span {
 display: grid !important;
 place-items: center !important;

 color: var(--crdv0-gold-light) !important;
}

#top_network.crdv0-header .crdv0-account-drop__avatar svg {
 width: 26px !important;
 height: 26px !important;

 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.6 !important;
}

#top_network.crdv0-header .crdv0-account-drop__who {
 min-width: 0 !important;

 display: grid !important;

 gap: 5px !important;
}

#top_network.crdv0-header .crdv0-account-drop__who strong {
 overflow: hidden !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;

 color: var(--crdv0-title) !important;

 font-family: var(--crdv0-title-font) !important;
 font-size: 14px !important;
 font-weight: 400 !important;
 line-height: 1.15 !important;
}

#top_network.crdv0-header .crdv0-account-drop__who span {
 color: var(--crdv0-gold-light) !important;

 font-family: var(--crdv0-font) !important;
 font-size: 11px !important;
 font-weight: 600 !important;
 line-height: 1.2 !important;
}

#top_network.crdv0-header .crdv0-account-drop__links {
 display: grid !important;

 padding: 8px !important;
}

#top_network.crdv0-header .crdv0-account-drop__links a {
 display: flex !important;
 align-items: center !important;
 justify-content: space-between !important;

 min-height: 40px !important;

 margin: 0 !important;
 padding: 9px 11px !important;

 color: #d2c6b7 !important;

 background: transparent !important;
 border: 0 !important;

 font-family: var(--crdv0-font) !important;
 font-size: 12px !important;
 font-weight: 600 !important;
 line-height: 1.25 !important;

 transition:
  color .18s ease,
  background .18s ease !important;
}

#top_network.crdv0-header .crdv0-account-drop__links a:hover {
 color: var(--crdv0-white) !important;
 background: rgba(174,137,84,.085) !important;
}

#top_network.crdv0-header .crdv0-account-drop__links b {
 display: grid !important;
 place-items: center !important;

 min-width: 20px !important;
 height: 20px !important;

 padding: 0 5px !important;

 color: #0b0907 !important;
 background: var(--crdv0-gold-light) !important;

 font-size: 9px !important;
 line-height: 1 !important;
}

#top_network.crdv0-header .crdv0-account-drop__logout {
 color: #c88b78 !important;
}

#top_network.crdv0-header .crdv0-pm__badge {
 position: absolute !important;

 top: -5px !important;
 right: -5px !important;

 display: grid !important;
 place-items: center !important;

 min-width: 18px !important;
 height: 18px !important;

 padding: 0 5px !important;

 color: #0b0907 !important;
 background: var(--crdv0-gold-light) !important;

 border: 2px solid var(--crdv0-bg-dark) !important;

 font-family: var(--crdv0-font) !important;
 font-size: 9px !important;
 font-weight: 900 !important;
 line-height: 1 !important;
}

#top_network.crdv0-header .crdv0-login {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 gap: 7px !important;

 flex: 0 0 auto !important;
 width: auto !important;
 min-width: 78px !important;
 max-width: none !important;
 height: 40px !important;
 min-height: 40px !important;
 max-height: 40px !important;

 margin: 0 !important;
 padding: 0 13px !important;

 color: #eeeae2 !important;

 border: 1px solid rgba(255,255,255,.12) !important;
 background: rgba(255,255,255,.018) !important;

 font-family: var(--crdv0-font) !important;
 font-size: 11px !important;
 font-weight: 700 !important;
 line-height: 1 !important;
 white-space: nowrap !important;
 overflow: visible !important;
}

#top_network.crdv0-header a.crdv0-login.no-bg,
#top_network.crdv0-header a.crdv0-login.no-bg:link,
#top_network.crdv0-header a.crdv0-login.no-bg:visited,
#top_network.crdv0-header a.crdv0-login.no-bg:hover,
#top_network.crdv0-header a.crdv0-login.no-bg:active {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 7px !important;
 flex: 0 0 auto !important;
 width: auto !important;
 min-width: 78px !important;
 height: 40px !important;
 min-height: 40px !important;
 padding: 0 13px !important;
 color: #eeeae2 !important;
 border: 1px solid rgba(255,255,255,.12) !important;
 background: rgba(255,255,255,.018) !important;
 font-family: var(--crdv0-font) !important;
 font-size: 11px !important;
 font-weight: 700 !important;
 line-height: 1 !important;
 white-space: nowrap !important;
}

#top_network.crdv0-header .crdv0-login:hover {
 color: var(--crdv0-gold-light) !important;
 border-color: rgba(215,176,111,.48) !important;
}

#top_network.crdv0-header .crdv0-login svg {
 flex: 0 0 17px !important;
 width: 17px !important;
 min-width: 17px !important;
 height: 17px !important;
 min-height: 17px !important;

 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.7 !important;
}

#top_network.crdv0-header .crdv0-login span {
 display: inline-block !important;
 min-width: max-content !important;
 white-space: nowrap !important;
}

/* --------------------------------------------------------------------------
 10. Context bar — test structure, CRDGAME palette
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-context {
 position: relative !important;
 z-index: 4 !important;

 height: var(--crdv0-context-h) !important;

 color: #c5c5c5 !important;

 background: rgba(24,24,31,.96) !important;

 border-bottom: 1px solid rgba(255,255,255,.045) !important;
 box-shadow: none !important;
}

#top_network.crdv0-header .crdv0-context__inner {
 display: flex !important;
 align-items: center !important;

 gap: 16px !important;
}

#top_network.crdv0-header .crdv0-context__eyebrow {
 color: rgba(190,181,166,.64) !important;

 font-family: var(--crdv0-font) !important;
 font-size: 9px !important;
 font-weight: 800 !important;
 line-height: 1 !important;
 letter-spacing: .12em !important;
 text-transform: uppercase !important;
}

#top_network.crdv0-header .crdv0-context__link {
 display: inline-flex !important;
 align-items: center !important;

 min-width: 0 !important;
 max-width: 100% !important;

 gap: 8px !important;

 color: rgba(190,181,166,.86) !important;

 font-family: var(--crdv0-font) !important;
 font-size: 10px !important;
 font-weight: 900 !important;
 line-height: 1 !important;
 letter-spacing: .035em !important;
 text-transform: uppercase !important;
}

#top_network.crdv0-header .crdv0-context__link:hover {
 color: #d7b06f !important;
}

#top_network.crdv0-header .crdv0-context__link [data-crdv0-context-title] {
 min-width: 0 !important;
 max-width: min(70vw, 980px) !important;
 overflow: hidden !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;
}

#top_network.crdv0-header .crdv0-context__current {
 display: block !important;
 min-width: 0 !important;
 max-width: min(58vw, 900px) !important;
 overflow: hidden !important;
 color: rgba(215,176,111,.96) !important;
 font-family: var(--crdv0-font) !important;
 font-size: 10px !important;
 font-weight: 900 !important;
 line-height: 1 !important;
 letter-spacing: .035em !important;
 text-overflow: ellipsis !important;
 text-transform: uppercase !important;
 white-space: nowrap !important;
}

#top_network.crdv0-header .crdv0-context__link svg {
 width: 14px !important;
 height: 14px !important;

 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.8 !important;
}

/* --------------------------------------------------------------------------
 11. Hidden raw $NMENU_N$ output
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-menu-sources {
 position: absolute !important;

 left: -100000px !important;
 top: 0 !important;

 display: block !important;

 width: 1px !important;
 height: 1px !important;

 overflow: hidden !important;
 visibility: hidden !important;
 pointer-events: none !important;

 opacity: 0 !important;
}

/* --------------------------------------------------------------------------
 12. Mobile
 -------------------------------------------------------------------------- */

#top_network.crdv0-header .crdv0-mobile-toggle,
#top_network.crdv0-header .crdv0-mobile,
#top_network.crdv0-header .crdv0-mobile-backdrop {
 display: none !important;
}

html.crdv0-lock,
body.crdv0-lock {
 overflow: hidden !important;
}

/* --------------------------------------------------------------------------
 13. Desktop compression
 -------------------------------------------------------------------------- */

@media (max-width: 1560px) {

 #top_network.crdv0-header {
  --crdv0-shell: 1380px;
 }

 #top_network.crdv0-header .crdv0-shell {
  width: min(calc(100% - 40px), var(--crdv0-shell)) !important;
 }

 #top_network.crdv0-header .crdv0-bar__inner {
  gap: 22px !important;
 }

 #top_network.crdv0-header .crdv0-brand,
 #top_network.crdv0-header .crdv0-brand img {
  width: 175px !important;
  min-width: 175px !important;
  max-width: 175px !important;
 }

 #top_network.crdv0-header .crdv0-brand {
  flex-basis: 175px !important;
 }

 #top_network.crdv0-header .crdv0-desktop {
  gap: 20px !important;
 }

 #top_network.crdv0-header .crdv0-primary {
  gap: 17px !important;
 }

 #top_network.crdv0-header .crdv0-primary__link {
  font-size: 11px !important;
  letter-spacing: .035em !important;
 }

 #top_network.crdv0-header .crdv0-account__name {
  max-width: 90px !important;
 }
}

@media (max-width: 1260px) {

 #top_network.crdv0-header .crdv0-primary {
  gap: 13px !important;
 }

 #top_network.crdv0-header .crdv0-primary__link {
  font-size: 10px !important;
 }

 #top_network.crdv0-header .crdv0-nav-button {
  min-width: 72px !important;
  padding-inline: 13px !important;
  font-size: 10px !important;
 }

 #top_network.crdv0-header .crdv0-account__name {
  display: none !important;
 }

 #top_network.crdv0-header .crdv0-account__button {
  width: 40px !important;
  min-width: 40px !important;
  padding: 0 5px !important;
 }

 #top_network.crdv0-header .crdv0-account__arrow {
  display: none !important;
 }
}

/* --------------------------------------------------------------------------
 13.5. Desktop measured centering
 -------------------------------------------------------------------------- */

/*
 Реальные замеры при ширине окна 3398px:

 - центр viewport:             1699.00px
 - центр shell:                1693.00px
 - logo right:                 1163.00px
 - tools left:                 2172.84px
 - центр свободной зоны:       1667.92px
 - центр desktop menu group:   1671.00px
 - отклонение от свободной зоны: +3.08px

 Поэтому блок "Игры + $NMENU_1$" центрируем независимо от flex-ширины
 соседних элементов и оставляем проверенный визуальный сдвиг -22px.
 Логотип и инструменты справа не двигаются.
*/

@media (min-width: 1181px) {

 #top_network.crdv0-header .crdv0-bar__inner {
  position: relative !important;
 }

 #top_network.crdv0-header .crdv0-desktop {
  position: absolute !important;

  left: calc(50% - 22px) !important;
  top: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;

  transform: translate(-50%, -50%) !important;
 }

 #top_network.crdv0-header .crdv0-primary {
  flex: 0 0 auto !important;

  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
 }
}

/* --------------------------------------------------------------------------
 14. Mobile/tablet drawer — test architecture
 -------------------------------------------------------------------------- */

@media (max-width: 1180px) {

 /*
  На mobile/tablet используем fixed, а не sticky.

  Причина:
  sticky зависит от геометрии/overflow родительских контейнеров uCoz
  и может оставаться привязанным к верхней части своего контейнера,
  вместо постоянного следования за viewport.

  Высоту fixed-хедера компенсируем padding-top у body,
  поэтому контент не уезжает под меню.
 */
 html {
  --crdv0-mobile-header-h: 100px;
 }

 body.tmpl_body {
  padding-top: var(--crdv0-mobile-header-h) !important;
 }

 #top_network.crdv0-header {
  --crdv0-bar-h: 68px;
  --crdv0-context-h: 32px;
  --crdv0-total-h: 100px;

  position: fixed !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  transform: none !important;
 }

 .uadm--fixed-body-top #top_network.crdv0-header {
  top: 30px !important;
 }

 #top_network.crdv0-header .crdv0-shell {
  width: min(calc(100% - 34px), 1040px) !important;
 }

 #top_network.crdv0-header .crdv0-desktop {
  display: none !important;
 }

 #top_network.crdv0-header .crdv0-account,
 #top_network.crdv0-header .crdv0-pm {
  display: none !important;
 }

 #top_network.crdv0-header .crdv0-mobile-toggle {
  display: inline-flex !important;
 }

 #top_network.crdv0-header .crdv0-tools {
  gap: 6px !important;
 }

 #top_network.crdv0-header .crdv0-brand,
 #top_network.crdv0-header .crdv0-brand img {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
 }

 #top_network.crdv0-header .crdv0-brand {
  flex-basis: 180px !important;
 }

 #top_network.crdv0-header .crdv0-mobile {
  position: fixed !important;
  z-index: 120 !important;

  top: 0 !important;
  right: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  width: min(440px, 92vw) !important;
  height: 100dvh !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #eeeae2 !important;

  border-left: 1px solid var(--crdv0-line) !important;

  background:
   radial-gradient(circle at 100% 0%, rgba(174,137,84,.08), transparent 42%),
   linear-gradient(180deg, #15110d 0%, #0c0b0d 55%, #09090a 100%) !important;

  box-shadow: -28px 0 74px rgba(0,0,0,.52) !important;

  transform: translateX(105%) !important;

  transition: transform .26s ease !important;
 }

 .uadm--fixed-body-top #top_network.crdv0-header .crdv0-mobile {
  top: 30px !important;
  height: calc(100dvh - 30px) !important;
 }

 #top_network.crdv0-header .crdv0-mobile[aria-hidden="false"] {
  transform: none !important;
 }

 #top_network.crdv0-header .crdv0-mobile-backdrop {
  position: fixed !important;
  z-index: 110 !important;

  inset: 0 !important;

  display: block !important;

  background: rgba(0,0,0,.72) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transition:
   opacity .22s ease,
   visibility .22s ease !important;
 }

 #top_network.crdv0-header .crdv0-mobile-backdrop.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
 }

 #top_network.crdv0-header .crdv0-mobile__head {
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 68px !important;

  padding: 0 20px !important;

  border-bottom: 1px solid var(--crdv0-line-soft) !important;
 }

 #top_network.crdv0-header .crdv0-mobile__brand {
  display: flex !important;
  align-items: center !important;

  width: 185px !important;
  height: 40px !important;
 }

 #top_network.crdv0-header .crdv0-mobile__brand img {
  display: block !important;

  width: 185px !important;
  max-width: 185px !important;
  height: auto !important;
  max-height: 32px !important;

  object-fit: contain !important;
  object-position: left center !important;
 }

 #top_network.crdv0-header .crdv0-mobile__scroll {
  min-height: 0 !important;

  overflow-y: auto !important;
  overscroll-behavior: contain !important;

  padding: 22px 22px 42px !important;
 }

 #top_network.crdv0-header .crdv0-mobile__section {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;
 }

 #top_network.crdv0-header .crdv0-mobile__section + .crdv0-mobile__section {
  margin-top: 28px !important;
 }

 #top_network.crdv0-header .crdv0-mobile__label {
  display: block !important;

  margin: 0 0 9px !important;

  color: var(--crdv0-gold-light) !important;

  font-family: var(--crdv0-font) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
 }

 #top_network.crdv0-header .crdv0-mobile__links {
  display: grid !important;

  margin: 0 !important;
  padding: 0 !important;
 }

 #top_network.crdv0-header .crdv0-mobile__links a {
  position: relative !important;

  display: flex !important;
  align-items: center !important;

  min-height: 45px !important;

  margin: 0 !important;
  padding: 10px 0 !important;

  color: #ddd9d1 !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  background: transparent !important;

  font-family: var(--crdv0-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;

  transition:
   color .18s ease,
   padding-left .18s ease !important;
 }

 #top_network.crdv0-header .crdv0-mobile__links a:hover,
 #top_network.crdv0-header .crdv0-mobile__links a.is-active {
  color: var(--crdv0-gold-light) !important;
  padding-left: 8px !important;
 }

 #top_network.crdv0-header .crdv0-mobile__links a.is-active::before {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  top: 50% !important;

  width: 2px !important;
  height: 18px !important;

  background: var(--crdv0-gold) !important;

  transform: translateY(-50%) !important;
 }
}

/* --------------------------------------------------------------------------
 15. Small mobile
 -------------------------------------------------------------------------- */

@media (max-width: 820px) {

 html {
  --crdv0-mobile-header-h: 94px;
 }

 #top_network.crdv0-header {
  --crdv0-bar-h: 62px;
  --crdv0-context-h: 32px;
  --crdv0-total-h: 94px;
 }

 #top_network.crdv0-header .crdv0-shell {
  width: calc(100% - 28px) !important;
 }

 #top_network.crdv0-header .crdv0-brand,
 #top_network.crdv0-header .crdv0-brand img {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
 }

 #top_network.crdv0-header .crdv0-brand {
  flex-basis: 165px !important;
 }

 #top_network.crdv0-header .crdv0-icon-btn {
  flex-basis: 36px !important;

  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;

  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
 }

 #top_network.crdv0-header .crdv0-context__eyebrow {
  display: none !important;
 }

 #top_network.crdv0-header .crdv0-context__link,
 #top_network.crdv0-header .crdv0-context__current {
  font-size: 9px !important;
 }

 #top_network.crdv0-header .crdv0-context__inner {
  gap: 8px !important;
 }

 #top_network.crdv0-header .crdv0-context__current {
  max-width: 56vw !important;
 }
}

@media (max-width: 520px) {

 html {
  --crdv0-mobile-header-h: 88px;
 }

 #top_network.crdv0-header {
  --crdv0-bar-h: 58px;
  --crdv0-context-h: 30px;
  --crdv0-total-h: 88px;
 }

 #top_network.crdv0-header .crdv0-brand,
 #top_network.crdv0-header .crdv0-brand img {
  width: 145px !important;
  min-width: 145px !important;
  max-width: 145px !important;
 }

 #top_network.crdv0-header .crdv0-brand {
  flex-basis: 145px !important;
 }

 #top_network.crdv0-header .crdv0-mobile {
  width: 100vw !important;
 }

 #top_network.crdv0-header .crdv0-mobile__brand,
 #top_network.crdv0-header .crdv0-mobile__brand img {
  width: 165px !important;
  max-width: 165px !important;
 }
}


/* ==========================================================================
 HOME-ONLY HORIZONTAL ALIGNMENT FIX
 The current live header uses left:0/right:0/margin:auto.
 V2 applies that exact method ONLY on the current Home layout.
========================================================================== */

html body.page-home #top_network.crdv0-header.crdv0-is-home {
 left: 0 !important;
 right: 0 !important;

 width: 100% !important;
 min-width: 0 !important;
 max-width: none !important;

 margin-left: auto !important;
 margin-right: auto !important;

 transform: none !important;
}