/* ========================================================================== 
   CRDGAME GAME LAYOUT V14.15
   - native uCoz $NMENU_4$ game navigation; no JS loading/filtering
   - archive section/category VULKK masthead + audited left rail
   - archive shell is emitted by GLOBAL_AHEADER via uCoz variables
   ========================================================================== */


/* V8 palette/type lock: section/category game navigation is visually the same
   as the portal main menu shown on CRDGAME. */
#top_network.crdnav5-header.crdnav5-game-context {
 --crdnav5-bg:rgba(7,7,13,.60)!important;
 --crdnav5-text:#ddcbad!important;
 --crdnav5-hover:#dd9933!important;
 --crdnav5-font:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-bar {
 background:var(--crdnav5-bg)!important;
}
/* --------------------------------------------------------------------------
   1. GAME NAVIGATION: current game is selected server-side by AHEADER class.
   Constructor structure:
   level 1 = technical game root
   level 2 = visible top navigation for that game
   level 3+ = native uCoz dropdown / mega links
   -------------------------------------------------------------------------- */
#top_network.crdnav5-header .crdnav5-primary-menu--game,
#top_network.crdnav5-header .crdnav5-primary-menu--game > div,
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot {
 display:contents!important;
}

/* hide all technical game roots */
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li {
 display:none!important;
}

/* select technical root by its real hub href, not by menu order */
#top_network.crdnav5-header.crdnav5-game--crimson .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/crimson-desert/"]),
#top_network.crdnav5-header.crdnav5-game--crimson .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/crimson-desert"]),
#top_network.crdnav5-header.crdnav5-game--shadows .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-shadows"]),
#top_network.crdnav5-header.crdnav5-game--shadows .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-shadows/"]),
#top_network.crdnav5-header.crdnav5-game--blackflag .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-black-flag-resynced"]),
#top_network.crdnav5-header.crdnav5-game--blackflag .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-black-flag-resynced/"]),
#top_network.crdnav5-header.crdnav5-game--shadowwar .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/shadow-of-war"]),
#top_network.crdnav5-header.crdnav5-game--shadowwar .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/shadow-of-war/"]),
#top_network.crdnav5-header.crdnav5-game--witcher4 .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/the-witcher-4"]),
#top_network.crdnav5-header.crdnav5-game--witcher4 .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/the-witcher-4/"]),
#top_network.crdnav5-header.crdnav5-game--gothic .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/gothic-1-remake"]),
#top_network.crdnav5-header.crdnav5-game--gothic .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/gothic-1-remake/"]),
#top_network.crdnav5-header.crdnav5-game--spacemarine2 .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/warhammer-40000-space-marine-2"]),
#top_network.crdnav5-header.crdnav5-game--spacemarine2 .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/warhammer-40000-space-marine-2/"]),
#top_network.crdnav5-header.crdnav5-game--ghost .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/ghost-of-tsushima"]),
#top_network.crdnav5-header.crdnav5-game--ghost .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/ghost-of-tsushima/"]),
#top_network.crdnav5-header.crdnav5-game--blackmyth .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/black-myth"]),
#top_network.crdnav5-header.crdnav5-game--blackmyth .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/black-myth/"]),
#top_network.crdnav5-header.crdnav5-game--odyssey .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-odyssey"]),
#top_network.crdnav5-header.crdnav5-game--odyssey .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-odyssey/"]),
#top_network.crdnav5-header.crdnav5-game--phantom .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/phantom-blade-zero"]),
#top_network.crdnav5-header.crdnav5-game--phantom .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/phantom-blade-zero/"]),
#top_network.crdnav5-header.crdnav5-game--dawnwalker .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/the-blood-of-dawnwalker"]),
#top_network.crdnav5-header.crdnav5-game--dawnwalker .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/the-blood-of-dawnwalker/"]) {
 display:contents!important;
}

/* technical root itself is not visible; its children become the real top row */
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > a {
 display:none!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul {
 display:contents!important;
}

#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li {
 position:relative!important;
 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;
}

#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > a {
 position:relative!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:0!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;
 border-radius: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;
 text-decoration:none!important;
 white-space:nowrap!important;
 transition:color .14s ease,background-color .14s ease!important;
}

#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > a:hover,
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li:focus-within > a {
 color:var(--crdnav5-hover)!important;
}

/* Desktop submenu arrows. The label keeps the original Header V5 vertical center.
   The arrow is absolutely positioned below it, so it never pushes the text upward. */
@media (min-width:1401px) {
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu > a,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu > a {
  position:relative!important;
 }

 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu > a::after {
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:4px!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border-left:4px solid transparent!important;
  border-right:4px solid transparent!important;
  border-top:5px solid currentColor!important;
  border-bottom:0!important;
  opacity:.82!important;
  transform:translateX(-50%)!important;
  transform-origin:50% 45%!important;
  transition:transform .14s ease,opacity .14s ease!important;
  pointer-events:none!important;
 }

 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu:hover > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu:focus-within > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu:hover > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu:focus-within > a::after {
  opacity:1!important;
  transform:translateX(-50%) rotate(180deg)!important;
 }

 /* Main portal menu keeps its exact V5 layout. Only the broken dot is replaced
    by a compact arrow under the centered label. */
 #top_network.crdnav5-header .crdnav5-primary__games {
  position:relative!important;
  flex-direction:row!important;
  column-gap:0!important;
  gap:0!important;
  padding:16px 20px!important;
 }
 #top_network.crdnav5-header .crdnav5-primary__games > span {
  display:block!important;
  line-height:16px!important;
 }
 #top_network.crdnav5-header .crdnav5-primary__games > svg {
  position:absolute!important;
  left:50%!important;
  bottom:3px!important;
  width:9px!important;
  height:7px!important;
  margin:0!important;
  fill:currentColor!important;
  stroke:none!important;
  transform:translateX(-50%)!important;
  transform-origin:center!important;
  pointer-events:none!important;
 }
 #top_network.crdnav5-header .crdnav5-primary__games[aria-expanded="true"] > svg {
  transform:translateX(-50%) rotate(180deg)!important;
 }
}

/* native submenu */
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul {
 display:block!important;
 position:absolute!important;
 z-index:260!important;
 top:60px!important;
 left:0!important;
 min-width:200px!important;
 margin:0!important;
 padding:0!important;
 color:var(--crdnav5-text)!important;
 background:rgba(7,7,7,.90)!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 list-style:none!important;
 opacity:0!important;
 visibility:hidden!important;
 pointer-events:none!important;
 transform:translateY(-3px)!important;
 transition:opacity .12s ease,visibility .12s ease,transform .12s ease!important;
}
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li:hover > ul,
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li:focus-within > ul {
 opacity:1!important;
 visibility:visible!important;
 pointer-events:auto!important;
 transform:none!important;
}

#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul > li {
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 list-style:none!important;
}
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul > li > a {
 display:flex!important;
 align-items:center!important;
 min-height:40px!important;
 margin:0!important;
 padding:10px 20px!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;
 font-size:14px!important;
 font-weight:400!important;
 line-height:19.6px!important;
 text-transform:uppercase!important;
 text-decoration:none!important;
 white-space:normal!important;
}
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul > li > a:hover,
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul > li > a:focus-visible {
 color:var(--crdnav5-hover)!important;
 background:#070707!important;
 outline:0!important;
}

/* level 3 parent => heading + level 4 list, suitable for large groups */
#top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul > li.uWithSubmenu > ul {
 position:static!important;
 display:block!important;
 min-width:0!important;
 width:100%!important;
 margin:0!important;
 padding:0!important;
 background:transparent!important;
 border:0!important;
 opacity:1!important;
 visibility:visible!important;
 pointer-events:auto!important;
 transform:none!important;
}

@media (max-width:1700px) and (min-width:1401px) {
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > a {
  padding-left:12px!important;
  padding-right:12px!important;
  font-size:16px!important;
 }
}

@media (max-width:1400px) {
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul {
  display:block!important;
  width:100%!important;
 }
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li {
  display:block!important;
  width:100%!important;
  height:auto!important;
 }
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > a {
  justify-content:space-between!important;
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  padding:18px 20px!important;
  color:var(--crdnav5-light)!important;
  font-size:18px!important;
  text-align:left!important;
 }
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul {
  display:none!important;
 }
}

/* ========================================================================== 
   2. NEWS / PUBL SECTION + CATEGORY — SAME TOC MECHANICS AS MATERIAL V8

   IMPORTANT:
   - SAME classes and open-state contract as the material page:
       #crdVulkkToc / #crdVulkkTocToggle / body.crd-vk-toc-open
   - desktop >=1500: permanent 300px TOC column;
   - <=1499: 280px drawer + 52px ARROW STRIP AT THE LEFT OF THE NAV;
   - when drawer opens, brand/header controls move right exactly as material V8;
   - no separate top-right sidebar button and no second hamburger.
   ========================================================================== */

html body.tmpl_body:has(#crdArchiveContext){
 --crd-vk-toc:300px;
 --crd-vk-drawer:280px;
 --crd-vk-masthead-h:101px;
 --crd-vk-nav-h:60px;
 --crd-vk-panel:#171717;
 --crd-vk-line:#222222;
 --crd-vk-text:#ececd1;
 --crd-vk-gold:#dda54f;
 --crd-vk-font:"Exo 2",system,sans-serif;
 width:100%!important;
 margin:0!important;
 padding-top:calc(var(--crd-vk-masthead-h) + var(--crd-vk-nav-h))!important;
 box-sizing:border-box!important;
}
html body.tmpl_body:has(#crdArchiveContext),
html body.tmpl_body:has(#crdArchiveContext) *,
html body.tmpl_body:has(#crdArchiveContext) *::before,
html body.tmpl_body:has(#crdArchiveContext) *::after{box-sizing:border-box}

/* VULKK masthead retained from V10. */
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead{
 position:fixed!important;z-index:8990!important;top:0;left:0;right:0;
 display:block!important;height:var(--crd-vk-masthead-h)!important;min-height:var(--crd-vk-masthead-h)!important;
 margin:0!important;padding:0!important;color:#ececd1!important;
 background-color:#111!important;
 background-image:linear-gradient(rgba(221,153,51,0) 80%,rgba(221,153,51,.06) 100%)!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__inner{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:min(1200px,100%)!important;height:101px!important;margin:0 auto!important;padding:30px 40px!important;
 background:transparent!important;border:0!important;box-shadow:none!important
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__brand{
 display:block!important;flex:0 0 290px!important;width:290px!important;height:41px!important;
 margin:0!important;padding:0!important;color:#ddab5f!important;background:transparent!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;overflow:hidden!important
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__logo{
 display:block!important;width:290px!important;height:41px!important;max-width:100%!important;max-height:41px!important;
 margin:0!important;padding:0!important;object-fit:contain!important;object-position:center center!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;transform:none!important
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{top:var(--crd-vk-masthead-h)!important}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-panel{
 top:calc(var(--crd-vk-masthead-h) + var(--crd-vk-nav-h))!important;
 height:calc(100dvh - var(--crd-vk-masthead-h) - var(--crd-vk-nav-h))!important
}

/* SAME TOC shell as V8 material page. */
body:has(#crdArchiveContext) .crd-vk-toc{
 color:var(--crd-vk-text);font-family:var(--crd-vk-font);background:var(--crd-vk-panel);
 border-right:1px solid var(--crd-vk-line);scrollbar-width:none
}
body:has(#crdArchiveContext) .crd-vk-toc::-webkit-scrollbar,
body:has(#crdArchiveContext) .crd-vk-toc__inner::-webkit-scrollbar{display:none}
body:has(#crdArchiveContext) .crd-vk-toc__inner{
 width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;
 padding:80px 20px 36px;background:var(--crd-vk-panel)
}

/* Archive contents use VULKK audit typography/accordion inside the shared TOC shell. */
body:has(#crdArchiveContext) .crd-vk-archive-latest{
 display:block;width:259px;max-width:100%;margin:0 0 24px;padding:0;color:var(--crd-vk-text);background:transparent;border:0;
 font:300 16px/25.888px var(--crd-vk-font)
}
body:has(#crdArchiveContext) .crd-vk-archive-summary{
 display:flex;align-items:center;justify-content:space-between;width:100%;min-height:43px;margin:0;padding:0 8px 8px 0;
 list-style:none;cursor:pointer;color:var(--crd-vk-text);background:transparent;border:0;border-bottom:1px solid var(--crd-vk-line);
 font:400 20px/32.36px var(--crd-vk-font);outline:0
}
body:has(#crdArchiveContext) .crd-vk-archive-summary::-webkit-details-marker{display:none}
body:has(#crdArchiveContext) .crd-vk-archive-summary::marker{content:""}
body:has(#crdArchiveContext) .crd-vk-archive-summary__title{color:var(--crd-vk-gold)}
body:has(#crdArchiveContext) .crd-vk-archive-summary__mark{
 flex:0 0 22px;width:22px;height:30px;display:grid;place-items:center;color:var(--crd-vk-gold);
 font:400 27px/30px var(--crd-vk-font)
}
body:has(#crdArchiveContext) .crd-vk-archive-summary__mark::before{content:"+"}
body:has(#crdArchiveContext) .crd-vk-archive-latest[open] .crd-vk-archive-summary__mark::before{content:"×"}
body:has(#crdArchiveContext) .crd-vk-archive-content{display:block;width:100%;margin:0;padding:16px 0 0}
body:has(#crdArchiveContext) .crd-vk-archive-latest:not([open])>.crd-vk-archive-content{display:none}
body:has(#crdArchiveContext) .crd-vk-toc__list{display:block;width:100%;margin:0!important;padding:0!important;list-style:none!important}
body:has(#crdArchiveContext) .crd-vk-toc__item{display:block;width:100%;margin:0!important;padding:0!important}
body:has(#crdArchiveContext) .crd-vk-toc__item+.crd-vk-toc__item{margin-top:8px!important}
body:has(#crdArchiveContext) .crd-vk-toc__link{
 display:block;position:relative;width:100%;margin:0;padding:2px 0;color:var(--crd-vk-text)!important;background:transparent!important;
 text-decoration:none!important;font:300 16px/25.888px var(--crd-vk-font)!important;word-break:normal!important;overflow-wrap:normal!important;
 transition:color .12s linear
}
body:has(#crdArchiveContext) .crd-vk-toc__link:hover,
body:has(#crdArchiveContext) .crd-vk-toc__link:focus-visible,
body:has(#crdArchiveContext) .crd-vk-toc__link.is-current{color:var(--crd-vk-gold)!important;outline:0}
body:has(#crdArchiveContext) .crd-vk-toc__link.is-current{font-weight:600!important}
body:has(#crdArchiveContext) .crd-vk-toc__link.is-current::before{content:"";position:absolute;left:-20px;top:1px;bottom:1px;width:2px;background:var(--crd-vk-gold)}

/* Authorization buttons occupy the same audited 259x56 slots. */
body:has(#crdArchiveContext) .crd-vk-archive-account{width:259px;max-width:100%;margin:0;padding:0}
body:has(#crdArchiveContext) .crd-vk-archive-account__btn{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7.5px!important;
 width:259px!important;max-width:100%!important;min-height:56px!important;height:56px!important;
 margin:15px 0 0!important;padding:8px 12px!important;color:var(--crd-vk-text)!important;background:transparent!important;
 border:2px solid var(--crd-vk-line)!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;
 font:300 15px/18px var(--crd-vk-font)!important;text-align:left!important;
 transition:border-color .12s linear,color .12s linear,background-color .12s linear!important
}
body:has(#crdArchiveContext) .crd-vk-archive-account__btn:first-child{margin-top:0!important}
body:has(#crdArchiveContext) .crd-vk-archive-account__btn svg{
 flex:0 0 31.5px;width:31.5px;height:31.5px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round
}
body:has(#crdArchiveContext) .crd-vk-archive-account__btn:hover,
body:has(#crdArchiveContext) .crd-vk-archive-account__btn:focus-visible{
 color:var(--crd-vk-gold)!important;border-color:var(--crd-vk-gold)!important;background:#131313!important;outline:0!important
}

/* THIS is the V8/VULKK arrow strip. It sits on the LEFT edge of the menu.
   It is not the CRDGAME hamburger and never occupies the top-right tools area. */
body:has(#crdArchiveContext) .crd-vk-toc-toggle{
 appearance:none;position:fixed;z-index:9500;left:0;top:var(--crd-vk-masthead-h);
 display:inline-flex;align-items:center;justify-content:center;width:52px;height:var(--crd-vk-nav-h);
 margin:0;padding:0;border:0;border-right:1px solid rgba(236,236,209,.08);border-radius:0;
 background:#111;color:var(--crd-vk-text);cursor:pointer;transform:none;
 transition:left .1s linear,background-color .1s linear,color .1s linear
}
body:has(#crdArchiveContext) .crd-vk-toc-toggle svg{display:block;width:28px;height:28px;fill:currentColor;stroke:none;transition:transform .1s linear}
body:has(#crdArchiveContext) .crd-vk-toc-toggle:hover{color:var(--crd-vk-gold)}
body.crd-vk-toc-open:has(#crdArchiveContext) .crd-vk-toc-toggle{left:var(--crd-vk-drawer);background:#131313}
body.crd-vk-toc-open:has(#crdArchiveContext) .crd-vk-toc-toggle svg{transform:rotate(180deg)}

/* Desktop: permanent 300px column. */
@media(min-width:1500px){
 html body.tmpl_body:has(#crdArchiveContext){padding-left:var(--crd-vk-toc)!important}
 html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead{left:var(--crd-vk-toc)!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{
  left:var(--crd-vk-toc)!important;right:0!important;width:calc(100% - var(--crd-vk-toc))!important
 }
 body:has(#crdArchiveContext) .crd-vk-toc{
  position:fixed;left:0;top:0;z-index:9400;width:var(--crd-vk-toc);height:100vh;overflow:hidden;opacity:1;visibility:visible;transform:none
 }
 body:has(#crdArchiveContext) .crd-vk-sidebar-toggle{display:none!important}
}

/* Below 1500: exact material V8 drawer contract — 280px drawer + 52px arrow strip. */
@media(max-width:1499px){
 html body.tmpl_body:has(#crdArchiveContext){padding-left:0!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{padding-left:52px!important}
 body:has(#crdArchiveContext) .crd-vk-toc{
  position:fixed;left:0;top:0;bottom:0;z-index:9400;width:0;height:100vh;overflow-y:auto;overflow-x:hidden;
  opacity:0;visibility:hidden;pointer-events:none;border-right:0;transform:translateX(-100%);
  transition:transform .1s linear,opacity .1s linear,width .1s linear,visibility .1s linear
 }
 body.crd-vk-toc-open:has(#crdArchiveContext) .crd-vk-toc{
  width:var(--crd-vk-drawer);opacity:1;visibility:visible;pointer-events:auto;border-right:1px solid var(--crd-vk-line);transform:translateX(0)
 }
 body:has(#crdArchiveContext) .crd-vk-toc-toggle{display:inline-flex}
 body.crd-vk-toc-open:has(#crdArchiveContext) .crd-vk-masthead{left:var(--crd-vk-drawer)!important}
}

/* Desktop-nav band between the VULKK sidebar breakpoint and CRDGAME mobile breakpoint. */
@media(min-width:1401px) and (max-width:1499px){
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{
  left:calc(var(--crd-vk-drawer) + 52px)!important;right:0!important;width:calc(100% - var(--crd-vk-drawer) - 52px)!important
 }
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{padding-left:0!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot>li>a,
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary__games{
  padding-left:9px!important;padding-right:9px!important;font-size:13px!important
 }
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile__name{display:none!important}
}

/* CRDGAME native mobile header stays independent. The TOC arrow is still the LEFT strip. */
@media(max-width:1400px){
 html body.tmpl_body:has(#crdArchiveContext){--crd-vk-masthead-h:0px}
 html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead{display:none!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-brand{display:none!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-search{
  position:fixed!important;left:calc(var(--crd-vk-drawer) + 52px)!important;top:0!important
 }
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-toggle{
  position:fixed!important;left:auto!important;right:0!important;top:0!important
 }
}
@media(max-width:480px){
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-search{display:none!important}
}

/* uCoz admin bar follows the same two-row stack. */
html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext){
 padding-top:calc(var(--crd-vk-masthead-h) + var(--crd-vk-nav-h) + 30px)!important
}
html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext) .crd-vk-masthead{top:30px!important}
html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{top:calc(var(--crd-vk-masthead-h) + 30px)!important}
html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext) .crd-vk-sidebar-toggle{top:calc(var(--crd-vk-masthead-h) + 30px)!important}
@media(max-width:1400px){
 html body.tmpl_body.uadm--fixed-body-top.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-search,
 html body.tmpl_body.uadm--fixed-body-top.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-toggle{top:30px!important}
}

body.crd-vk-archive-no-items:has(#crdArchiveContext) .crd-vk-archive-latest{display:none}
@media(prefers-reduced-motion:reduce){
 body:has(#crdArchiveContext) .crd-vk-toc,
 body:has(#crdArchiveContext) .crd-vk-toc-toggle,
 body:has(#crdArchiveContext) .crd-vk-toc-toggle svg{transition:none!important}
}


/* GAMES PAGE — VULKK-style in-page TOC inside the shared sidebar shell. */
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-toc__inner{
 padding-top:18px;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-games-tools{
 display:flex;
 align-items:center;
 gap:6px;
 width:100%;
 margin:0 0 24px;
 padding:0 0 14px;
 border-bottom:1px solid var(--crd-vk-line);
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-games-tool{
 display:grid;
 place-items:center;
 flex:0 0 38px;
 width:38px;
 height:38px;
 margin:0;
 padding:0;
 color:var(--crd-vk-text)!important;
 background:transparent!important;
 border:0!important;
 text-decoration:none!important;
 opacity:.92;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-games-tool:hover,
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-games-tool:focus-visible{
 color:var(--crd-vk-gold)!important;
 opacity:1;
 outline:0;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-games-tool svg{
 display:block;
 width:22px;
 height:22px;
 fill:currentColor;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-games-tool span{
 display:block;
 font:700 13px/1 var(--crd-vk-font);
 letter-spacing:.02em;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-archive-latest{
 margin-bottom:28px;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-toc__item--group{
 margin-top:8px!important;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-toc__item--child .crd-vk-toc__link{
 padding-left:18px!important;
 font-size:14px!important;
 line-height:20px!important;
 opacity:.94;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-toc__item--child .crd-vk-toc__link::before{
 content:"";
 position:absolute;
 left:4px;
 top:50%;
 width:5px;
 height:5px;
 border-left:1px solid currentColor;
 border-bottom:1px solid currentColor;
 transform:translateY(-60%) rotate(-45deg);
 opacity:.7;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-toc__link{
 position:relative;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-toc__link.is-current{
 color:var(--crd-vk-text)!important;
 font-weight:500!important;
}
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-vk-toc__link.is-current::after{
 content:"";
 position:absolute;
 left:-20px;
 top:4px;
 bottom:4px;
 width:2px;
 background:var(--crd-vk-gold);
}
body:has(#crdArchiveContext[data-crd-mode="games"]) #crdGamesIntroTitle,
body:has(#crdArchiveContext[data-crd-mode="games"]) #crdGamesCatalog,
body:has(#crdArchiveContext[data-crd-mode="games"]) .crd-games-section[id]{
 scroll-margin-top:185px;
}

/* ========================================================================== 
   V9 FINAL HEADER CORRECTION — grounded in VULKK_HEADER_NAV_SAFE_AUDIT
   Desktop audited values at 1920:
   nav #131313, 60px inner row, Exo 2 16/400/16, #ddcbad,
   20px horizontal padding, dropdown rgba(7,7,7,.90).

   IMPORTANT:
   - portal/home menu visual style is NOT redesigned;
   - only broken dot-like indicators are replaced by real chevrons;
   - game-context navigation (sections/categories/materials) gets the audited
     dark menu appearance;
   - arrows are absolutely positioned under labels and do NOT participate in
     flex layout, so text remains vertically centered.
   ========================================================================== */

/* Game navigation only: exact audited desktop palette and typography. */
#top_network.crdnav5-header.crdnav5-game-context{
 --crdnav5-bg:#131313!important;
 --crdnav5-panel:rgba(12,12,12,.99)!important;
 --crdnav5-panel-solid:#0c0c0c!important;
 --crdnav5-text:#ddcbad!important;
 --crdnav5-hover:#dd9933!important;
 --crdnav5-search:#ddcbad!important;
 --crdnav5-font:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-bar{
 background:#131313!important;
 border:0!important;
 border-bottom:1px solid #080808!important;
 box-shadow:none!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-inner,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary{
 height:60px!important;
 min-height:60px!important;
 max-height:60px!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > a,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary__games{
 height:60px!important;
 min-height:60px!important;
 margin:0!important;
 padding:16px 20px!important;
 color:#ddcbad!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 font-size:16px!important;
 font-weight:400!important;
 line-height:16px!important;
 letter-spacing:normal!important;
 text-transform:uppercase!important;
 align-items:center!important;
 justify-content:center!important;
 flex-direction:row!important;
 gap:0!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > a:hover,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li:focus-within > a,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary__games:hover,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary__games:focus-visible,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary__games[aria-expanded="true"]{
 color:#dd9933!important;
 background:transparent!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-tools,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-tool,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-profile__toggle,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-login,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-search{
 color:#ddcbad!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-tool:hover,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-profile__toggle:hover,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-login:hover{
 color:#dd9933!important;
 background:#0c0c0c!important;
}

/* Audited dropdown appearance. */
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul{
 top:60px!important;
 min-width:200px!important;
 color:#ddcbad!important;
 background:rgba(7,7,7,.90)!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > ul > li > a{
 min-height:40px!important;
 padding:10px 20px!important;
 color:#ddcbad!important;
 background:transparent!important;
 font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 font-size:14px!important;
 font-weight:400!important;
 line-height:19.6px!important;
 text-transform:uppercase!important;
}

/* Real chevrons under menu text. They never move the label. */
@media (min-width:1401px){
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu > a,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu > a{
  position:relative!important;
 }
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu > a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:calc(50% + 9px)!important;
  bottom:auto!important;
  display:block!important;
  width:6px!important;
  height:6px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important;
  opacity:.90!important;
  transform:translateX(-50%) rotate(45deg)!important;
  transform-origin:50% 50%!important;
  transition:transform .14s ease,opacity .14s ease!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
 }
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu:hover > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu:focus-within > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu:hover > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu:focus-within > a::after{
  opacity:1!important;
  transform:translateX(-50%) rotate(225deg)!important;
 }

 /* HOME/portal: keep the existing V5 menu geometry. Only replace the dot with
    a real stroked chevron and place it close to the centered label. */
 #top_network.crdnav5-header .crdnav5-primary__games{
  position:relative!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  column-gap:0!important;
 }
 #top_network.crdnav5-header .crdnav5-primary__games > span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:16px!important;
  transform:none!important;
 }
 #top_network.crdnav5-header .crdnav5-primary__games > svg.crdnav5-menu-chevron{
  position:absolute!important;
  left:50%!important;
  top:calc(50% + 10px)!important;
  bottom:auto!important;
  display:block!important;
  width:10px!important;
  height:7px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:.90!important;
  transform:translateX(-50%)!important;
  transform-origin:center!important;
  pointer-events:none!important;
 }
 #top_network.crdnav5-header .crdnav5-primary__games[aria-expanded="true"] > svg.crdnav5-menu-chevron{
  transform:translateX(-50%) rotate(180deg)!important;
 }
}

/* Profile arrow is also a real chevron, not a tiny filled triangle/dot. */
#top_network.crdnav5-header .crdnav5-profile__arrow{
 width:9px!important;
 height:6px!important;
 margin:0!important;
 fill:none!important;
 stroke:currentColor!important;
 stroke-width:1.6!important;
 stroke-linecap:round!important;
 stroke-linejoin:round!important;
 overflow:visible!important;
}

/* Mobile keeps Header V5 layout; no under-label desktop arrows there. */
@media (max-width:1400px){
 #top_network.crdnav5-header .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li.uWithSubmenu > a::after,
 #top_network.crdnav5-header .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot > li.uWithSubmenu > a::after{
  content:none!important;
  display:none!important;
 }
 #top_network.crdnav5-header .crdnav5-primary__games > svg.crdnav5-menu-chevron{
  position:static!important;
  width:13px!important;
  height:8px!important;
  margin-left:10px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.6!important;
  transform:none!important;
 }
 #top_network.crdnav5-header .crdnav5-primary__games[aria-expanded="true"] > svg.crdnav5-menu-chevron{
  transform:rotate(180deg)!important;
 }
}


/* ========================================================================== 
   V14 AUTHORITATIVE OVERRIDE — VULKK HEADER + SIDEBAR
   Grounded in VULKK_HEADER_NAV_SAFE_AUDIT and VULKK_SIDEBAR_AUDIT, 2026-09-19.
   This block intentionally wins over earlier V11 compatibility rules.
   ========================================================================== */
html body.tmpl_body:has(#crdArchiveContext){
 --crd-vk-toc:300px;
 --crd-vk-drawer:300px;
 --crd-vk-toggle:58px;
 --crd-vk-masthead-h:101px;
 --crd-vk-nav-h:60px;
 --crd-vk-panel:#171717;
 --crd-vk-line:#222;
 --crd-vk-text:#ececd1;
 --crd-vk-icon:#ece2d1;
 --crd-vk-gold:#dd9933;
 --crd-vk-logo:#ddab5f;
 --crd-vk-font:"Exo 2",system,sans-serif;
 padding-top:161px!important;
}

/* --- VULKK desktop masthead: 101px, centered brand, black with gold bottom glow. --- */
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead{
 position:fixed!important;z-index:8990!important;top:0!important;left:0!important;right:0!important;
 display:block!important;height:101px!important;min-height:101px!important;margin:0!important;padding:0!important;
 background:#000 linear-gradient(rgba(221,153,51,0) 80%,rgba(221,153,51,.08) 100%)!important;
 border:0!important;border-bottom:1px solid rgba(221,153,51,.95)!important;box-shadow:none!important;overflow:hidden!important;
 transition:left .1s ease,right .1s ease,width .1s ease!important
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__inner{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:101px!important;
 max-width:none!important;margin:0!important;padding:30px 40px!important;background:transparent!important
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot{
 position:absolute!important;z-index:3!important;top:0!important;right:28px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
 width:auto!important;height:101px!important;margin:0!important;padding:0!important;background:transparent!important
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot>.crdnav5-tools{
 position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;width:auto!important;height:60px!important;
 margin:0!important;padding:0!important;background:transparent!important;color:#ddcbad!important
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot .crdnav5-tool,
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot .crdnav5-profile__toggle,
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot .crdnav5-login{color:#ddcbad!important}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot .crdnav5-tool:hover,
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot .crdnav5-profile__toggle:hover,
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot .crdnav5-login:hover{color:#dd9933!important;background:transparent!important}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__tools-slot .crdnav5-mobile-toggle{display:none!important}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__brand{
 display:flex!important;align-items:center!important;justify-content:center!important;width:290px!important;height:41px!important;
 flex:0 0 290px!important;margin:0!important;padding:0!important;overflow:visible!important
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead__logo{
 display:block!important;width:290px!important;height:41px!important;max-width:290px!important;max-height:41px!important;
 margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important
}

/* --- VULKK nav row. --- */
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{
 position:fixed!important;z-index:9000!important;top:101px!important;left:0!important;right:0!important;width:auto!important;
 height:61px!important;min-height:61px!important;background:#131313!important;border:0!important;border-bottom:1px solid #080808!important;
 transition:left .1s ease,right .1s ease,width .1s ease!important
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-bar,
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{
 height:60px!important;min-height:60px!important;max-height:60px!important;background:#131313!important
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-nav-shell{
 flex:1 1 auto!important;min-width:0!important;height:60px!important;margin:0!important;padding:0!important
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary{
 display:flex!important;align-items:stretch!important;justify-content:center!important;width:100%!important;height:60px!important;margin:0!important;padding:0!important
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-tools{
 position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;height:60px!important;margin:0!important;padding:0!important
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-search{
 display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;color:#ddcbad!important;background:transparent!important;border:0!important;border-radius:0!important
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-search:hover{color:#dd9933!important;background:transparent!important}

/* Exact desktop menu type/spacing from the audit. */
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > a,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary__games{
 height:60px!important;min-height:60px!important;margin:0!important;padding:16px 20px!important;
 color:#ddcbad!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 font-family:"Exo 2",system,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:16px!important;
 letter-spacing:normal!important;text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important
}
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li > a:hover,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu--game > div > .uMenuRoot > li > ul > li:focus-within > a,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary__games:hover,
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary__games:focus-visible{color:#dd9933!important;background:transparent!important}

/* --- VULKK sidebar control: wrapper 58x60 + anchor control 58x60. --- */
body:has(#crdArchiveContext) .crd-vk-sidebar-toggle{
 position:relative!important;z-index:1001!important;display:none!important;flex:0 0 58px!important;width:58px!important;height:60px!important;
 min-width:58px!important;max-width:58px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;cursor:pointer!important;
 transition:all .1s ease!important
}
body:has(#crdArchiveContext) .crd-vk-sidebar-toggle__control{
 position:static!important;z-index:9999!important;display:block!important;width:58px!important;height:60px!important;min-width:58px!important;max-width:58px!important;
 margin:0!important;padding:19px!important;color:#ddab5f!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 cursor:pointer!important;text-align:center!important;text-decoration:none!important;line-height:16px!important;box-sizing:border-box!important
}
body:has(#crdArchiveContext) .crd-vk-sidebar-toggle__control:hover,
body:has(#crdArchiveContext) .crd-vk-sidebar-toggle__control:focus-visible{color:#dd9933!important;background:transparent!important;outline:0!important}
body:has(#crdArchiveContext) .crd-vk-sidebar-toggle__shape{display:block!important;width:20px!important;height:22px!important;margin:0!important;padding:0!important}
body:has(#crdArchiveContext) .crd-vk-sidebar-toggle__shape svg{
 display:block!important;width:20px!important;height:22px!important;margin:0!important;padding:0!important;fill:currentColor!important;stroke:none!important;transition:transform .1s ease!important
}
body.crd-vk-toc-open:has(#crdArchiveContext) .crd-vk-sidebar-toggle__shape svg{transform:rotate(180deg)!important}

/* --- Sidebar exact 300px VULKK geometry and palette. --- */
body:has(#crdArchiveContext) .crd-vk-toc{
 color:#ececd1!important;font-family:"Exo 2",system,sans-serif!important;background:#171717!important;border:0!important;border-right:1px solid #222!important;
 box-shadow:1px 1px 9px 3px #000!important;scrollbar-width:none!important
}
body:has(#crdArchiveContext) .crd-vk-toc__inner{
 width:100%!important;height:100%!important;margin:0!important;padding:15px 20px 36px!important;overflow-y:auto!important;overflow-x:hidden!important;
 background:#171717!important;scrollbar-width:none!important
}
body:has(#crdArchiveContext) .crd-vk-archive-latest{
 display:block!important;width:259px!important;max-width:100%!important;margin:0 0 24px!important;padding:0!important;
 color:#ececd1!important;background:transparent!important;border:0!important;font:300 16px/20.8px "Exo 2",system,sans-serif!important
}
body:has(#crdArchiveContext) .crd-vk-archive-summary{
 display:flex!important;position:relative!important;align-items:center!important;justify-content:space-between!important;width:259px!important;max-width:100%!important;
 height:43.109px!important;min-height:43.109px!important;margin:0!important;padding:0 8px 8px 0!important;cursor:pointer!important;list-style:none!important;
 color:#ececd1!important;background:transparent!important;border:0!important;border-bottom:1px solid #222!important;border-radius:0!important;
 font:400 20px/32.36px "Exo 2",system,sans-serif!important;text-align:left!important
}
body:has(#crdArchiveContext) .crd-vk-archive-summary__title{color:#dd9933!important}
body:has(#crdArchiveContext) .crd-vk-archive-summary__mark{color:#dd9933!important;font:400 27px/30px "Exo 2",system,sans-serif!important}
body:has(#crdArchiveContext) .crd-vk-archive-content{width:259px!important;max-width:100%!important;margin:0!important;padding:16px 0 0!important}
body:has(#crdArchiveContext) .crd-vk-toc__list{width:259px!important;max-width:100%!important;margin:0!important;padding:0!important}
body:has(#crdArchiveContext) .crd-vk-toc__item{width:259px!important;max-width:100%!important;margin:0!important;padding:0!important}
body:has(#crdArchiveContext) .crd-vk-toc__item+.crd-vk-toc__item{margin-top:8px!important}
body:has(#crdArchiveContext) .crd-vk-toc__link{
 display:block!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;color:#ececd1!important;background:transparent!important;
 font:300 16px/20.8px "Exo 2",system,sans-serif!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important
}
body:has(#crdArchiveContext) .crd-vk-toc__link:hover,
body:has(#crdArchiveContext) .crd-vk-toc__link:focus-visible,
body:has(#crdArchiveContext) .crd-vk-toc__link.is-current{color:#dd9933!important;outline:0!important}
body:has(#crdArchiveContext) .crd-vk-toc__link.is-current{font-weight:500!important}
body:has(#crdArchiveContext) .crd-vk-toc__link.is-current::before{content:none!important}
body:has(#crdArchiveContext) .crd-vk-archive-account{
 display:block!important;width:259px!important;max-width:100%!important;margin:40px 0 0!important;padding:0!important
}
body:has(#crdArchiveContext) .crd-vk-archive-account__btn{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7.5px!important;
 width:259px!important;max-width:100%!important;min-width:100%!important;height:56px!important;min-height:56px!important;
 margin:15px 0 0!important;padding:8px 12px!important;color:#ececd1!important;background:transparent!important;
 border:2px solid #222!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;
 font:300 15px/18px "Exo 2",system,sans-serif!important;text-align:left!important
}
body:has(#crdArchiveContext) .crd-vk-archive-account__btn:first-child{margin-top:0!important}
body:has(#crdArchiveContext) .crd-vk-archive-account__btn svg{
 flex:0 0 31.5px!important;width:31.5px!important;height:31.5px!important;color:#ececd1!important;fill:none!important;stroke:currentColor!important;
 stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important
}
body:has(#crdArchiveContext) .crd-vk-archive-account__btn:hover,
body:has(#crdArchiveContext) .crd-vk-archive-account__btn:focus-visible{color:#dd9933!important;border-color:#dd9933!important;background:transparent!important;outline:0!important}

/* >=1500: 300px permanent sticky-equivalent rail, no arrow. */
@media(min-width:1500px){
 html body.tmpl_body:has(#crdArchiveContext){padding-left:300px!important;padding-top:161px!important}
 html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead{left:300px!important;right:0!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{left:300px!important;right:0!important;width:auto!important;top:101px!important}
 body:has(#crdArchiveContext) .crd-vk-toc{
  display:block!important;position:fixed!important;left:0!important;top:0!important;bottom:auto!important;z-index:9400!important;
  width:300px!important;min-width:300px!important;max-width:300px!important;height:100vh!important;opacity:1!important;visibility:visible!important;
  pointer-events:auto!important;transform:none!important;overflow:visible!important
 }
 body:has(#crdArchiveContext) .crd-vk-sidebar-toggle{display:none!important}
}

/* <=1499: 300px drawer + arrow INSIDE nav. The same sidebar remains available on tablet/mobile. */
@media(max-width:1499px){
 html body.tmpl_body:has(#crdArchiveContext){padding-left:0!important}
 body:has(#crdArchiveContext) .crd-vk-sidebar-toggle{display:block!important}
 body:has(#crdArchiveContext) .crd-vk-toc{
  display:block!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:9400!important;
  width:300px!important;min-width:300px!important;max-width:300px!important;height:100vh!important;opacity:0!important;visibility:hidden!important;
  pointer-events:none!important;transform:translateX(-100%)!important;overflow:visible!important;
  transition:transform .1s ease,opacity .1s ease,visibility .1s ease!important
 }
 body.crd-vk-toc-open:has(#crdArchiveContext){overflow:hidden!important}
 body.crd-vk-toc-open:has(#crdArchiveContext) .crd-vk-toc{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) .crd-vk-masthead{left:300px!important;right:0!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{left:300px!important;right:0!important;width:auto!important}
}

/* <=1400: VULKK mobile navigation: arrow / centered 160px logo / 59px hamburger. */
@media(max-width:1400px){
 html body.tmpl_body:has(#crdArchiveContext){--crd-vk-masthead-h:0px;padding-top:60px!important}
 html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead{display:none!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{top:0!important;height:61px!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{justify-content:space-between!important;padding:0!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-brand{
  display:flex!important;position:absolute!important;z-index:3!important;left:50%!important;top:9px!important;transform:translateX(-50%)!important;
  align-items:center!important;justify-content:center!important;width:160px!important;height:42px!important;margin:0!important;padding:0!important;background:transparent!important
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-brand img{
  display:block!important;width:160px!important;height:auto!important;max-width:160px!important;max-height:32px!important;margin:0!important;padding:0!important;object-fit:contain!important
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-nav-shell{flex:0 0 auto!important;width:auto!important;height:60px!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary{display:none!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-tools{display:flex!important;position:static!important;flex:0 0 59px!important;width:59px!important;height:60px!important;margin-left:auto!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-search,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-pm,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-login{display:none!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-toggle{
  display:flex!important;align-items:center!important;justify-content:center!important;width:59px!important;height:59px!important;margin:0!important;padding:17px!important;
  color:#ddcbad!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-toggle:hover{color:#dd9933!important;background:transparent!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-panel{
  top:60px!important;height:calc(100dvh - 60px)!important
 }
}

/* Drawer-open mobile header remains intact: VULKK keeps the centered brand while the whole 1066px/remaining header shifts right. */
@media(min-width:1025px) and (max-width:1400px){
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-brand{
  display:flex!important;left:50%!important;top:9px!important;transform:translateX(-50%)!important
 }
}

/* <=1024: sidebar stays available as the same off-canvas drawer. */
@media(max-width:1024px){
 html body.tmpl_body:has(#crdArchiveContext){padding-left:0!important}
}

/* 1401..1499: desktop menu with integrated 58px sidebar control and 56px search slot. */
@media(min-width:1401px) and (max-width:1499px){
 html body.tmpl_body:has(#crdArchiveContext){padding-top:161px!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-nav-shell{display:block!important;flex:1 1 auto!important;min-width:0!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary{display:flex!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-brand{display:none!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-tools{display:none!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-toggle{display:none!important}
}

/* uCoz admin bar: preserve the VULKK stack while moving all fixed rows down by 30px. */
html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext){padding-top:191px!important}
html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext) .crd-vk-masthead{top:30px!important}
html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{top:131px!important}
@media(max-width:1400px){
 html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext){padding-top:90px!important}
 html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{top:30px!important}
}


/* ========================================================================== 
   V14.1 FINAL SITE-MENU CORRECTION
   Scope: GLOBAL HEADER / SITE MENU ONLY.
   Material templates and /file/material-vulkk/* are NOT modified.

   Contract:
   1) archive/section/category upper row = the same brandbar geometry as material;
   2) upper row contains ONLY centered CRDGAME logo;
   3) search + PM + profile stay in the native 60px navigation row;
   4) navigation surface = VULKK #131313 on archive pages AND material pages;
   5) material entry keeps its own .crd-vk-brandbar from the entry template.
========================================================================== */

html body.tmpl_body:has(#crdArchiveContext){
 --crd-vk-brandbar-h:88px;
 --crd-vk-masthead-h:88px;
 --crd-vk-nav-h:60px;
 padding-top:148px!important;
}

/* Archive/section/category brand bar — copied from the already-correct material bar. */
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-brandbar--site{
 position:fixed!important;
 z-index:8990!important;
 top:0!important;
 left:0!important;
 right:0!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 height:88px!important;
 min-height:88px!important;
 margin:0!important;
 padding:0 24px!important;
 background:#101010!important;
 background-image:none!important;
 border:0!important;
 border-bottom:1px solid #1c1c1c!important;
 border-radius:0!important;
 box-shadow:none!important;
 overflow:hidden!important;
 transition:left .1s ease!important;
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-brandbar--site .crd-vk-brandbar__link{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:auto!important;
 height:100%!important;
 margin:0!important;
 padding:0!important;
 color:inherit!important;
 background:transparent!important;
 border:0!important;
 text-decoration:none!important;
}
html body.tmpl_body:has(#crdArchiveContext) .crd-vk-brandbar--site .crd-vk-brandbar__link img{
 display:block!important;
 width:auto!important;
 height:auto!important;
 max-width:min(330px,72vw)!important;
 max-height:58px!important;
 margin:0!important;
 padding:0!important;
 object-fit:contain!important;
 object-position:center!important;
 border:0!important;
 filter:none!important;
 transform:none!important;
}

/* Same VULKK navigation surface everywhere this V14.1 layer owns. */
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header],
html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header[data-crdnav5-header]{
 background:transparent!important;
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-bar,
html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-bar{
 background:#131313!important;
 background-image:none!important;
 border:0!important;
 border-bottom:1px solid #080808!important;
 box-shadow:none!important;
}

/* Archive pages: nav lives immediately below the 88px site brandbar. */
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{
 top:88px!important;
 height:60px!important;
 min-height:60px!important;
 max-height:60px!important;
}
html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-panel{
 top:148px!important;
 height:calc(100dvh - 148px)!important;
}

/* Critical correction: NEVER move account/search tools into the logo strip. */
@media(min-width:1401px){
 html body.tmpl_body:has(#crdArchiveContext) #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;
  width:auto!important;
  height:60px!important;
  margin:0!important;
  padding:0!important;
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-search,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-pm,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-login{
  display:flex!important;
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile{display:block!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-toggle{display:none!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-mobile-brand{display:none!important}
}

/* Permanent VULKK rail. */
@media(min-width:1500px){
 html body.tmpl_body:has(#crdArchiveContext){padding-left:300px!important;padding-top:148px!important}
 html body.tmpl_body:has(#crdArchiveContext) .crd-vk-brandbar--site{left:300px!important;right:0!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{
  left:300px!important;right:0!important;width:auto!important;top:88px!important
 }
}

/* Drawer range: brandbar and nav move as ONE top stack when the 300px sidebar opens. */
@media(min-width:1025px) and (max-width:1499px){
 html body.tmpl_body:has(#crdArchiveContext){padding-left:0!important;padding-top:148px!important}
 html body.tmpl_body:has(#crdArchiveContext) .crd-vk-brandbar--site{left:0!important;right:0!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{left:0!important;right:0!important;width:auto!important;top:88px!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) .crd-vk-brandbar--site{left:300px!important;right:0!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{left:300px!important;right:0!important;width:auto!important}
}

/* 1401..1499 stays DESKTOP: menu + search + PM + profile are all in the second row. */
@media(min-width:1401px) and (max-width:1499px){
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{
  justify-content:center!important;
  padding-left:58px!important;
  padding-right:255px!important;
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-nav-shell{
  display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:60px!important
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary{
  display:flex!important;max-width:100%!important
 }
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{
  padding-left:58px!important;padding-right:255px!important
 }
}

/* <=1400 uses the single-row VULKK mobile contract defined above:
   sidebar arrow / centered CRDGAME logo / hamburger.
   The separate site brandbar is intentionally not part of the mobile stack. */

/* uCoz admin bar on desktop keeps the 88px brandbar + 60px navigation stack. */
@media(min-width:1401px){
 html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext){padding-top:178px!important}
 html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext) .crd-vk-brandbar--site{top:30px!important}
 html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header]{top:118px!important}
}

/* V14.1: CRDGAME desktop account controls must remain complete in the site menu.
   Stock header-nav-v5 collapses PM/profile between 1401..1600; V14.1 restores them
   for archive/section/category pages because the user explicitly wants search + PM + profile. */
@media(min-width:1401px) and (max-width:1600px){
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-pm{display:inline-flex!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile__name{display:block!important;max-width:105px!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile__arrow{display:block!important}
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile__toggle{
  width:auto!important;min-width:0!important;max-width:none!important;padding:0 12px 0 8px!important;gap:8px!important
 }
}
@media(min-width:1401px) and (max-width:1499px){
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary-menu .uMenuRoot>li>a,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary-menu--game>div>.uMenuRoot>li>ul>li>a,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary__games{
  padding-left:9px!important;padding-right:9px!important;font-size:13px!important
 }
}
@media(min-width:1401px) and (max-width:1499px){
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile__name{display:block!important;max-width:105px!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile__arrow{display:block!important}
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile__toggle{width:auto!important;min-width:0!important;max-width:none!important}
}

/* ========================================================================== 
   V14.2 — EXACT USER PATCH ONLY
   1) Desktop search + PM + profile are attached directly to the navigation
      and the WHOLE nav+tools group is centered as one unit.
   2) Material Menu 1 keeps its own buttons/links/structure, but inherits the
      SAME section/category palette + Exo 2 typography.
   3) Brandbar, sidebar and mobile architecture are untouched.
   ========================================================================== */

/* DESKTOP ARCHIVE/SECTION/CATEGORY:
   remove the old right-edge absolute tools placement. The sidebar toggle at
   1401..1499 stays pinned to the LEFT edge and no longer participates in the
   centering calculation. */
@media (min-width:1401px){
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{
  justify-content:center!important;
  padding-left:16px!important;
  padding-right:16px!important;
  gap:0!important;
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-nav-shell{
  display:contents!important;
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:60px!important;
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-primary{
  display:flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100% - 255px)!important;
  margin:0!important;
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-tools{
  position:static!important;
  z-index:30!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:60px!important;
  margin:0 0 0 4px!important;
  padding:0!important;
  gap:0!important;
 }
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-search,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-pm,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-profile,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-login{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
 }
}

@media (min-width:1401px) and (max-width:1499px){
 body:has(#crdArchiveContext) .crd-vk-sidebar-toggle{
  position:absolute!important;
  left:0!important;
  top:0!important;
  margin:0!important;
 }
 html body.tmpl_body.crd-vk-toc-open:has(#crdArchiveContext) #top_network.crdnav5-header .crdnav5-inner{
  padding-left:16px!important;
  padding-right:16px!important;
 }
}

/* MATERIAL PAGE / MENU 1 — V14.3
   Live-DOM fix. The entry keeps native $NMENU_1$ and all of its buttons.
   We only make its navigation surface, text and tools use the exact same
   game-context palette/type as the section/category $NMENU_4$ row.
   These selectors intentionally start with html body to beat header-nav-v5-page.css. */
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-bar{
 background:#131313!important;
 background-image:none!important;
 border:0!important;
 border-bottom:1px solid #080808!important;
 box-shadow:none!important;
}
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a{
 color:#ddcbad!important;
 font-family:"Exo 2",system,sans-serif!important;
 font-size:16px!important;
 font-weight:400!important;
 line-height:16px!important;
 letter-spacing:normal!important;
 text-transform:uppercase!important;
 background:transparent!important;
 background-image:none!important;
 border-color:transparent!important;
 box-shadow:none!important;
}
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a:hover,
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a:focus-visible{
 color:#dd9933!important;
 background:transparent!important;
}
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a.is-active,
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a[aria-current="page"]{
 color:#ddcbad!important;
 background:transparent!important;
}
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-tool,
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-profile__toggle,
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-login{
 color:#ddcbad!important;
 font-family:"Exo 2",system,sans-serif!important;
}
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-tool:hover,
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-tool:focus-visible,
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-profile__toggle:hover,
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-profile__toggle:focus-visible,
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-profile__toggle[aria-expanded="true"],
html body #top_network.crdnav5-header.crdnav5-game-context .crdnav5-login:hover{
 color:#dd9933!important;
 background:#0c0c0c!important;
}

/* V14.3 — MATERIAL DESKTOP GROUPING.
   V14.2 centered nav+tools only on #crdArchiveContext pages. The user's live
   material DOM has no #crdArchiveContext, so repeat the same geometry for the
   existing Menu 1 row without touching its links/buttons. */
@media (min-width:1401px){
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-inner{
  justify-content:center!important;
  gap:0!important;
 }
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-nav-shell{
  display:contents!important;
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:60px!important;
 }
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-primary{
  display:flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100% - 255px)!important;
  margin:0!important;
 }
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-tools{
  position:static!important;
  z-index:30!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:60px!important;
  margin:0 0 0 4px!important;
  padding:0!important;
  gap:0!important;
 }
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-search,
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-pm,
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-profile,
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header .crdnav5-login{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
 }
}

/* Beat the very high-specificity plain-page background rule from
   header-nav-v5-page.css. This is the actual reason the material row remained
   a different shade while archive/section/category was already #131313. */
html body.tmpl_body.crd-vulkk-entry:not(.page-home):not(:has(.crd-module-hero)):not(:has(.pa-entry-hero)):not(:has(.e26-entry-cover)):not(:has(#crdHomeClean)):not(:has(.crd0-home)):not(:has(.crd-home-hero)):not(:has(.crd-games-hero)):not(:has(#crdGamesHub))
#top_network.crdnav5-header.crdnav5-game-context .crdnav5-bar{
 background:#131313!important;
 background-image:none!important;
 border:0!important;
 border-bottom:1px solid #080808!important;
 box-shadow:none!important;
}



/* ==========================================================================
   V14.8 — SOLID NAV PALETTE ON EVERY PAGE EXCEPT THE REAL HOMEPAGE
   2026-09-20

   IMPORTANT:
   - uCoz body uses module_$MODULE_ID$ globally.
   - Many ordinary static pages are module_index too.
   - Therefore DO NOT exclude .module_index.
   - The only reliable homepage marker in the current CRDGAME body template
     is .page-home.
   - This block lives at the END of crd-game-layout, which is loaded after
     header-nav-v5-page.css, so the cascade cannot restore the old gradient.
========================================================================== */

html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] {
  --crdnav5-bg:#131313!important;
  --crdnav5-hover-bg:#0c0c0c!important;
  --crdnav5-text:#ddcbad!important;
  --crdnav5-hover:#dd9933!important;
  --crdnav5-search:#ddcbad!important;
}

html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-bar,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header].is-scrolled .crdnav5-bar {
  color:#ddcbad!important;
  background:#131313!important;
  background-color:#131313!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;
}

/* MENU 1 — ordinary portal navigation */
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header]
.crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a {
  color:#ddcbad!important;
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:16px!important;
  letter-spacing:normal!important;
  text-transform:uppercase!important;
}

html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header]
.crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a:hover,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header]
.crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a:focus-visible {
  color:#dd9933!important;
  background:transparent!important;
}

/* Keep current Menu 1 item neutral, same behavior as the material page. */
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header]
.crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a.is-active,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header]
.crdnav5-primary-menu:not(.crdnav5-primary-menu--game) .uMenuRoot>li>a[aria-current="page"] {
  color:#ddcbad!important;
  background:transparent!important;
}

/* MENU 4 — visible current-game branch */
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header]
.crdnav5-primary-menu--game>div>.uMenuRoot>li>ul>li>a {
  color:#ddcbad!important;
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:16px!important;
  letter-spacing:normal!important;
  text-transform:uppercase!important;
}

html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header]
.crdnav5-primary-menu--game>div>.uMenuRoot>li>ul>li>a:hover,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header]
.crdnav5-primary-menu--game>div>.uMenuRoot>li>ul>li>a:focus-visible {
  color:#dd9933!important;
  background:transparent!important;
}

/* "Другие игры", search, PM, profile/login */
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-tool,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-profile__toggle,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-login {
  color:#ddcbad!important;
  font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games:hover,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games:focus-visible,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-tool:hover,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-tool:focus-visible,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-profile__toggle:hover,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-profile__toggle:focus-visible,
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-profile__toggle[aria-expanded="true"],
html body:not(.page-home)
#top_network.crdnav5-header[data-crdnav5-header] .crdnav5-login:hover {
  color:#dd9933!important;
}

/* Mobile top row uses the same solid surface outside the homepage. */
@media (max-width:1400px) {
  html body:not(.page-home)
  #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-bar,
  html body:not(.page-home)
  #top_network.crdnav5-header[data-crdnav5-header].is-scrolled .crdnav5-bar {
    background:#131313!important;
    background-image:none!important;
    border-bottom:1px solid #080808!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* ==========================================================================
   V14.15 — MOBILE HEADER + HAMBURGER: SINGLE CONTRACT
   2026-09-23

   OWNERSHIP
   - Homepage is untouched.
   - /games, archive/section/category pages with #crdArchiveContext.
   - Material pages: body.crd-vulkk-entry.

   AHEADER decides CONTENT:
   - materials and /games: NMENU_1
   - game sections/categories/archive: current branch of NMENU_4
   - "Другие игры": NMENU_2 everywhere
   - NMENU_3 hidden on mobile
   - account block everywhere

   VISUAL CONTRACT
   - one 60px row: SIDEBAR | SEARCH | centered CRDGAME | HAMBURGER
   - one drawer geometry and one text axis on every owned page
   ========================================================================== */

@media (max-width:1400px){

 /* -----------------------------------------------------------------------
    A. Kill the old material-only 88/76px brand strip on mobile.
    This deliberately beats vulkk-material.css, which is loaded AFTER AHEADER
    and used to hide .crdnav5-mobile-brand at <=1400.
    ----------------------------------------------------------------------- */

 html body.tmpl_body.crd-vulkk-entry{
  --vk-brandbar-h:0px!important;
  --vk-nav-h:60px!important;
  padding-top:60px!important;
 }

 html body.tmpl_body.crd-vulkk-entry .crd-vk-brandbar{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
 }

 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header]{
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
 }

 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header]
 .crdnav5-mobile-panel{
  top:60px!important;
  height:calc(100dvh - 60px)!important;
  max-height:calc(100dvh - 60px)!important;
 }

 /* Beat the old material rule: padding-left:52px. */
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header]
 .crdnav5-inner{
  padding-left:58px!important;
 }

 /* Beat the old material rules that move search/burger when TOC is open. */
 html body.tmpl_body.crd-vulkk-entry.crd-vk-toc-open
 #top_network.crdnav5-header[data-crdnav5-header]
 .crdnav5-search,
 html body.tmpl_body.crd-vulkk-entry.crd-vk-toc-open
 #top_network.crdnav5-header[data-crdnav5-header]
 .crdnav5-mobile-toggle{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
 }

 /* The old material CSS explicitly hides this logo on mobile. Undo it. */
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header]
 .crdnav5-mobile-brand{
  display:flex!important;
 }

 /* -----------------------------------------------------------------------
    B. Archive/games shell: mobile is also exactly 60px.
    ----------------------------------------------------------------------- */

 html body.tmpl_body:has(#crdArchiveContext){
  --crd-vk-masthead-h:0px!important;
  --crd-vk-nav-h:60px!important;
  padding-top:60px!important;
 }

 html body.tmpl_body:has(#crdArchiveContext) .crd-vk-brandbar--site,
 html body.tmpl_body:has(#crdArchiveContext) .crd-vk-masthead{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header]{
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
 }

 /* -----------------------------------------------------------------------
    C. One top row.
    Archive/games sidebar control lives inside AHEADER.
    Material TOC button lives outside it, so 58px are reserved on the left.
    ----------------------------------------------------------------------- */

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-bar,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-bar{
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  background:#131313!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid #080808!important;
  box-shadow:none!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-inner,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-inner{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:none!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  margin:0!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-inner{
  padding:0!important;
 }

 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-inner{
  padding:0 0 0 58px!important;
 }

 /* sidebar button: /games / section / category */
 body:has(#crdArchiveContext) .crd-vk-sidebar-toggle{
  position:relative!important;
  z-index:55!important;
  order:0!important;
  display:block!important;
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  margin:0!important;
  padding:0!important;
  background:#131313!important;
  border:0!important;
  border-right:1px solid rgba(236,236,209,.08)!important;
 }

 body:has(#crdArchiveContext) .crd-vk-sidebar-toggle__control{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:60px!important;
  margin:0!important;
  padding:19px!important;
  color:#ddab5f!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
 }

 /* sidebar button: material */
 html body.tmpl_body.crd-vulkk-entry .crd-vk-toc-toggle{
  appearance:none!important;
  position:fixed!important;
  z-index:9501!important;
  top:0!important;
  left:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  margin:0!important;
  padding:18px!important;
  color:#ddab5f!important;
  background:#131313!important;
  border:0!important;
  border-right:1px solid rgba(236,236,209,.08)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
 }

 html body.tmpl_body.crd-vulkk-entry .crd-vk-toc-toggle svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  fill:currentColor!important;
 }

 html body.tmpl_body.crd-vulkk-entry.crd-vk-toc-open .crd-vk-toc-toggle{
  left:var(--vk-drawer,280px)!important;
 }

 /* Header tools collapse into direct children of the 60px flex row. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-tools,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-tools{
  position:static!important;
  display:contents!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
 }

 /* SEARCH — same slot everywhere. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-search,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-search{
  position:relative!important;
  z-index:55!important;
  order:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  margin:0!important;
  padding:0!important;
  color:#ddcbad!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
 }

 /* desktop account controls do not occupy the mobile row */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-pm,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-profile,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-login,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-pm,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-profile,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-login{
  display:none!important;
 }

 /* LOGO — same centered absolute layer everywhere. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-brand,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-brand{
  position:absolute!important;
  z-index:50!important;
  top:0!important;
  left:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:180px!important;
  min-width:0!important;
  max-width:calc(100% - 250px)!important;
  height:60px!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:transparent!important;
  border:0!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-brand img,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-brand img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:180px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
 }

 /* HAMBURGER — right slot everywhere. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-toggle,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-toggle{
  position:relative!important;
  z-index:55!important;
  order:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 59px!important;
  width:59px!important;
  min-width:59px!important;
  max-width:59px!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  margin:0 0 0 auto!important;
  padding:17px!important;
  color:#ddcbad!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
 }

 /* -----------------------------------------------------------------------
    D. ONE MOBILE DRAWER GEOMETRY.
    ----------------------------------------------------------------------- */

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header]
 .crdnav5-nav-shell.crdnav5-mobile-panel,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header]
 .crdnav5-nav-shell.crdnav5-mobile-panel{
  position:fixed!important;
  z-index:8999!important;
  top:60px!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:calc(100dvh - 60px)!important;
  max-height:calc(100dvh - 60px)!important;
  margin:0!important;
  padding:0!important;
  background:#05060b!important;
  border:0!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-panel__scroll,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-panel__scroll{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:24px 0 48px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
 }

 /* Every content block uses exactly the same axis. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-section,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-section{
  position:relative!important;
  display:block!important;
  width:min(500px,calc(100% - 48px))!important;
  max-width:500px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-section--account,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-section--account{
  margin-top:30px!important;
 }

 /* NMENU_3 is removed only on mobile. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-section--portal,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-section--portal{
  display:none!important;
 }

 /* -----------------------------------------------------------------------
    E. NMENU_1 / NMENU_4: same wrappers and same link geometry.
    uCoz/AHEADER still decides WHICH menu exists.
    ----------------------------------------------------------------------- */

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu>div,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu>div{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  overflow:visible!important;
 }

 /* Root list has one shared box model. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot{
  position:static!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
 }

 /* Every visible list item occupies the same width. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li{
  box-sizing:border-box!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
 }

 /* One link geometry for NMENU_1 and NMENU_4 at every visible level. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:18px 20px!important;
  box-sizing:border-box!important;
  color:#ddcbad!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:22px!important;
  letter-spacing:normal!important;
  text-align:left!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
 }

 /* Same active/hover surface regardless of source menu. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a:hover,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a:hover,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a:focus-visible,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a:focus-visible{
  color:#dd9933!important;
  background:#0c0c0c!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a.uMenuItemA,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a.uMenuItemA,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a[aria-current="page"],
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu .uMenuRoot li>a[aria-current="page"]{
  color:#dd9933!important;
  background:#0c0c0c!important;
 }

 /* NMENU_4: reveal only the current branch structure selected by earlier
    game-context rules; keep it in normal vertical flow. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header].crdnav5-game-context
 .crdnav5-primary-menu--game>div>.uMenuRoot>li>ul{
  position:static!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
 }

 /* Desktop third-level dropdowns are not dumped into the mobile drawer. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header].crdnav5-game-context
 .crdnav5-primary-menu--game>div>.uMenuRoot>li>ul>li>ul{
  display:none!important;
 }

 /* -----------------------------------------------------------------------
    F. "ДРУГИЕ ИГРЫ" + NMENU_2: same axis on every page.
    ----------------------------------------------------------------------- */

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games{
  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;
  box-sizing:border-box!important;
  color:#ddcbad!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:22px!important;
  text-align:left!important;
  text-transform:uppercase!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games:hover,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games:hover,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games[aria-expanded="true"],
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games[aria-expanded="true"]{
  color:#dd9933!important;
  background:#0c0c0c!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games>svg,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games>svg{
  position:static!important;
  flex:0 0 13px!important;
  width:13px!important;
  height:8px!important;
  margin:0 0 0 12px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.6!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games[aria-expanded="true"]>svg,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary__games[aria-expanded="true"]>svg{
  transform:rotate(180deg)!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel{
  position:static!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel[aria-hidden="true"]:not(.is-open),
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel[aria-hidden="true"]:not(.is-open){
  display:none!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel.is-open,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel[aria-hidden="false"],
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel.is-open,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel[aria-hidden="false"]{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel__inner,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel__inner,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-grid,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-grid,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-native,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-native,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-native .uMenuRoot,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-native .uMenuRoot{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-native .uMenuRoot>li,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-native .uMenuRoot>li{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
 }

 /* Important: same LEFT EDGE as primary menu: 20px, not 36px. */
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-native .uMenuRoot>li>a,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-native .uMenuRoot>li>a,
 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel__hub,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel__hub{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:14px 20px!important;
  box-sizing:border-box!important;
  color:#ddcbad!important;
  background:transparent!important;
  border:0!important;
  font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:21px!important;
  text-align:left!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:normal!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel__hub,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-games-panel__hub{
  color:#dd9933!important;
 }

 /* -----------------------------------------------------------------------
    G. ACCOUNT: same width and 20px text axis.
    ----------------------------------------------------------------------- */

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-label,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-label{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 20px 8px!important;
  box-sizing:border-box!important;
  color:#776f64!important;
  background:transparent!important;
  font-family:"Exo 2",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:16px!important;
  letter-spacing:.08em!important;
  text-align:left!important;
  text-transform:uppercase!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-account,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-account{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-account>a,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-account>a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:14px 20px!important;
  box-sizing:border-box!important;
  color:#ddcbad!important;
  background:transparent!important;
  border:0!important;
  font-family:"Exo 2",system-ui,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:21px!important;
  text-align:left!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
 }

 /* -----------------------------------------------------------------------
    H. uCoz admin bar.
    ----------------------------------------------------------------------- */

 html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext),
 html body.tmpl_body.crd-vulkk-entry.uadm--fixed-body-top{
  padding-top:90px!important;
 }

 html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header],
 html body.tmpl_body.crd-vulkk-entry.uadm--fixed-body-top
 #top_network.crdnav5-header[data-crdnav5-header]{
  top:30px!important;
 }

 html body.tmpl_body.crd-vulkk-entry.uadm--fixed-body-top .crd-vk-toc-toggle{
  top:30px!important;
 }

 html body.tmpl_body.uadm--fixed-body-top:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-panel,
 html body.tmpl_body.crd-vulkk-entry.uadm--fixed-body-top
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-panel{
  top:90px!important;
  height:calc(100dvh - 90px)!important;
  max-height:calc(100dvh - 90px)!important;
 }
}


/* The material stylesheet used to hide SEARCH below 480px while TOC was open.
   V14.15 keeps the requested 4-control row on every phone width. */
@media (max-width:480px){
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-search,
 html body.tmpl_body.crd-vulkk-entry.crd-vk-toc-open
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-search{
  display:inline-flex!important;
 }
}

/* material.css sets --vk-brandbar-h:76px again below 430px; neutralize it. */
@media (max-width:430px){
 html body.tmpl_body.crd-vulkk-entry{
  --vk-brandbar-h:0px!important;
  --vk-nav-h:60px!important;
  padding-top:60px!important;
 }

 html body.tmpl_body:has(#crdArchiveContext)
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-brand img,
 html body.tmpl_body.crd-vulkk-entry
 #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-brand img{
  max-width:150px!important;
  max-height:30px!important;
 }
}

/* Existing rail: forum information moves here as one live native block. */
html body #crdVulkkToc .crd-vk-forum-info{margin-top:20px;padding-top:16px;border-top:1px solid #292929}
html body #crdVulkkToc .forum-additional-info,
html body #crdVulkkToc .forum-additional-info :is(tbody,tr,td){display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body #crdVulkkToc .forum-additional-info{margin:0!important;border:0!important;background:transparent!important;font-size:14px!important;line-height:1.5!important}
html body #crdVulkkToc .forum-additional-info td{padding:8px 0!important;background:transparent!important;border:0!important;overflow-wrap:anywhere}
html body #crdVulkkToc .forum-additional-info :is(.gTableRight,.gTopCornerRight){display:none!important}
html body #crdVulkkToc .forum-additional-info :is(.gTableTop,.gTableSubTop){color:#dd9933!important;font-size:15px!important;font-weight:500!important}
html body #crdVulkkToc .forum-additional-info .statsRecord{padding-bottom:12px}
html body #crdVulkkToc .forum-additional-info a{white-space:normal!important}

/* Compact, readable native forum data, with the original forum group palette. */
html body #crdVulkkToc .crd-vk-forum-info{margin-top:0;padding-top:0;border-top:0}
html body #crdVulkkToc .forum-additional-info{font-size:16px!important;line-height:1.45!important;color:#ececd1!important}
html body #crdVulkkToc .forum-additional-info .gTableTop{display:none!important}
html body #crdVulkkToc .forum-additional-info td{font-size:16px!important;line-height:1.45!important;padding:6px 0!important}
html body #crdVulkkToc .forum-additional-info .gTableSubTop{font-size:16px!important;padding-top:14px!important}
html body #crdVulkkToc .forum-additional-info .statsRecord{padding-bottom:8px}
html body #crdVulkkToc .forum-additional-info .groupsList{display:block;margin-top:8px}
html body #crdVulkkToc .forum-additional-info a.groupAdmin{color:#ff6d62!important}
html body #crdVulkkToc .forum-additional-info a.groupModer{color:#4a9eff!important}
html body #crdVulkkToc .forum-additional-info a.groupCitizen{color:#88ccff!important}
html body #crdVulkkToc .forum-additional-info a.groupFriends{color:#ffcc00!important}
html body #crdVulkkToc .forum-additional-info a.groupUser,
html body #crdVulkkToc .forum-additional-info a.groupOther1{color:#ececd1!important}
html body.tmpl_body.crd-forum-page .forum-box{margin-bottom:24px!important}
/* uCoz page editing controls stay at the right viewport edge. */
html body .moder-block{left:auto!important;right:0!important;margin-left:0!important;margin-right:0!important}

/* Selected game branch remains a transparent flex container on phones. */
@media(max-width:1400px){
#top_network.crdnav5-header.crdnav5-game--crimson .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/crimson-desert/"]),
#top_network.crdnav5-header.crdnav5-game--crimson .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/crimson-desert"]),
#top_network.crdnav5-header.crdnav5-game--shadows .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-shadows"]),
#top_network.crdnav5-header.crdnav5-game--shadows .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-shadows/"]),
#top_network.crdnav5-header.crdnav5-game--blackflag .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-black-flag-resynced"]),
#top_network.crdnav5-header.crdnav5-game--blackflag .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-black-flag-resynced/"]),
#top_network.crdnav5-header.crdnav5-game--shadowwar .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/shadow-of-war"]),
#top_network.crdnav5-header.crdnav5-game--shadowwar .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/shadow-of-war/"]),
#top_network.crdnav5-header.crdnav5-game--witcher4 .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/the-witcher-4"]),
#top_network.crdnav5-header.crdnav5-game--witcher4 .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/the-witcher-4/"]),
#top_network.crdnav5-header.crdnav5-game--gothic .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/gothic-1-remake"]),
#top_network.crdnav5-header.crdnav5-game--gothic .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/gothic-1-remake/"]),
#top_network.crdnav5-header.crdnav5-game--spacemarine2 .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/warhammer-40000-space-marine-2"]),
#top_network.crdnav5-header.crdnav5-game--spacemarine2 .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/warhammer-40000-space-marine-2/"]),
#top_network.crdnav5-header.crdnav5-game--ghost .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/ghost-of-tsushima"]),
#top_network.crdnav5-header.crdnav5-game--ghost .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/ghost-of-tsushima/"]),
#top_network.crdnav5-header.crdnav5-game--blackmyth .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/black-myth"]),
#top_network.crdnav5-header.crdnav5-game--blackmyth .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/black-myth/"]),
#top_network.crdnav5-header.crdnav5-game--odyssey .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-odyssey"]),
#top_network.crdnav5-header.crdnav5-game--odyssey .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/assassins-creed-odyssey/"]),
#top_network.crdnav5-header.crdnav5-game--phantom .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/phantom-blade-zero"]),
#top_network.crdnav5-header.crdnav5-game--phantom .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/phantom-blade-zero/"]),
#top_network.crdnav5-header.crdnav5-game--dawnwalker .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/the-blood-of-dawnwalker"]),
#top_network.crdnav5-header.crdnav5-game--dawnwalker .crdnav5-primary-menu--game > div > .uMenuRoot > li:has(>a[href="/the-blood-of-dawnwalker/"]) {
display:contents!important;
}
}
html body #crdVulkkToc .forum-additional-info tr:has(> .gTableTop){display:none!important}
html body #crdVulkkToc .forum-additional-info .gTableBody1:has(.groupsList) > br{display:none!important}
html body #crdVulkkToc .crd-vk-forum-sections{margin-bottom:12px}

@media(max-width:1400px){
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu--game,
 html body.tmpl_body:has(#crdArchiveContext) #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu--game > div,
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu--game,
 html body.tmpl_body.crd-vulkk-entry #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary-menu--game > div {display:contents!important}
}

@media(max-width:1400px){
html body.tmpl_body:is(:has(#crdArchiveContext),.crd-vulkk-entry) #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-primary{display:flex!important;flex-direction:column!important}
}

/* Account pages emit the rail toggle outside the header: keep one mobile row. */
@media(max-width:1400px){
 html body.tmpl_body:has(#crdVulkkToc.crd-profile-sidebar){padding-top:60px!important;padding-left:0!important}
 html body.tmpl_body:has(#crdVulkkToc.crd-profile-sidebar) #top_network.crdnav5-header[data-crdnav5-header],
 html body.tmpl_body.crd-vk-toc-open:has(#crdVulkkToc.crd-profile-sidebar) #top_network.crdnav5-header[data-crdnav5-header]{
  left:0!important;right:0!important;top:0!important;width:auto!important;transform:none!important;
 }
 html body.tmpl_body:has(#crdVulkkToc.crd-profile-sidebar) #crdVulkkTocToggleWrap{
  position:fixed!important;z-index:9501!important;top:0!important;left:0!important;
  width:58px!important;height:60px!important;margin:0!important;transform:none!important;
 }
 html body.tmpl_body:has(#crdVulkkToc.crd-profile-sidebar) #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-inner{
  width:100%!important;min-width:0!important;padding:0 0 0 58px!important;
 }
 html body.tmpl_body:has(#crdVulkkToc.crd-profile-sidebar) #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-brand{
  left:calc(50% + 29px)!important;width:180px!important;max-width:calc(100% - 190px)!important;
 }
 html body.tmpl_body:has(#crdVulkkToc.crd-profile-sidebar) #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-brand img{
  max-width:100%!important;
 }
 html body.tmpl_body:has(#crdVulkkToc.crd-profile-sidebar) #crdVulkkToc{
  top:60px!important;bottom:0!important;height:calc(100dvh - 60px)!important;
  width:min(300px,calc(100vw - 40px))!important;min-width:0!important;max-width:calc(100vw - 40px)!important;
 }
 html body.tmpl_body:has(#crdVulkkToc.crd-profile-sidebar) #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-panel{
  left:0!important;right:0!important;top:60px!important;width:100%!important;height:calc(100dvh - 60px)!important;
 }
 html body.tmpl_body.uadm--fixed-body-top:has(#crdVulkkToc.crd-profile-sidebar){padding-top:90px!important}
 html body.tmpl_body.uadm--fixed-body-top:has(#crdVulkkToc.crd-profile-sidebar) #top_network.crdnav5-header[data-crdnav5-header],
 html body.tmpl_body.uadm--fixed-body-top:has(#crdVulkkToc.crd-profile-sidebar) #crdVulkkTocToggleWrap{top:30px!important}
 html body.tmpl_body.uadm--fixed-body-top:has(#crdVulkkToc.crd-profile-sidebar) #crdVulkkToc,
 html body.tmpl_body.uadm--fixed-body-top:has(#crdVulkkToc.crd-profile-sidebar) #top_network.crdnav5-header[data-crdnav5-header] .crdnav5-mobile-panel{top:90px!important;height:calc(100dvh - 90px)!important}
}