/* 01.11 (Сергей): подсказки в первых боях — канистра, поливалка, «скорее домой» (js/bhint.js); вверху по центру, над лентой событий */
.bhint { position: absolute; left: 50%; top: 66px; transform: translate(-50%, -6px); display: flex; align-items: center; gap: 8px; z-index: 8; pointer-events: none; opacity: 0;
  max-width: min(340px, calc(100% - 24px)); padding: 7px 13px 7px 9px; border-radius: 14px; background: rgba(255, 246, 220, .96); border: 2.5px solid var(--ink); box-shadow: 0 3px 0 var(--ink);
  font-size: 14px; font-weight: 800; line-height: 1.2; color: var(--ink); transition: opacity .2s, transform .2s; }
.bhint.show { opacity: 1; transform: translate(-50%, 0); }
.bhint .bh-ico { flex: none; width: 24px; height: 24px; display: flex; }
.bhint .bh-ico svg { width: 100%; height: 100%; }
body.pcg .bhint { top: 92px; font-size: calc(15px * var(--uik, 1)); }
@media (max-width: 600px) {   /* телефон: внизу справа от «Рывка» — вверху список игроков и мини-карта, в центре трактор с именем */
  .bhint { top: auto; bottom: calc(env(safe-area-inset-bottom, 0px) + 74px); left: auto; right: 10px; transform: translateY(6px); max-width: min(230px, calc(100% - 130px)); font-size: 13px; }
  .bhint.show { transform: none; }
}
/* 01.11 (Сергей, Дизайн): телефон — если внизу справа уже стоят и «Игра обновится…» (#drain-note), и «Слабый интернет» (#net-warn, тогда она поднята над первой), подсказка встаёт над обеими */
@media (max-width: 600px) { body:has(#drain-note.show):has(#net-warn.show) .bhint { bottom: calc(env(safe-area-inset-bottom, 0px) + 100px); } }
/* 01.11 (Дизайн): пока внизу панель «Вернуться» / «Новый бой» — подсказку не показываем, она закрывала кнопки (подсказки про канистру и поливалку тут не к месту) */
body:has(#revive.show) .bhint, body:has(#spect.show) .bhint { display: none !important; }