/* ========================================================================== 
   CRDGAME HEADER NAV V5 — UCOZ NATIVE / SOLID NON-HOME BASE
   Fixed header: 60px.
   $NMENU_1$/$NMENU_2$/$NMENU_3$ render directly in the visible interface.
   Independent from legacy header markup/classes.
========================================================================== */

html body #top_network.crdnav5-header {
 --crdnav5-bar-h: 60px;
 --crdnav5-air-h: 0px;
 --crdnav5-total-h: 60px;
 --crdnav5-mobile-breakpoint: 1400px;

 --crdnav5-bg: #131313;
 --crdnav5-panel: rgba(12,12,12,.99);
 --crdnav5-panel-solid: #0c0c0c;
 --crdnav5-hover-bg: #131313;
 --crdnav5-text: #ddcbad;
 --crdnav5-hover: #dd9933;
 --crdnav5-search: #ddab5f;
 --crdnav5-light: #ececd1;
 --crdnav5-muted: #8d8273;
 --crdnav5-danger: #cf8a78;
 --crdnav5-font: "Exo 2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

 position: fixed !important;
 z-index: 9000 !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 width: 100% !important;
 min-width: 0 !important;
 max-width: none !important;
 height: var(--crdnav5-total-h) !important;
 min-height: var(--crdnav5-total-h) !important;
 max-height: var(--crdnav5-total-h) !important;
 margin: 0 !important;
 padding: 0 !important;

 display: block !important;
 align-items: initial !important;
 justify-content: initial !important;
 flex-direction: initial !important;
 flex-wrap: initial !important;
 gap: 0 !important;

 transform: none !important;
 color: var(--crdnav5-text) !important;
 background: transparent !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 overflow: visible !important;
 isolation: isolate !important;
 box-sizing: border-box !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 16px !important;
 font-weight: 400 !important;
 line-height: 1 !important;
 backdrop-filter: none !important;
 -webkit-backdrop-filter: none !important;
}

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

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

#top_network.crdnav5-header a,
#top_network.crdnav5-header a:link,
#top_network.crdnav5-header a:visited,
#top_network.crdnav5-header a:hover,
#top_network.crdnav5-header a:active {
 margin: 0 !important;
 text-decoration: none !important;
 text-shadow: none !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 word-break: normal !important;
}

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

#top_network.crdnav5-header img {
 margin: 0 !important;
 padding: 0 !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
}

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

/* ========================================================================== 
   1. 60px visible navigation; no technical reserve
========================================================================== */

#top_network.crdnav5-header > .crdnav5-bar,
#top_network.crdnav5-header > .crdnav5-air {
 display: block !important;
 width: 100% !important;
 min-width: 0 !important;
 max-width: none !important;
 flex: none !important;
}

#top_network.crdnav5-header .crdnav5-bar {
 position: relative !important;
 z-index: 20 !important;
 height: var(--crdnav5-bar-h) !important;
 min-height: var(--crdnav5-bar-h) !important;
 max-height: var(--crdnav5-bar-h) !important;
 margin: 0 !important;
 padding: 0 !important;
 color: var(--crdnav5-text) !important;
 background: var(--crdnav5-bg) !important;
 background-image: none !important;
 border: 0 !important;
 border-bottom: 1px solid #080808 !important;
 box-shadow: none !important;
 backdrop-filter: none !important;
 -webkit-backdrop-filter: none !important;
 overflow: visible !important;
}

#top_network.crdnav5-header .crdnav5-air {
 display: none !important;
 width: 0 !important;
 height: 0 !important;
 min-width: 0 !important;
 min-height: 0 !important;
 max-width: 0 !important;
 max-height: 0 !important;
 margin: 0 !important;
 padding: 0 !important;
 overflow: hidden !important;
 pointer-events: none !important;
}

#top_network.crdnav5-header .crdnav5-inner {
 position: relative !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 width: 100% !important;
 max-width: none !important;
 height: var(--crdnav5-bar-h) !important;
 margin: 0 !important;
 padding: 0 16px !important;
 background: transparent !important;
 border: 0 !important;
}

/* ========================================================================== 
   2. Desktop menu
========================================================================== */

#top_network.crdnav5-header .crdnav5-primary {
 display: flex !important;
 align-items: stretch !important;
 justify-content: center !important;
 flex-wrap: nowrap !important;
 width: max-content !important;
 min-width: 0 !important;
 max-width: calc(100vw - 430px) !important;
 height: var(--crdnav5-bar-h) !important;
 margin: 0 !important;
 padding: 0 !important;
 color: var(--crdnav5-text) !important;
 background: transparent !important;
 border: 0 !important;
 white-space: nowrap !important;
}

#top_network.crdnav5-header .crdnav5-primary__link,
#top_network.crdnav5-header .crdnav5-primary__games {
 position: relative !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 flex: 0 0 auto !important;
 height: 60px !important;
 min-height: 60px !important;
 margin: 0 !important;
 padding: 16px 20px !important;
 color: var(--crdnav5-text) !important;
 background: transparent !important;
 border: 0 !important;
 outline: 0 !important;
 box-shadow: none !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 16px !important;
 font-weight: 400 !important;
 line-height: 16px !important;
 letter-spacing: normal !important;
 text-transform: uppercase !important;
 white-space: nowrap !important;
 cursor: pointer !important;
 user-select: none !important;
 transition: color .14s ease, background-color .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-primary__games {
 column-gap: 10px !important;
}

#top_network.crdnav5-header .crdnav5-primary__games svg {
 width: 11px !important;
 height: 11px !important;
 fill: currentColor !important;
 stroke: none !important;
 transition: transform .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-primary__link:hover,
#top_network.crdnav5-header .crdnav5-primary__link:focus-visible,
#top_network.crdnav5-header .crdnav5-primary__games:hover,
#top_network.crdnav5-header .crdnav5-primary__games:focus-visible,
#top_network.crdnav5-header .crdnav5-primary__games[aria-expanded="true"] {
 color: var(--crdnav5-hover) !important;
 background: transparent !important;
 outline: 0 !important;
}

#top_network.crdnav5-header .crdnav5-primary__link.is-active,
#top_network.crdnav5-header .crdnav5-primary__link[aria-current="page"] {
 color: var(--crdnav5-text) !important;
 background: transparent !important;
}

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

/* ========================================================================== 
   3. Desktop tools - visually part of the same 60px bar
========================================================================== */

#top_network.crdnav5-header .crdnav5-tools {
 position: absolute !important;
 z-index: 30 !important;
 top: 0 !important;
 right: 16px !important;
 display: flex !important;
 align-items: stretch !important;
 justify-content: flex-end !important;
 height: 60px !important;
 margin: 0 !important;
 padding: 0 !important;
 gap: 0 !important;
}

#top_network.crdnav5-header .crdnav5-tool,
#top_network.crdnav5-header .crdnav5-profile__toggle,
#top_network.crdnav5-header .crdnav5-login {
 position: relative !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 height: 60px !important;
 min-height: 60px !important;
 margin: 0 !important;
 padding: 0 !important;
 color: var(--crdnav5-text) !important;
 background: transparent !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 font-family: var(--crdnav5-font) !important;
 cursor: pointer !important;
 transition: color .14s ease, background-color .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-tool {
 width: 56px !important;
 min-width: 56px !important;
 max-width: 56px !important;
}

#top_network.crdnav5-header .crdnav5-search {
 color: var(--crdnav5-search) !important;
}

#top_network.crdnav5-header .crdnav5-tool:hover,
#top_network.crdnav5-header .crdnav5-tool:focus-visible,
#top_network.crdnav5-header .crdnav5-profile__toggle:hover,
#top_network.crdnav5-header .crdnav5-profile__toggle:focus-visible,
#top_network.crdnav5-header .crdnav5-profile__toggle[aria-expanded="true"],
#top_network.crdnav5-header .crdnav5-login:hover,
#top_network.crdnav5-header .crdnav5-login:focus-visible {
 color: var(--crdnav5-hover) !important;
 background: var(--crdnav5-hover-bg) !important;
 outline: 0 !important;
}

#top_network.crdnav5-header .crdnav5-tool 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.crdnav5-header .crdnav5-search svg {
 width: 18px !important;
 height: 18px !important;
 fill: currentColor !important;
 stroke: none !important;
}

#top_network.crdnav5-header .crdnav5-profile {
 position: static !important;
 display: block !important;
 margin: 0 !important;
 padding: 0 !important;
}

#top_network.crdnav5-header .crdnav5-profile__toggle {
 gap: 8px !important;
 padding: 0 12px 0 8px !important;
}

#top_network.crdnav5-header .crdnav5-profile__avatar {
 display: block !important;
 flex: 0 0 28px !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;
 overflow: hidden !important;
 border: 0 !important;
 background: #171717 !important;
}

#top_network.crdnav5-header .crdnav5-profile__avatar--empty {
 display: grid !important;
 place-items: center !important;
 color: var(--crdnav5-text) !important;
}

#top_network.crdnav5-header .crdnav5-profile__avatar--empty svg {
 width: 17px !important;
 height: 17px !important;
 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.7 !important;
}

#top_network.crdnav5-header .crdnav5-profile__name {
 display: block !important;
 max-width: 105px !important;
 overflow: hidden !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;
 color: inherit !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 12px !important;
 font-weight: 400 !important;
 line-height: 1 !important;
 text-transform: uppercase !important;
}

#top_network.crdnav5-header .crdnav5-profile__arrow {
 width: 10px !important;
 height: 10px !important;
 fill: currentColor !important;
 stroke: none !important;
 transition: transform .14s ease !important;
}

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

#top_network.crdnav5-header .crdnav5-login {
 gap: 7px !important;
 padding: 0 16px !important;
 font-size: 14px !important;
 font-weight: 400 !important;
 text-transform: uppercase !important;
 white-space: nowrap !important;
}

#top_network.crdnav5-header .crdnav5-login svg {
 width: 17px !important;
 height: 17px !important;
 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.7 !important;
}

#top_network.crdnav5-header .crdnav5-pm__badge {
 position: absolute !important;
 top: 8px !important;
 right: 7px !important;
 display: grid !important;
 place-items: center !important;
 min-width: 16px !important;
 height: 16px !important;
 padding: 0 4px !important;
 color: #07070d !important;
 background: var(--crdnav5-hover) !important;
 border: 0 !important;
 font-size: 9px !important;
 font-weight: 800 !important;
 line-height: 1 !important;
}

/* ========================================================================== 
   4. Full-width games window
========================================================================== */

#top_network.crdnav5-header .crdnav5-games-panel {
 position: absolute !important;
 z-index: 100 !important;
 top: 60px !important;
 left: 0 !important;
 right: 0 !important;
 width: 100% !important;
 min-width: 0 !important;
 max-width: none !important;
 height: auto !important;
 margin: 0 !important;
 padding: 0 !important;
 color: var(--crdnav5-text) !important;
 background: var(--crdnav5-panel) !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 opacity: 0 !important;
 visibility: hidden !important;
 pointer-events: none !important;
 transform: translateY(-4px) !important;
 transition: opacity .14s ease, visibility .14s ease, transform .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-games-panel.is-open {
 opacity: 1 !important;
 visibility: visible !important;
 pointer-events: auto !important;
 transform: none !important;
}

#top_network.crdnav5-header .crdnav5-games-panel__inner {
 width: min(calc(100% - 80px), 1520px) !important;
 max-width: 1520px !important;
 margin: 0 auto !important;
 padding: 34px 0 26px !important;
}

#top_network.crdnav5-header .crdnav5-games-grid {
 display: grid !important;
 grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 grid-auto-flow: row !important;
 gap: 0 34px !important;
 width: 100% !important;
 margin: 0 !important;
 padding: 0 !important;
}

#top_network.crdnav5-header .crdnav5-games-link {
 display: flex !important;
 align-items: center !important;
 min-width: 0 !important;
 min-height: 42px !important;
 margin: 0 !important;
 padding: 8px 12px !important;
 color: var(--crdnav5-text) !important;
 background: transparent !important;
 border: 0 !important;
 border-radius: 0 !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 14px !important;
 font-weight: 400 !important;
 line-height: 1.25 !important;
 text-transform: uppercase !important;
 transition: color .14s ease, background-color .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-games-link:hover,
#top_network.crdnav5-header .crdnav5-games-link:focus-visible,
#top_network.crdnav5-header .crdnav5-games-link.is-active {
 color: var(--crdnav5-hover) !important;
 background: #070707 !important;
 outline: 0 !important;
}

#top_network.crdnav5-header .crdnav5-games-panel__footer {
 display: flex !important;
 justify-content: center !important;
 width: 100% !important;
 margin: 26px 0 0 !important;
 padding: 22px 0 0 !important;
 border-top: 1px solid rgba(221,203,173,.12) !important;
}

#top_network.crdnav5-header .crdnav5-games-panel__hub {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 min-width: 150px !important;
 min-height: 42px !important;
 padding: 10px 20px !important;
 color: var(--crdnav5-text) !important;
 background: #070707 !important;
 border: 1px solid rgba(221,203,173,.20) !important;
 border-radius: 0 !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 14px !important;
 font-weight: 400 !important;
 line-height: 1 !important;
 text-transform: uppercase !important;
}

#top_network.crdnav5-header .crdnav5-games-panel__hub:hover,
#top_network.crdnav5-header .crdnav5-games-panel__hub:focus-visible {
 color: var(--crdnav5-hover) !important;
 border-color: var(--crdnav5-hover) !important;
 outline: 0 !important;
}

/* ========================================================================== 
   5. Account dropdown - same visual language as the menu windows
========================================================================== */

#top_network.crdnav5-header .crdnav5-account-panel {
 position: absolute !important;
 z-index: 110 !important;
 top: 60px !important;
 right: 16px !important;
 width: 310px !important;
 margin: 0 !important;
 padding: 0 !important;
 color: var(--crdnav5-text) !important;
 background: var(--crdnav5-panel) !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 opacity: 0 !important;
 visibility: hidden !important;
 pointer-events: none !important;
 transform: translateY(-4px) !important;
 transition: opacity .14s ease, visibility .14s ease, transform .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-account-panel.is-open {
 opacity: 1 !important;
 visibility: visible !important;
 pointer-events: auto !important;
 transform: none !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__head {
 display: grid !important;
 grid-template-columns: 54px minmax(0, 1fr) !important;
 align-items: center !important;
 gap: 12px !important;
 min-height: 78px !important;
 padding: 12px 14px !important;
 border: 0 !important;
 border-bottom: 1px solid rgba(221,203,173,.12) !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__avatar {
 display: grid !important;
 place-items: center !important;
 width: 54px !important;
 height: 54px !important;
 overflow: hidden !important;
 color: var(--crdnav5-text) !important;
 background: #171717 !important;
 border: 0 !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__avatar img {
 display: block !important;
 width: 100% !important;
 height: 100% !important;
 object-fit: cover !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__avatar svg {
 width: 24px !important;
 height: 24px !important;
 fill: none !important;
 stroke: currentColor !important;
 stroke-width: 1.6 !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__who strong {
 display: block !important;
 overflow: hidden !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;
 color: var(--crdnav5-light) !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 14px !important;
 font-weight: 400 !important;
 line-height: 1.2 !important;
 text-transform: uppercase !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__label {
 display: block !important;
 margin-top: 6px !important;
 color: var(--crdnav5-muted) !important;
 font-size: 10px !important;
 font-weight: 400 !important;
 line-height: 1 !important;
 letter-spacing: .08em !important;
 text-transform: uppercase !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__links {
 display: grid !important;
 padding: 6px 0 !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__links a {
 display: flex !important;
 align-items: center !important;
 justify-content: space-between !important;
 min-height: 43px !important;
 padding: 10px 16px !important;
 color: var(--crdnav5-text) !important;
 background: transparent !important;
 border: 0 !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 13px !important;
 font-weight: 400 !important;
 line-height: 1.2 !important;
 text-transform: uppercase !important;
 transition: color .14s ease, background-color .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__links a:hover,
#top_network.crdnav5-header .crdnav5-account-panel__links a:focus-visible {
 color: var(--crdnav5-hover) !important;
 background: #070707 !important;
 outline: 0 !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__links b {
 display: grid !important;
 place-items: center !important;
 min-width: 20px !important;
 height: 20px !important;
 padding: 0 5px !important;
 color: #07070d !important;
 background: var(--crdnav5-hover) !important;
 font-size: 9px !important;
 line-height: 1 !important;
}

#top_network.crdnav5-header .crdnav5-account-panel__links .crdnav5-logout {
 color: var(--crdnav5-danger) !important;
}

/* ========================================================================== 
   6. Native uCoz menus
   Real uCoz output: div.uMenuH > ul.uMenuRoot > li > a.
   No hidden source, no JS cloning, no innerHTML rebuild.
========================================================================== */

#top_network.crdnav5-header .crdnav5-nav-shell,
#top_network.crdnav5-header .crdnav5-mobile-panel__scroll,
#top_network.crdnav5-header .crdnav5-mobile-section--primary {
 display: contents !important;
}

#top_network.crdnav5-header .crdnav5-mobile-section--portal,
#top_network.crdnav5-header .crdnav5-mobile-section--account,
#top_network.crdnav5-header .crdnav5-mobile-label {
 display: none !important;
}

#top_network.crdnav5-header .crdnav5-native-menu,
#top_network.crdnav5-header .crdnav5-primary-menu > div {
 display: contents !important;
}

#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot {
 display: contents !important;
 margin: 0 !important;
 padding: 0 !important;
 list-style: none !important;
}

#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li {
 display: flex !important;
 align-items: stretch !important;
 flex: 0 0 auto !important;
 height: 60px !important;
 margin: 0 !important;
 padding: 0 !important;
 list-style: none !important;
 order: 10 !important;
}

/* Игры стоят перед О CRDGAME без DOM-перестройки. */
#top_network.crdnav5-header .crdnav5-primary__games {
 order: 20 !important;
}

#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li:last-child,
#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li:last-child {
 order: 30 !important;
}

#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a {
 position: relative !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 flex: 0 0 auto !important;
 height: 60px !important;
 min-height: 60px !important;
 margin: 0 !important;
 padding: 16px 20px !important;
 color: var(--crdnav5-text) !important;
 background: transparent !important;
 border: 0 !important;
 outline: 0 !important;
 box-shadow: none !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 16px !important;
 font-weight: 400 !important;
 line-height: 16px !important;
 text-transform: uppercase !important;
 white-space: nowrap !important;
 cursor: pointer !important;
 transition: color .14s ease, background-color .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a:hover,
#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a:focus-visible {
 color: var(--crdnav5-hover) !important;
 background: transparent !important;
 outline: 0 !important;
}

#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a.is-active,
#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a[aria-current="page"] {
 color: var(--crdnav5-text) !important;
}

#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > ul,
#top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > div {
 display: none !important;
}

#top_network.crdnav5-header .crdnav5-games-grid {
 display: block !important;
 width: 100% !important;
}

#top_network.crdnav5-header .crdnav5-games-native {
 display: block !important;
 width: 100% !important;
}

#top_network.crdnav5-header .crdnav5-games-native > div {
 display: contents !important;
}

#top_network.crdnav5-header .crdnav5-games-native .uMenuRoot {
 display: grid !important;
 grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 grid-auto-flow: row !important;
 gap: 0 34px !important;
 width: 100% !important;
 margin: 0 !important;
 padding: 0 !important;
 list-style: none !important;
}

#top_network.crdnav5-header .crdnav5-games-native .uMenuRoot > li {
 display: block !important;
 min-width: 0 !important;
 margin: 0 !important;
 padding: 0 !important;
 list-style: none !important;
}

#top_network.crdnav5-header .crdnav5-games-native .uMenuRoot > li > a {
 display: flex !important;
 align-items: center !important;
 min-width: 0 !important;
 min-height: 42px !important;
 margin: 0 !important;
 padding: 8px 12px !important;
 color: var(--crdnav5-text) !important;
 background: transparent !important;
 border: 0 !important;
 border-radius: 0 !important;
 font-family: var(--crdnav5-font) !important;
 font-size: 14px !important;
 font-weight: 400 !important;
 line-height: 1.25 !important;
 text-transform: uppercase !important;
 transition: color .14s ease, background-color .14s ease !important;
}

#top_network.crdnav5-header .crdnav5-games-native .uMenuRoot > li > a:hover,
#top_network.crdnav5-header .crdnav5-games-native .uMenuRoot > li > a:focus-visible,
#top_network.crdnav5-header .crdnav5-games-native .uMenuRoot > li > a.is-active {
 color: var(--crdnav5-hover) !important;
 background: #070707 !important;
 outline: 0 !important;
}

#top_network.crdnav5-header .crdnav5-games-native .uMenuRoot > li > ul,
#top_network.crdnav5-header .crdnav5-games-native .uMenuRoot > li > div {
 display: none !important;
}

/* ========================================================================== 
   7. Mobile - same uCoz menu becomes the drawer
========================================================================== */

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

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

@media (max-width: 1400px) {
 #top_network.crdnav5-header .crdnav5-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 !important;
 }

 #top_network.crdnav5-header .crdnav5-pm,
 #top_network.crdnav5-header .crdnav5-profile,
 #top_network.crdnav5-header .crdnav5-login {
  display: none !important;
 }

 #top_network.crdnav5-header .crdnav5-tools {
  position: static !important;
  z-index: 30 !important;
  display: contents !important;
  height: auto !important;
 }

 #top_network.crdnav5-header .crdnav5-search,
 #top_network.crdnav5-header .crdnav5-mobile-toggle {
  position: relative !important;
  z-index: 40 !important;
  display: inline-flex !important;
  flex: 0 0 60px !important;
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--crdnav5-text) !important;
  background: transparent !important;
 }

 #top_network.crdnav5-header .crdnav5-search { order: 1 !important; color: var(--crdnav5-search) !important; }
 #top_network.crdnav5-header .crdnav5-mobile-toggle { order: 3 !important; }

 #top_network.crdnav5-header .crdnav5-mobile-toggle svg {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.55 !important;
 }

 #top_network.crdnav5-header .crdnav5-mobile-toggle__close { display: none !important; }
 #top_network.crdnav5-header.is-mobile-open .crdnav5-mobile-toggle__open { display: none !important; }
 #top_network.crdnav5-header.is-mobile-open .crdnav5-mobile-toggle__close { display: block !important; }

 #top_network.crdnav5-header .crdnav5-mobile-brand {
  position: absolute !important;
  z-index: 35 !important;
  left: 50% !important;
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 160px !important;
  height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  background: transparent !important;
  border: 0 !important;
 }

 #top_network.crdnav5-header .crdnav5-mobile-brand img {
  display: block !important;
  width: 160px !important;
  max-width: 160px !important;
  height: auto !important;
  max-height: 38px !important;
  object-fit: contain !important;
 }

 #top_network.crdnav5-header .crdnav5-nav-shell.crdnav5-mobile-panel {
  position: fixed !important;
  z-index: 10 !important;
  top: 60px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: block !important;
  width: 100% !important;
  height: calc(100dvh - 60px) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--crdnav5-light) !important;
  background: rgba(7,7,13,.995) !important;
  border: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .14s ease, visibility .14s ease !important;
 }

 #top_network.crdnav5-header.is-mobile-open .crdnav5-nav-shell.crdnav5-mobile-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
 }

 #top_network.crdnav5-header .crdnav5-mobile-panel__scroll {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: 0 20px 120px !important;
 }

 #top_network.crdnav5-header .crdnav5-mobile-section,
 #top_network.crdnav5-header .crdnav5-mobile-section--primary,
 #top_network.crdnav5-header .crdnav5-mobile-section--portal,
 #top_network.crdnav5-header .crdnav5-mobile-section--account {
  display: block !important;
  width: min(100%, 500px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
 }

 #top_network.crdnav5-header .crdnav5-mobile-section + .crdnav5-mobile-section { margin-top: 34px !important; }

 #top_network.crdnav5-header .crdnav5-mobile-label {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 20px !important;
  color: var(--crdnav5-muted) !important;
  font-family: var(--crdnav5-font) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
 }

 #top_network.crdnav5-header .crdnav5-primary {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
 }

 #top_network.crdnav5-header .crdnav5-primary-menu,
 #top_network.crdnav5-header .crdnav5-primary-menu > div,
 #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot { display: contents !important; }

 #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  order: 10 !important;
 }

 #top_network.crdnav5-header .crdnav5-primary__games {
  order: 20 !important;
 }

 #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li:last-child,
 #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li:last-child {
  order: 30 !important;
 }

 #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a,
 #top_network.crdnav5-header .crdnav5-primary__games,
 #top_network.crdnav5-header .crdnav5-mobile-account a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 58px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  color: var(--crdnav5-light) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--crdnav5-font) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
 }

 #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a:hover,
 #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a:focus-visible,
 #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot > li > a.is-active,
 #top_network.crdnav5-header .crdnav5-primary__games:hover,
 #top_network.crdnav5-header .crdnav5-primary__games:focus-visible,
 #top_network.crdnav5-header .crdnav5-primary__games[aria-expanded="true"],
 #top_network.crdnav5-header .crdnav5-mobile-account a:hover,
 #top_network.crdnav5-header .crdnav5-mobile-account a:focus-visible {
  color: var(--crdnav5-hover) !important;
  background: #0c0c0c !important;
  outline: 0 !important;
 }

 #top_network.crdnav5-header .crdnav5-primary__games svg {
  width: 13px !important;
  height: 13px !important;
  fill: currentColor !important;
  stroke: none !important;
 }

 #top_network.crdnav5-header .crdnav5-games-panel {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
  background: var(--crdnav5-panel-solid) !important;
  transition: max-height .22s ease, opacity .14s ease, visibility .14s ease !important;
 }

 #top_network.crdnav5-header .crdnav5-games-panel.is-open {
  max-height: 1000px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
 }

 #top_network.crdnav5-header .crdnav5-games-panel__inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
 }

 #top_network.crdnav5-header .crdnav5-games-native .uMenuRoot {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
 }

 #top_network.crdnav5-header .crdnav5-games-native .uMenuRoot > li > a {
  min-height: 46px !important;
  padding: 14px 28px !important;
  color: var(--crdnav5-text) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
 }

 #top_network.crdnav5-header .crdnav5-games-panel__footer {
  margin: 0 !important;
  padding: 10px 20px 16px !important;
  border-top: 1px solid rgba(221,203,173,.12) !important;
 }

 #top_network.crdnav5-header .crdnav5-mobile-portal,
 #top_network.crdnav5-header .crdnav5-mobile-account {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
 }

 #top_network.crdnav5-header .crdnav5-mobile-portal-menu,
 #top_network.crdnav5-header .crdnav5-mobile-portal-menu > div,
 #top_network.crdnav5-header .crdnav5-mobile-portal-menu .uMenuRoot { display: contents !important; }

 #top_network.crdnav5-header .crdnav5-mobile-portal-menu .uMenuRoot > li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
 }

 #top_network.crdnav5-header .crdnav5-mobile-portal-menu .uMenuRoot > li > a,
 #top_network.crdnav5-header .crdnav5-mobile-account a {
  min-height: 48px !important;
  padding: 14px 20px !important;
  color: var(--crdnav5-text) !important;
  font-size: 15px !important;
 }

 #top_network.crdnav5-header .crdnav5-account-panel { display: none !important; }
}

@media (max-width: 520px) {
 #top_network.crdnav5-header .crdnav5-mobile-panel__scroll {
  padding: 0 14px 100px !important;
 }
}

/* Keep the desktop line clean near the 1400px switch point.
   Messages remain available inside the profile dropdown. */
@media (max-width: 1600px) and (min-width: 1401px) {
 #top_network.crdnav5-header .crdnav5-pm {
  display: none !important;
 }

 #top_network.crdnav5-header .crdnav5-profile__name,
 #top_network.crdnav5-header .crdnav5-profile__arrow {
  display: none !important;
 }

 #top_network.crdnav5-header .crdnav5-profile__toggle {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  padding: 0 !important;
 }
}

/* Last text item always follows Other Games, including the selected game branch. */
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li{order:10!important}
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li:last-child{order:30!important}
