/* ============================================================
   Тултип предмета, вынесенный в <body>

   legacyx.js при наведении забирает .item-tooltip из .retro-app и
   кладёт его прямо в body (is-fixed-tooltip). Все правила ниже в
   retro-app.css написаны с префиксом .retro-app, поэтому после
   переноса тултип теряет фон, рамку, скрытую картинку и цвета.
   Глобального legacyx.css на внутренних страницах нет — в итоге
   голый текст тултипа накладывается на текст карточки, а иконка
   предмета показывается второй раз. Задаём стиль на уровне body.
   ============================================================ */
body > .item-tooltip.is-fixed-tooltip {
  display: grid !important;
  gap: var(--s-2);
  width: 280px;
  max-width: min(320px, calc(100vw - 28px));
  padding: var(--s-4) !important;
  border: 1px solid var(--c-line-strong) !important;
  border-radius: var(--r-md) !important;
  background: #14141a !important;
  background-image: none !important;
  box-shadow: var(--sh-card) !important;
  color: var(--c-text) !important;
  font: var(--t-sm) / var(--lh-normal) var(--f-ui) !important;
  text-align: left !important;
  pointer-events: none;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10000 !important;
}
body > .item-tooltip.is-fixed-tooltip::before { display: none !important; }
body > .item-tooltip.is-fixed-tooltip .item-tooltip__image { display: none !important; }
body > .item-tooltip.is-fixed-tooltip .item-tooltip__title {
  margin: 0 0 var(--s-1);
  color: var(--c-text) !important;
  font: 500 var(--t-md) / 1.3 var(--f-display) !important;
  text-shadow: none !important;
}
body > .item-tooltip.is-fixed-tooltip .item-tooltip__title--excellent { color: var(--c-accent-hi) !important; }
body > .item-tooltip.is-fixed-tooltip .item-tooltip__title--ancient { color: #90b6f6 !important; }
body > .item-tooltip.is-fixed-tooltip .item-tooltip__options {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--c-text-2);
  font: var(--t-sm) / 1.5 var(--f-ui) !important;
}
body > .item-tooltip.is-fixed-tooltip .item-tooltip__options li {
  color: inherit;
  font: inherit !important;
  text-shadow: none !important;
}
body > .item-tooltip.is-fixed-tooltip .item-tooltip__option--excellent { color: var(--c-accent-hi) !important; }
body > .item-tooltip.is-fixed-tooltip .item-tooltip__option--additional { color: #a5bfe8 !important; }
body > .item-tooltip.is-fixed-tooltip .item-tooltip__option--ancient { color: #90b6f6 !important; }
body > .item-tooltip.is-fixed-tooltip .item-tooltip__option--socket { color: #c9a8f5 !important; }

/* ============================================================
   Внутренние разделы CMS — оболочка в стиле главной страницы.

   Использует те же токены (tokens.css): палитра, типографика,
   радиусы, отступы и кнопки. Никаких рисованых рамок, гербов,
   игровых иконок и фоновых картин. Подключается вместо retro-art.css
   после retro-app.css и перекрывает его локальные --ra-* переменные.
   ============================================================ */

.retro-app-page {
  --ra-bg: var(--c-bg);
  --ra-panel: var(--c-surface);
  --ra-panel-2: var(--c-surface-2);
  --ra-line: var(--c-line);
  --ra-text: var(--c-text);
  --ra-muted: var(--c-text-2);
  --ra-gold: var(--c-accent);
  background: var(--c-bg) !important;
  color: var(--c-text);
  font: var(--t-base) / var(--lh-normal) var(--f-ui);
}
/* Фон-подложка с фотографией комнаты из retro-app.css не нужна. */
.retro-app-page::before { background: none !important; }
.retro-app-page .header {
  background: rgba(11, 11, 14, 0.92);
  border-bottom: 1px solid var(--c-line);
}
.retro-app-page .retro-page {
  width: min(var(--page), calc(100% - 48px));
  padding-top: 104px;
}

/* ---------- Сайдбар ---------- */
.retro-app-page .retro-app {
  grid-template-columns: 232px minmax(0, 1fr);
  gap: var(--s-7);
  font: var(--t-base) / var(--lh-normal) var(--f-ui);
}
.retro-app-page .retro-app__sidebar {
  top: 96px;
  max-height: calc(100vh - 120px);
  padding: var(--s-5) var(--s-3);
  border: 1px solid var(--c-line);
  border-radius: var(--r-lg);
  background: var(--c-surface);
  box-shadow: none;
}
.retro-app-page .retro-app__brand {
  padding: 0 var(--s-3) var(--s-4);
  color: var(--c-text) !important;
  font: 500 var(--t-xl) / 1.1 var(--f-display);
}
.retro-app-page .retro-app__brand img { display: none; }
.retro-app-page .retro-app__brand small {
  margin-top: var(--s-2);
  color: var(--c-text-3);
  font: 600 var(--t-micro) / 1.2 var(--f-ui);
  letter-spacing: var(--tr-eyebrow);
}
.retro-app-page .retro-app__player {
  gap: 0;
  margin-bottom: var(--s-5);
  padding: var(--s-4) var(--s-3);
  border-block: 1px solid var(--c-line);
}
.retro-app-page .retro-app__avatar { display: none; }
.retro-app-page .retro-app__player strong {
  color: var(--c-text);
  font: 600 var(--t-base) / 1.3 var(--f-ui);
}
.retro-app-page .retro-app__player small {
  margin-top: var(--s-1);
  color: var(--c-text-2);
  font: var(--t-caption) / 1.5 var(--f-ui);
}
.retro-app-page .retro-app__navgroup { margin-bottom: var(--s-5); }
.retro-app-page .retro-app__navtitle {
  padding: 0 var(--s-3) var(--s-2);
  color: var(--c-text-3);
  font: 600 var(--t-micro) / 1.4 var(--f-ui);
  letter-spacing: var(--tr-eyebrow);
  text-transform: uppercase;
}
.retro-app-page .retro-app__navlink {
  min-height: 40px;
  padding: 9px var(--s-3);
  border: 1px solid transparent;
  border-radius: var(--r-md);
  color: var(--c-text-2) !important;
  font: 500 var(--t-sm) / 1.3 var(--f-ui);
}
.retro-app-page .retro-app__navlink:hover {
  background: rgba(244, 242, 239, 0.06);
  color: var(--c-text) !important;
}
.retro-app-page .retro-app__navlink.is-active {
  border-color: rgba(247, 145, 30, 0.28);
  background: var(--c-accent-soft);
  color: var(--c-accent-hi) !important;
}
.retro-app-page .retro-app__home {
  padding-top: var(--s-4);
  border-top: 1px solid var(--c-line);
  color: var(--c-text-2) !important;
  font: var(--t-caption) / 1.4 var(--f-ui);
}

/* Игровые иконки и декоративные картинки не используются. */
.retro-app-page .retro-art-icon,
.retro-app-page .retro-app__content .download-item__icon,
.retro-app-page .retro-app__content .post__date-ico { display: none !important; }

/* ---------- Хлебные крошки и заголовок раздела ---------- */
.retro-app-page .retro-app__topbar {
  margin-bottom: var(--s-6);
  color: var(--c-text-3);
  font: var(--t-caption) / 1.4 var(--f-ui);
}
.retro-app-page .retro-app__topbar a { color: var(--c-text-2) !important; }
.retro-app-page .retro-app__topbar i { color: var(--c-text-3); }
.retro-app-page .retro-app__session {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--c-text-3);
  font: var(--t-caption) / 1.4 var(--f-ui);
}
.retro-app-page .retro-app__status-dot { display: none; }

/* Заголовок раздела — как section__head на главной: подпись, крупный
   заголовок, одна строка пояснения. Без фонового кадра. */
.retro-app-page .retro-app__context {
  padding: 0 0 var(--s-6);
  margin-bottom: var(--s-7);
  border-bottom: 1px solid var(--c-line);
  border-radius: 0;
  background: none !important;
  min-height: 0;
  box-shadow: none;
}
.retro-app-page .retro-app__context::after { display: none !important; }
.retro-app-page .retro-app__context p.eyebrow {
  margin: 0 0 var(--s-3);
  color: var(--c-accent) !important;
  font: 600 var(--t-caption) / 1.4 var(--f-ui) !important;
  letter-spacing: var(--tr-eyebrow);
  text-transform: uppercase;
}
.retro-app-page .retro-app__context h1 {
  margin: 0 0 var(--s-3) !important;
  color: var(--c-text) !important;
  font: 500 var(--t-section) / var(--lh-tight) var(--f-display) !important;
  letter-spacing: var(--tr-display) !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.retro-app-page .retro-app__context > p:last-child {
  max-width: 62ch;
  margin: 0;
  color: var(--c-text-2) !important;
  font: var(--t-md) / var(--lh-normal) var(--f-ui) !important;
}

/* ---------- Типографика контента ---------- */
.retro-app-page .retro-app h1 {
  color: var(--c-text) !important;
  font: 500 var(--t-section) / var(--lh-tight) var(--f-display) !important;
}
.retro-app-page .retro-app h2 {
  color: var(--c-text) !important;
  font: 500 clamp(1.5rem, 2.4vw, 2rem) / 1.15 var(--f-display) !important;
}
.retro-app-page .retro-app h3 {
  color: var(--c-text) !important;
  font: 500 var(--t-lg) / 1.2 var(--f-display) !important;
}
.retro-app-page .retro-app p.eyebrow {
  color: var(--c-accent) !important;
  font: 600 var(--t-caption) / 1.4 var(--f-ui) !important;
  letter-spacing: var(--tr-eyebrow);
  text-transform: uppercase;
}
.retro-app-page .retro-app .section__head {
  display: grid !important;
  gap: var(--s-2);
  margin: 0 0 var(--s-6) !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
.retro-app-page .retro-app :is(p, .admin-help, .lx-account__intro, .web-shop-note, .lx-market-intro) {
  color: var(--c-text-2) !important;
  font: var(--t-base) / var(--lh-normal) var(--f-ui) !important;
}
.retro-app-page .retro-app a { color: var(--c-accent); }
.retro-app-page .retro-app a:hover { color: var(--c-accent-hi); }

/* ---------- Панели и карточки ---------- */
.retro-app-page .retro-app :is(.page-card, .radio-shell) {
  padding: var(--s-6) !important;
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-lg) !important;
  background: var(--c-surface-2) !important;
  box-shadow: var(--sh-card) !important;
}
.retro-app-page .retro-app :is(.page-card, .radio-shell)::before,
.retro-app-page .retro-app :is(.page-card, .radio-shell)::after { display: none !important; }
/* Сцена финала с главной остаётся в разметке, но на внутренних
   страницах это пустой экран высотой в полстраницы: скрипты сцен
   здесь не подключены, картинки нет. Убираем целиком. */
.retro-app-page .closing { display: none !important; }
.retro-app-page .retro-app__footnote {
  border-top: 1px solid var(--c-line);
  color: var(--c-text-3);
  font: var(--t-caption) / 1.4 var(--f-ui);
}
.retro-app-page .retro-app__footnote a { color: var(--c-text-2) !important; }
.retro-app-page .retro-app__preview {
  border: 1px dashed var(--c-line-strong);
  border-radius: var(--r-md);
  background: transparent;
  color: var(--c-text-3);
  font: var(--t-caption) / 1.5 var(--f-ui);
}

/* ---------- Кнопки ---------- */
.retro-app-page .retro-app :is(button, .button, .bt, .lx-account__button, .lx-market-button, .web-shop-filter-btn, .lx-shop-buy-btn, .radio-request) {
  min-height: 44px;
  padding: 12px 22px !important;
  border: 1px solid transparent !important;
  border-radius: var(--r-pill) !important;
  background: var(--c-accent-grad) !important;
  color: var(--c-text-on-accent) !important;
  box-shadow: var(--sh-accent) !important;
  font: 600 var(--t-sm) / 1 var(--f-ui) !important;
  text-shadow: none !important;
  text-transform: none !important;
}
.retro-app-page .retro-app :is(.button--ghost, .button--danger, .lx-account__button, .lx-market-button:not(.lx-market-button--primary), .web-shop-filter-link) {
  border-color: var(--c-line-strong) !important;
  background: transparent !important;
  color: var(--c-text) !important;
  box-shadow: none !important;
}
.retro-app-page .retro-app :is(button, .button):hover { filter: brightness(1.06); }

/* ---------- Поля, таблицы, вкладки ---------- */
.retro-app-page .retro-app :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) {
  border: 1px solid var(--c-line-strong) !important;
  border-radius: var(--r-md) !important;
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
  font: var(--t-sm) / 1.5 var(--f-ui) !important;
}
.retro-app-page .retro-app :is(.tabs, .lx-market-tabs, .lx-account__storage-tabs, .retro-account-tabs) {
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-md) !important;
  background: var(--c-surface) !important;
}
.retro-app-page .retro-app :is(.tabs, .lx-market-tabs, .lx-account__storage-tabs, .retro-account-tabs) > a {
  border-radius: var(--r-sm) !important;
  color: var(--c-text-2) !important;
  font: 500 var(--t-sm) / 1.4 var(--f-ui) !important;
}
.retro-app-page .retro-app :is(.tabs, .lx-market-tabs, .lx-account__storage-tabs, .retro-account-tabs) > a:is(.is-active, [aria-current=page], [aria-selected=true]) {
  border-color: rgba(247, 145, 30, 0.28) !important;
  background: var(--c-accent-soft) !important;
  color: var(--c-accent-hi) !important;
}
.retro-app-page .retro-app .table-wrap {
  border: 1px solid var(--c-line);
  border-radius: var(--r-md);
  background: var(--c-surface);
}
.retro-app-page .retro-app :is(thead th, table th) {
  background: var(--c-surface-3) !important;
  color: var(--c-text-2) !important;
  font: 600 var(--t-micro) / 1.4 var(--f-ui) !important;
  letter-spacing: var(--tr-eyebrow);
}
.retro-app-page .retro-app table td {
  border-bottom: 1px solid var(--c-line) !important;
  color: var(--c-text-2);
  font: var(--t-sm) / 1.5 var(--f-ui) !important;
}

/* ---------- Список файлов для скачивания ---------- */
.retro-app-page .retro-app .downloads-grid { grid-template-columns: 1fr; gap: var(--s-3); }
.retro-app-page .retro-app .download-item {
  flex-wrap: wrap;
  gap: var(--s-3) var(--s-5);
  padding: var(--s-5) !important;
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-lg) !important;
  background: var(--c-surface) !important;
}
.retro-app-page .retro-app .download-item h2 { margin: 0 !important; }
.retro-app-page .retro-app .download-item p { margin: 0; }
.retro-app-page .retro-app .download-item > .button { margin-left: auto; }
.retro-app-page .retro-app .download-item__date { color: var(--c-text-3); font: var(--t-caption) / 1.4 var(--f-ui); }

/* ============================================================
   МОДУЛИ КАБИНЕТА: плотность, сетки, выравнивание
   Одна сетка отступов из tokens.css для всех внутренних разделов.
   ============================================================ */

/* ---------- Сайдбар: группы разделены визуально ---------- */
.retro-app-page .retro-app__navgroup + .retro-app__navgroup {
  margin-top: var(--s-2);
  padding-top: var(--s-4);
  border-top: 1px solid var(--c-line);
}
.retro-app-page .retro-app__navtitle {
  color: var(--c-accent);
  font-weight: 700;
}
.retro-app-page .retro-app__navtitle::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 1px;
  margin-right: var(--s-2);
  vertical-align: middle;
  background: var(--c-accent);
  opacity: 0.7;
}

/* ---------- Рейтинги: шапка и строки в одну вертикаль ----------
   th по умолчанию центрируется, td — выровнены влево. Из-за этого
   «Мастер» уезжал относительно ников ниже. */
.retro-app-page .retro-app :is(thead th, table th),
.retro-app-page .retro-app table td {
  padding: 14px 16px !important;
  text-align: left !important;
  vertical-align: middle;
}
.retro-app-page .retro-app table th:first-child,
.retro-app-page .retro-app table td:first-child { width: 64px; }
.retro-app-page .retro-app .ranking-table { table-layout: auto; }

/* ---------- Экипировка: 4 колонки, подпись над слотом ---------- */
.retro-app-page .retro-app .equipment-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--s-5) var(--s-4) !important;
  justify-content: center;
  max-width: 760px;
  margin: var(--s-6) auto 0;
}
.retro-app-page .retro-app .equipment-slot {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  align-items: center;
  gap: var(--s-2);
  width: 100%;
  height: auto;
  min-height: 132px;
  padding: var(--s-3);
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-md) !important;
  background: var(--c-surface) !important;
}
.retro-app-page .retro-app .equipment-slot__label {
  position: static;
  inset: auto;
  text-align: center;
  font: 600 var(--t-micro) / 1.4 var(--f-ui) !important;
  letter-spacing: var(--tr-eyebrow);
  text-transform: uppercase;
  color: var(--c-text-3);
  opacity: 1;
}
.retro-app-page .retro-app .equipment-slot > img,
.retro-app-page .retro-app .equipment-slot > .equipment-item {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px;
  max-height: 72px;
  object-fit: contain;
}
.retro-app-page .retro-app .equipment-slot > .equipment-item > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.retro-app-page .retro-app .equipment-slot--empty::before { inset: 30% 30% 18%; }

/* ---------- Магазин, рынок, хранилище: компактные карточки ---------- */
.retro-app-page .retro-app :is(.web-shop-grid, .lx-market-grid, .web-storage-grid) {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: var(--s-4) !important;
  margin-top: var(--s-5) !important;
}
.retro-app-page .retro-app :is(.web-shop-card__media, .lx-market-card__image, .web-storage-card__image) {
  min-height: 96px !important;
  height: 96px !important;
  padding: var(--s-2) !important;
  border-radius: var(--r-md) var(--r-md) 0 0 !important;
}
.retro-app-page .retro-app :is(.web-shop-card__media, .lx-market-card__image, .web-storage-card__image) > img {
  max-width: 64px !important;
  max-height: 72px !important;
}
.retro-app-page .retro-app :is(.web-shop-card__content, .lx-market-card__body, .web-storage-card__body) {
  padding: var(--s-4) !important;
  gap: var(--s-3);
}
.retro-app-page .retro-app :is(.web-shop-card__head h2, .lx-market-card__body h2) {
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
}
.retro-app-page .retro-app .web-shop-basic-controls { gap: var(--s-2); }
.retro-app-page .retro-app .web-shop-advanced { padding: var(--s-2) 0; }
.retro-app-page .retro-app .web-shop-advanced__panel { gap: var(--s-2); padding-top: var(--s-2); }
.retro-app-page .retro-app :is(.web-shop-checks, .web-shop-excellent) { gap: var(--s-2); }
.retro-app-page .retro-app :is(.web-shop-card__bottom, .lx-market-card__bottom) {
  padding-top: var(--s-3) !important;
  gap: var(--s-2);
}
.retro-app-page .retro-app .web-shop-card :is(button, .button, .lx-shop-buy-btn) {
  min-height: 40px;
  padding: 9px 14px !important;
  font-size: var(--t-sm) !important;
}

/* ---------- Игровой автомат: убираем пустоту под барабанами ----------
   Сетка растягивала сцену до высоты правой колонки с правилами. */
.retro-app-page .retro-app .slot-machine-grid {
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: var(--s-5) !important;
  align-items: start !important;
}
.retro-app-page .retro-app .slot-machine-stage { padding: var(--s-5) !important; }
.retro-app-page .retro-app .slot-machine-reels { gap: var(--s-2) !important; }
.retro-app-page .retro-app .slot-machine-reel,
.retro-app-page .retro-app .slot-machine-card-face { min-height: 116px; }
.retro-app-page .retro-app .slot-machine-card-face { padding: var(--s-2); gap: var(--s-1); }
.retro-app-page .retro-app .slot-machine-card-face img { max-width: 56px !important; max-height: 72px; }
.retro-app-page .retro-app .slot-machine-side { padding: var(--s-4) !important; }
.retro-app-page .retro-app .slot-machine-rules { line-height: 1.7; margin-bottom: var(--s-4); }
.retro-app-page .retro-app .slot-machine-hint { margin-top: var(--s-4) !important; }

/* ---------- Пополнение баланса: просторные пакеты ---------- */
.retro-app-page .retro-app .usercp-payment-modal__panel {
  max-width: 1040px;
  padding: var(--s-6) !important;
  border: 1px solid var(--c-line-strong) !important;
  border-radius: var(--r-lg) !important;
  background: var(--c-surface) !important;
}
.retro-app-page .retro-app .payment-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: var(--s-4) !important;
}
.retro-app-page .retro-app :is(.payment-card, .payment-package) {
  padding: var(--s-5) !important;
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-md) !important;
  background: var(--c-surface-2) !important;
  gap: var(--s-2);
}
.retro-app-page .retro-app .payment-card__head > strong {
  font: 500 var(--t-2xl) / 1.2 var(--f-display) !important;
  color: var(--c-text);
}
.retro-app-page .retro-app .payment-card__head > span {
  font: 600 var(--t-base) / 1.4 var(--f-ui);
  color: var(--c-accent-hi);
}
/* payment-packages.css подключается в теле страницы — перебиваем его ID-селектор. */
.retro-app-page #payments-modal .payment-package p,
.retro-app-page .retro-app .payment-package__base {
  font: var(--t-sm) / 1.6 var(--f-ui) !important;
  color: var(--c-text-2) !important;
}
.retro-app-page .retro-app .payment-gifts {
  margin: var(--s-4) 0;
  padding-top: var(--s-3);
  border-top: 1px solid var(--c-line);
}
.retro-app-page .retro-app .payment-gifts__grid {
  grid-template-columns: 1fr !important;
  gap: var(--s-2);
}
.retro-app-page .retro-app .payment-gift { font-size: var(--t-sm); gap: var(--s-2); }
.retro-app-page .retro-app .payment-gift__icon { flex-basis: 36px; min-height: 36px; }
.retro-app-page .retro-app .payment-gift__icon img { max-width: 32px; max-height: 32px; }
.retro-app-page .retro-app .payment-gifts__note {
  font-size: var(--t-caption) !important;
  opacity: 1;
  color: var(--c-text-3);
}
.retro-app-page .retro-app .payment-package__providers { gap: var(--s-2); padding-top: var(--s-3); }

/* ---------- Личный кабинет: ровные отступы, кнопки не налезают ---------- */
.retro-app-page .retro-app .retro-account-section { display: grid; gap: var(--s-5); }
.retro-app-page .retro-app :is(.lx-account__panel, .usercp-panel, .usercp-ticket, .lx-account__votes, .lx-account__storage-panel, .usercp-support) {
  margin: 0 !important;
  padding: var(--s-5) !important;
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-md) !important;
  background: var(--c-surface) !important;
}
.retro-app-page .retro-app__actions { gap: var(--s-2); flex-wrap: wrap; margin-bottom: var(--s-5); }
.retro-app-page .retro-app :is(.lx-account__nav, .actions-row, .retro-account-tabs, .lx-account__storage-tabs, .tabs) {
  flex-wrap: wrap;
  gap: var(--s-2) !important;
  margin-bottom: var(--s-5) !important;
}
.retro-app-page .retro-app :is(.lx-account__nav, .actions-row) > :is(button, .button, .bt, a) {
  white-space: nowrap;
  min-height: 38px;
  padding: 8px 14px !important;
  font-size: var(--t-sm) !important;
}
.retro-app-page .retro-app .retro-account-tabs > a { white-space: nowrap; }
/* Оболочка уже выводит «Личный кабинет» — убираем дубль из нативного вида. */
body.body_usercp.retro-app-page .retro-app .lx-account > h1,
body.body_usercp.retro-app-page .retro-app .lx-account > .lx-account__intro { display: none; }

@media (max-width: 700px) {
  .retro-app-page .retro-app .equipment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .retro-app-page .retro-app .slot-machine-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ---------- Мобильная раскладка ---------- */
@media (max-width: 900px) {
  .retro-app-page .retro-app { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
  .retro-app-page .retro-app__sidebar {
    position: static;
    max-height: none;
    padding: var(--s-3);
    display: flex;
    gap: var(--s-2);
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
  }
  .retro-app-page .retro-app__brand,
  .retro-app-page .retro-app__player,
  .retro-app-page .retro-app__navtitle,
  .retro-app-page .retro-app__home { display: none; }
  .retro-app-page .retro-app__navgroup { display: contents; margin: 0; }
  .retro-app-page .retro-app__navlink { flex: none; }
  .retro-app-page .retro-app__context { margin-bottom: var(--s-6); }
  .retro-app-page .retro-page { padding-top: 95px; width: calc(100% - 28px); }
}
@media (max-width: 600px) {
  .retro-app-page .retro-app :is(.page-card, .radio-shell) { padding: var(--s-4) !important; }
  .retro-app-page .retro-app__context h1 { font-size: var(--t-2xl) !important; }
  .retro-app-page .retro-app .download-item { display: grid; }
  .retro-app-page .retro-app .download-item > .button { margin-left: 0; }
}