/* New presentation layer only. Selectors use native tags and our body markers.
   Every existing control and handler stays in its original DOM position. */
body[data-now-visual-skin="20261003"] { margin:0!important; }
body[data-now-visual-skin="20261003"] app-header {
  position:relative!important; display:block!important; height:64px!important;
  min-height:64px!important; width:100%!important;
}
body[data-now-visual-skin="20261003"] app-header > header {
  position:fixed!important; inset:0 0 auto 0!important; z-index:102;
  display:block!important; width:100vw!important; height:64px!important;
  min-height:64px!important; max-height:64px!important; margin:0!important;
  padding:0!important; border:0!important; border-bottom:1px solid #262626!important;
  background:#0e0e0e!important; box-sizing:border-box!important; transform:none!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div {
  width:100vw!important; height:63px!important; min-height:63px!important;
  max-width:none!important; margin:0!important; padding:0!important;
  box-sizing:border-box!important; transform:none!important;
}
body[data-now-visual-skin="20261003"] :is(app-header > header > div > button, app-header > header > div > div > button) { display:none!important; }
body[data-now-visual-skin="20261003"] :is(app-header > header > div > div:has(> a), app-header > header > div > div > div:has(> a)) {
  position:absolute!important; left:0!important; top:0!important; width:64px!important;
  height:63px!important; margin:0!important; padding:0!important;
  border-right:1px solid #262626!important; box-sizing:border-box!important; display:block!important;
}
body[data-now-visual-skin="20261003"] :is(app-header > header > div > div > a, app-header > header > div > div > div > a) {
  position:absolute!important; left:13.5px!important; top:13.5px!important;
  display:block!important; width:36px!important; height:36px!important;
  margin:0!important; padding:0!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] :is(app-header > header > div > div > a, app-header > header > div > div > div > a) > shared-svg-icon { opacity:0!important; pointer-events:none!important; }
body[data-now-visual-skin="20261003"] :is(app-header > header > div > div > a, app-header > header > div > div > div > a)::after {
  content:""; position:absolute!important; top:8px!important; left:8px!important;
  width:20px!important; height:20px!important; background:#4ce987!important;
  mask:url("logo.svg") center / contain no-repeat;
}
body[data-now-visual-skin="20261003"] app-header header-navigation {
  position:absolute!important; top:0!important; right:16px!important; left:auto!important;
  width:599.46875px!important; min-width:599.46875px!important; height:63px!important;
  display:flex!important; flex:none!important; align-items:center!important; gap:24px!important;
  margin:0!important; padding:0!important; transform:none!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child {
  display:flex!important; align-items:center!important; justify-content:flex-start!important;
  flex:none!important; gap:16px!important; width:152px!important; min-width:152px!important;
  height:63px!important; margin:0!important; padding:0!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > :is(button,a) {
  display:flex!important; align-items:center!important; justify-content:center!important;
  position:relative!important; flex:none!important; width:40px!important; min-width:40px!important;
  height:40px!important; min-height:40px!important; margin:0!important; padding:8px!important;
  border:0!important; background:transparent!important; border-radius:8px!important;
  color:#e8e9eb!important; box-sizing:border-box!important; transform:none!important;
}
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > header-app-download-dropdown { display:none!important; }
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > :is(button,a) :is(shared-svg-icon,mat-icon,svg) {
  width:24px!important; height:24px!important; display:block!important; margin:0!important;
  transform:none!important; flex:none!important;
}
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > a { color:#d95164!important; }
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > a svg path { fill:currentColor!important; }
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > a::after {
  content:""; position:absolute; right:-8.5px; top:-3.5px; width:10px; height:10px;
  border-radius:50%; background:#fa542d;
}
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > button:last-child > shared-svg-icon { opacity:0!important; }
body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > button:last-child::after {
  content:"EN"; position:absolute; left:10px; top:10px; width:20px; height:20px;
  display:flex; align-items:center; justify-content:center; background:#303237; color:#e3e4e6;
  border-radius:1px; font:700 9px/20px Arial,sans-serif;
}
body[data-now-header-locale="ru"] app-header header-navigation > div:first-child > button:last-child::after { content:"RU"; }
body[data-now-visual-skin="20261003"] app-header navigation-controls {
  position:relative!important;
  display:flex!important; align-items:center!important; justify-content:flex-start!important;
  width:423.46875px!important; min-width:423.46875px!important; height:63px!important;
  flex:none!important; gap:16px!important; margin:0!important; padding:0!important;
  box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header header-user-auth-btn,
body[data-now-visual-skin="20261003"] app-header header-user-auth-btn > div {
  display:flex!important; align-items:center!important; justify-content:flex-start!important;
  width:339.46875px!important; min-width:339.46875px!important; height:63px!important;
  flex:none!important; gap:16px!important; margin:0!important; padding:0!important;
  box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header header-user-auth-btn > div > button {
  display:flex!important; align-items:center!important; justify-content:center!important;
  position:relative!important; width:68.609375px!important; min-width:68.609375px!important;
  height:40px!important; min-height:40px!important; flex:none!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:8px!important;
  background:#1e1e1e!important; color:#ddd!important; font-size:0!important;
  line-height:40px!important; box-shadow:none!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header header-user-auth-btn > div > button::after {
  content:"Log in"; font-size:14px; line-height:20px; font-weight:600; letter-spacing:0; white-space:nowrap;
}
body[data-now-header-locale="ru"] app-header header-user-auth-btn > div > button::after { content:"Вход"; }
body[data-now-visual-skin="20261003"] app-header :is(vendor-auth-steam,vendor-auth-steam > vendor-auth-link) {
  display:block!important; width:254.859375px!important; min-width:254.859375px!important;
  height:40px!important; margin:0!important; padding:0!important; flex:none!important;
  box-sizing:border-box!important; vertical-align:top!important;
}
body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button {
  display:flex!important; align-items:center!important; justify-content:center!important;
  position:relative!important; width:254.859375px!important; min-width:254.859375px!important;
  height:40px!important; min-height:40px!important; margin:0!important; padding:0 16px!important;
  border:0!important; border-radius:8px!important; gap:8px!important;
  background:#4bcc7b!important; color:#111!important; font-size:0!important;
  line-height:20px!important; box-shadow:none!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button > span {
  position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important;
  clip-path:inset(50%)!important; margin:0!important; padding:0!important;
}
body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button > i {
  position:relative!important; display:block!important; width:20px!important; height:20px!important;
  flex:none!important; margin:0!important; padding:0!important; background:currentColor!important;
  mask:url("header-steam.svg") center / contain no-repeat;
}
body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button > i > svg { opacity:0!important; }
body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button::after {
  content:"Sign up via Steam"; font-size:14px; line-height:20px; font-weight:600; letter-spacing:0; white-space:nowrap;
}
body[data-now-header-locale="ru"] app-header vendor-auth-steam > vendor-auth-link > button::after { content:"Регистрация через Steam"; }
body[data-now-visual-skin="20261003"] app-header header-user-dropdown {
  display:block!important; width:68px!important; min-width:68px!important; height:63px!important;
  flex:none!important; margin:0!important; padding:0!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header header-user-dropdown > div {
  display:flex!important; align-items:center!important; justify-content:flex-start!important;
  width:68px!important; height:63px!important; gap:8px!important; margin:0!important;
  padding:0!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header header-user-dropdown > div > user-avatar,
body[data-now-visual-skin="20261003"] app-header header-user-dropdown > div > user-avatar > div {
  display:block!important; position:relative!important; width:40px!important; height:40px!important;
  flex:none!important; margin:0!important; padding:0!important; border-radius:50%!important;
  background:#1e1e1e url("header-avatar.svg") center / 24px 24px no-repeat!important;
  box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header header-user-dropdown user-avatar myth-image { opacity:0!important; }
body[data-now-visual-skin="20261003"] app-header header-user-dropdown > div > user-avatar::after {
  content:""; position:absolute; inset:8px; background:url("header-avatar.svg") center / 24px no-repeat; pointer-events:none;
}
body[data-now-visual-skin="20261003"] app-header header-user-dropdown > div > i {
  display:block!important; width:20px!important; height:20px!important; flex:none!important;
  margin:0!important; padding:0!important; background:url("header-chevron.svg") center / 20px no-repeat!important;
}
body[data-now-visual-skin="20261003"] app-header header-user-dropdown > div > i > svg { opacity:0!important; }
/* The native guest render can remove its account subtree. Reserve its visual
   slot without adding a control or an event handler. */
body[data-now-visual-skin="20261003"] app-header navigation-controls:not(:has(user-avatar))::before {
  content:""; position:absolute; right:28px; top:11.5px; width:40px; height:40px;
  border-radius:50%; background:#1e1e1e url("header-avatar.svg") center / 24px no-repeat; pointer-events:none;
}
body[data-now-visual-skin="20261003"] app-header navigation-controls:not(:has(user-avatar))::after {
  content:""; position:absolute; right:0; top:21.5px; width:20px; height:20px;
  background:url("header-chevron.svg") center / 20px no-repeat; pointer-events:none;
}
/* The original prerendered row contains eight native buttons. It receives the
   same geometry as the hydrated custom elements before the first paint. */
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child:has(> div > button:nth-child(8)) {
  position:absolute!important; top:0!important; right:16px!important; left:auto!important;
  display:block!important; width:599.46875px!important; height:63px!important;
  margin:0!important; padding:0!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) {
  display:flex!important; align-items:center!important; justify-content:flex-start!important;
  width:599.46875px!important; height:63px!important; gap:16px!important;
  margin:0!important; padding:0!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button {
  position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important;
  width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important;
  flex:none!important; margin:0!important; padding:8px!important; border:0!important;
  border-radius:8px!important; background:transparent!important; color:#e8e9eb!important;
  box-shadow:none!important; transform:none!important; box-sizing:border-box!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button > span:has(> svg),
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button > span > svg {
  display:block!important; width:24px!important; height:24px!important; margin:0!important; padding:0!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(2) { color:#d95164!important; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(2) svg path { fill:currentColor!important; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(2)::after {
  content:""; position:absolute; right:-8.5px; top:-3.5px; width:10px; height:10px; border-radius:50%; background:#fa542d;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(3) { display:none!important; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(4) { margin-right:8px!important; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(4) > span { opacity:0!important; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(4)::after {
  content:"EN"; position:absolute; left:10px; top:10px; width:20px; height:20px;
  display:flex; align-items:center; justify-content:center; background:#303237; color:#e3e4e6;
  border-radius:1px; font:700 9px/20px Arial,sans-serif;
}
body[data-now-header-locale="ru"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(4)::after { content:"RU"; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(5) {
  width:68.609375px!important; min-width:68.609375px!important; padding:0!important;
  background:#1e1e1e!important; color:#ddd!important; font-size:0!important; line-height:40px!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(5)::after {
  content:"Log in"; font-size:14px; line-height:20px; font-weight:600; letter-spacing:0; white-space:nowrap;
}
body[data-now-header-locale="ru"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(5)::after { content:"Вход"; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(6) {
  width:254.859375px!important; min-width:254.859375px!important; padding:0 16px!important;
  background:#4bcc7b!important; color:#111!important; font-size:0!important; line-height:20px!important; gap:8px!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(6) > span:last-child {
  position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important;
  clip-path:inset(50%)!important; margin:0!important; padding:0!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(6) > span:first-child {
  display:block!important; width:20px!important; height:20px!important; flex:none!important;
  margin:0!important; padding:0!important; background:currentColor!important;
  mask:url("header-steam.svg") center / contain no-repeat;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(6) > span:first-child > svg { opacity:0!important; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(6)::after {
  content:"Sign up via Steam"; font-size:14px; line-height:20px; font-weight:600; letter-spacing:0; white-space:nowrap;
}
body[data-now-header-locale="ru"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(6)::after { content:"Регистрация через Steam"; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(7) {
  border-radius:50%!important; background:#1e1e1e url("header-avatar.svg") center / 24px no-repeat!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(7) > img { opacity:0!important; }
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(8) {
  width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important;
  margin-left:-8px!important; padding:0!important; background:url("header-chevron.svg") center / 20px no-repeat!important;
}
body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(8) > span { opacity:0!important; }
@media (max-width:767px) {
  body[data-now-visual-skin="20261003"] app-header { height:40px!important; min-height:40px!important; }
  body[data-now-visual-skin="20261003"] app-header > header {
    position:relative!important; height:40px!important; min-height:40px!important; max-height:40px!important;
  }
  body[data-now-visual-skin="20261003"] app-header > header > div { height:39px!important; min-height:39px!important; }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > div:has(> a), app-header > header > div > div > div:has(> a)) {
    width:52px!important; height:39px!important; border:0!important;
  }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > div > a, app-header > header > div > div > div > a) {
    left:16px!important; top:2px!important; width:36px!important; height:36px!important;
  }
  body[data-now-visual-skin="20261003"] app-header header-navigation {
    width:306.390625px!important; min-width:306.390625px!important; height:40px!important; gap:8px!important;
  }
  body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child {
    width:32px!important; min-width:32px!important; height:40px!important; gap:0!important;
  }
  body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > button { display:none!important; }
  body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > a {
    width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; padding:8px!important;
  }
  body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > a :is(shared-svg-icon,mat-icon,svg) { width:16px!important; height:16px!important; }
  body[data-now-visual-skin="20261003"] app-header header-navigation > div:first-child > a::after { width:10px; height:10px; right:-8.5px; top:-4px; }
  body[data-now-visual-skin="20261003"] app-header navigation-controls,
  body[data-now-visual-skin="20261003"] app-header header-user-auth-btn,
  body[data-now-visual-skin="20261003"] app-header header-user-auth-btn > div {
    width:266.390625px!important; min-width:266.390625px!important; height:40px!important; gap:8px!important;
  }
  body[data-now-visual-skin="20261003"] app-header header-user-auth-btn > div > button {
    width:47.375px!important; min-width:47.375px!important; height:32px!important; min-height:32px!important; line-height:32px!important;
  }
  body[data-now-visual-skin="20261003"] app-header header-user-auth-btn > div > button::after { font-size:12px; line-height:16px; }
  body[data-now-visual-skin="20261003"] app-header :is(vendor-auth-steam,vendor-auth-steam > vendor-auth-link),
  body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button {
    width:211.015625px!important; min-width:211.015625px!important; height:32px!important; min-height:32px!important;
  }
  body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button {
    padding:0 12px!important; background:#1e1e1e!important; color:#e8e9eb!important; gap:8px!important;
  }
  body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button > i { color:#4ce987!important; }
  body[data-now-visual-skin="20261003"] app-header vendor-auth-steam > vendor-auth-link > button::after { font-size:12px; line-height:16px; }
  body[data-now-visual-skin="20261003"] app-header header-user-dropdown { display:none!important; }
  body[data-now-visual-skin="20261003"] app-header navigation-controls:not(:has(user-avatar))::before,
  body[data-now-visual-skin="20261003"] app-header navigation-controls:not(:has(user-avatar))::after { display:none!important; }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child:has(> div > button:nth-child(8)),
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) {
    width:306.390625px!important; height:40px!important; gap:8px!important;
  }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:is(:nth-child(1),:nth-child(4),:nth-child(7),:nth-child(8)) { display:none!important; }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(2) {
    width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; padding:8px!important;
  }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(2) > span,
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(2) > span > svg { width:16px!important; height:16px!important; }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(2)::after { width:10px; height:10px; right:-8.5px; top:-4px; }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(5) {
    width:47.375px!important; min-width:47.375px!important; height:32px!important; min-height:32px!important;
  }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(6) {
    width:211.015625px!important; min-width:211.015625px!important; height:32px!important; min-height:32px!important;
    padding:0 12px!important; background:#1e1e1e!important; color:#e8e9eb!important;
  }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:nth-child(6) > span:first-child { color:#4ce987!important; }
  body[data-now-visual-skin="20261003"] app-header > header > div > div:last-child > div:has(> button:nth-child(8)) > button:is(:nth-child(5),:nth-child(6))::after { font-size:12px; line-height:16px; }
}