/* Иконки зверей из Travian (CSS Sprites) */
/* Спрайт: 16x160px (10 иконок по 16x16px каждая, ВЕРТИКАЛЬНО!) */
.animal-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/nature_small.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 4px;
}

/* Координаты для каждого зверя на спрайте (10 иконок ВЕРТИКАЛЬНО) */
.animal-icon-rat { background-position: 0 0; }           /* Rat (t1) - первая сверху */
.animal-icon-spider { background-position: 0 -16px; }    /* Spider (t2) - вторая */
.animal-icon-snake { background-position: 0 -32px; }     /* Snake (t3) - третья */
.animal-icon-bat { background-position: 0 -48px; }       /* Bat (t4) - четвёртая */
.animal-icon-boar { background-position: 0 -64px; }      /* Wild Boar (t5) - пятая */
.animal-icon-wolf { background-position: 0 -80px; }      /* Wolf (t6) - шестая */
.animal-icon-bear { background-position: 0 -96px; }      /* Bear (t7) - седьмая */
.animal-icon-crocodile { background-position: 0 -112px; } /* Crocodile (t8) - восьмая */
.animal-icon-tiger { background-position: 0 -128px; }    /* Tiger (t9) - девятая */
.animal-icon-elephant { background-position: 0 -144px; } /* Elephant (t10) - десятая */

/* Для фильтров (побольше 20x20) */
.animal-filter-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../img/nature_small.png');
    background-repeat: no-repeat;
    background-size: 20px 200px; /* Масштабируем ВЕРТИКАЛЬНО: 16x160 -> 20x200 */
    vertical-align: middle;
    margin-right: 4px;
    flex-shrink: 0;
    min-width: 20px;
}

.animal-filter-icon-rat { background-position: 0 0; }
.animal-filter-icon-spider { background-position: 0 -20px; }     /* 16 * 1.25 = 20 */
.animal-filter-icon-snake { background-position: 0 -40px; }      /* 32 * 1.25 = 40 */
.animal-filter-icon-bat { background-position: 0 -60px; }        /* 48 * 1.25 = 60 */
.animal-filter-icon-boar { background-position: 0 -80px; }       /* 64 * 1.25 = 80 */
.animal-filter-icon-wolf { background-position: 0 -100px; }      /* 80 * 1.25 = 100 */
.animal-filter-icon-bear { background-position: 0 -120px; }      /* 96 * 1.25 = 120 */
.animal-filter-icon-crocodile { background-position: 0 -140px; } /* 112 * 1.25 = 140 */
.animal-filter-icon-tiger { background-position: 0 -160px; }     /* 128 * 1.25 = 160 */
.animal-filter-icon-elephant { background-position: 0 -180px; }  /* 144 * 1.25 = 180 */