/* dorf3 Askerler: büyük sayılar kutuyu taşırsa sağa-sola kayar (web + mobil).
   Ayrı dosya: Cloudflare sorgu dizesini yok sayıp eski CSS'i tutuyor. */
body.village3 #content.village3 {
    min-width: 0;
}
body.village3 .ztv-dorf3-troops-scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 8px;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    scrollbar-width: thin;
    scrollbar-color: #b39253 #f3ead6;
}
body.village3 .ztv-dorf3-troops-scroll::-webkit-scrollbar {
    height: 10px;
}
body.village3 .ztv-dorf3-troops-scroll::-webkit-scrollbar-track {
    background: #f3ead6;
}
body.village3 .ztv-dorf3-troops-scroll::-webkit-scrollbar-thumb {
    background: #b39253;
    border-radius: 6px;
}
body.village3 .ztv-dorf3-troops-scroll > table {
    width: max-content;
    min-width: 100%;
    max-width: none;
    table-layout: auto;
}
body.village3 .ztv-dorf3-troops-scroll table#overview td,
body.village3 .ztv-dorf3-troops-scroll table#overview th,
body.village3 .ztv-dorf3-troops-scroll table#overview_reinf td,
body.village3 .ztv-dorf3-troops-scroll table#overview_reinf th {
    white-space: nowrap;
}
body.village3 .ztv-dorf3-troops-scroll table#overview thead tr + tr > td:first-child,
body.village3 .ztv-dorf3-troops-scroll table#overview tbody td.vil,
body.village3 .ztv-dorf3-troops-scroll table#overview tbody > tr > th {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
    box-shadow: 2px 0 0 #c9c9c9;
}
body.village3 .ztv-dorf3-troops-scroll table#overview tr.hl td.vil {
    background-color: #e7f0ca;
}

html.ztv-m body.village3 .contentContainer,
html.ztv-m body.village3 #content.village3,
html.ztv-m body.village3 div#center div#contentOuterContainer {
    min-width: 0 !important;
}
html.ztv-m body.village3 .ztv-dorf3-troops-scroll {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
}
html.ztv-m body.village3 .ztv-dorf3-troops-scroll > table#overview,
html.ztv-m body.village3 .ztv-dorf3-troops-scroll > table#overview_reinf {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
}