/* Text navigation controls. Keep hit areas constant in all interaction states. */
:root {
  --skyx-nav-surface: #ded6f0;
  --skyx-nav-ink: #2d185c;
  --skyx-nav-ring: #6e4db4;
}
:is(:root :is(#site-structure,nav,[role="navigation"],[role="menu"],.sx-info-submenu,.site-nav,.breadcrumbs,.pagination,.topline,.footer-grid,.legal-notice,footer) a[href]:not(:where(.brand,.logo,.brand-emblem,.button,.card,.related-card,.model-card,.game-card,[aria-disabled="true"],[role="tab"])):not(:has(img,picture,h2,h3,figure,article)), :root :is(header .text-link,main a.back-link,main a.return-link,a[rel~="up"],.sx-info-menu > summary)) {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center;
  gap:.4em;
  min-height:40px!important;
  max-width:100%;
  padding:9px 14px!important;
  border-radius:9px!important;
  text-decoration:none!important;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
  vertical-align:middle;
}
:is(:root :is(#site-structure,nav,[role="navigation"],[role="menu"],.sx-info-submenu,.site-nav,.breadcrumbs,.pagination,.topline,.footer-grid,.legal-notice,footer) a[href]:not(:where(.brand,.logo,.brand-emblem,.button,.card,.related-card,.model-card,.game-card,[aria-disabled="true"],[role="tab"])):not(:has(img,picture,h2,h3,figure,article)), :root :is(header .text-link,main a.back-link,main a.return-link,a[rel~="up"],.sx-info-menu > summary)):is(:hover,:focus-visible) {
  background:#ded6f0!important;
  background:var(--skyx-nav-surface)!important;
  color:var(--skyx-nav-ink)!important;
  text-decoration:none!important;
  filter:none!important;
}
:is(:root :is(#site-structure,nav,[role="navigation"],[role="menu"],.sx-info-submenu,.site-nav,.breadcrumbs,.pagination,.topline,.footer-grid,.legal-notice,footer) a[href]:not(:where(.brand,.logo,.brand-emblem,.button,.card,.related-card,.model-card,.game-card,[aria-disabled="true"],[role="tab"])):not(:has(img,picture,h2,h3,figure,article)), :root :is(header .text-link,main a.back-link,main a.return-link,a[rel~="up"],.sx-info-menu > summary)):focus-visible {outline:2px solid var(--skyx-nav-ring)!important;outline-offset:-2px;}
:is(:root :is(#site-structure,nav,[role="navigation"],[role="menu"],.sx-info-submenu,.site-nav,.breadcrumbs,.pagination,.topline,.footer-grid,.legal-notice,footer) a[href]:not(:where(.brand,.logo,.brand-emblem,.button,.card,.related-card,.model-card,.game-card,[aria-disabled="true"],[role="tab"])):not(:has(img,picture,h2,h3,figure,article)), :root :is(header .text-link,main a.back-link,main a.return-link,a[rel~="up"],.sx-info-menu > summary)) :where(span,strong,em) {text-decoration:none!important;}
:root :is(#site-structure,#skyx-hardware-links,.sx-info-submenu) a[href] {display:flex!important;}
:root #site-structure .site-nav-child {padding-inline-start:26px!important;}
:root header nav:not(.game-hero-mosaic) {min-width:0;flex-wrap:wrap;}
:root header.resource-header nav,.header nav[aria-label="Главное меню"] {column-gap:4px;row-gap:4px;overflow:visible;}
@media(max-width:700px){:is(:root :is(#site-structure,nav,[role="navigation"],[role="menu"],.sx-info-submenu,.site-nav,.breadcrumbs,.pagination,.topline,.footer-grid,.legal-notice,footer) a[href]:not(:where(.brand,.logo,.brand-emblem,.button,.card,.related-card,.model-card,.game-card,[aria-disabled="true"],[role="tab"])):not(:has(img,picture,h2,h3,figure,article)), :root :is(header .text-link,main a.back-link,main a.return-link,a[rel~="up"],.sx-info-menu > summary)) {padding:8px 11px!important;}}
@media(prefers-reduced-motion:reduce){:is(:root :is(#site-structure,nav,[role="navigation"],[role="menu"],.sx-info-submenu,.site-nav,.breadcrumbs,.pagination,.topline,.footer-grid,.legal-notice,footer) a[href]:not(:where(.brand,.logo,.brand-emblem,.button,.card,.related-card,.model-card,.game-card,[aria-disabled="true"],[role="tab"])):not(:has(img,picture,h2,h3,figure,article)), :root :is(header .text-link,main a.back-link,main a.return-link,a[rel~="up"],.sx-info-menu > summary)) {transition:none!important;}}

/* Game editorial pages: use the same SkyX home mark and link treatment in every template. */
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) :is(header,footer) a.brand:has(img[src$="/skyx-logo.jpg"]),
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) header:not(:has(.brand)) nav a:is([href="/"],[href="https://skyxglobal.ru/"]):first-child {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 auto;
  width: var(--game-brand-width, 150px) !important;
  height: var(--game-brand-height, 78px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #131138 url("/skyx-logo.jpg") center / 182% auto no-repeat !important;
  cursor: pointer;
  pointer-events: auto;
  vertical-align: middle;
}
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) header:not(:has(.brand)) nav a:is([href="/"],[href="https://skyxglobal.ru/"]):first-child {
  font-size: 0 !important;
}
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) :is(header,footer) a.brand > img[src$="/skyx-logo.jpg"] {
  /* The original JPEG has broad empty margins. Its centered mark is shown on the parent. */
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
}
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) :is(header,footer) a.brand:hover,
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) header:not(:has(.brand)) nav a:first-child:is([href="/"],[href="https://skyxglobal.ru/"]):hover {
  box-shadow: 0 0 0 3px var(--skyx-nav-surface);
}
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) :is(header,footer) a.brand:focus-visible {
  outline: 3px solid var(--skyx-nav-ring) !important;
  outline-offset: 3px !important;
}
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) main a[href]:not(:where(nav *,[role="navigation"] *,a:has(img,picture,figure,article,h2,h3),.button,.card,.related-card,.game-card,.guide,.game-hero-tile,[role="tab"],.skip)) {
  display: inline-block !important;
  box-sizing: border-box;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
  vertical-align: baseline;
  padding: 5px 10px !important;
  margin: 2px 1px;
  border-radius: 9px !important;
  background-color: #f0edf7 !important;
  color: #392666 !important;
  text-decoration: none !important;
  line-height: 1.45;
}
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) main a[href]:not(:where(nav *,[role="navigation"] *,a:has(img,picture,figure,article,h2,h3),.button,.card,.related-card,.game-card,.guide,.game-hero-tile,[role="tab"],.skip)):is(:hover,:focus-visible) {
  color: var(--skyx-nav-ink) !important;
  background-color: var(--skyx-nav-surface) !important;
  text-decoration: none !important;
}
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) main a[href]:not(:where(nav *,[role="navigation"] *,a:has(img,picture,figure,article,h2,h3),.button,.card,.related-card,.game-card,.guide,.game-hero-tile,[role="tab"],.skip)):focus-visible {
  outline: 2px solid var(--skyx-nav-ring) !important;
  outline-offset: -2px;
}
:root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) main :is(.related-guides,.more-games,.game-actions,.crumb,.topic-links) > a[href]:not(:where(nav *,[role="navigation"] *,a:has(img,picture,figure,article,h2,h3),.button,.card,.related-card,.game-card,.guide,.game-hero-tile,[role="tab"],.skip)) {
  padding: 9px 14px !important;
  margin: 3px 2px;
}
@media(max-width:700px) {
  :root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) { --game-brand-width: 118px; --game-brand-height: 64px; }
  :root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) header:has(.brand) { flex-wrap: wrap; }
  :root:has(link[rel~="canonical"]:is([href^="https://skyxglobal.ru/games/"],[href^="/games/"])):is(html,#site-structure) header:not(:has(.brand)) nav { flex-wrap: wrap; align-items: center; }
}