/* Иконки PlayStation и Xbox в меню: векторные логотипы с градиентом */
#main-nav-links .kx-mi .kx-svgmi, #kx-strip .kx-mi .kx-svgmi { width: 26px; height: 26px; flex: 0 0 26px; padding: 4px; border-radius: 9px; background: linear-gradient(145deg,#1a1a1a,#050505); border: 1px solid rgba(255,255,255,.18); filter: none; }
#main-nav-links .kx-mi:hover .kx-svgmi, #kx-strip .kx-mi:hover .kx-svgmi { border-color: rgba(255,255,255,.4); }
/* PlayStation чуть крупнее; Xbox — зелёный круг с белым шаром */
#main-nav-links .kx-mi .kx-svgmi.kx-ps, #kx-strip .kx-mi .kx-svgmi.kx-ps { width: 29px; height: 29px; flex: 0 0 29px; padding: 2.5px; }
#main-nav-links .kx-mi .kx-svgmi.kx-xb, #kx-strip .kx-mi .kx-svgmi.kx-xb { width: 27px; height: 27px; flex: 0 0 27px; padding: 0; background: none; border: 0; border-radius: 50%; box-shadow: 0 0 0 1px rgba(255,255,255,.22); }

/* Telegram: фирменный синий круг с самолётиком */
#main-nav-links .kx-mi .kx-svgmi.kx-tg, #kx-strip .kx-mi .kx-svgmi.kx-tg { width: 23px; height: 23px; flex: 0 0 23px; padding: 0; background: none; border: 0; border-radius: 50%; box-shadow: 0 0 0 1px rgba(255,255,255,.2); }
#main-nav-links .kx-mi .kx-gm, #kx-strip .kx-mi .kx-gm { width: 24px !important; height: 24px !important; }

/* Свободный Интернет: антенна мягко мигает зелёным волнами снизу вверх */
.kx-wifi { overflow: visible; width: 23px !important; height: 23px !important; }
.kx-wifi .w0, .kx-wifi .w1, .kx-wifi .w2, .kx-wifi .w3 { animation: kxWifi 2.8s ease-in-out infinite; }
.kx-wifi .w1 { animation-delay: .25s; }
.kx-wifi .w2 { animation-delay: .5s; }
.kx-wifi .w3 { animation-delay: .75s; }
@keyframes kxWifi {
  0%, 55%, 100% { stroke: currentColor; fill-opacity: 1; filter: none; }
  22%, 34% { stroke: #3ddc84; filter: drop-shadow(0 0 3px rgba(61,220,132,.75)); }
}
.kx-wifi .w0 { animation-name: kxWifiDot; }
@keyframes kxWifiDot { 0%, 55%, 100% { fill: currentColor; filter: none; } 22%, 34% { fill: #3ddc84; filter: drop-shadow(0 0 3px rgba(61,220,132,.75)); } }
@media (prefers-reduced-motion: reduce) { .kx-wifi .w0, .kx-wifi .w1, .kx-wifi .w2, .kx-wifi .w3 { animation: none; stroke: #3ddc84; } .kx-wifi .w0 { fill: #3ddc84; } }

/* Меню: колонки по ширине содержимого, две кнопки в колонке центрированы друг относительно друга по одной оси */
@media (min-width: 1401px) {
  .ks-nav-links.kx-menu { grid-template-columns: repeat(4, max-content) !important; justify-content: space-evenly !important; column-gap: 0 !important; padding: 0 6px; }
  .ks-nav-links.kx-menu .kx-mi { justify-content: center !important; padding: 0 12px !important; }
}


/* Шапка: «Войти» сверху, «Поддержка» снизу */
@media (min-width: 1401px) {
  #auth-nav.ks-nav-actions:has(> .ks-nav-support):has(> .ks-nav-btn.primary) { flex-direction: column-reverse !important; align-items: stretch !important; justify-content: center !important; gap: 8px !important; width: 150px; flex: 0 0 150px; }
  #auth-nav.ks-nav-actions:has(> .ks-nav-support):has(> .ks-nav-btn.primary) > .ks-nav-btn { justify-content: center; width: 100%; }
}

/* Кнопка «Войти»: золотая, в тон медведю и акцентам баннера */
html body #auth-nav .ks-nav-btn.primary {
  position: relative; overflow: hidden; isolation: isolate;
  background: linear-gradient(135deg, #f6e6bf 0%, #e0c185 48%, #b98f48 100%) !important;
  color: #1a1308 !important; border: 1px solid rgba(255,236,190,.55) !important;
  font-weight: 700; letter-spacing: .01em;
  box-shadow: 0 6px 20px rgba(214,174,98,.28), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(120,80,20,.35) !important;
  transition: transform .2s ease, box-shadow .25s ease, filter .25s ease;
}
html body #auth-nav .ks-nav-btn.primary svg, html body #auth-nav .ks-nav-btn.primary svg * { color: #1a1308 !important; stroke: #1a1308 !important; }
html body #auth-nav .ks-nav-btn.primary::after {   /* блик, пробегающий по кнопке */
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -60%; width: 40%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.65), transparent);
  transform: skewX(-18deg); animation: kxLoginSheen 5.5s ease-in-out infinite;
}
@keyframes kxLoginSheen { 0%, 62% { left: -60%; } 100% { left: 130%; } }
html body #auth-nav .ks-nav-btn.primary:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 10px 28px rgba(214,174,98,.42), inset 0 1px 0 rgba(255,255,255,.6) !important; }
html body #auth-nav .ks-nav-btn.primary:active { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { html body #auth-nav .ks-nav-btn.primary::after { animation: none; display: none; } }