/* Teuton Unit Icons */
.teuton-unit-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://cdn.legends.travian.com/gpack/247.6/img_ltr/global/units/teuton/icon/teuton_small.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 2px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Unit 1: Clubswinger (Дубинщик) - первая иконка в спрайте */
.teuton-unit-icon-clubswinger {
    background-position: 0 0;
}

/* Unit 2: Spearman (Копейщик) - вторая иконка */
.teuton-unit-icon-spearman {
    background-position: 0 -16px;
}

/* Unit 3: Axeman (Топорщик) - третья иконка в спрайте */
.teuton-unit-icon-axeman {
    background-position: 0 -32px; /* 16px * 2 = 32px (3-я иконка, индекс 2) */
}

/* Unit 6: Teutonic Knight (Тевтонская конница) - шестая иконка в спрайте */
.teuton-unit-icon-knight {
    background-position: 0 -80px; /* 16px * 5 = 80px (6-я иконка, индекс 5) */
}

/* Для FL Simulator чекбоксов с размером 20x20px нужно масштабировать спрайт */
#tab-fl-simulator .teuton-unit-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0; /* Запрещаем сжатие в flex-контейнере */
    background-size: 20px auto;
}

#tab-fl-simulator .teuton-unit-icon-clubswinger {
    background-position: 0 0;
}

#tab-fl-simulator .teuton-unit-icon-axeman {
    background-position: 0 -40px; /* 20px * 2 = 40px для масштаба 20px */
}

#tab-fl-simulator .teuton-unit-icon-knight {
    background-position: 0 -100px; /* 20px * 5 = 100px для масштаба 20px */
}

/* Troop display styles */
.troop-display {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.troop-item {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

.troop-count {
    font-weight: bold;
}

.troop-upgrades {
    color: #666;
    font-size: 10px;
}