/* Цветные значки интерфейса вместо эмодзи (владелец 11.10.2026): inc/func/display/ui_icons.php и js/ui-icons.js.
 * Значок — картинка в строке текста: размер от шрифта (1.25em), чуть ниже базовой линии, пропорции картинки. */
.ui-ic {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.25em;
    object-fit: contain;
    flex: none;
    pointer-events: none;
    user-select: none;
}

/* В квадратных кнопках 40 px — 24 px. */
.ui-ic--btn {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

/* Монета валюты (SOL/BLS из полосы HUD) рядом со значками набора: её рисунок занимает 94% высоты картинки, у значков
 * набора 70–90% — в общем размере монета выглядит крупнее соседей. Картинка меньше (0.95 от 1.25em — рисунок ~0.9em,
 * как корона и кости), без полей: поля давали зазор «[ ◆ ]». Низ — на той же линии, что у соседей. Общее правило
 * «монеты везде 24 px» (css/design-tokens.css, !important) здесь перекрыто точнее: класс + атрибут. */
img.ui-ic--coin[src*="gameplay/"] {
    width: 0.95em !important;
    height: 0.95em !important;
    vertical-align: -0.12em;
}

/* Мелкий: в плотных строках и метках. */
.ui-ic--sm {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
}

/* Значок + текст в бейдже ресурса: небольшой зазор (в прочих метках — пробел после значка, как было у эмодзи). */
.ui-res .ui-ic {
    margin-right: 0.15em;
}

.ui-res {
    white-space: nowrap;
}

/* Бейджи ресурсов на плитке карты (uiTileResources): прежний блок «внизу клетки», значок крупнее шрифта 8 px. */
.ui-tile-res {
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
    font-size: 8px;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    pointer-events: none;
    width: 76px;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: 1.2;
    text-align: center;
}

.ui-tile-res .ui-ic {
    width: 12px;
    height: 12px;
    vertical-align: -3px;
    margin-right: 1px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8));
}

.ui-tile-res .ui-res--herbal { color: #7fff7f; }
.ui-tile-res .ui-res--wood { color: #deb887; }
.ui-tile-res .ui-res--fishing { color: #6cf; }
.ui-tile-res .ui-res--agriculture { color: #ffd700; }
.ui-tile-res .ui-res--garden { color: #9be07a; }
.ui-tile-res .ui-res--drink { color: #5bc8ff; }