/* Модуль «Боты»: значок робота — голова с антенной в стиле вывески (чернильный контур, плоская заливка токенами style.css).
   Подпись «🤖 robô» стоит у каждого имени робота. Bungee — только крупные проценты. */
.bt-ava { --s: 36px; flex: none; display: inline-grid; place-items: center; width: var(--s); height: var(--s); border-radius: 50%;
  border: 1px solid var(--line); background: color-mix(in srgb, var(--violet) 18%, #fff); vertical-align: middle; }
.bt-ava svg { width: 66%; height: 66%; stroke: var(--ink); fill: none; }
.bt-ava .h { fill: var(--surface); }
.bt-ava .f { fill: var(--ink); stroke: none; }
.bt-weather { background: #DCE8F7; } .bt-contrarian { background: var(--no); } .bt-trend { background: var(--yes); }
.bt-coin { background: var(--sun-bg); } .bt-grandma { background: #F3E3EF; } .bt-human { background: var(--paper); }

.bt-chip { display: inline-block; white-space: nowrap; font-size: 11px; font-weight: 700; line-height: 1; padding: 3px 7px 3px 5px; border-radius: 12px;
  border: 1.5px solid var(--ink); background: var(--surface); color: var(--ink); vertical-align: 2px; letter-spacing: .02em; }
.bt-chip.big { font-size: 13px; padding: 5px 10px 5px 8px; margin: 4px 0 0; }

.bt-id { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--ink); text-decoration: none; }
a.bt-id:hover .bt-nm { text-decoration: underline; }
.bt-who { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; min-width: 0; }
.bt-nm { font-weight: 700; }
.bt-who small { flex-basis: 100%; color: var(--ink-2); font-size: 13px; }

/* Списки роботов: рынок и «Люди против роботов» */
.bt-list { list-style: none; margin: 0; padding: 0; }
.bt-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.bt-list li:first-child { border-top: 0; }
.bt-pick { display: flex; align-items: center; gap: 8px; flex: none; }
.bt-pick .st { font-size: 13px; }

/* Страница рынка */
.bt-side { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 14px 16px; margin-top: 16px; }
.bt-side .vs-h { margin: 0 0 6px; }
.bt-sub { font-size: 15px; margin: 14px 0 2px; }
.bt-note { margin: 10px 0 0; }

/* Главная: счётчик и мягкая строка о пионерах */
.bt-top { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; margin: 14px 0 0; }
.bt-act, .bt-soft { margin: 0; font-size: 15px; }
.bt-act { font-weight: 700; display: inline-flex; align-items: center; gap: 8px; }
.bt-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--yes-mid); }
.bt-soft { color: var(--ink-2); }
.bt-pio { display: inline-block; margin: 0 0 10px; padding: 5px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--sun-bg); font-weight: 700; font-size: 14px; }
.soc-badges .bt-b-pio, .soc-badges .bt-b-beat { background: var(--sun-bg); }

/* «Люди против роботов» */
.bt-home { margin-top: 28px; }
.bt-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.bt-vs { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 4px 16px; }
.bt-vs .bt-people { background: transparent; }
.bt-acc { display: grid; grid-template-columns: auto; justify-items: end; gap: 2px; flex: none; min-width: 96px; }
.bt-acc small { color: var(--ink-2); font-size: 12px; }
.bt-pct { font: 700 24px/1 var(--body); font-variant-numeric: tabular-nums; }
.bt-few { font-size: 13px; font-weight: 700; color: var(--ink-2); }
.bt-bar { display: block; width: 96px; height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; }
.bt-bar b { display: block; height: 100%; background: var(--ink); }
.bt-people .bt-bar b { background: var(--violet); }

.bt-col { min-width: 0; }
.bt-ch { background: var(--sun-bg); border: 1px solid var(--line); border-radius: 18px; padding: 14px 16px; }
.bt-ch h3 { margin: 0 0 4px; font-size: 18px; }
.bt-ch > p { margin: 0 0 10px; font-size: 15px; }
.bt-duel { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 10px; }
.bt-duel div { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 8px 10px; min-width: 0; }
.bt-duel dt { font-size: 13px; color: var(--ink-2); display: flex; align-items: center; gap: 6px; min-width: 0; }
.bt-duel dd { margin: 2px 0 0; font: 700 26px/1.1 var(--body); font-variant-numeric: tabular-nums; }
.bt-duel small { color: var(--ink-2); font-size: 12px; }
.bt-state { margin: 0; font-size: 14px; }
.bt-won { margin: 8px 0 0; font-weight: 700; color: var(--yes-ink); }
.bt-ch .bt-pio { margin: 8px 0 0; }

.bt-feed { list-style: none; margin: 0; padding: 0; }
.bt-feed li { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-top: 1px solid var(--line); font-size: 15px; }
.bt-feed li:first-child { border-top: 0; }
.bt-feed small { display: block; color: var(--ink-2); font-size: 12px; }
.bt-feed .bs { font-size: 13px; padding: 1px 8px; }

/* Профиль робота */
.bt-prof { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 14px 16px; margin: 0 0 24px; }
.bt-prof h2 { display: flex; align-items: center; gap: 8px; font-size: 19px; margin: 0 0 6px; }
.bt-prof p { margin: 4px 0; }
#prof > div > .bt-ava { margin-bottom: 6px; }

@media (max-width: 720px) {
  .bt-grid { grid-template-columns: 1fr; }
  .bt-top { margin-top: 12px; }
  .bt-acc { min-width: 76px; }
  .bt-bar { width: 76px; }
}