:root[data-theme=green_black] {
  --accent-color-800: #F29155;
  --accent-color-900: #F29155;
}

/* глобальный шрифт 
*, *::before, *::after {
  font-family: 'RobotoCondensed', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
               'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
*/

/* 2. Глобальные дизайн-токены */
:root{
  --app-font: "Montserrat", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --app-font-size: 16px;
  --app-font-weight: 500; /* единый вес */
}

/* 3. Применяем везде одинаково */
html, body { font-size: var(--app-font-size); }
*, *::before, *::after {
  font-family: var(--app-font);
  font-weight: var(--app-font-weight);
}

/* баннер от GameStores прячем */
.Banner-module__img { display: none; }
.LangSwitcher-module__currentLang { display: none; }

/* HEADER */
.Header-module__wrapper {
  margin: 30px 0;
  min-height: 80px;
  border-radius: 10px;
  background: rgb(0 0 0 / 80%);
  border: 1px solid rgba(255, 255, 255, .1);
  backdrop-filter: blur(10px);
}
.Header-module__logoWrapper {
  display: flex; align-items: center; justify-content: center;
  background: rgb(255 255 255 / 5%);
  border-radius: 10px; width: 60px; height: 60px;
}
.Header-module__logo {
  font-size: 0;
  background: url(https://pic.survivalhost.org/images/2025/10/01/logo.png) no-repeat center / contain;
  width: 50px; height: 50px; transition: .2s;
}
.HeaderNav-module__link {
  color: #c3c3c3; background: rgb(255 255 255 / 5%);
  border-radius: 10px; padding: 10px 15px;
}
.HeaderNav-module__link:hover,
.HeaderNav-module__link:focus {
  color: #fff; text-decoration: none; background: rgb(255 255 255 / 10%);
}
.NavDropDown-module__linkName { color: #c3c3c3; padding: 10px; text-transform: none; }
.NavDropDown-module__linkName:hover,
.NavDropDown-module__linkName:focus { color: #fff !important; }
.NavDropDown-module__btn {
  color: #c3c3c3; background: rgb(255 255 255 / 5%); border-radius: 10px; padding: 0 5px; transition: .1s;
}
.NavDropDown-module__btn:hover,
.NavDropDown-module__btn:focus {
  color: #fff; background: rgb(255 255 255 / 10%); transition: .3s;
}

/* кнопка авторизации */
.PlayerMenu-module__loginLink {
  background: rgb(209 125 72 / 80%);
  color: #fff; 
  border-radius: 10px; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  padding: 10px; 
  white-space: nowrap; 
  cursor: pointer; 
  transition: .3s;
  text-transform: none;
}
.PlayerMenu-module__loginLink:hover,
.PlayerMenu-module__loginLink:focus {
  color: #fff; 
  background: rgb(209 125 72 / 100%);
  transition: .3s;
}
.loginicon {
  fill: #fff; width: 26px; height: 26px; background: rgba(255, 255, 255, .2);
  padding: 5px; border-radius: 20px; transition: .2s;
}

/* HERO (видео-баннер) */
.headerContainer, .Header-module__wrapper { 
  position: relative; 
  z-index: 10; 
}

:root { --hero-h: clamp(360px, 42vw, 520px); }
.hero-section {
  margin: 30px 0; 
  position: relative; 
  z-index: 0; 
  width: 100%; 
  height: 320px; 
  overflow: hidden;
  display: flex; 
  align-items: center; 
  justify-content: flex-start; 
  border-radius: 10px;
}
.hero-section video {
  position: absolute; 
  inset: 0; 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  z-index: -1; 
  pointer-events: none;
}

.hero-content { 
  position: relative; 
  z-index: 1; 
  color: #fff; 
  text-align: left; 
  max-width: 600px; 
  padding: 40px; 
}

.hero-content h1 { 
  font-size: 48px; 
  font-weight: 800; 
  margin-bottom: 20px; 
}

.hero-content p  { 
  font-size: 18px; 
  margin-bottom: 30px; 
}

.copy-btn {
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
  padding: 12px 24px;
  font-size: 18px; 
  color: #fff; 
  background: rgb(209 125 72 / 80%);
  border: 0; 
  border-radius: 10px; 
  cursor: pointer; 
  transition: .3s;
}
.copy-btn:hover { 
  color: #fff; 
  background: rgb(209 125 72 / 100%);
}

/* toast */
.toast-container { 
  position: fixed; 
  bottom: 20px; 
  right: 20px; 
  display: flex; 
  flex-direction: column; 
  gap: 10px; 
  z-index: 9999; }
.toast { 
  background: rgba(0, 0, 0, .85); 
  color: #fff; 
  padding: 12px 20px; 
  border-radius: 8px; 
  font-size: 16px; 
  opacity: 0; 
  transform: translateY(20px); 
  transition: .3s; 
}
.toast.show { 
  opacity: 1; 
  transform: translateY(0); 
}

/* онлайн в баннере */
.hero-actions { 
  display: flex; 
  align-items: center; 
  gap: 14px; 
  flex-wrap: wrap; 
}
.hero-online {
  display: inline-flex; 
  align-items: center; 
  gap: 10px;
  padding: 12px; 
  border-radius: 10px;
  background: rgba(255, 255, 255, .92); 
  backdrop-filter: saturate(140%) blur(6px); 
  color: #111; 
  box-shadow: 0 8px 24px rgba(0,0,0,.15); 
  border: 1px solid rgba(0,0,0,.06);
}

.hero-online .hero-online__dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 2px rgba(34,197,94,.35); }
.hero-online.is-offline .hero-online__dot { background: #ef4444; box-shadow: 0 0 0 2px rgba(239,68,68,.35); }
.hero-online__joining, .hero-online__queued { opacity: .85; }
@media (max-width: 520px){ .hero-online { padding: 7px 10px; font-size: 16px; } }

/* скрываем monitoring-виджет */
body.has-hero-online section[data-widgettype="monitoring"].Widgets-module__widgetWrapper,
body.has-hero-online aside.Widgets-module__wrapper section[data-widgettype="monitoring"] { display: none !important; }

/* SIDEBAR */
.sidebar {
  position: sticky; 
  background: rgb(0 0 0 / 80%);
  border: 1px solid rgba(255,255,255,.1); 
  backdrop-filter: blur(10px);
  border-radius: 10px; 
  padding: 20px;
}
.sidebar-menu { display: flex; flex-direction: column; }
.sidebar-menu ul { list-style: none; padding: 0; margin: 0; }
.sidebar-menu li { margin-bottom: 5px; }
.sidebar__menu-item a {
  display: flex; align-items: center; gap: 10px; padding: 5px 10px;
  color: rgba(255,255,255,.8); font-size: 16px; border-radius: 10px; transition: .3s; text-decoration: none;
}
.sidebar__menu-item a:hover {
  background: rgb(209 125 72 / 80%);
}
.sidebar__menu-item a.active {
  color: #fff; background: rgb(209 125 72 / 100%);
}
.sidebar-icon {
  width: 28px; height: 28px; padding: 5px; stroke: #fff;
  background: rgba(255,255,255,.1); border-radius: 10px;
}

/* компактный режим сайдбара */
body.sidebar-compact .sidebar { max-height: 120px; overflow: hidden; }
body.sidebar-compact .sidebar .categories-title,
body.sidebar-compact .sidebar .sidebar-categories-mirror,
body.sidebar-compact .sidebar .Categories-module__categories { display: none !important; }

.categories-title { color: rgba(255,255,255,.8); font-size: 16px; margin: 10px 0 0; }

/* CATEGORIES */
.Categories-module__categories {
  display: flex; width: 100%; justify-content: center; margin: 20px 0 0;
  align-items: flex-start; height: 300px; overflow: auto; padding-right: 15px;
}
.Categories-module__categories::-webkit-scrollbar { width: 4px; border-radius: 10px; }
.Categories-module__categories::-webkit-scrollbar-thumb {
  background: rgb(209 125 72 / 100%); border-radius: 10px;
}
.Categories-module__categories::-webkit-scrollbar-track { background: rgba(255,255,255,.1); border-radius: 10px; }

.Categories-module__category {
  display: flex; 
  width: 100%; 
  gap: 10px; 
  align-items: center; 
  text-align: left; 
  cursor: pointer;
  color: #c3c3c3; 
  font-size: 16px; 
  background: transparent;
  padding: 7px 10px; 
  border-radius: 10px; 
  margin: 2px auto; 
  transition: .15s;
}
.Categories-module__category.Categories-module__active,
.Categories-module__category:hover,
.Categories-module__category.Categories-module__enableFocus:focus {
  color: #fff; background: rgba(255,255,255,.1);
}
.category-img {
  width: 32px; height: 32px; background: rgba(255,255,255,.1);
  padding: 2px; border-radius: 10px; object-fit: contain; transition: .3s;
}
.Categories-module__category:hover .category-img,
.Categories-module__category.Categories-module__active .category-img {
  background: rgb(209 125 72 / 100%); transform: scale(1.05);
}

/* скрыть оригинальные категории внутри магазина */
.Shop-module__wrapper .Categories-module__categories { display: none !important; }


/* BOX / SHOP */
.Shop-module__header, .Page-module__header {
  width: 100%; font-size: 16px; border-radius: 10px 10px 0 0;
}
.boxHeader { border-radius: 10px 10px 0 0; backdrop-filter: blur(10px); background: rgb(0 0 0 / 80%); color: #fff; }
.boxBody {
  background: rgb(0 0 0 / 80%);
  backdrop-filter: blur(10px);
  border-radius: 0 0 10px 10px;
}
.Search-module__wrapper { background: rgba(255,255,255,.1); border-radius: 10px; margin: 10px 0 20px; }
.Search-module__iconWrapper { background: transparent; }

/* товар */
.Product-module__wrapper {
  background: rgba(255,255,255,.1); position: relative; padding: 10px;
  cursor: pointer; border-radius: 10px; overflow: hidden; height: 225px; transition: .3s;
  animation: .15s ease 0s 1 Product-module__productAnimation;
}
.Product-module__wrapper:hover {
  transform: scale(1.05);
}
.Product-module__img { object-fit: contain; width: 100%; aspect-ratio: 1 / 1; position: relative; top: -5px; transform: scale(.8); }
.Product-module__name {
  z-index: 6; transition: .3s; width: 100%; padding: 10px 8px; font-size: 12px;
  color: #fff; bottom: 38px; left: 0; text-align: center; background: transparent; transform: translateY(200%);
}
.Product-module__count {
  left: 10px; top: 10px; right: auto; bottom: auto; font-size: 12px;
  color: rgba(255,255,255,.7); transition: .15s;
}
.Product-module__price {
  position: absolute; left: 10px; bottom: 12px; right: auto; top: auto; transform: none; width: auto; min-width: 0;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 4px 8px; border-radius: 5px;
  background: rgba(255,255,255,.05); z-index: 5; margin-top: 0;
}
.Product-module__discount {
  position: absolute !important; right: 10px; bottom: 13px; left: auto; top: auto; display: inline-flex; align-items: center; justify-content: center;
  padding: 2px 8px; border-radius: 5px; font-size: 16px; color: #fff; z-index: 6;
}

/* LOADER */
@keyframes rotation { from { transform: rotate(0); } to { transform: rotate(360deg); } }
.gs-loader__spinner {
  width: 64px; height: 64px; border: none;
  background: url("https://i.yapx.ru/afAYX.png") center / contain no-repeat;
  border-radius: 50%; display: block; animation: rotation 1.1s linear infinite;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.35)); will-change: transform;
}
@media (prefers-reduced-motion: reduce) { .gs-loader__spinner { animation: none; } }

/* подпись */
.DesktopCopyright-module__wrapper {
  bottom: 10px !important; padding: 10px 15px !important; border-radius: 10px !important;
  background-color: rgba(255,255,255,.1) !important; backdrop-filter: blur(20px) !important;
}

/* Белые текст и стрелка у дропдауна в хедере */
.Header-module__wrapper .NavDropDown-module__btn:hover .NavDropDown-module__linkName,
.Header-module__wrapper .NavDropDown-module__btn:focus .NavDropDown-module__linkName,
.Header-module__wrapper .NavDropDown-module__btn[aria-expanded="true"] .NavDropDown-module__linkName,
.Header-module__wrapper .NavDropDown-module__btn:hover .NavDropDown-module__icon,
.Header-module__wrapper .NavDropDown-module__btn:focus .NavDropDown-module__icon,
.Header-module__wrapper .NavDropDown-module__btn[aria-expanded="true"] .NavDropDown-module__icon {
  color: #ffffff !important;
  fill:  #ffffff !important;
}
.Header-module__wrapper .NavDropDown-module__btn:hover,
.Header-module__wrapper .NavDropDown-module__btn:focus,
.Header-module__wrapper .NavDropDown-module__btn[aria-expanded="true"] {
  background: rgb(255 255 255 / 10%) !important;
}
.ItemContent-module__footer {
    border-radius: 0px 0px 10px 10px;
    background-color: rgb(0 0 0 / 80%);
}
.TotalSum-module__inputWrapper {
    background-color: rgba(255, 255, 255, .1);
    backdrop-filter: blur(20px);
    border-radius: 10px;
}
.CountSelector-module__inputWrapper {
    background-color: rgba(255, 255, 255, .1);
    backdrop-filter: blur(20px);
    border-radius: 10px;
}


.Button-module__btn.Button-module__gray {
    color: #c3c3c3;
    background-color: rgba(255, 255, 255, .1);
    border-color: transparent;
    border-radius: 10px;
}
.Button-module__btn.Button-module__gray:hover,
.Button-module__btn.Button-module__gray:focus{
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: transparent;
    border-radius: 10px;
}

.Button-module__btn.Button-module__accent {
    color: #c3c3c3;
    background-color: rgba(255, 255, 255, .1);
    border-color: transparent;
    border-radius: 10px;
}
.Button-module__btn.Button-module__accent:hover,
.Button-module__btn.Button-module__accent:focus{
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: transparent;
    background: rgba(255, 255, 255, .1);
}

.productModalImg {width: 200px; height: 200px; margin-bottom: 0px;}
.productModalGiveText {color: #fff;}
.PlayerMenu-module__profileLink {color: #c3c3c3; background: rgb(255 255 255 / 5%); border-radius: 10px; transition: .3s;}
.PlayerMenu-module__profileLink:hover {color: #fff; background-color: rgb(255 255 255 / 10%); transition: .3s;}
.PlayerBalance-module__btn {color: #c3c3c3; background: rgb(255 255 255 / 5%); border-radius: 10px; transition: .3s;}
.PlayerBalance-module__btn:hover {color: #fff; background-color: rgb(255 255 255 / 10%); transition: .3s;}
.productModalDescription {background-color: transparent;}
.boxFooter {margin-top: 10px; background: rgb(0 0 0 / 80%); backdrop-filter: blur(10px); border-radius: 10px;}
.productModalGiveText {background: rgb(209 125 72 / 100%); padding: 10px; border-radius: 10px;}
.ProductModal-module__header {color: #fff;}
.CountSelector-module__changeCountBtn.CountSelector-module__right {border-left: none;}
.CountSelector-module__changeCountBtn.CountSelector-module__left {border-right: none;}
.ProfileContent-module__input {border-radius: 10px; background-color: rgba(255, 255, 255, .1);}
.ProfileNav-module__navItem.ProfileNav-module__active {color: #fff; background-color: rgba(255, 255, 255, .1); border-radius: 5px;}
.ProfileNav-module__navItem{color: #c3c3c3; background-color: rgb(255 255 255 / 5%); border-radius: 5px;}
.ProfileNav-module__navItem:hover,
.ProfileNav-module__navItem:focus {color: #fff; background-color: rgba(255, 255, 255, .1); border-radius: 5px;}
.ProfileContent-module__box{color: #fff; background-color: rgba(255, 255, 255, .1); border-radius: 5px;}
.BasketTable-module__tableLine.BasketTable-module__canSell, .BasketTable-module__tableHeader.BasketTable-module__canSell {
    grid-template-columns: 1fr 1fr 100px;
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
}
.BasketSearch-module__wrapper{background-color: rgba(255, 255, 255, .1);}
.Selector-module__dropDownCurrentItem{background-color: rgba(255, 255, 255, .1);}
.HistorySearch-module__wrapper{background-color: rgba(255, 255, 255, .1);}
.HistoryTable-module__tableHeader{background-color: rgba(255, 255, 255, .1);}
.HistoryTable-module__tableLine:nth-child(2n-1){background-color: rgba(255, 255, 255, .1);}
.TotalSum-module__currency{background-color: rgba(255, 255, 255, .1);}
.PlayerBalanceModal-module__inputWrapper{background-color: rgba(255, 255, 255, .1);}
.ProductModal-module__set {width: 500px;}
.KitContent-module__containsItems {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));}
.KitContent-module__itemCount {border-radius: 5px;}
.KitContent-module__itemName {border-radius: 5px;}
.KitContent-module__containsItem {background-color: transparent;}
.ModalLayout-module__wrapper{backdrop-filter: blur(20px);}
.HeaderNav-module__wrapper{text-transform: none;}
.PlayerBalance-module__btn,
.PlayerMenu-module__profileLink
{text-transform: none;}