/* ============================================================================
   Раздел «Криптоанализ»: форма, прогресс, результат, история, точность.

   Язык - «Чеканка» (.claude/skills/miniapp-visual/SKILL.md). Своих цветов
   здесь НЕТ ни одного: всё из токенов chekanka.css. Это не аккуратность -
   пятый оттенок серого рядом с четырьмя нашими читается как чужая вставка, а
   шестой цвет статуса начинает спорить с кнопкой.

   Что взято у общих стилей и НЕ переопределяется: `.card/.surface/.edge`
   (фаска и след фрезы), `.btn`, `.seg`, `.chip`, `.pill`, `.label`, `.num`,
   `.notice`, `.calc__hint`. Здесь - только то, чего в общих нет: плитки
   токенов со спарклайном, лента стадий, карточка сигнала, полотно графика,
   вкладки агентов и таблица точности.

   Правила, которые нарушать нельзя:

   * **Ни одной поверхности без верхнего хайлайта.** Плоская карточка - дефект,
     а не нейтральный вариант (требование владельца). Хайлайт даёт `.edge`
     (светлая верхняя грань) плюс собственный `::before` там, где `.edge`
     не подходит.
   * **Золото - одно на зону внимания.** На карточке сигнала золотом горит
     цена входа; направление и статусы берут `--ok`/`--bad`/`--wait`.
   * **Тап-цель не меньше 44 px.** Плитки, чипы стадий, вкладки и строки
     истории - всё меряется по этому порогу; ошибочно нажатая плитка токена
     стоит человеку разбора, за который он заплатил.
   * **Ширина 320 px - рабочая, а не терпимая.** Ни одного `min-width` в
     пикселях на текстовых блоках; числа не переносятся (`white-space: nowrap`
     только у них).
   * **`prefers-reduced-motion` уважается целиком** - экран обязан остаться
     читаемым без единой анимации, поэтому движение живёт в отдельном блоке в
     конце файла и там же выключается.
   ========================================================================= */

/* --------------------------------------------------------- Шапка раздела -- */

.anhead { display: flex; align-items: center; gap: 12px; padding: 2px 0; }
.anhead__icon {
  display: block;
  width: 44px; height: 44px;
  border-radius: 12px; /* радиус полей, не карточек: это жетон, не карта */
  box-shadow: var(--e2);
  flex: none;
}
.anhead__t { display: block; font-size: 16px; font-weight: 700; letter-spacing: -.02em; }
.anhead__s { display: block; margin-top: 2px; font-size: 12px; color: var(--app-mute); }

/* ---------------------------------------------------------- Плитки токенов -- */

.antoks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.antok {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
  min-height: 108px;
  padding: 11px 12px 10px;
  border-radius: 14px;
  text-align: left;
  color: var(--app-ink);
  background-color: var(--app-200);
  background-image: repeating-linear-gradient(115deg, rgba(255,255,255,.014) 0 1px, transparent 1px 4px);
  border: 1px solid var(--app-300);
  border-top-color: #2A2F35;
  border-bottom-color: #15181B;
  box-shadow: var(--e2);
  overflow: hidden;
}
/* Внутренний верхний хайлайт: без него плитка плоская. */
.antok::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
}
.antok[aria-pressed="true"] {
  border-color: var(--gold-line);
  background-image:
    repeating-linear-gradient(115deg, rgba(255,255,255,.014) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, rgba(216,162,74,.12), rgba(216,162,74,0) 64%);
}
.antok:disabled { cursor: default; }

.antok__row { display: flex; align-items: center; gap: 8px; min-width: 0; }
.antok__medal {
  width: 26px; height: 26px;
  border-radius: 8px;
  box-shadow: var(--e1);
  flex: none;
}
.antok__base {
  font-size: 14px; font-weight: 700; letter-spacing: -.01em;
}
.antok[aria-pressed="true"] .antok__base { color: var(--gold); }
.antok__title {
  display: block;
  min-width: 0;
  font-size: 11px; color: var(--app-mute);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.antok__price {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  font-size: 15px; font-weight: 700; letter-spacing: -.02em;
  white-space: nowrap;
}
.antok__chg { font-family: var(--mono); font-size: 11.5px; white-space: nowrap; }
.antok__chg--up { color: var(--ok); }
.antok__chg--down { color: var(--bad); }
.antok__spark { display: block; width: 100%; height: 26px; margin-top: auto; }
.antok__warn {
  font-size: 11px;
  line-height: 1.3;
  color: var(--wait);
}

/* -------------------------------------------------------------- Горизонт -- */

/* Сегмент таймфреймов: четыре колонки вместо двух у общего `.seg`. */
.anseg { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.anseg button { min-height: 44px; height: auto; padding: 0 4px; }

/* ------------------------------------------------------ «Под мой депозит» -- */

.anfold__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 0 2px;
  font-size: 14px;
  font-weight: 600;
  color: var(--app-ink);
}
.anfold__btn span:last-child { font-size: 12.5px; color: var(--gold); }
.anfold__panel { margin-top: 4px; }
.anfold__panel[hidden] { display: none; }

.anfield { display: flex; flex-direction: column; gap: 7px; padding: 9px 0; }
.anfield__top {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
}
.anfield__l { font-size: 13px; color: var(--app-mute); }
.anfield__v {
  font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-size: 14px; font-weight: 700; white-space: nowrap;
}

/* Ползунок плеча: утопленный трек, поднятая шайба - как у сегментов. */
.anrange {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 30px;
  margin: 0;
  background: transparent;
}
.anrange::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
  background: var(--app-100);
  box-shadow: var(--inset);
}
.anrange::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: var(--app-100);
  box-shadow: var(--inset);
}
.anrange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 26px; height: 26px;
  margin-top: -10px;
  border-radius: 50%;
  border: 1px solid #EBBE72;
  background: linear-gradient(180deg, #E5B057, #C08F3C);
  box-shadow: var(--e2);
}
.anrange::-moz-range-thumb {
  width: 26px; height: 26px;
  border-radius: 50%;
  border: 1px solid #EBBE72;
  background: linear-gradient(180deg, #E5B057, #C08F3C);
  box-shadow: var(--e2);
}

/* Ряд шагового ввода: минус, число, плюс. Кнопки 44x44 - тап-цель. */
.anstep { display: flex; align-items: center; gap: 8px; }
.anstep__b {
  width: 44px; height: 44px;
  flex: none;
  border-radius: 11px;
  font-size: 20px; font-weight: 600;
  color: var(--app-ink);
  background-color: var(--app-200);
  background-image: repeating-linear-gradient(115deg, rgba(255,255,255,.014) 0 1px, transparent 1px 4px);
  border: 1px solid var(--app-300);
  border-top-color: #2A2F35;
  border-bottom-color: #15181B;
  box-shadow: var(--e1);
}
.anstep__b:disabled { color: var(--app-400); cursor: default; }
.anstep .field { flex: 1 1 auto; min-width: 0; }

/* ----------------------------------------------------------------- Квота -- */

.anquota {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
}
.anquota__v {
  font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-size: 13px; white-space: nowrap;
}

/* -------------------------------------------------------------- Прогресс -- */

.anstages { display: flex; flex-direction: column; gap: 8px; }
.anstage__row { display: flex; gap: 7px; flex-wrap: wrap; }
.anst {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 8px;
  font-size: 12.5px;
  color: var(--app-mute);
  background: var(--app-100);
  border: 1px solid var(--app-300);
  box-shadow: var(--e1);
}
.anst__dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--app-400);
  flex: none;
}
.anst--done { color: var(--app-ink); }
.anst--done .anst__dot { background: var(--ok); }
.anst--on { color: var(--gold); border-color: var(--gold-line); background: var(--gold-dim); }
.anst--on .anst__dot { background: var(--gold); }

.anbar {
  height: 6px;
  border-radius: 999px;
  background: var(--app-100);
  box-shadow: var(--inset);
  overflow: hidden;
}
.anbar > i {
  display: block; height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #C08F3C, #E5B057);
  transition: width var(--t-slow) var(--spring);
}

/* ------------------------------------------------------- Карточка сигнала -- */

.ansig__top {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
/* Второй ряд шапки: состояние, номер обновления, окно разбора. Отдельный
   ряд, а не хвост первого: с переносом первого ряда пилюли и сроки ложились
   в три строки вразнобой. */
.ansig__meta {
  display: flex; align-items: center; gap: 6px 8px; flex-wrap: wrap;
  margin-top: 8px;
}
.ansig__meta .ansig__prob { font-size: 12px; }
/* Числа в строках заряженного плана могут быть длиннее колонки на 320 px:
   переносить по пробелу можно, рвать число - нельзя. */
.ansig .kvlist .kv__v { white-space: normal; overflow-wrap: normal; }
.ansig__dir {
  display: inline-flex; align-items: center; gap: 6px;
  height: 26px; padding: 0 10px;
  border-radius: 8px;
  font-size: 13px; font-weight: 700;
  border: 1px solid var(--app-300);
}
.ansig__dir--long { color: var(--ok); border-color: rgba(78,158,122,.42); background: rgba(78,158,122,.14); }
.ansig__dir--short { color: var(--bad); border-color: rgba(196,97,79,.42); background: rgba(196,97,79,.14); }
.ansig__dir--neutral { color: var(--app-mute); border-color: var(--app-400); background: rgba(142,149,157,.12); }
/* «БЕЗ СДЕЛКИ» у закрытой нейтрали: тон приглушённый, как у пилюли idle -
   состояние, в котором ничего не происходит и происходить не будет. */
.ansig__dir--idle { color: var(--app-mute); border-color: var(--app-400); background: rgba(142,149,157,.10); }
/* «по пробою» рядом с бейджем направления: сторона названа, но сделка ещё
   условная, и подпись обязана стоять вплотную к ней, а не теряться в ряду. */
.ansig__by {
  font-size: 11px; font-weight: 600; letter-spacing: .06em;
  text-transform: uppercase; color: var(--gold);
  margin-left: -3px;
}
.ansig__prob {
  font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-size: 13px; color: var(--app-mute); white-space: nowrap;
}
.ansig__head {
  margin-top: 10px;
  font-size: 15px; font-weight: 600; line-height: 1.35;
}
.ansig__hero {
  display: flex; align-items: baseline; gap: 8px;
  margin-top: 12px;
}
.ansig__hero .odo, .ansig__entry {
  font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-size: 27px; font-weight: 700; letter-spacing: -.03em;
  color: var(--gold);
}
.ansig__hero .unit { font-size: 12px; font-weight: 600; color: var(--app-mute); }

/* Живая строка у заряженного сигнала называет условия ОБОИХ сценариев
   целиком, и в один ряд она на 320 px не помещается. Без переноса первым за
   край выезжал одометр цены - ровно то число, ради которого строку и
   смотрят (замер пробы: 321..328 при окне 320). Ряд переносится, текст
   переносится по словам, цена остаётся целой. */
.anlive {
  display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap;
  margin-top: 10px;
  font-size: 12.5px; color: var(--app-mute);
}
/* Текст условия стоит рядом с кольцом и переносится ВНУТРИ себя: он
   занимает остаток строки (flex: 1), поэтому кольцо не остаётся на строке
   одно. Группа «сейчас + цена» не рвётся и уходит вправо; не влезла -
   переезжает на следующую строку целиком, оставаясь прижатой к правому краю. */
.anlive__t { flex: 1 1 12em; min-width: 0; overflow-wrap: anywhere; }
.anlive__now {
  flex: none; margin-left: auto;
  display: inline-flex; align-items: baseline; gap: 6px;
  white-space: nowrap;
}
.anlive__v {
  flex: none;
  font-family: var(--mono); font-variant-numeric: tabular-nums;
  color: var(--app-ink);
}

/* -------------------------------------------------------- Текст сигнала --- */

.anpre {
  position: relative;
  margin: 0;
  padding: 12px;
  border-radius: 12px;
  background: var(--app-100);
  box-shadow: var(--inset);
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--app-ink);
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* ----------------------------------------------------------------- График -- */

.anchart {
  position: relative;
  margin-top: 12px;
  border-radius: 12px;
  background: var(--app-100);
  box-shadow: var(--inset);
  overflow: hidden;
}
.anchart__plot { position: relative; }
/* `touch-action: pan-y` - решение, а не украшение: вертикальная прокрутка
   страницы обязана жить (график занимает середину длинного экрана), а
   горизонтальные жесты и щипок достаются графику. Без него палец, попавший
   в полотно, запирал бы страницу целиком. */
.anchart__c {
  display: block; width: 100%; height: 260px;
  touch-action: pan-y;
  cursor: crosshair;
}
/* На широком окне высота растёт: там места под свечи вдвое больше, а
   260 px оставляли бы половину карточки пустой. */
@media (min-width: 520px) {
  .anchart__c { height: 340px; }
}

/* Ручка высоты: полотно тянется за неё вниз и вверх, двойное нажатие
   возвращает высоту по умолчанию. `touch-action: none` здесь верен: ручка
   узкая, страницу за неё не прокручивают, а без него палец тянул бы
   страницу вместо графика. */
.anchart__grip {
  height: 18px;
  display: flex; align-items: center; justify-content: center;
  cursor: ns-resize;
  touch-action: none;
  user-select: none; -webkit-user-select: none;
}
.anchart__grip::before {
  content: ""; width: 48px; height: 4px; border-radius: 999px;
  background: var(--app-400);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 1px 0 rgba(0, 0, 0, .5);
}
.anchart__grip:active::before,
.anchart__grip:focus-visible::before { background: var(--gold-line); }
.anchart__grip:focus-visible { outline: none; }

/* Кнопки масштаба. 34 px против общего порога в 44 - осознанное
   исключение: у масштаба есть ещё два пути (щипок и колесо), а кнопка в
   44 px закрыла бы четверть полотна собой. */
.anchart__zoom {
  position: absolute; top: 8px; right: 8px;
  display: flex; gap: 4px;
}
.anchart__z {
  width: 34px; height: 34px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 9px;
  border: 1px solid var(--app-300);
  background: rgba(12, 13, 15, .72);
  color: var(--app-mute);
  font-size: 15px; line-height: 1;
}
.anchart__z:active { color: var(--gold); border-color: var(--gold-line); }

/* Подсказка перекрестия. `pointer-events: none` обязателен: она лежит
   поверх полотна, и без него курсор терялся бы на ней самой - ровно та
   ловушка, что стоила выката v=42 в разделе игр. */
.anchart__tip {
  position: absolute; top: 8px;
  display: flex; flex-direction: column; gap: 1px;
  padding: 6px 8px;
  border-radius: 9px;
  background: rgba(12, 13, 15, .88);
  border: 1px solid var(--app-300);
  font-family: var(--mono); font-size: 10.5px; color: var(--app-ink);
  white-space: nowrap;
  pointer-events: none;
}
.anchart__tip[hidden] { display: none; }
.anchart__tip b { font-weight: 600; color: var(--app-mute); }
.anchart__tip i {
  display: inline-block; width: 13px;
  font-style: normal; color: var(--app-mute);
}

/* Чипы интервала и слоёв. Ряды разные: интервал меняет ДАННЫЕ (запрос к
   серверу), слои - только показ, и мешать их в один ряд значило бы
   уравнять эти два нажатия. */
.anchart__tfs,
.anchart__chips {
  display: flex; gap: 6px; flex-wrap: wrap;
  padding: 8px 10px;
}
.anchart__tfs { padding-bottom: 0; }
.anchip {
  min-height: 32px; padding: 0 11px;
  border-radius: 9px;
  font-size: 12px; font-weight: 600;
  color: var(--app-mute);
  background: var(--app-100);
  border: 1px solid var(--app-300);
  white-space: nowrap;
  box-shadow: var(--e1);
}
.anchip[aria-pressed="true"] {
  color: var(--gold);
  border-color: var(--gold-line);
  background: var(--gold-dim);
}

/* ------------------------------------------------------------- Сценарии -- */

/* Две карточки условных планов под нейтральным сигналом. Цветом отличается
   ТОЛЬКО левая грань: сторона - это направление, а не исход, и красить
   карточку целиком значило бы обещать «уже проиграл / уже выиграл». */
.anscn { border-left: 2px solid var(--app-300); }
.anscn--up { border-left-color: var(--ok); }
.anscn--down { border-left-color: var(--bad); }
/* Альтернатива - вторая сторона заряженного сигнала: тише основной, иначе
   два одинаковых плана рядом читаются как два равных сигнала. Гасится
   ТОЛЬКО подача (плотность строк и тон подписей), а не сами числа: план,
   по которому сервер тоже следит, обязан оставаться читаемым. */
.anscn--alt { padding-top: 12px; padding-bottom: 12px; opacity: .92; }
.anscn--alt .anscn__head { font-size: 12.5px; color: var(--app-mute); }
.anscn--alt .kvlist { margin-top: 7px; }
.anscn__head {
  display: block;
  font-size: 13.5px; font-weight: 600; line-height: 1.4;
  color: var(--app-ink);
  overflow-wrap: anywhere;
}
.anscn .kvlist { margin-top: 9px; }

/* --------------------------------------------------------------- Вкладки -- */

.antabs {
  display: flex; gap: 7px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}
.antabs::-webkit-scrollbar { display: none; }
.antab {
  min-height: 44px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 12.5px; font-weight: 600;
  color: var(--app-mute);
  background: var(--app-100);
  border: 1px solid var(--app-300);
  white-space: nowrap;
  box-shadow: var(--e1);
}
.antab[aria-selected="true"] {
  color: var(--gold);
  border-color: var(--gold-line);
  background: var(--gold-dim);
}
.anagent__s { font-size: 13.5px; line-height: 1.45; }

/* Разбор агента - это ПРОЗА, а не числа. Общий `.kv__v` запрещает перенос
   (он писался под суммы и коды), и предложение «Снижение к 77 350, там
   частичная фиксация» выезжало за правый край экрана: замер пробы дал 432 px
   при окне 390. Здесь пара «подпись - значение» становится двумя строками:
   так текст читается и не растягивает страницу. */
.anwrap .kv { flex-direction: column; align-items: flex-start; gap: 2px; }
.anwrap .kv__v {
  font-family: var(--sans);
  white-space: normal;
  text-align: left;
  overflow-wrap: anywhere;
}
.anagent__list { margin: 9px 0 0; padding-left: 18px; font-size: 13px; line-height: 1.5; color: var(--app-mute); }
.anagent__list li { margin: 3px 0; }

/* ---------------------------------------------------------------- История -- */

.anlist { display: flex; flex-direction: column; gap: 8px; }
.anrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 11px 13px;
  border-radius: 12px;
  text-align: left;
  color: var(--app-ink);
}
.anrow > div:first-child { min-width: 0; }
.anrow__t { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.anrow__s { font-size: 11.5px; color: var(--app-mute); font-family: var(--mono); }
.anrow__r { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; flex: none; }
.anrow__v { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: 13px; white-space: nowrap; }

.anfilters { margin-bottom: 2px; }
.anfilters .chip { min-height: 44px; height: 44px; padding: 0 14px; }

/* Ссылка-кнопка: у общего `.link` тап-цель 26 px, а ошибочное нажатие тут
   уводит с формы, на которой человек уже всё выбрал. */
.anlink {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 2px;
}

/* --------------------------------------------------------------- Точность -- */

.antable { display: flex; flex-direction: column; }
.antable__h, .antable__r {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 8px 0;
  align-items: baseline;
}
.antable__h { border-bottom: 1px solid var(--app-300); }
.antable__r + .antable__r { border-top: 1px solid var(--app-300); }
.antable__h span { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--app-mute); }
.antable__h span:not(:first-child), .antable__r span:not(:first-child) { text-align: right; }
.antable__r span {
  font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-size: 12.5px; white-space: nowrap;
}
.antable__r span:first-child { font-family: var(--sans); font-weight: 600; white-space: normal; }
.antable__mode { display: block; margin-top: 2px; font-size: 11.5px; color: var(--app-mute); }
/* «Мало данных» у ячейки: пометка сервера, а не наш вывод. Стоит чипом в
   первой колонке - рядом с парой, к которой относится, а не общей строкой
   под таблицей, где непонятно, о какой строке речь. */
.antable__flag {
  display: inline-block; margin-left: 6px;
  padding: 1px 6px; border-radius: 999px;
  font-family: var(--sans); font-size: 10.5px; font-weight: 600;
  color: var(--app-mute); background: rgba(142,149,157,.14);
  vertical-align: middle;
}

/* ------------------------------------------------------------- Движение --- */

/* Появление плиток каскадом. Экран без него читается полностью - именно
   поэтому весь блок снимается при prefers-reduced-motion. */
.antoks .antok { animation: anrise var(--t-mid) var(--spring) backwards; }
.antoks .antok:nth-child(2) { animation-delay: 40ms; }
.antoks .antok:nth-child(3) { animation-delay: 80ms; }
.antoks .antok:nth-child(4) { animation-delay: 120ms; }

@keyframes anrise {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

/* Живая стадия дышит: единственный движущийся элемент экрана прогресса. */
.anst--on .anst__dot { animation: anpulse 1400ms ease-in-out infinite; }
@keyframes anpulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .45; transform: scale(.8); }
}

@media (prefers-reduced-motion: reduce) {
  .antoks .antok { animation: none; }
  .anst--on .anst__dot { animation: none; }
  .anbar > i { transition: none; }
}

/* ------------------------------------------------------------ Узкий экран -- */

/* 320 px: плитки токенов остаются по две в ряд (одна в ряд превратила бы
   форму в четыре экрана прокрутки), но внутренние отступы и цена ужимаются. */
@media (max-width: 359px) {
  .antok { padding: 10px 10px 9px; min-height: 100px; }
  .antok__price { font-size: 14px; }
  .antok__medal { width: 22px; height: 22px; }
  .anseg button { font-size: 12px; }
  .ansig__hero .odo, .ansig__entry { font-size: 24px; }
  .antable__h, .antable__r { grid-template-columns: minmax(0, 1.15fr) repeat(3, minmax(0, 1fr)); }
  .antable__r span { font-size: 11.5px; }
}

/* ---------------------------------------------------------- Кнопка шапки -- */

/* Тап-цель 44 px: кнопка стоит рядом с приветствием, и промах открывает
   раздел вместо ничего. У прежней кнопки игр было 30 px общего `.chip`. */
.brand__an { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; height: 44px; }
.brand__an img {
  display: block;
  width: 18px; height: 18px;
  border-radius: 50%;
  box-shadow: var(--e1);
}
.brand__an .anbtn__short { display: none; }

/* Ниже 360 px «Криптоанализ» выдавливает приветствие - остаётся «Анализ». */
@media (max-width: 359px) {
  .brand__an .anbtn__full { display: none; }
  .brand__an .anbtn__short { display: inline; }
}