/**
 * ZTV mobil kabuk ? alt navigasyon + sol/sa? ?ekmece
 * Masa?st? layout bozulmaz; sadece dar ekranda aktif.
 */

@media screen and (max-width: 980px) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body.v35.ztv-m,
    html.ztv-m body.v35 {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        min-width: 0 !important;
        width: 100% !important;
        /* Alt men? (~70px) + safe-area ? t?m sayfalarda alta inilebilsin */
        padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* 7. tarla: Üretim/Asker compact2 negatif margin ile haritanın üstüne biniyor */
    div.village1 div#map_details,
    body.village1 div#map_details,
    html.ztv-m body.village1 #content.village1 div#map_details {
        float: none !important;
        clear: both !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin: 10px 4px 8px !important;
        margin-top: 10px !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 1 !important;
    }
    div.village1 div.production,
    div.village1 div.units,
    div.village1 div.boxes.production,
    div.village1 div.boxes.units,
    html.ztv-m body.village1 div.production,
    html.ztv-m body.village1 div.units {
        float: none !important;
        clear: none !important;
        position: relative !important;
        z-index: 1 !important;
        margin-right: 0 !important;
    }
    html.ztv-m body.village1 .ztv-m-map-fit,
    body.village1 .ztv-m-map-fit {
        overflow: visible !important;
        z-index: 4 !important;
    }
    html.ztv-m body.village1 #village_map,
    body.village1 div#village_map {
        z-index: 4 !important;
    }

    /* Masa?st? tam sayfa k?y BG?si ? k?y d??? manzaray? koru (d?z ye?il panel olmas?n).
       login/logout/signup hari?: onlar?n kendi manzaras? var. */
    body.perspectiveBuildings:not(.village2):not(.options):not(.login):not(.logout):not(.signup) div#background {
        background-image: none !important;
        background-color: #4e6b32 !important;
        background-size: auto !important;
        min-height: 0 !important;
    }

    body.perspectiveResources:not(.village1):not(.options) div#background {
        background-image: none !important;
        background-color: #4e6b32 !important;
        background-size: auto !important;
        min-height: 0 !important;
    }

    body.perspectiveBuildings div#background:before,
    body.perspectiveResources div#background:before,
    body.perspectiveBuildings:before,
    body.perspectiveBuildings:after,
    body.perspectiveResources:before,
    body.perspectiveResources:after {
        content: none !important;
        display: none !important;
        background: none !important;
        min-height: 0 !important;
        height: 0 !important;
    }

    /* K?y: tek manzara katman? (#background) ? body/content ?zerinde ikinci kopya yok (?ift resim/piksel) */
    body.village1 div#background,
    body.village1.perspectiveResources div#background,
    html.ztv-m body.village1 div#background {
        background-image: url(img/layout/bgResources-ltr.jpg) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center top !important;
        background-attachment: scroll !important;
        background-color: #3d5a28 !important;
        min-height: 100% !important;
        height: auto !important;
    }

    /* Dorf2: dorf1 gibi tam ekran manzara (#background cover).
       K?y dairesi/binalar yaln?z #village_map (dorf2-628) ? before/after pattern YOK. */
    body.village2,
    body.village2.perspectiveBuildings,
    body.v35.village2,
    body.v35.village2.perspectiveBuildings,
    html.ztv-m body.village2,
    html.ztv-m body.village2.perspectiveBuildings {
        background-color: #94b440 !important;
        background-image: none !important;
        min-height: 0 !important;
        height: auto !important;
    }

    body.village2 div#background,
    body.village2.perspectiveBuildings div#background,
    body.v35.village2 div#background,
    body.v35.village2.perspectiveBuildings div#background,
    html.ztv-m body.village2 div#background,
    html.ztv-m body.village2.perspectiveBuildings div#background,
    html.ztv-m body.v35.village2 div#background {
        background-image: url(img/layout/bgBuildings-ltr.jpg?v=20260730m127) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center top !important;
        background-attachment: scroll !important;
        background-color: #94b440 !important;
        min-height: 100% !important;
        height: auto !important;
    }

    /* body?de ayn? JPG tekrarlanmas?n */
    body.village1,
    html.ztv-m body.village1 {
        background-image: none !important;
        background-color: #3d5a28 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /* Yar?m geni?lik body:before/after + pattern ? d?? manzara ?eritleri */
    body.village2:before,
    body.village2:after,
    body.village2.perspectiveBuildings:before,
    body.village2.perspectiveBuildings:after,
    body.v35.village2:before,
    body.v35.village2:after,
    body.village2 div#background:before,
    body.village2 div#background:after,
    body.village2.perspectiveBuildings div#background:before,
    body.village2.perspectiveBuildings div#background:after,
    html.ztv-m body.village1:before,
    html.ztv-m body.village1:after,
    html.ztv-m body.village2:before,
    html.ztv-m body.village2:after,
    html.ztv-m body.village1.perspectiveResources:before,
    html.ztv-m body.village1.perspectiveResources:after,
    html.ztv-m body.village2.perspectiveBuildings:before,
    html.ztv-m body.village2.perspectiveBuildings:after,
    html.ztv-m body.village1 div#background:before,
    html.ztv-m body.village1 div#background:after,
    html.ztv-m body.village2 div#background:before,
    html.ztv-m body.village2 div#background:after {
        content: none !important;
        display: none !important;
        background: none !important;
        background-image: none !important;
        background-size: 0 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: -99 !important;
    }

    /* ??erik / kabuk: ?effaf ? orman pattern yaln?zca #background / body?de */
    html.ztv-m body.village1 #content.village1 {
        background-image: none !important;
        background-color: transparent !important;
        min-height: calc(100dvh - 118px - 64px) !important;
        box-sizing: border-box !important;
        padding-top: 100px !important;
    }

    body.village2 #content.village2,
    body.village2 #contentOuterContainer,
    body.village2 #contentOuterContainer .contentContainer,
    body.village2 #bodyWrapper,
    body.village2 #center,
    body.village2 div#center div#contentOuterContainer,
    html.ztv-m body.village2 #content.village2,
    html.ztv-m body.village2 #contentOuterContainer,
    html.ztv-m body.village2 #contentOuterContainer .contentContainer,
    html.ztv-m body.village2 #bodyWrapper,
    html.ztv-m body.village2 #center,
    html.ztv-m body.village2 div#center div#contentOuterContainer {
        background: transparent none !important;
        background-image: none !important;
        background-color: transparent !important;
    }

    body.village2 #content.village2,
    html.ztv-m body.village2 #content.village2 {
        min-height: calc(100dvh - 118px - 64px) !important;
        box-sizing: border-box !important;
        /* Logo hemen k?y ? ?stte pattern/bo?luk band? yok */
        padding-top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html.ztv-m body.village1 #contentOuterContainer,
    html.ztv-m body.village1 #contentOuterContainer .contentContainer,
    html.ztv-m body.village1 #bodyWrapper,
    html.ztv-m body.village1 #center {
        background-image: none !important;
        background-color: transparent !important;
    }

    /* K?y zemini ? CSS BG do?rudan #village_map?te (bina/slot ile ayn? kutu).
       <img.ztv-dorf2-map-bg> kullan?lmaz: HTML relative src 404 ? k?r?k ikon;
       CSS url stylesheet?e g?re ??z?l?r (gpack/.../img/layout/...). */
    html.ztv-m body.village2 .villageMapWrapper,
    body.village2 .villageMapWrapper {
        background: transparent none !important;
        background-image: none !important;
        background-color: transparent !important;
        width: 628px !important;
        height: 534px !important;
        max-width: none !important;
        min-width: 628px !important;
        overflow: hidden !important;
        position: relative !important;
        /* Logo (~50px + top 8px) ile ?ak??mas?n ? t?m village map kutusu 56px a?a?? */
        margin-top: 56px !important;
        margin-bottom: 4px !important;
    }

    html.ztv-m body.village2 div#village_map,
    body.village2 div#village_map {
        background-image: url(img/layout/bgBuildings-dorf2-628.jpg?v=20260730m125) !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
        background-size: 628px 534px !important;
        background-color: transparent !important;
    }

    html.ztv-m body.village2 div#village_map img.ztv-dorf2-map-bg,
    body.village2 div#village_map img.ztv-dorf2-map-bg {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Seviye balonlar? bina ayaklar?na (biraz a?a??) */
    body.village2 div#village_map div#levels.on > div,
    body.village2 div#village_map div#levels.on.t44 > div {
        transform: translateY(10px);
    }

    /* Alt bo? ye?il alan ? center / content min-height k?r */
    html.ztv-m body.v35 #center,
    html.ztv-m body.village2 #center,
    body.v35 #center,
    body.v35 div#center {
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 0 !important;
    }

    html.ztv-m body.village1 #contentOuterContainer .contentContainer,
    html.ztv-m body.village2 #contentOuterContainer .contentContainer,
    html.ztv-m body.village1 div#center div#contentOuterContainer div.contentContainer,
    html.ztv-m body.village2 div#center div#contentOuterContainer div.contentContainer {
        min-height: 0 !important;
        padding-bottom: 0 !important;
        height: auto !important;
    }

    html.ztv-m body.village1 #sidebarBeforeContent,
    html.ztv-m body.village1 #sidebarAfterContent,
    html.ztv-m body.village2 #sidebarBeforeContent,
    html.ztv-m body.village2 #sidebarAfterContent,
    html.ztv-m body.v35 .sidebar {
        min-height: 0 !important;
    }

    html.ztv-m body.village2 #contentOuterContainer .contentFooter {
        display: none !important;
    }

    html.ztv-m body.village2 #contentOuterContainer .contentTitle {
        display: none !important;
    }

    /* Alt men? ? html.ztv-m olmasa da dar ekranda g?r?ns?n */
    body.v35 .ztv-m-nav {
        display: flex !important;
    }

    html.ztv-m body.v35 #footer,
    html.ztv-m body.v35 div#footer {
        min-height: 0 !important;
        height: auto !important;
        padding: 8px 0 calc(96px + env(safe-area-inset-bottom, 0px)) !important;
        background-image: none !important;
    }

    html.ztv-m body.v35 div#bodyWrapper {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0 8px !important;
        box-sizing: border-box !important;
    }

    html.ztv-m body.v35 #center {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    /* ?st logo / dil ? s?k??t?r; logo ye?il alana ta??n?r */
    html.ztv-m body.v35 #header {
        padding: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        margin: 0 !important;
    }

    html.ztv-m body.v35 #header #mtop {
        min-height: 0 !important;
        height: 0 !important;
        overflow: visible !important;
    }

    html.ztv-m body.v35 #navigation {
        display: none !important;
    }

    html.ztv-m body #outOfGame,
    html.ztv-m body.v35 #outOfGame {
        display: none !important;
    }

    /* Kahverengi ?st ?erit: saat | dil | alt?n g?m?? ?ark oyuncu */
    html.ztv-m .ztv-m-topbar {
        position: sticky;
        top: 0;
        z-index: 10090;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        width: 100%;
        box-sizing: border-box;
        padding: 4px 8px;
        min-height: 28px;
        background: #3b1f10;
        border-bottom: 1px solid #764829;
        color: #fff;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    html.ztv-m .ztv-m-topbar #servertime,
    html.ztv-m .ztv-m-topbar .stime,
    body.v35 .ztv-m-topbar #servertime,
    body.v35 .ztv-m-topbar .stime {
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        float: none !important;
        transform: none !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 6px 0 0 !important;
        background: none !important;
        border: 0 !important;
        text-align: left !important;
        white-space: nowrap !important;
        font-size: 0 !important; /* "Sunucu saati:" yaz?s?n? gizle */
        line-height: 1.2 !important;
        color: #fff !important;
        flex: 0 0 auto;
        order: 1;
    }
    html.ztv-m .ztv-m-topbar .ztvLangSlot,
    html.ztv-m .ztv-m-topbar .ztvLangSlotAuth,
    html.ztv-m .ztv-m-topbar .ztv-auth-lang-slot,
    html.ztv-m .ztv-m-topbar .ztvLangTitleAuth {
        order: 2;
        flex: 0 0 auto;
    }
    html.ztv-m .ztv-m-topbar #goldSilver {
        order: 3;
        margin-left: auto;
    }

    /* Mobilde sadece saat ? etiket + bo?luk gizle */
    html.ztv-m .ztv-m-topbar #servertime .ztv-stime-label,
    html.ztv-m .ztv-m-topbar #servertime .ztv-stime-sep,
    html.ztv-m #servertime .ztv-stime-label,
    html.ztv-m #servertime .ztv-stime-sep,
    body.v35 .ztv-m-topbar #servertime .ztv-stime-label,
    body.v35 .ztv-m-topbar #servertime .ztv-stime-sep,
    body.v35 #servertime .ztv-stime-label,
    body.v35 #servertime .ztv-stime-sep {
        display: none !important;
        font-size: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }

    html.ztv-m .ztv-m-topbar #servertime #tp1,
    html.ztv-m #servertime #tp1,
    body.v35 .ztv-m-topbar #servertime #tp1,
    body.v35 #servertime #tp1 {
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em;
        color: #fff !important;
        display: inline !important;
        visibility: visible !important;
    }

    html.ztv-m .ztv-m-topbar .ztvLangSlot {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        pointer-events: auto !important;
        flex: 0 0 auto;
    }

    html.ztv-m .ztv-m-topbar .ztvLangSlot #ztvLangSelect,
    html.ztv-m .ztv-m-topbar .ztvLangSelect {
        position: static !important;
        max-width: 110px;
        transform: scale(0.92);
        transform-origin: left center;
    }

    html.ztv-m .ztv-m-topbar #goldSilver {
        position: static !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        float: none !important;
        flex: 0 0 auto;
    }

    html.ztv-m .ztv-m-topbar #goldSilver > div.gold,
    html.ztv-m .ztv-m-topbar #goldSilver > div.silver {
        clear: none !important;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 2px !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #f5e6c8 !important;
        line-height: 1 !important;
    }

    html.ztv-m .ztv-m-topbar #goldSilver .ztv-player-chip {
        display: inline-flex !important;
        align-items: center;
        gap: 3px;
        max-width: 88px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 10px;
        font-weight: 700;
        color: #ffe9b0;
        padding: 2px 6px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(201, 168, 108, 0.45);
        cursor: pointer;
        pointer-events: auto !important;
        position: relative;
        z-index: 2;
        -webkit-tap-highlight-color: rgba(255, 233, 176, 0.25);
    }

    html.ztv-m .ztv-m-topbar #goldSilver .ztv-wheel-amount {
        color: #e8a0e0 !important;
    }

    /* Logo ? ?retim ile ayn? g?ky?z? band?, sol ?st; t?klan?nca anasayfa */
    html.ztv-m body.village1 #content.village1,
    html.ztv-m body.village2 #content.village2 {
        position: relative !important;
    }
    html.ztv-m .ztv-m-logo-slot {
        display: flex !important;
        justify-content: flex-start;
        align-items: flex-start;
        position: absolute !important;
        left: 8px !important;
        top: 8px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 80 !important;
        pointer-events: auto;
    }

    html.ztv-m .ztv-m-logo-slot #logo,
    html.ztv-m .ztv-m-logo-slot a#logo,
    html.ztv-m a#logo.ztv-brand-logo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        display: block !important;
        width: 168px !important;
        height: 50px !important;
        background-image: url(img/layout/logoZamanTravian.png?v=20260727t2) !important;
        background-repeat: no-repeat !important;
        background-size: 160px 46px !important;
        background-position: left center !important;
        background-color: transparent !important;
        transform: none !important;
        z-index: 81 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.55));
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
        text-indent: 0 !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Kahverengi / ah?ap ara bo?luk kald?r ? hammadde bar? yukar? */
    body.v35 #headerBar,
    body.v35 div#background div#headerBar,
    html.ztv-m body.v35 #headerBar,
    html.ztv-m body.v35 div#background div#headerBar {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        background: none !important;
        visibility: hidden !important;
    }

    /* Ah?ap headerPattern + bej header:after ? stockBar ?st?ndeki kahverengi ?erit */
    body.v35 #header:before,
    body.v35 #header:after,
    body.v35 div#header:before,
    body.v35 div#header:after,
    html.ztv-m body.v35 #header:before,
    html.ztv-m body.v35 #header:after,
    html.ztv-m body.v35 div#header:before,
    html.ztv-m body.v35 div#header:after {
        content: none !important;
        display: none !important;
        height: 0 !important;
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.v35 #contentOuterContainer .contentTitle,
    body.v35 .contentTitle,
    body.v35 div#center div#contentOuterContainer div.contentTitle,
    html.ztv-m body.v35 #contentOuterContainer .contentTitle,
    html.ztv-m body.v35 .contentTitle,
    html.ztv-m body.v35 div#center div#contentOuterContainer div.contentTitle {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        background: none !important;
        box-shadow: none !important;
    }

    /* Build sayfalar? ? web?deki ba?l?k paneli (isim + seviye + ikonlar) */
    html.ztv-m body.v35.build #contentOuterContainer > .contentTitle,
    html.ztv-m body.build #contentOuterContainer > .contentTitle,
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar,
    html.ztv-m body.build .contentTitle.ztv-build-titlebar {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 40px !important;
        margin: 0 0 10px !important;
        padding: 6px 8px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        background: #fef7e7 !important;
        background-image: linear-gradient(to bottom, #fffef8, #f5ecd8) !important;
        border: 1px solid #b39253 !important;
        border-radius: 6px !important;
        box-shadow: inset 0 0 8px rgba(179, 146, 83, 0.35) !important;
        position: relative !important;
        z-index: 5 !important;
    }
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar h1.titleInHeader,
    html.ztv-m body.build .contentTitle.ztv-build-titlebar h1.titleInHeader,
    html.ztv-m body.v35.build #contentOuterContainer > .contentTitle h1.titleInHeader {
        display: block !important;
        position: static !important;
        float: none !important;
        order: 0 !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 6px 0 2px !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        color: #2a2a2a !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: left !important;
    }
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar h1.titleInHeader .level,
    html.ztv-m body.build .contentTitle.ztv-build-titlebar h1.titleInHeader .level {
        color: #f88c1f !important;
        font-weight: 700 !important;
        font-size: 14px !important;
    }
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar a.contentTitleButton,
    html.ztv-m body.build .contentTitle.ztv-build-titlebar a.contentTitleButton,
    html.ztv-m body.v35.build #contentOuterContainer > .contentTitle a.contentTitleButton {
        display: block !important;
        float: none !important;
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 0 0 4px !important;
        position: relative !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar a#ztvAboutButton,
    html.ztv-m body.build .contentTitle.ztv-build-titlebar a#ztvAboutButton {
        order: 1 !important;
    }
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar a#answersButton,
    html.ztv-m body.build .contentTitle.ztv-build-titlebar a#answersButton {
        order: 2 !important;
    }
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar a#closeContentButton,
    html.ztv-m body.build .contentTitle.ztv-build-titlebar a#closeContentButton {
        order: 3 !important;
    }
    /* h1 ta??nd?ysa content i?indeki bo?luk kalmas?n */
    html.ztv-m body.v35.build #content.build > h1.titleInHeader:empty {
        display: none !important;
    }

    /* Hammadde toolbar ? 2 sat?r: kaynaklar ?stte, depo/tah?l altta (s?k???k de?il) */
    body.v35 ul#stockBar,
    body.v35 #stockBar,
    html.ztv-m body.v35 ul#stockBar,
    html.ztv-m body.v35 #stockBar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 6px !important;
        padding: 6px 5px 5px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 5px 4px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        font-size: 11px !important;
        background-image: linear-gradient(to top, #f1ddb6, #fdefcc, #f3e0ba) !important;
        border-radius: 0 0 8px 8px !important;
        position: relative !important;
        z-index: 40 !important;
    }

    body.v35 ul#stockBar:before,
    body.v35 ul#stockBar:after,
    html.ztv-m body.v35 ul#stockBar:before,
    html.ztv-m body.v35 ul#stockBar:after {
        content: none !important;
        display: none !important;
    }

    body.v35 ul#stockBar > li,
    html.ztv-m body.v35 ul#stockBar > li {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 38px !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        position: relative !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
    }

    /* ?st sat?r: 4 kaynak */
    body.v35 ul#stockBar > li.stockBarButton,
    html.ztv-m body.v35 ul#stockBar > li.stockBarButton {
        flex: 1 1 calc(25% - 4px) !important;
        order: 1 !important;
    }

    /* Alt sat?r: depo + tah?l ambar? */
    body.v35 ul#stockBar > li.stock,
    html.ztv-m body.v35 ul#stockBar > li.stock {
        flex: 1 1 calc(50% - 4px) !important;
        order: 2 !important;
        height: 34px !important;
        background: rgba(254, 247, 231, 0.95) !important;
        border: 1px solid #c0a268 !important;
        border-radius: 6px !important;
    }

    body.v35 ul#stockBar .stockBarButton,
    html.ztv-m body.v35 ul#stockBar .stockBarButton {
        width: 100% !important;
        height: 38px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.v35 ul#stockBar li .value,
    body.v35 ul#stockBar .stockBarButton .value,
    html.ztv-m body.v35 ul#stockBar li .value,
    html.ztv-m body.v35 ul#stockBar .stockBarButton .value {
        left: 22px !important;
        right: 4px !important;
        top: 4px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: calc(100% - 26px) !important;
        font-weight: 700 !important;
    }

    body.v35 ul#stockBar li.stock .value,
    html.ztv-m body.v35 ul#stockBar li.stock .value {
        top: 8px !important;
        left: 26px !important;
        font-size: 12px !important;
    }

    body.v35 ul#stockBar li img.res,
    body.v35 ul#stockBar li img.productionBoost,
    html.ztv-m body.v35 ul#stockBar li img.res,
    html.ztv-m body.v35 ul#stockBar li img.productionBoost {
        left: 3px !important;
        top: 6px !important;
        transform: none !important;
    }

    body.v35 ul#stockBar li.stock img.warehouse,
    body.v35 ul#stockBar li.stock img.granary,
    html.ztv-m body.v35 ul#stockBar li.stock img.warehouse,
    html.ztv-m body.v35 ul#stockBar li.stock img.granary {
        left: 4px !important;
        transform: none !important;
    }

    body.v35 ul#stockBar .barBox,
    html.ztv-m body.v35 ul#stockBar .barBox {
        width: auto !important;
        left: 22px !important;
        right: 5px !important;
        bottom: 5px !important;
        height: 3px !important;
    }

    html.ztv-m body.v35 #contentOuterContainer {
        padding-top: 0 !important;
    }

    /* K?y d??? manzara ? sadece #content kutusunda (?stteki kuralla) */
    html.ztv-m body.village1 #content.village1,
    html.ztv-m body.village2 #content.village2 {
        position: relative !important;
    }

    /* ??erik kutusu / outer ? d?z ye?il-bej panel yaratmas?n */
    html.ztv-m body.village1 #contentOuterContainer,
    html.ztv-m body.village2 #contentOuterContainer,
    html.ztv-m body.village1 div#center div#contentOuterContainer,
    html.ztv-m body.village2 div#center div#contentOuterContainer {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        min-height: 0 !important;
    }

    /* Üretim — haritanın üstünde, tarlaları örtmesin */
    html.ztv-m .ztv-m-prod-float {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        z-index: 4 !important;
        width: 100% !important;
        max-width: 100% !important;
        pointer-events: auto !important;
        margin: 4px 4px 2px !important;
        box-sizing: border-box !important;
    }

    html.ztv-m .ztv-m-prod-float .boxes.production {
        pointer-events: auto !important;
        width: auto !important;
        max-width: min(94vw, 300px) !important;
        margin: 0 !important;
        float: none !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
        background: rgba(254, 247, 231, 0.97) !important;
        border-radius: 6px !important;
        overflow: visible !important;
    }

    html.ztv-m .ztv-m-prod-float .ztv-m-panel-collapsed {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html.ztv-m .ztv-m-prod-float .ztv-m-panel-head {
        border-radius: 6px !important;
        font-size: 11px !important;
        padding: 5px 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    html.ztv-m .ztv-m-prod-float .ztv-m-panel-collapsed .ztv-m-panel-head {
        border-radius: 6px !important;
    }

    /* Varsayılan gizli — collapsed olmasa bile JS öncesi açık görünmesin */
    html.ztv-m .ztv-m-prod-float .boxes.production .ztv-m-panel-body,
    html.ztv-m .ztv-m-prod-float .boxes.production .boxes-contents,
    html.ztv-m .ztv-m-prod-float .boxes.production table {
        display: none !important;
    }

    html.ztv-m .ztv-m-prod-float .boxes.production:not(.ztv-m-panel-collapsed) {
        width: max-content !important;
        min-width: 148px !important;
        max-width: min(94vw, 300px) !important;
    }

    html.ztv-m .ztv-m-prod-float .boxes.production:not(.ztv-m-panel-collapsed) .ztv-m-panel-body,
    html.ztv-m .ztv-m-prod-float .boxes.production:not(.ztv-m-panel-collapsed) .boxes-contents {
        display: block !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 4px 8px 6px !important;
        width: max-content !important;
        max-width: min(94vw, 300px) !important;
        box-sizing: border-box !important;
    }

    html.ztv-m .ztv-m-prod-float .boxes.production:not(.ztv-m-panel-collapsed) table {
        display: table !important;
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        table-layout: auto !important;
        font-size: 11px !important;
    }

    html.ztv-m .ztv-m-prod-float .boxes.production:not(.ztv-m-panel-collapsed) table td,
    html.ztv-m .ztv-m-prod-float .boxes.production:not(.ztv-m-panel-collapsed) table th {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        max-width: none !important;
        padding: 2px 3px !important;
    }

    html.ztv-m .ztv-m-prod-float .boxes.production:not(.ztv-m-panel-collapsed) table td.num {
        font-variant-numeric: tabular-nums !important;
        padding-right: 4px !important;
    }

    html.ztv-m .ztv-m-prod-float .ztv-m-panel-collapsed .ztv-m-panel-chevron {
        transform: rotate(-90deg);
        display: inline-block;
    }

    html.ztv-m body.v35 #contentOuterContainer .contentContainer {
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top: 0 !important;
        min-height: 0 !important;
        background-color: transparent !important;
    }

    html.ztv-m body.v35 #contentOuterContainer .contentFooter {
        display: none !important;
    }

    /* bodyWrapper ?st bo?luk ? sticky topbar i?in */
    html.ztv-m body.v35 div#bodyWrapper {
        padding-top: 0 !important;
    }

    /* Orta i?erik tam geni?lik */
    html.ztv-m body.hero:not(.village1):not(.village2) div#background,
    html.ztv-m body.hero_adventure div#background,
    html.ztv-m body.hero_inventory div#background,
    html.ztv-m body.hero_auction div#background,
    html.ztv-m body.plusPage div#background,
    html.ztv-m body.plus:not(.village1):not(.village2) div#background,
    html.ztv-m body.options div#background,
    html.ztv-m body.options.perspectiveBuildings div#background,
    html.ztv-m body.options.perspectiveResources div#background,
    html.ztv-m body.v35.options div#background {
        background-image: none !important;
        background-color: #fef7e7 !important;
        min-height: 0 !important;
    }

    html.ztv-m body.hero:not(.village1):not(.village2) #center,
    html.ztv-m body.hero:not(.village1):not(.village2) .sidebar,
    html.ztv-m body.hero_adventure #center,
    html.ztv-m body.hero_inventory #center,
    html.ztv-m body.hero_auction #center,
    html.ztv-m body.plusPage #center,
    html.ztv-m body.plusPage .sidebar,
    html.ztv-m body.plus:not(.village1):not(.village2) #center,
    html.ztv-m body.options #center {
        min-height: 0 !important;
    }

    html.ztv-m body.hero:not(.village1):not(.village2) #contentOuterContainer .contentContainer,
    html.ztv-m body.hero:not(.village1):not(.village2) #content.hero_editor,
    html.ztv-m body.hero_adventure #contentOuterContainer .contentContainer,
    html.ztv-m body.hero_inventory #contentOuterContainer .contentContainer,
    html.ztv-m body.hero_auction #contentOuterContainer .contentContainer,
    html.ztv-m body.plusPage #contentOuterContainer .contentContainer,
    html.ztv-m body.plusPage #content,
    html.ztv-m body.options #contentOuterContainer .contentContainer,
    html.ztv-m body.options #content {
        min-height: 0 !important;
        height: auto !important;
    }

    html.ztv-m body.hero:not(.village1):not(.village2) #contentOuterContainer .contentFooter,
    html.ztv-m body.hero_adventure #contentOuterContainer .contentFooter,
    html.ztv-m body.hero_inventory #contentOuterContainer .contentFooter,
    html.ztv-m body.hero_auction #contentOuterContainer .contentFooter,
    html.ztv-m body.plusPage #contentOuterContainer .contentFooter,
    html.ztv-m body.options #contentOuterContainer .contentFooter {
        display: none !important;
    }

    html.ztv-m body.plusPage #contentOuterContainer,
    html.ztv-m body.hero:not(.village1):not(.village2) #contentOuterContainer,
    html.ztv-m body.hero_adventure #contentOuterContainer,
    html.ztv-m body.hero_inventory #contentOuterContainer,
    html.ztv-m body.hero_auction #contentOuterContainer,
    html.ztv-m body.options #contentOuterContainer {
        margin-bottom: 80px !important;
    }

    /* Ayarlar ? ye?il manzara paneli yerine krem (hero/plus gibi) */
    html.ztv-m body.options,
    html.ztv-m body.v35.options {
        background-image: none !important;
        background-color: #fef7e7 !important;
    }
    html.ztv-m body.options #contentOuterContainer,
    html.ztv-m body.options #contentOuterContainer .contentContainer,
    html.ztv-m body.options #content.options,
    html.ztv-m body.options #content {
        background-image: none !important;
        background-color: #fef7e7 !important;
        color: #222 !important;
    }
    html.ztv-m body.options #content h4,
    html.ztv-m body.options #content h5,
    html.ztv-m body.options #content p,
    html.ztv-m body.options #content .boxes-contents,
    html.ztv-m body.options #content table,
    html.ztv-m body.options #content td,
    html.ztv-m body.options #content th {
        color: #222 !important;
    }
    html.ztv-m body.options #content .contentNavi,
    html.ztv-m body.options #content .contentNavi.subNavi,
    html.ztv-m body.v35.options #content .contentNavi,
    html.ztv-m body.v35.options #content .contentNavi.subNavi {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        gap: 4px !important;
        position: relative !important;
        float: none !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 38px !important;
        margin: 4px 0 12px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }
    html.ztv-m body.options #content .contentNavi .container,
    html.ztv-m body.options #content .contentNavi.subNavi .container {
        float: none !important;
        flex: 1 1 auto !important;
        min-width: 88px !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 36px !important;
        margin: 0 !important;
        margin-top: 0 !important;
        position: relative !important;
        border: 0 !important;
        background: none !important;
        background-image: none !important;
        box-shadow: none !important;
    }
    html.ztv-m body.options #content .contentNavi .background-start,
    html.ztv-m body.options #content .contentNavi .background-end {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }
    html.ztv-m body.options #content .contentNavi .container .content,
    html.ztv-m body.options #content .contentNavi.subNavi .container .content {
        display: block !important;
        float: none !important;
        position: relative !important;
        z-index: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 36px !important;
        box-sizing: border-box !important;
        border: 1px solid #555 !important;
        border-radius: 5px !important;
        background-image: linear-gradient(to bottom, #f0f0f0, #d8d8d8) !important;
        background-color: #e8e8e8 !important;
    }
    html.ztv-m body.options #content .contentNavi .container.active .content,
    html.ztv-m body.options #content .contentNavi.subNavi .container.active .content {
        border: 1px solid #4a6a12 !important;
        background-image: linear-gradient(to bottom, #9fce3a, #6fa01a) !important;
        background-color: #7cb029 !important;
    }
    html.ztv-m body.options #content .contentNavi .container .content a,
    html.ztv-m body.options #content .contentNavi.subNavi .container .content a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 36px !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        color: #222 !important;
    }
    html.ztv-m body.options #content .contentNavi .container.active .content a,
    html.ztv-m body.options #content .contentNavi.subNavi .container.active .content a {
        color: #fff !important;
    }
    html.ztv-m body.options #content .contentNavi .tabItem,
    html.ztv-m body.options #content .contentNavi.subNavi .tabItem,
    html.ztv-m body.options #content .contentNavi .normal .tabItem,
    html.ztv-m body.options #content .contentNavi .active .tabItem {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 36px !important;
        padding: 8px 10px !important;
        margin: 0 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        box-sizing: border-box !important;
        color: inherit !important;
    }
    html.ztv-m body.options #content .contentNavi .clear {
        display: none !important;
    }
    html.ztv-m body.options #content table {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.options #content input.text,
    html.ztv-m body.options #content select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Orta i?erik tam geni?lik ? compact1 (#center #contentOuterContainer #content = 554px) k?r
       (k?y haritalar? hari? ? village1/2 ayr?) */
    html.ztv-m body.v35:not(.village1):not(.village2):not(.login):not(.logout):not(.signup) div#center div#contentOuterContainer,
    html.ztv-m body.v35:not(.village1):not(.village2):not(.login):not(.logout):not(.signup) div#center div#contentOuterContainer.size1,
    html.ztv-m body.v35:not(.village1):not(.village2):not(.login):not(.logout):not(.signup) div#center div#contentOuterContainer.size2,
    html.ztv-m body.v35.build div#center div#contentOuterContainer,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: max(6px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(6px, env(safe-area-inset-right, 0px)) !important;
        box-sizing: border-box !important;
        align-self: stretch !important;
    }

    html.ztv-m body.v35:not(.village1):not(.village2):not(.login):not(.logout):not(.signup) div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35:not(.village1):not(.village2):not(.login):not(.logout):not(.signup) div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35:not(.village1):not(.village2):not(.login):not(.logout):not(.signup) div#center div#contentOuterContainer.size1 div#content,
    html.ztv-m body.v35:not(.village1):not(.village2):not(.login):not(.logout):not(.signup) div#center div#contentOuterContainer.size2 div#content,
    html.ztv-m body.v35.build div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.build div#center div#contentOuterContainer div#content.build,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer div#content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px 6px calc(110px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
        min-height: 0 !important;
        height: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    /* K?y sayfalar?nda da outer container tam geni?lik (padding yok ? harita full-bleed) */
    html.ztv-m body.village1 div#center div#contentOuterContainer,
    html.ztv-m body.village2 div#center div#contentOuterContainer {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        align-self: stretch !important;
    }

    html.ztv-m body.v35 ul#stockBar,
    html.ztv-m body.v35 #stockBar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.ztv-m body.v35 #res,
    html.ztv-m body.v35 .resources {
        max-width: 100% !important;
        overflow-x: auto !important;
    }

    /* ?? Sol / sa? ?ekmeceler ?? */
    html.ztv-m body.v35 #sidebarBeforeContent,
    html.ztv-m body.v35 #sidebarAfterContent {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(88vw, 340px) !important;
        min-width: 0 !important;
        max-width: 340px !important;
        min-height: 0 !important;
        height: 100% !important;
        height: 100dvh !important;
        margin: 0 !important;
        float: none !important;
        z-index: 10050 !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        background: rgba(36, 28, 18, 0.97) !important;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.55);
        transition: transform 0.28s ease;
        padding: 96px 8px 96px !important;
        box-sizing: border-box !important;
        display: block !important; /* flex scroll?u bozmas?n */
        pointer-events: none !important;
        visibility: hidden;
        touch-action: pan-y !important;
    }

    html.ztv-m body.v35 #sidebarBeforeContent {
        left: 0 !important;
        right: auto !important;
        transform: translateX(-105%);
    }

    html.ztv-m body.v35 #sidebarAfterContent {
        right: 0 !important;
        left: auto !important;
        transform: translateX(105%);
        /* stockBar/gold seridi plus butonlari kesmesin */
        padding-top: 112px !important;
        padding-bottom: 96px !important;
    }

    html.ztv-m body.v35.ztv-drawer-right ul#stockBar,
    html.ztv-m body.v35.ztv-drawer-right #stockBar {
        max-width: calc(100% - min(88vw, 340px)) !important;
        width: calc(100% - min(88vw, 340px)) !important;
        box-sizing: border-box !important;
    }

    html.ztv-m body.v35.ztv-drawer-left #sidebarBeforeContent {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        pointer-events: auto !important;
        touch-action: pan-y !important;
        overscroll-behavior: contain;
        z-index: 2147483500 !important;
        visibility: visible !important;
        opacity: 1 !important;
        isolation: isolate;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        background: rgba(36, 28, 18, 0.98) !important;
    }

    html.ztv-m body.v35.ztv-drawer-right #sidebarAfterContent {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        pointer-events: auto !important;
        touch-action: pan-y !important;
        overscroll-behavior: contain;
        z-index: 2147483500 !important;
        visibility: visible !important;
        opacity: 1 !important;
        isolation: isolate;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        background: rgba(36, 28, 18, 0.98) !important;
    }

    /* Kapal? panel: di?er taraf g?r?nmesin / t?klanmas?n */
    html.ztv-m body.v35.ztv-drawer-left #sidebarAfterContent,
    html.ztv-m body.v35.ztv-drawer-right #sidebarBeforeContent {
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    /* A??k ?ekmece: sayfa kaymas?n? CSS overflow ile kilitleme ? panel scroll?u bozar */
    html.ztv-m body.v35.ztv-drawer-left,
    html.ztv-m body.v35.ztv-drawer-right {
        overscroll-behavior: none !important;
    }

    html.ztv-m body.v35.ztv-drawer-left #village_map,
    html.ztv-m body.v35.ztv-drawer-right #village_map,
    html.ztv-m body.v35.ztv-drawer-left .villageMapWrapper,
    html.ztv-m body.v35.ztv-drawer-right .villageMapWrapper,
    html.ztv-m body.v35.ztv-drawer-left #contentOuterContainer,
    html.ztv-m body.v35.ztv-drawer-right #contentOuterContainer,
    html.ztv-m body.v35.ztv-drawer-left #map_details,
    html.ztv-m body.v35.ztv-drawer-right #map_details,
    html.ztv-m body.v35.ztv-drawer-left img.clickareas,
    html.ztv-m body.v35.ztv-drawer-right img.clickareas,
    html.ztv-m body.v35.ztv-drawer-left area,
    html.ztv-m body.v35.ztv-drawer-right area {
        pointer-events: none !important;
    }

    /* ?statistik (+ di?er men? sayfalar?): ?ekmece dorf1 gibi ?nde kayd?r?labilir pencere */
    html.ztv-m body.v35.statistics.ztv-drawer-left #center,
    html.ztv-m body.v35.statistics.ztv-drawer-right #center,
    html.ztv-m body.v35.statistics.ztv-drawer-left #contentOuterContainer,
    html.ztv-m body.v35.statistics.ztv-drawer-right #contentOuterContainer,
    html.ztv-m body.v35.statistics.ztv-drawer-left #content,
    html.ztv-m body.v35.statistics.ztv-drawer-right #content,
    html.ztv-m body.v35.statistics.ztv-drawer-left .contentContainer,
    html.ztv-m body.v35.statistics.ztv-drawer-right .contentContainer,
    html.ztv-m body.v35.statistics.ztv-drawer-left #header,
    html.ztv-m body.v35.statistics.ztv-drawer-right #header,
    html.ztv-m body.v35.statistics.ztv-drawer-left #stockBar,
    html.ztv-m body.v35.statistics.ztv-drawer-right #stockBar,
    html.ztv-m body.v35.statistics.ztv-drawer-left #res,
    html.ztv-m body.v35.statistics.ztv-drawer-right #res,
    html.ztv-m body.v35.statistics.ztv-drawer-left .contentNavi,
    html.ztv-m body.v35.statistics.ztv-drawer-right .contentNavi,
    html.ztv-m body.v35.reports.ztv-drawer-left #center,
    html.ztv-m body.v35.reports.ztv-drawer-right #center,
    html.ztv-m body.v35.reports.ztv-drawer-left #contentOuterContainer,
    html.ztv-m body.v35.reports.ztv-drawer-right #contentOuterContainer,
    html.ztv-m body.v35.messages.ztv-drawer-left #center,
    html.ztv-m body.v35.messages.ztv-drawer-right #center,
    html.ztv-m body.v35.messages.ztv-drawer-left #contentOuterContainer,
    html.ztv-m body.v35.messages.ztv-drawer-right #contentOuterContainer,
    html.ztv-m body.v35.plusPage.ztv-drawer-left #contentOuterContainer,
    html.ztv-m body.v35.plusPage.ztv-drawer-right #contentOuterContainer,
    html.ztv-m body.v35.build.ztv-drawer-left #contentOuterContainer,
    html.ztv-m body.v35.build.ztv-drawer-right #contentOuterContainer {
        pointer-events: none !important;
    }

    html.ztv-m body.v35.statistics.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.statistics.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.v35.reports.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.reports.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.v35.messages.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.messages.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.v35.plusPage.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.plusPage.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.v35.build.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.build.ztv-drawer-right #sidebarAfterContent {
        z-index: 2147483500 !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior: contain !important;
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        isolation: isolate;
        background: rgba(36, 28, 18, 0.98) !important;
    }

    html.ztv-m body.v35.statistics.ztv-drawer-left .ztv-m-scrim,
    html.ztv-m body.v35.statistics.ztv-drawer-right .ztv-m-scrim,
    html.ztv-m body.v35.reports.ztv-drawer-left .ztv-m-scrim,
    html.ztv-m body.v35.reports.ztv-drawer-right .ztv-m-scrim,
    html.ztv-m body.v35.messages.ztv-drawer-left .ztv-m-scrim,
    html.ztv-m body.v35.messages.ztv-drawer-right .ztv-m-scrim {
        background: rgba(0, 0, 0, 0.2) !important;
        z-index: 2147482800 !important;
        pointer-events: auto !important;
    }

    html.ztv-m body.v35.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.ztv-drawer-right #sidebarAfterContent {
        touch-action: pan-y !important;
        overscroll-behavior-y: contain !important;
        overscroll-behavior-x: none !important;
        -webkit-overflow-scrolling: touch;
    }

    html.ztv-m body.v35.ztv-drawer-left .ztv-m-scrim,
    html.ztv-m body.v35.ztv-drawer-right .ztv-m-scrim {
        touch-action: none;
        pointer-events: auto !important;
        z-index: 2147482800 !important;
    }

    html.ztv-m body.v35 #sidebarBeforeContent .sidebarBox,
    html.ztv-m body.v35 #sidebarAfterContent .sidebarBox {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 0 14px !important;
        box-sizing: border-box !important;
    }

    /* Hero kutusu ? mobilde ?st bo?luk drawer padding?te */
    html.ztv-m body.v35 #sidebarBoxHero {
        margin-top: 12px !important;
    }

    html.ztv-m body.v35 #sidebarBoxHero .heroImageButton {
        top: -78px !important;
    }

    /* ?ekmece: altta daha fazla i?erik varsa kayd?r ipucu */
    .ztv-m-scrollhint {
        display: none;
        position: fixed;
        bottom: 72px;
        z-index: 10070;
        width: min(88vw, 340px);
        height: 64px;
        margin: 0;
        padding: 0 0 8px;
        box-sizing: border-box;
        pointer-events: none;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        gap: 2px;
        background: linear-gradient(
            to top,
            rgba(28, 20, 12, 0.96) 0%,
            rgba(28, 20, 12, 0.75) 45%,
            rgba(28, 20, 12, 0) 100%
        );
        color: #f3e2b8;
        font: 600 11px/1.2 Verdana, sans-serif;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
        opacity: 0;
        transition: opacity 0.22s ease;
    }

    .ztv-m-scrollhint--left {
        left: 0;
    }

    .ztv-m-scrollhint--right {
        right: 0;
    }

    html.ztv-m body.v35.ztv-drawer-left .ztv-m-scrollhint--left.is-visible,
    html.ztv-m body.v35.ztv-drawer-right .ztv-m-scrollhint--right.is-visible {
        display: flex;
        opacity: 1;
        pointer-events: none;
        cursor: pointer;
    }
    html.ztv-m body.v35.ztv-drawer-left .ztv-m-scrollhint--left.is-visible .ztv-m-scrollhint-ico,
    html.ztv-m body.v35.ztv-drawer-right .ztv-m-scrollhint--right.is-visible .ztv-m-scrollhint-ico,
    html.ztv-m body.v35.ztv-drawer-left .ztv-m-scrollhint--left.is-visible .ztv-m-scrollhint-txt,
    html.ztv-m body.v35.ztv-drawer-right .ztv-m-scrollhint--right.is-visible .ztv-m-scrollhint-txt {
        pointer-events: auto;
    }

    html.ztv-m body.v35.ztv-drawer-right #ztvMEdgeRight,
    html.ztv-m body.v35.ztv-drawer-left #ztvMEdgeLeft {
        display: none !important;
    }

    html.ztv-m #sidebarBoxVillagelist,
    html.ztv-m #sidebarBoxVillagelist .innerBox.content,
    html.ztv-m #sidebarBoxVillagelist .content ul,
    html.ztv-m #sidebarBoxVillagelist .content ul li,
    html.ztv-m #sidebarBoxVillagelist .content ul li a {
        pointer-events: auto !important;
        position: relative !important;
        z-index: 8 !important;
    }
    html.ztv-m #sidebarBoxVillagelist .content ul li a {
        display: block !important;
        min-height: 36px !important;
        height: auto !important;
    }

    .ztv-m-scrollhint-ico {
        display: block;
        font-size: 14px;
        line-height: 1;
        animation: ztv-m-scrollbounce 1.15s ease-in-out infinite;
    }

    .ztv-m-scrollhint-txt {
        display: block;
        letter-spacing: 0.02em;
        white-space: nowrap;
    }

    @keyframes ztv-m-scrollbounce {
        0%, 100% { transform: translateY(0); opacity: 0.85; }
        50% { transform: translateY(5px); opacity: 1; }
    }

    /* Plus / link listesi ta?mas?n */
    html.ztv-m body.v35 #sidebarBoxLinklist,
    html.ztv-m body.v35 #sidebarBoxLinklist .sidebarBoxInnerBox,
    html.ztv-m body.v35 #sidebarBoxLinklist .innerBox.content,
    html.ztv-m body.v35 #sidebarBoxLinklist .linklistNotice {
        max-width: 100% !important;
        overflow: hidden !important;
        word-wrap: break-word !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    html.ztv-m body.v35 #sidebarBoxLinklist .innerBox.header,
    html.ztv-m body.v35 #sidebarBoxLinklist .innerBox.content,
    html.ztv-m body.v35 #sidebarBoxLinklist .innerBox.footer {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    html.ztv-m body.v35 #sidebarBeforeContent .sidebarBox button.layoutButton,
    html.ztv-m body.v35 #sidebarAfterContent .sidebarBox button.layoutButton {
        margin-top: 6px !important;
        top: 0 !important;
        left: 0 !important;
        max-width: 40px;
    }

    /* Sa? panel ilk kutu: plus butonlar tam g�r�ns�n (negatif top ile ta?ma yok) */
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage {
        margin-top: 12px !important;
        padding-top: 6px !important;
        overflow: visible !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .sidebarBoxInnerBox,
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header {
        overflow: visible !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent .sidebarBox button.layoutButton {
        margin-top: 4px !important;
        top: 0 !important;
        position: relative !important;
        float: right !important;
        z-index: 5 !important;
    }

    html.ztv-m body.v35 #sidebarBoxLinklist .boxTitle,
    html.ztv-m body.v35 #sidebarBeforeContent .boxTitle {
        max-width: calc(100% - 48px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html.ztv-m body.v35 #linkList,
    html.ztv-m body.v35 #linkList .entry a {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        display: block !important;
    }

    /* Karartma ? panel alan?n? CLIP ile del (gri cam paneli ?rtmesin) */
    .ztv-m-scrim {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 2147482800;
        background: rgba(0, 0, 0, 0.2);
        border: 0;
        padding: 0;
        margin: 0;
        cursor: pointer;
        pointer-events: auto !important;
        -webkit-tap-highlight-color: transparent;
    }

    html.ztv-m body.v35.ztv-drawer-left .ztv-m-scrim,
    html.ztv-m body.v35.ztv-drawer-right .ztv-m-scrim {
        display: block;
    }

    html.ztv-m body.v35.ztv-drawer-left .ztv-m-scrim {
        clip-path: inset(0 0 0 min(88vw, 340px));
        -webkit-clip-path: inset(0 0 0 min(88vw, 340px));
    }

    html.ztv-m body.v35.ztv-drawer-right .ztv-m-scrim {
        clip-path: inset(0 min(88vw, 340px) 0 0);
        -webkit-clip-path: inset(0 min(88vw, 340px) 0 0);
    }

    /* Kenar tutacak ? koyu ve net */
    .ztv-m-edge {
        display: none;
        position: fixed;
        top: 36%;
        z-index: 2147483646 !important;
        width: 44px;
        height: 110px;
        border: 1px solid rgba(255, 220, 140, 0.92);
        padding: 0;
        margin: 0;
        cursor: pointer;
        background: rgba(22, 14, 6, 0.94) !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
        color: #ffe9b0 !important;
        font-size: 26px !important;
        line-height: 110px !important;
        text-align: center;
        opacity: 1;
        pointer-events: auto !important;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(255, 220, 150, 0.25);
        -webkit-appearance: none;
        appearance: none;
        user-select: none;
        -webkit-user-select: none;
    }

    /* G?r?nmez geni? hit-zone ? haritan?n alt?nda kalmas?n */
    .ztv-m-edge::before {
        content: "";
        position: absolute;
        top: -30px;
        bottom: -30px;
        width: 56px;
        z-index: 0;
    }

    body.v35 .ztv-m-edge,
    html.ztv-m body.v35 .ztv-m-edge {
        display: block !important;
    }

    .ztv-m-edge--left {
        left: 0;
        border-radius: 0 12px 12px 0;
        border-left: 0;
    }

    .ztv-m-edge--left::before {
        left: 0;
    }

    .ztv-m-edge--right {
        right: 0;
        border-radius: 12px 0 0 12px;
        border-right: 0;
    }

    .ztv-m-edge--right::before {
        right: 0;
    }

    /* Panel a??kken kar?? kenar gizlensin; ayn? kenar kapat oku */
    body.v35.ztv-drawer-left .ztv-m-edge--left,
    html.ztv-m body.v35.ztv-drawer-left .ztv-m-edge--left {
        left: min(88vw, 340px);
        opacity: 1;
        pointer-events: auto !important;
        background: rgba(22, 14, 6, 0.96) !important;
        z-index: 2147483646 !important;
    }

    body.v35.ztv-drawer-right .ztv-m-edge--right,
    html.ztv-m body.v35.ztv-drawer-right .ztv-m-edge--right {
        right: min(88vw, 340px);
        opacity: 1;
        pointer-events: auto !important;
        background: rgba(22, 14, 6, 0.96) !important;
        z-index: 2147483646 !important;
    }

    html.ztv-m body.v35.ztv-drawer-left .ztv-m-edge--right,
    html.ztv-m body.v35.ztv-drawer-right .ztv-m-edge--left {
        display: none !important;
        pointer-events: none !important;
    }

    /* Alt navigasyon */
    .ztv-m-nav {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10060;
        height: 70px;
        padding: 8px 2px calc(6px + env(safe-area-inset-bottom, 0px));
        box-sizing: border-box;
        background: linear-gradient(180deg, #3a2e1c 0%, #1e160e 100%);
        border-top: 1px solid #a8843a;
        box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.4);
        justify-content: space-around;
        align-items: flex-start;
        gap: 0;
        overflow: visible;
    }

    html.ztv-m body.v35 .ztv-m-nav {
        display: flex;
    }

    .ztv-m-nav a {
        position: relative;
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        min-width: 0;
        text-decoration: none;
        color: #f0e2c0;
        font-size: 9px;
        line-height: 1.15;
        padding: 4px 1px 2px;
        border-radius: 10px;
        -webkit-tap-highlight-color: transparent;
        overflow: visible;
    }

    .ztv-m-nav a.ztv-m-nav-active {
        background: rgba(201, 168, 108, 0.22);
        color: #ffe9b0;
    }

    /* Sprite 70?70 ? daireye s??d?r (k?rpma yok) */
    .ztv-m-nav .ztv-m-nav-ico {
        width: 38px;
        height: 38px;
        margin: 2px 0 2px;
        border-radius: 0;
        box-sizing: border-box;
        border: none;
        background: transparent;
        box-shadow: none;
        position: relative;
        overflow: visible;
        flex: 0 0 38px;
    }

    .ztv-m-nav .ztv-m-nav-ico::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 70px;
        height: 70px;
        margin: -35px 0 0 -35px;
        background-image: url(img/layout/mainNavigation-ltr.png);
        background-repeat: no-repeat;
        transform: scale(0.54);
        transform-origin: center center;
        pointer-events: none;
    }

    .ztv-m-nav .ztv-m-nav-ico--res::before { background-position: left -1776px; }
    .ztv-m-nav .ztv-m-nav-ico--vil::before { background-position: left -1452px; }
    .ztv-m-nav .ztv-m-nav-ico--map::before { background-position: left -420px; }
    .ztv-m-nav .ztv-m-nav-ico--stats::before { background-position: left -1128px; }
    .ztv-m-nav .ztv-m-nav-ico--rep::before { background-position: left -892px; }
    .ztv-m-nav .ztv-m-nav-ico--msg::before { background-position: left -656px; }
    .ztv-m-nav .ztv-m-nav-ico--plus {
        background: transparent;
    }
    .ztv-m-nav .ztv-m-nav-ico--plus::before {
        background-image: url(img/layout/goldButton.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: auto;
        width: 74px;
        height: 72px;
        margin: -36px 0 0 -37px;
        transform: scale(0.52);
    }

    .ztv-m-nav .ztv-m-badge {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: 6px;
        z-index: 3;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        border-radius: 8px;
        background: #c62828;
        color: #fff;
        font-size: 9px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
        box-sizing: border-box;
        pointer-events: none;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    }

    .ztv-m-nav span.ztv-m-nav-lbl {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Server time ? topbar?a ta??n?r; eski kural? iptal */
    body.v35 #servertime {
        /* masa?st? konumlar? compact?ta kal?r */
    }

    /* ?? Dorf1: ?retim / Asker / Hareket ? harita alt? 3 s?tun, a??l?r-kapan?r ?? */
    body.village1 #content.village1 {
        overflow-x: hidden !important;
        padding-bottom: 8px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.village1 #contentOuterContainer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    body.village1 .ztv-m-map-fit {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        margin: 0 auto !important;
        position: relative !important;
        background: transparent !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    body.village1 div#village_map {
        max-width: none !important;
        overflow: visible !important;
        transform-origin: top center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        image-rendering: auto;
    }
    html.ztv-m body.village1 img#resfeld,
    body.village1 img#resfeld {
        width: 500px !important;
        height: 370px !important;
        left: 0 !important;
        top: 0 !important;
        max-width: none !important;
        z-index: 24 !important;
    }
    html.ztv-m body.village1 #village_map.f7 {
        background-image: url(img/g/f7-ltr.png) !important;
    }
    html.ztv-m body.village1 #village_map.f8 {
        background-image: url(img/g/f8-ltr.png) !important;
    }
    html.ztv-m body.village1 #village_map.f9 {
        background-image: url(img/g/f9-ltr.png) !important;
    }

    /* Harita zemini + CSS BG ?ift bas?lmas?n (f13 img varken) */
    html.ztv-m body.village1 #village_map.f13,
    html.ztv-m body.village1 #village_map.ztv-map-18crop {
        background-image: none !important;
    }
    html.ztv-m body.village1 #village_map img.ztv-dorf1-map-bg {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 500px !important;
        height: 318px !important;
        max-width: none !important;
        z-index: 0 !important;
        pointer-events: none !important;
        image-rendering: auto;
    }

    body.village1 div#map_details,
    body.village2 div#map_details {
        float: none !important;
        clear: both !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin: 8px 4px 8px !important;
        margin-top: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        background: transparent !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }

    html.ztv-m .ztv-m-incoming-banner,
    body.village1 .ztv-m-incoming-banner {
        position: sticky;
        top: 0;
        z-index: 80;
        margin: 6px 8px 8px;
        padding: 10px 12px;
        border-radius: 8px;
        background: #8b1a12;
        color: #fff;
        font-weight: 700;
        font-size: 15px;
        line-height: 1.3;
        text-align: center;
        box-shadow: 0 2px 8px rgba(0,0,0,.25);
    }
    body.village1 div#map_details > .movements,
    body.village2 div#map_details > .movements,
    body.village1 div#map_details.ztv-m-details-has-mov > .movements,
    body.village2 div#map_details.ztv-m-details-has-mov > .movements {
        float: none !important;
        order: 1 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 1 !important;
        display: block !important;
        visibility: visible !important;
        background: rgba(254, 247, 231, 0.96);
        border-radius: 8px;
        padding: 4px 6px;
    }

    /* Sat?r yok diye kutuyu gizleme ? ?zet sat?r 00:00 olunca tbody anl?k bo?al?p
       ?sald?r? yok? gibi g?z k?rpmas?n. Ger?ek bo?lu?u pulse DOM?dan siler. */

    body.village1 div#map_details > .boxes.units,
    body.village2 div#map_details > .boxes.units,
    body.village1 div#map_details.ztv-m-details-has-mov > .boxes.units,
    body.village2 div#map_details.ztv-m-details-has-mov > .boxes.units {
        float: none !important;
        order: 2 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 1 !important;
        display: block !important;
        visibility: visible !important;
        background: rgba(254, 247, 231, 0.96);
        border-radius: 8px;
        padding: 4px 6px;
    }

    /* Hareket yoksa askerler yukar? / tam geni?lik */
    body.village1 div#map_details.ztv-m-details-units-only > .boxes.units,
    body.village2 div#map_details.ztv-m-details-units-only > .boxes.units {
        float: none !important;
        order: 1 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: rgba(254, 247, 231, 0.96);
        border-radius: 8px;
        padding: 4px 6px;
        box-sizing: border-box !important;
    }

    body.village1 div#map_details > .boxes.production,
    body.village2 div#map_details > .boxes.production {
        display: none !important;
    }

    body.village1 div#map_details > .boxes.units,
    body.village2 div#map_details > .boxes.units { order: 2; }
    body.village1 div#map_details > .movements,
    body.village2 div#map_details > .movements { order: 1; }

    body.village1 div#map_details .boxes.villageList,
    body.village1 div#map_details .movements .boxes.villageList,
    body.village2 div#map_details .boxes.villageList,
    body.village2 div#map_details .movements .boxes.villageList {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.village1 div#map_details .boxes-contents,
    body.village2 div#map_details .boxes-contents {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch;
        padding: 2px 4px 4px !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.village1 div#map_details .boxes-contents::-webkit-scrollbar,
    body.village2 div#map_details .boxes-contents::-webkit-scrollbar,
    body.village1 div#map_details > .boxes.units::-webkit-scrollbar,
    body.village2 div#map_details > .boxes.units::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Eski Travian kutu ?er?evesi (boxes-mr vb.) ? scrollbar gibi s?r?tan kenar s?sleri */
    body.village1 div#map_details .boxes-tl,
    body.village1 div#map_details .boxes-tr,
    body.village1 div#map_details .boxes-tc,
    body.village1 div#map_details .boxes-ml,
    body.village1 div#map_details .boxes-mr,
    body.village1 div#map_details .boxes-mc,
    body.village1 div#map_details .boxes-bl,
    body.village1 div#map_details .boxes-br,
    body.village1 div#map_details .boxes-bc,
    body.village2 div#map_details .boxes-tl,
    body.village2 div#map_details .boxes-tr,
    body.village2 div#map_details .boxes-tc,
    body.village2 div#map_details .boxes-ml,
    body.village2 div#map_details .boxes-mr,
    body.village2 div#map_details .boxes-mc,
    body.village2 div#map_details .boxes-bl,
    body.village2 div#map_details .boxes-br,
    body.village2 div#map_details .boxes-bc {
        display: none !important;
    }

    body.village1 div#map_details table,
    body.village2 div#map_details table {
        font-size: 14px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    body.village1 div#map_details table th,
    body.village1 div#map_details table td,
    body.village2 div#map_details table th,
    body.village2 div#map_details table td {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        padding: 3px 4px !important;
        line-height: 1.35 !important;
    }

    /* Askerler: tablo i?eri?e g?re dar ? isim say? yan?nda (100% tablo bo?luk yarat?r) */
    body.village1 div#map_details table#troops,
    body.village2 div#map_details table#troops {
        width: auto !important;
        max-width: 100% !important;
        table-layout: auto !important;
        font-size: 14px !important;
    }

    body.village1 div#map_details table#troops thead th,
    body.village2 div#map_details table#troops thead th {
        font-size: 14px !important;
        text-align: left !important;
        padding: 4px 6px !important;
    }

    body.village1 div#map_details table#troops td.ico,
    body.village2 div#map_details table#troops td.ico {
        width: 22px !important;
        padding: 2px 4px 2px 2px !important;
        vertical-align: middle !important;
    }

    body.village1 div#map_details table#troops td.num,
    body.village2 div#map_details table#troops td.num {
        width: auto !important;
        padding: 2px 4px 2px 2px !important;
        text-align: left !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

    body.village1 div#map_details table#troops td.un,
    body.village2 div#map_details table#troops td.un {
        width: auto !important;
        max-width: none !important;
        padding: 2px 2px 2px 8px !important;
        text-align: left !important;
        font-size: 14px !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

    body.village1 div#map_details .movements table,
    body.village2 div#map_details .movements table {
        font-size: 14px !important;
        width: 100% !important;
    }

    body.village1 div#map_details .movements table th,
    body.village1 div#map_details .movements table td,
    body.village2 div#map_details .movements table th,
    body.village2 div#map_details .movements table td {
        font-size: 14px !important;
    }

    /* Askeri hareket renkleri ? dorf1 = dorf2 */
    body.village1 div#map_details table#movements div.mov,
    body.village2 div#map_details table#movements div.mov,
    body.village1 table#movements div.mov,
    body.village2 table#movements div.mov {
        float: left !important;
        font-weight: bold !important;
        white-space: nowrap !important;
    }

    body.village1 div#map_details table#movements div.dur_r,
    body.village2 div#map_details table#movements div.dur_r,
    body.village1 table#movements div.dur_r,
    body.village2 table#movements div.dur_r {
        float: right !important;
        padding-right: 2px !important;
        font-size: 11px !important;
        color: #6b6b6b !important;
        white-space: nowrap !important;
        font-weight: normal !important;
    }

    body.village1 div#map_details table#movements .a1,
    body.village2 div#map_details table#movements .a1,
    body.village1 table#movements .a1,
    body.village2 table#movements .a1 {
        color: #f00 !important;
    }

    body.village1 div#map_details table#movements .d1,
    body.village2 div#map_details table#movements .d1,
    body.village1 table#movements .d1,
    body.village2 table#movements .d1 {
        color: #228b22 !important;
    }

    body.village1 div#map_details table#movements .a2,
    body.village1 div#map_details table#movements .d2,
    body.village2 div#map_details table#movements .a2,
    body.village2 div#map_details table#movements .d2,
    body.village1 table#movements .a2,
    body.village1 table#movements .d2,
    body.village2 table#movements .a2,
    body.village2 table#movements .d2 {
        color: #f2c700 !important;
    }

    body.village1 div#map_details table#movements .a3,
    body.village1 div#map_details table#movements .d3,
    body.village2 div#map_details table#movements .a3,
    body.village2 div#map_details table#movements .d3,
    body.village1 table#movements .a3,
    body.village1 table#movements .d3,
    body.village2 table#movements .a3,
    body.village2 table#movements .d3 {
        color: #b500a3 !important;
    }

    /* A??l?r-kapan?r ba?l?klar asker/hareket i?in yok */
    body.village1 div#map_details .ztv-m-panel-head,
    body.village2 div#map_details .ztv-m-panel-head {
        display: none !important;
    }

    /* K?y: bo? a??k ye?il kutu / ?er?eve yok ? manzara g?r?ns?n */
    html.ztv-m body.village1 #contentOuterContainer .contentContainer,
    html.ztv-m body.village2 #contentOuterContainer .contentContainer,
    html.ztv-m body.village1 div#center div#contentOuterContainer div.contentContainer,
    html.ztv-m body.village2 div#center div#contentOuterContainer div.contentContainer,
    body.village1 #contentOuterContainer .contentContainer,
    body.village2 #contentOuterContainer .contentContainer {
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        min-height: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }

    html.ztv-m body.village1 #contentOuterContainer .contentFooter,
    html.ztv-m body.village2 #contentOuterContainer .contentFooter,
    body.village1 #contentOuterContainer .contentFooter,
    body.village2 #contentOuterContainer .contentFooter,
    html.ztv-m body.village1 #contentOuterContainer .contentTitle,
    html.ztv-m body.village2 #contentOuterContainer .contentTitle {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        border: 0 !important;
        background: none !important;
    }

    html.ztv-m body.village1 #content.village1,
    html.ztv-m body.village2 #content.village2 {
        padding-bottom: 8px !important;
        /* min-height: ?stteki calc ? ekran? doldur, siyah bo?luk olmas?n */
        height: auto !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    html.ztv-m body.village1 .ztv-m-map-fit {
        margin-top: 0 !important;
        margin-bottom: 4px !important;
    }
    html.ztv-m body.village2 .villageMapWrapper {
        margin-top: 56px !important;
        margin-bottom: 4px !important;
    }

    /* Alt bo? ?erit ? sayfa i?eri?e g?re bitsin; manzara paneli yok */
    html.ztv-m body.village1 #footer,
    html.ztv-m body.village2 #footer,
    html.ztv-m body.village1 div#footer,
    html.ztv-m body.village2 div#footer {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html.ztv-m body.village1 #bodyWrapper,
    html.ztv-m body.village2 #bodyWrapper,
    html.ztv-m body.village1 #center,
    html.ztv-m body.village2 #center {
        min-height: 0 !important;
        height: auto !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* K?y manzaras? cover ? min-height k?r?lmas?n */
    html.ztv-m body.village1 div#background,
    html.ztv-m body.village2 div#background {
        min-height: 100% !important;
        height: auto !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    html.ztv-m body.village1,
    html.ztv-m body.village2 {
        padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.village1 div#map_details,
    body.village2 div#map_details {
        margin-bottom: 0 !important;
    }

    /* Veri yoksa panel / bo? clear gizle */
    body.village1 div#map_details.ztv-m-details-empty,
    body.village2 div#map_details.ztv-m-details-empty {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.village1 #content .clear,
    body.village2 #content .clear {
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    body.village1 div#map_details .ztv-m-panel-head .ztv-m-panel-title,
    body.village2 div#map_details .ztv-m-panel-head .ztv-m-panel-title {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        min-width: 0 !important;
    }

    /* A??l?r-kapan?r ba?l?k */
    body.village1 div#map_details .ztv-m-panel-head,
    body.village2 div#map_details .ztv-m-panel-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 8px 10px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 6px 6px 0 0 !important;
        background: linear-gradient(180deg, #5a4630 0%, #3a2e1c 100%) !important;
        color: #f5e6c8 !important;
        font-size: 13px !important;
        font-weight: bold !important;
        text-align: left !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.village1 div#map_details .ztv-m-panel-head .ztv-m-panel-chevron,
    body.village2 div#map_details .ztv-m-panel-head .ztv-m-panel-chevron {
        flex: 0 0 auto;
        font-size: 10px;
        opacity: 0.85;
    }

    body.village1 div#map_details .ztv-m-panel-collapsed .ztv-m-panel-body,
    body.village2 div#map_details .ztv-m-panel-collapsed .ztv-m-panel-body {
        display: none !important;
    }

    body.village1 div#map_details .ztv-m-panel-collapsed .ztv-m-panel-head,
    body.village2 div#map_details .ztv-m-panel-collapsed .ztv-m-panel-head {
        border-radius: 6px !important;
    }

    body.village1 div#map_details .ztv-m-panel-collapsed .ztv-m-panel-chevron,
    body.village2 div#map_details .ztv-m-panel-collapsed .ztv-m-panel-chevron {
        transform: rotate(-90deg);
    }

    body.village1 div.production.boxes,
    body.village1 div.boxes.production,
    body.village1 div.units.boxes,
    body.village1 div.boxes.units,
    body.village1 div.movements {
        float: none !important;
        min-height: 0 !important;
    }

    /* Dorf2 i?erik ? full-bleed; logo bo?lu?u yok */
    body.village2 #content.village2,
    body.village2 #contentOuterContainer #content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        background: transparent none !important;
        background-image: none !important;
    }

    html.ztv-m body.village2 #content.village2 {
        padding-top: 0 !important;
        background: transparent none !important;
        background-image: none !important;
    }

    html.ztv-m body.village2 .villageMapWrapper,
    body.village2 .villageMapWrapper {
        /* Native 628?534 ? JS sadece zoom/scale; zemin CSS BG #village_map?te */
        width: 628px !important;
        height: 534px !important;
        max-width: none !important;
        min-width: 628px !important;
        overflow: hidden !important;
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 56px !important;
        background: transparent none !important;
        background-image: none !important;
        background-color: transparent !important;
    }

    html.ztv-m body.village2 div#village_map,
    body.village2 div#village_map {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 628px !important;
        max-width: none !important;
        min-width: 628px !important;
        height: 534px !important;
        overflow: visible !important;
        transform-origin: top left !important;
        background-image: url(img/layout/bgBuildings-dorf2-628.jpg?v=20260730m125) !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
        background-size: 628px 534px !important;
        background-color: transparent !important;
    }

    body.village2 div#village_map div#levels,
    body.village2 div#village_map div#levels.on,
    body.village2 div#village_map div#levels.on.t44 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 628px !important;
        height: 534px !important;
        max-width: none !important;
        will-change: auto !important;
    }

    body.village2 div#village_map img.clickareas {
        width: 628px !important;
        height: 534px !important;
        max-width: none !important;
    }

    html.ztv-m body.v35 #mapContainer {
        max-width: 100% !important;
        overflow: auto !important;
    }

    /* Eski genel kural? iptal et ? village_map'e max-width basma */
    html.ztv-m body.v35 .villageMap {
        max-width: 100% !important;
    }

    /* ?? Build / farmlist / plus / alt?n ? kenarlar + alt men? s??s?n ?? */
    html.ztv-m body.v35.build,
    html.ztv-m body.v35.plusPage,
    html.ztv-m body.v35.plus,
    html.ztv-m body.v35.hero,
    html.ztv-m body.v35.player,
    html.ztv-m body.v35.spieler,
    html.ztv-m body.v35.options,
    html.ztv-m body.options,
    html.ztv-m body.v35.statistics,
    html.ztv-m body.v35.reports,
    html.ztv-m body.v35.messages,
    html.ztv-m body.v35.alliance,
    html.ztv-m body.v35.map,
    html.ztv-m body.v35.cropfinder,
    html.ztv-m body.v35.a2b,
    html.ztv-m body.v35.warsim,
    html.ztv-m body.warsim,
    html.ztv-m body.v35.village3,
    html.ztv-m body.village3 {
        padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
    }

    html.ztv-m body.v35.build #center,
    html.ztv-m body.v35.reports.reportDetail #center,
    html.ztv-m body.v35.cropfinder #center {
        min-height: 0 !important;
        overflow: visible !important;
    }

    html.ztv-m body.v35.build div#center div#contentOuterContainer,
    html.ztv-m body.v35.build div#center div#contentOuterContainer.size1,
    html.ztv-m body.v35.build div#center div#contentOuterContainer.size2,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer.size1,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer.size2,
    html.ztv-m body.v35.hero div#center div#contentOuterContainer,
    html.ztv-m body.v35.player div#center div#contentOuterContainer,
    html.ztv-m body.v35.spieler div#center div#contentOuterContainer,
    html.ztv-m body.v35.options div#center div#contentOuterContainer,
    html.ztv-m body.options div#center div#contentOuterContainer,
    html.ztv-m body.v35.statistics div#center div#contentOuterContainer,
    html.ztv-m body.v35.reports div#center div#contentOuterContainer,
    html.ztv-m body.v35.messages div#center div#contentOuterContainer,
    html.ztv-m body.v35.alliance div#center div#contentOuterContainer,
    html.ztv-m body.v35.map div#center div#contentOuterContainer,
    html.ztv-m body.v35.cropfinder div#center div#contentOuterContainer,
    html.ztv-m body.v35.a2b div#center div#contentOuterContainer,
    html.ztv-m body.v35.warsim div#center div#contentOuterContainer,
    html.ztv-m body.warsim div#center div#contentOuterContainer {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-top: 88px !important;
        padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)) !important;
        padding-left: max(8px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Rapor detay: logo band? yok ? ?st ye?il bo?luk kalks?n */
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer,
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer.size1,
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer.size2 {
        padding-top: 4px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        background: #fef7e7 !important;
        min-height: 0 !important;
    }

    html.ztv-m body.v35.build div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.hero div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.player div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.spieler div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.options div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.options div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.statistics div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.reports div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.messages div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.alliance div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.a2b div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.warsim div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.warsim div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.map div#center div#contentOuterContainer .contentContainer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 8px 4px calc(110px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        background-color: #fef7e7 !important;
    }

    html.ztv-m body.v35.build div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.build div#center div#contentOuterContainer.size1 div#content,
    html.ztv-m body.v35.build div#center div#contentOuterContainer.size2 div#content,
    html.ztv-m body.v35.build div#center div#contentOuterContainer div#content.build,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.hero div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.player div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.spieler div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.options div#center div#contentOuterContainer div#content,
    html.ztv-m body.options div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.statistics div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.reports div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.messages div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.alliance div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer div#content.hero_editor {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 6px 4px 20px !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        overflow-y: visible !important;
    }

    html.ztv-m body.v35.build #content .boxes,
    html.ztv-m body.v35.plusPage #content .boxes,
    html.ztv-m body.v35.build #content .roundedCornersBox,
    html.ztv-m body.v35.plusPage #content .roundedCornersBox,
    html.ztv-m body.v35.build #content .contentNavi,
    html.ztv-m body.v35.plusPage #content .contentNavi,
    html.ztv-m body.v35.build #content .subNavi,
    html.ztv-m body.v35.plusPage #content .subNavi {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Geni? tablolar (farmlist vb.) ? yatay kayd?r, kesme */
    html.ztv-m body.v35.build #build,
    html.ztv-m body.v35.build #content .boxes-contents,
    html.ztv-m body.v35.plusPage #content .boxes-contents,
    html.ztv-m body.v35.build #content .boxes,
    html.ztv-m body.v35.build .listTitle:not(.ztv-fl-list-header),
    html.ztv-m body.v35.build div.build .gid16 #raidList {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box !important;
    }
    /* Askeri ?s asker tablolar? ? kendi scroll?lar? olsun, ?st kesmesin */
    html.ztv-m body.v35.build #build.gid16,
    html.ztv-m body.v35.build #content #build.gid16 {
        overflow-x: visible !important;
    }

    html.ztv-m body.v35.build div#center div#content table:not(.plusFunctions):not(.troop_details),
    html.ztv-m body.v35.plusPage div#center div#content table:not(.plusFunctions),
    html.ztv-m body.v35.hero div#center div#content table:not(.plusFunctions),
    html.ztv-m body.v35.build div#build table#raidList,
    html.ztv-m body.v35.build div#build.gid16 table#raidList {
        width: max-content !important;
        max-width: none !important;
        min-width: 100% !important;
    }
    html.ztv-m body.v35.build div#build.gid16 #raidList table.list {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    /* Farmlist s?ralama / filtre ? hover?da kayma yok, chip g?r?n?m */
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn:hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn:focus,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn:active,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn.click,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn:hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn:focus,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn:active,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.click,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.is-open,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.is-active {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        margin: 0 0 0 6px !important;
        padding: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
        border: 1px solid #1b5e20 !important;
        border-radius: 8px !important;
        background: #3d9a3d !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #fff !important;
        line-height: 1 !important;
        font-size: 0 !important;
        transform: none !important;
        transition: background-color 0.15s ease, border-color 0.15s ease !important;
        top: auto !important;
        left: auto !important;
        overflow: hidden !important;
        vertical-align: middle !important;
        position: relative !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn:hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn:focus,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn:active,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn.click {
        margin: 0 !important;
        background: #3f8f3f !important;
        border-color: #2d6b2d !important;
        color: #fff !important;
        box-shadow: 0 1px 2px rgba(20, 50, 20, 0.2) !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn:hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn:focus,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.is-open,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.is-active,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.is-filtering {
        background: #3d9a3d !important;
        background-image: none !important;
        border-color: #1b5e20 !important;
        box-shadow: none !important;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn:hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn:focus,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header .ztv-fl-icon-btn.hover {
        background: #368236 !important;
        border-color: #2d6b2d !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn::before,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.is-open::before {
        content: none !important;
        display: none !important;
        border: 0 !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-chevron {
        display: block !important;
        width: 8px !important;
        height: 8px !important;
        margin: -3px 0 0 0 !important;
        border: 0 !important;
        border-right: 2px solid #fff !important;
        border-bottom: 2px solid #fff !important;
        background: none !important;
        transform: rotate(45deg) !important;
        box-sizing: border-box !important;
        pointer-events: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn.is-open .ztv-fl-sort-menu-chevron {
        margin: 3px 0 0 0 !important;
        transform: rotate(225deg) !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn .button-container,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn .button-container.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn .button-container.click,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn .button-container,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn .button-container.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn .button-container.click {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        transform: none !important;
        pointer-events: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-btn .button-content,
    html.ztv-m body.v35.build #raidList .ztv-fl-icon-btn .button-content {
        display: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu {
        top: calc(100% + 4px) !important;
        min-width: 220px !important;
        margin-top: 0 !important;
        padding: 6px !important;
        background: #fff !important;
        border: 1px solid #d8ccb0 !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 24px rgba(50, 40, 20, 0.18) !important;
        overflow: hidden !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-menu-title {
        padding: 8px 10px 6px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
        color: #8a7a62 !important;
        border-bottom: 0 !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt:hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt:focus,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt:active,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt.click {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 42px !important;
        height: 42px !important;
        margin: 0 0 2px !important;
        padding: 0 10px !important;
        border: 0 !important;
        border-bottom: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #2f5f2f !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        text-align: left !important;
        transform: none !important;
        top: auto !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt:last-child {
        margin-bottom: 0 !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt:hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt:focus,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt.hover {
        background: #f3eee3 !important;
        color: #1f4a1f !important;
    }
    html.ztv-m body.v35.build div#build.gid16 #raidList button.ztv-fl-sort-opt,
    html.ztv-m body.v35.build div#build.gid16 #raidList button.ztv-fl-sort-opt:hover,
    html.ztv-m body.v35.build div#build.gid16 #raidList button.ztv-fl-sort-opt:focus,
    html.ztv-m body.v35.build div#build.gid16 #raidList button.ztv-fl-sort-opt:active,
    html.ztv-m body.v35.build div#build.gid16 #raidList button.ztv-fl-sort-opt.hover,
    html.ztv-m body.v35.build div#build.gid16 #raidList button.ztv-fl-sort-opt.click {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        line-height: 42px !important;
        margin: 0 0 2px !important;
        padding: 0 10px !important;
        position: static !important;
        top: auto !important;
        transform: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt .button-container,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt .button-container.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt .button-container.click,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt .button-content,
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt .button-background {
        display: contents !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: none !important;
        box-shadow: none !important;
        transform: none !important;
        color: inherit !important;
        line-height: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        text-shadow: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-opt-dir {
        color: #9a8b74 !important;
        font-size: 10px !important;
        font-weight: 400 !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-sort-arrow {
        display: inline-block !important;
        width: 12px !important;
        min-width: 12px !important;
        height: 12px !important;
        margin-left: 2px !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 12px !important;
        vertical-align: middle !important;
    }
    html.ztv-m body.v35.build #raidList table.list thead .ztv-fl-sort-col:hover {
        background: #e8dfcf !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-collapse-btn.is-closed::after,
    html.ztv-m body.v35.build #raidList .ztv-fl-collapse-btn.is-open::after {
        font-size: 11px !important;
        color: #fff !important;
        line-height: 1 !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-menu-glyph {
        font-size: 15px !important;
        color: #fff !important;
        line-height: 1 !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header.listTitle,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        float: none !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-header-main {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-width: 0 !important;
        float: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-header-left {
        min-width: 0 !important;
        max-width: calc(100% - 64px) !important;
        flex: 1 1 auto !important;
        float: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-header-center {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        text-align: left !important;
        float: none !important;
        clear: both !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-header-right {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        float: none !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-list-name-btn,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-name-btn:hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-name-btn:focus,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-name-btn.hover,
    html.ztv-m body.v35.build #raidList .ztv-fl-list-name-btn.click {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        height: auto !important;
        min-height: 24px !important;
        padding: 4px 6px !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-raid-status,
    html.ztv-m body.v35.build #raidList .ztv-fl-raid-status--idle {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px 10px !important;
        margin: 0 !important;
        padding: 4px 8px !important;
        background: #efe8d8 !important;
        border: 1px solid #e0d4bc !important;
        border-radius: 8px !important;
        white-space: normal !important;
        text-align: left !important;
        line-height: 1.3 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    html.ztv-m body.v35.build #raidList .ztv-fl-col-label {
        display: inline !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #5c4a32 !important;
        margin-left: 2px !important;
        vertical-align: middle !important;
    }
    html.ztv-m body.v35.build #raidList table.list thead .ztv-fl-sort-col {
        white-space: nowrap !important;
        padding: 6px 8px !important;
    }
    html.ztv-m body.v35.build #raidList table.list td.troops {
        padding-right: 12px !important;
    }
    html.ztv-m body.v35.build #raidList table.list td.lastRaid {
        padding-left: 10px !important;
    }

    html.ztv-m body.v35.build #content img,
    html.ztv-m body.v35.plusPage #content img,
    html.ztv-m body.v35.hero #content img {
        max-width: 100% !important;
        height: auto !important;
    }
    html.ztv-m body.v35.hero #content #genderButtons img,
    html.ztv-m body.v35.hero #content img.heroEditorActivateMale,
    html.ztv-m body.v35.hero #content img.heroEditorActivateFemale {
        max-width: none !important;
        width: 18px !important;
        height: 18px !important;
    }

    /* Sprite ikonlar ? height:auto ile ??kmesin */
    html.ztv-m body.v35.build #content img.unit,
    html.ztv-m body.v35.build #content img.gebIcon,
    html.ztv-m body.v35.build #content img.gold,
    html.ztv-m body.v35.build #content img.silver,
    html.ztv-m body.v35.build #content img.r1,
    html.ztv-m body.v35.build #content img.r2,
    html.ztv-m body.v35.build #content img.r3,
    html.ztv-m body.v35.build #content img.r4,
    html.ztv-m body.v35.build #content img.clock,
    html.ztv-m body.v35.plusPage #content img.gold,
    html.ztv-m body.v35.plusPage #content img.silver,
    html.ztv-m body.v35.plusPage #content img.r1,
    html.ztv-m body.v35.plusPage #content img.r2,
    html.ztv-m body.v35.plusPage #content img.r3,
    html.ztv-m body.v35.plusPage #content img.r4 {
        max-width: none !important;
        width: 16px !important;
        height: 16px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    html.ztv-m body.v35.build #content img.building,
    html.ztv-m body.v35.build #content img.building.big,
    html.ztv-m body.v35.build #content .build_logo img,
    html.ztv-m body.v35.build #content a.build_logo img {
        max-width: none !important;
        width: 184px !important;
        height: 179px !important;
    }
    html.ztv-m body.v35.build #content img.unitSection,
    html.ztv-m body.v35.build #content img[class*="Section"] {
        max-width: none !important;
        width: 140px !important;
        height: 140px !important;
    }
    html.ztv-m body.v35.build #content img.filterCategory,
    html.ztv-m body.v35.build #build.gid16 img.filterCategory,
    html.ztv-m body.v35.build #content img.subFilterCategory {
        max-width: none !important;
        width: 16px !important;
        height: 16px !important;
    }
    html.ztv-m body.v35.build #content img.att1,
    html.ztv-m body.v35.build #content img.att2,
    html.ztv-m body.v35.build #content img.att3,
    html.ztv-m body.v35.build #content img.def1,
    html.ztv-m body.v35.build #content img.def2,
    html.ztv-m body.v35.build #content img.def3 {
        max-width: none !important;
        width: 16px !important;
        height: 16px !important;
    }

    html.ztv-m body.v35.build #build,
    html.ztv-m body.v35.build #build .build_details,
    html.ztv-m body.v35.build .gid16,
    html.ztv-m body.v35.build .farmList,
    html.ztv-m body.v35.plusPage #content .paymentMethods,
    html.ztv-m body.v35.plusPage #content .premiumFeatureDescription,
    html.ztv-m body.v35.plusPage #content .premiumFeatures,
    html.ztv-m body.v35.plusPage #content .products {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.ztv-m body.v35.build .contentNavi.tabNavi,
    html.ztv-m body.v35.plusPage .contentNavi.tabNavi,
    html.ztv-m body.v35.build .subNavi,
    html.ztv-m body.v35.plusPage .subNavi {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box !important;
    }
    /* Askeri ?s sekmeleri ? yatay kayd?rma / nowrap ezmesin */
    html.ztv-m body.v35.build .contentNavi.tabNavi.ztv-rally-tabNavi,
    html.ztv-m body.v35.a2b .contentNavi.tabNavi.ztv-rally-tabNavi,
    html.ztv-m body.a2b .contentNavi.tabNavi.ztv-rally-tabNavi,
    html.ztv-m body.v35.warsim .contentNavi.tabNavi.ztv-rally-tabNavi {
        overflow: visible !important;
        overflow-x: visible !important;
        white-space: normal !important;
        height: auto !important;
        background-image: none !important;
    }

    html.ztv-m body.v35.build input[type="text"],
    html.ztv-m body.v35.build input[type="number"],
    html.ztv-m body.v35.build select,
    html.ztv-m body.v35.build textarea,
    html.ztv-m body.v35.plusPage input[type="text"],
    html.ztv-m body.v35.plusPage input[type="number"],
    html.ztv-m body.v35.plusPage select,
    html.ztv-m body.v35.plusPage textarea {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Masa?st? sabit geni?likleri k?r */
    html.ztv-m body.v35.build #content .paper,
    html.ztv-m body.v35.build #content .paperTop,
    html.ztv-m body.v35.build #content .paperBottom,
    html.ztv-m body.v35.messages #content .paper,
    html.ztv-m body.v35.reports #content .paper,
    html.ztv-m body.v35.reports.reportDetail div.reports .paper#report_surround {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: 0 !important;
        background-size: 100% auto !important;
        box-sizing: border-box !important;
    }

    /* Build upgrade / market iki s?tun ? mobilde alt alta */
    html.ztv-m body.v35.build #build div.buildActionOverview div.action,
    html.ztv-m body.v35.build #build .ztv-build-desc,
    html.ztv-m body.v35.build #build .roundedCornersBox {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    html.ztv-m body.v35.build #build div.buildActionOverview div.action div.bigUnitSection,
    html.ztv-m body.v35.build #build div.buildActionOverview div.action div.details {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ?? Bina sayfas?: g?r?n?m ayn?; sadece alta inebilsin (Yeti?tir nav alt?nda kalmas?n) ?? */
    html.ztv-m body.v35.build #build .honeypot-button,
    html.ztv-m body.v35.build #content .honeypot-button {
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        visibility: hidden !important;
        z-index: -1 !important;
    }

    html.ztv-m body.v35.build {
        padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)) !important;
    }
    html.ztv-m body.v35.build div#center div#contentOuterContainer {
        padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)) !important;
    }
    html.ztv-m body.v35.build div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.build div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.build div#center div#contentOuterContainer div#content.build {
        padding-bottom: 120px !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }
    html.ztv-m body.v35.build #build {
        padding-bottom: 56px !important;
        overflow: visible !important;
        min-height: auto !important;
    }
    html.ztv-m body.v35.build #build form[name="snd"] > button.green:not(.honeypot-button),
    html.ztv-m body.v35.build #build form#trainFormKisla > button.green:not(.honeypot-button),
    html.ztv-m body.v35.build #build form#trainFormAhir > button.green:not(.honeypot-button),
    html.ztv-m body.v35.build #build #btnTrainUnits,
    html.ztv-m body.v35.build #build #btnTrainUnitsAhir,
    html.ztv-m body.v35.build #build #btn_train,
    html.ztv-m body.v35.build #build #s1 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        clear: both !important;
        margin: 16px 0 40px !important;
        position: relative !important;
        z-index: 2 !important;
    }

    html.ztv-m body.v35.build div.build .gid16 #raidListCreate .boxes,
    html.ztv-m body.v35.build div.build .gid16 #raidListSlot .boxes {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    html.ztv-m body.v35 .dialog .dialog-contents #raidListSlot {
        width: 100% !important;
        max-width: calc(100vw - 24px) !important;
        box-sizing: border-box !important;
    }

    /* ?? Oyuncu men? (chip + ok) ?? */
    html.ztv-m .ztv-player-chip {
        display: inline-flex !important;
        align-items: center;
        gap: 4px;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        padding: 2px 6px !important;
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.2);
        pointer-events: auto !important;
    }
    html.ztv-m .ztv-player-chip-caret {
        font-size: 10px;
        opacity: 0.9;
        line-height: 1;
        flex: 0 0 auto;
    }
    html.ztv-m body #outOfGame,
    html.ztv-m body.v35 #outOfGame {
        display: none !important;
    }
    html.ztv-m body.ztv-player-menu-open #outOfGame,
    html.ztv-m body.v35.ztv-player-menu-open #outOfGame {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        position: fixed !important;
        top: 34px;
        right: 6px;
        left: auto !important;
        z-index: 12050 !important;
        margin: 0 !important;
        padding: 4px !important;
        width: auto !important;
        max-width: calc(100vw - 12px) !important;
        height: auto !important;
        overflow: visible !important;
        background: rgba(42, 30, 14, 0.96) !important;
        border: 1px solid rgba(255, 230, 170, 0.45);
        border-radius: 8px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
        float: none !important;
        list-style: none !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    html.ztv-m body.ztv-player-menu-open #outOfGame li,
    html.ztv-m body.v35.ztv-player-menu-open #outOfGame li {
        float: none !important;
        margin: 0 2px !important;
        list-style: none !important;
    }
    html.ztv-m body.ztv-player-menu-open #outOfGame li.clear,
    html.ztv-m body.v35.ztv-player-menu-open #outOfGame li.clear {
        display: none !important;
    }
    html.ztv-m body.ztv-player-menu-open #outOfGame a,
    html.ztv-m body.v35.ztv-player-menu-open #outOfGame a {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 56px;
        padding: 8px 6px !important;
        text-decoration: none !important;
        color: #111 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        background: #e8e0d0 !important;
        border-radius: 6px;
    }
    html.ztv-m body.ztv-player-menu-open #outOfGame .ztv-oog-label,
    html.ztv-m body.v35.ztv-player-menu-open #outOfGame .ztv-oog-label {
        display: block !important;
        margin-top: 3px;
        max-width: 72px;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        text-align: center;
        color: #111 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        text-shadow: none !important;
    }

    /* ?? G?rev / diyalog: panel ?st?nde + s??d?r ?? */
    html.ztv-m .dialog,
    html.ztv-m .questWrapper,
    html.ztv-m .questTodoList,
    html.ztv-m .dialogWrapper,
    html.ztv-m div.dialog {
        z-index: 20050 !important;
    }
    /* Genel g?rev listesi ? dar kals?n; g?nl?k ?d?l (.achievements) hari? */
    html.ztv-m .questTodoList:not(:has(.achievements.mainDialog)),
    html.ztv-m .white.questTodoList:not(:has(.achievements.mainDialog)),
    html.ztv-m .dialog.questTodoList:not(:has(.achievements.mainDialog)) .dialog-contents {
        width: min(96vw, 420px) !important;
        max-width: 96vw !important;
        max-height: min(78vh, 640px) !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }
    /* G?nl?k ?d?ller diyalo?u ? 420px ezilsin, tam geni?lik */
    html.ztv-m .dialog.questTodoList:has(.achievements.mainDialog),
    html.ztv-m .dialog.white.questTodoList:has(.achievements.mainDialog),
    html.ztv-m .dialog.ztv-dq-open,
    html.ztv-m .white.questTodoList:has(.achievements.mainDialog),
    html.ztv-m .questTodoList:has(.achievements.mainDialog) {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }
    html.ztv-m .dialog.questTodoList:has(.achievements.mainDialog) .dialog-contents,
    html.ztv-m .dialog.ztv-dq-open .dialog-contents,
    html.ztv-m .dialog.questTodoList:has(.achievements.mainDialog) .content,
    html.ztv-m .dialog.ztv-dq-open .content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        max-height: min(90vh, 920px) !important;
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m .questTodoList .quest,
    html.ztv-m .questWrapper .quest {
        font-size: 12px !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    /* ?? Dorf3 ?? */
    html.ztv-m body.village3,
    html.ztv-m body.v35.village3 {
        padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
    }
    html.ztv-m body.village3 div#center div#contentOuterContainer,
    html.ztv-m body.v35.village3 div#center div#contentOuterContainer {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px 6px 24px !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        height: auto !important;
        max-height: none !important;
        -webkit-overflow-scrolling: touch;
    }
    html.ztv-m body.village3 #content,
    html.ztv-m body.village3 #content.village3 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 88px 0 16px !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
    }
    html.ztv-m body.village3 .contentNavi,
    html.ztv-m body.village3 .contentNavi.subNavi,
    html.ztv-m body.v35.statistics .contentNavi,
    html.ztv-m body.v35.statistics .contentNavi.subNavi,
    html.ztv-m body.v35.reports .contentNavi,
    html.ztv-m body.v35.messages .contentNavi,
    html.ztv-m body.v35.alliance .contentNavi,
    html.ztv-m body.v35.alliance .contentNavi.subNavi {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 10px !important;
        padding: 0 2px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        float: none !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        height: auto !important;
        min-height: 0 !important;
    }
    html.ztv-m body.village3 .contentNavi .container,
    html.ztv-m body.v35.statistics .contentNavi .container,
    html.ztv-m body.v35.reports .contentNavi .container,
    html.ztv-m body.v35.messages .contentNavi .container,
    html.ztv-m body.v35.alliance .contentNavi .container {
        float: none !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    html.ztv-m body.village3 .contentNavi .tabItem,
    html.ztv-m body.v35.statistics .contentNavi .tabItem,
    html.ztv-m body.v35.reports .contentNavi .tabItem,
    html.ztv-m body.v35.messages .contentNavi .tabItem,
    html.ztv-m body.v35.plusPage .contentNavi .tabItem,
    html.ztv-m body.v35.plus .contentNavi .tabItem,
    html.ztv-m body.v35.alliance .contentNavi .tabItem {
        display: block !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        padding: 7px 6px !important;
        box-sizing: border-box !important;
        color: #111 !important;
        text-align: center !important;
        word-break: break-word !important;
    }
    html.ztv-m body.v35.statistics .contentNavi .container.active .tabItem,
    html.ztv-m body.v35.reports .contentNavi .container.active .tabItem,
    html.ztv-m body.v35.messages .contentNavi .container.active .tabItem,
    html.ztv-m body.village3 .contentNavi .container.active .tabItem,
    html.ztv-m body.v35.plusPage .contentNavi .container.active .tabItem,
    html.ztv-m body.v35.alliance .contentNavi .container.active .tabItem,
    html.ztv-m .contentNavi .container.active .tabItem {
        color: #111 !important;
        font-weight: 700 !important;
        text-shadow: none !important;
    }
    html.ztv-m body.v35.statistics .contentNavi .container,
    html.ztv-m body.v35.reports .contentNavi .container,
    html.ztv-m body.v35.messages .contentNavi .container,
    html.ztv-m body.v35.alliance .contentNavi .container {
        flex: 1 1 calc(33.33% - 6px) !important;
        min-width: 72px !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.subNavi + .contentNavi,
    html.ztv-m body.v35.statistics #content .contentNavi {
        margin-top: 6px !important;
    }
    html.ztv-m body.v35.statistics table,
    html.ztv-m body.v35.reports table,
    html.ztv-m body.v35.messages table {
        max-width: 100% !important;
    }
    html.ztv-m body.village3 table#dorf3warehouse,
    html.ztv-m body.village3 table#ressources,
    html.ztv-m body.village3 table#overview,
    html.ztv-m body.village3 table#culture_points,
    html.ztv-m body.village3 table#troops {
        max-width: none !important;
        width: max-content !important;
        min-width: 100% !important;
    }
    html.ztv-m body.village3 table#dorf3warehouse tbody tr,
    html.ztv-m body.village3 table#ressources tbody tr,
    html.ztv-m body.village3 table#overview tbody tr,
    html.ztv-m body.village3 table#culture_points tbody tr,
    html.ztv-m body.village3 table#troops tbody tr {
        display: table-row !important;
        visibility: visible !important;
    }
    html.ztv-m body.village3 .contentContainer,
    html.ztv-m body.v35.statistics .contentContainer {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* Rapor filtreleri */
    html.ztv-m body.v35.reports .report-controls,
    html.ztv-m body.v35.reports .control-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    html.ztv-m body.v35.reports .rf-btn,
    html.ztv-m body.v35.reports .limit-selector {
        flex: 0 0 auto !important;
        max-width: 100% !important;
    }
    html.ztv-m body.v35.reports .limit-selector {
        flex: 1 1 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        margin-top: 4px !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 2 !important;
    }
    html.ztv-m body.v35.reports .limit-selector a.rf-btn {
        min-width: 44px !important;
        min-height: 36px !important;
        padding: 6px 10px !important;
        box-sizing: border-box !important;
        pointer-events: auto !important;
    }

    /* Mesajlar: askeri hareket gizle; yaz?c? toolbar s??d?r */
    html.ztv-m body.v35.messages .movements,
    html.ztv-m body.v35.messages #map_details,
    html.ztv-m body.v35.messages #map_details .movements,
    html.ztv-m body.v35.messages #map_details .boxes.units,
    body.messages .movements,
    body.messages #map_details > .movements,
    body.messages #map_details > .boxes.units {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html.ztv-m body.v35.messages #message_toolbar,
    html.ztv-m body.v35.messages .bbToolbar {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 2px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        height: auto !important;
        white-space: normal !important;
    }
    html.ztv-m body.v35.messages #message_toolbar .icon,
    html.ztv-m body.v35.messages .bbToolbar .icon {
        flex: 0 0 auto !important;
        float: none !important;
    }
    html.ztv-m body.v35.messages #message_toolbarWindows,
    html.ztv-m body.v35.messages #message_troops,
    html.ztv-m body.v35.messages #message_smilies,
    html.ztv-m body.v35.messages #message_resources {
        max-width: calc(100vw - 24px) !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
        max-height: 40vh !important;
    }
    html.ztv-m body.v35.messages .paper,
    html.ztv-m body.v35.messages #content .paper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        left: 0 !important;
        right: 0 !important;
        float: none !important;
        position: relative !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        transform: none !important;
    }
    html.ztv-m body.v35.messages #content,
    html.ztv-m body.v35.messages #content.messages {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    html.ztv-m body.v35.messages #message,
    html.ztv-m body.v35.messages textarea.messageEditor,
    html.ztv-m body.v35.messages input.text,
    html.ztv-m body.v35.messages .paper input {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.messages .contentNavi {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    html.ztv-m body.v35.messages .ztv-mh-inbox-filter {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.messages .ztv-mh-inbox-filter a.ztv-mh-f {
        flex: 1 1 calc(50% - 6px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
        border: 1px solid #555 !important;
        border-radius: 5px !important;
        background-image: linear-gradient(to bottom, #f0f0f0, #d8d8d8) !important;
        background-color: #e8e8e8 !important;
        color: #222 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
    }
    html.ztv-m body.v35.messages .ztv-mh-inbox-filter a.ztv-mh-f.is-on {
        border-color: #4a6a12 !important;
        background-image: linear-gradient(to bottom, #9fce3a, #6fa01a) !important;
        background-color: #7cb029 !important;
        color: #fff !important;
    }
    html.ztv-m body.v35.messages .ztv-mh-badge {
        display: inline-block !important;
        min-width: 18px !important;
        padding: 0 5px !important;
        border-radius: 9px !important;
        background: #c45a00 !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        text-align: center !important;
    }

    /* G?rev diyalo?u ? ekrana s??d?r, sola bo?luk yok */
    html.ztv-m .dialog,
    html.ztv-m div.dialog {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
        padding-left: env(safe-area-inset-left, 0px) !important;
        padding-right: env(safe-area-inset-right, 0px) !important;
    }
    html.ztv-m .dialog .dialog-contents,
    html.ztv-m .dialog .content,
    html.ztv-m .questWrapper,
    html.ztv-m .questTodoList:not(:has(.achievements.mainDialog)),
    html.ztv-m .white.questTodoList:not(:has(.achievements.mainDialog)) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        left: 0 !important;
        right: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: min(82vh, 720px) !important;
        -webkit-overflow-scrolling: touch;
    }
    /* G?nl?k ?d?ller: tam yatay + dokunmatik kayd?rma */
    html.ztv-m div.dialog:has(.questWrapper.achievements.mainDialog),
    html.ztv-m div.dialog .content:has(.questWrapper.achievements.mainDialog),
    html.ztv-m div.dialog.ztv-dq-open,
    html.ztv-m div.dialog.ztv-dq-open .content {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        transform: none !important;
    }
    html.ztv-m .questWrapper.achievements.mainDialog {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: min(88vh, 900px) !important;
        padding: 10px 8px 14px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
    }
    html.ztv-m .questTodoList p,
    html.ztv-m .questWrapper .quest,
    html.ztv-m .dialog .content .quest {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m .questTodoList .quest,
    html.ztv-m .questWrapper .quest,
    html.ztv-m .dialog .quest {
        float: none !important;
        display: inline !important;
        width: auto !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
    html.ztv-m .dialog .achievementPoints,
    html.ztv-m .questWrapper .achievementPoints {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
    }
    html.ztv-m .dialog #achievementRewardList,
    html.ztv-m .questWrapper #achievementRewardList {
        width: max-content !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
    }
    html.ztv-m .dialog img,
    html.ztv-m .questWrapper img {
        max-width: 100% !important;
        height: auto !important;
    }
    /* G?rev a??kken kenar tutacaklar? gizle */
    html.ztv-m body:has(.dialog) .ztv-m-edge,
    html.ztv-m body:has(.questWrapper) .ztv-m-edge {
        display: none !important;
    }

    /* Harita + crop finder */
    html.ztv-m body.v35.map #mapContainer,
    html.ztv-m body.map #mapContainer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.map #content.map,
    html.ztv-m body.v35.map .map2 {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.cropfinder #content,
    html.ztv-m body.v35.cropfinder table {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.cropfinder .contentContainer {
        overflow-x: auto !important;
    }

    /* Kenar butonlar? i?erik ?st?n? kaplamas?n (daralt) ? koyu ve net */
    html.ztv-m body.v35:not(.village1):not(.village2) .ztv-m-edge {
        width: 28px;
        height: 72px;
        line-height: 72px !important;
        font-size: 20px !important;
        opacity: 1;
        background: rgba(22, 14, 6, 0.94) !important;
        border-color: rgba(255, 220, 140, 0.92);
        color: #ffe9b0 !important;
        top: 42%;
    }

    /* Login / kay?t / ??k?? mobil ? saat+dil ayn? kahverengi bar */
    html.ztv-m body.login,
    html.ztv-m body.signup,
    html.ztv-m body.logout {
        padding-bottom: 24px !important;
    }
    html.ztv-m body.login .ztv-m-topbar,
    html.ztv-m body.signup .ztv-m-topbar,
    html.ztv-m body.logout .ztv-m-topbar {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }
    html.ztv-m body.login #header,
    html.ztv-m body.signup #header,
    html.ztv-m body.logout #header {
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }
    html.ztv-m body.login #header #logo,
    html.ztv-m body.signup #header #logo,
    html.ztv-m body.logout #header #logo {
        display: none !important;
    }
    html.ztv-m body.login #content .ztvLangTitleAuth,
    html.ztv-m body.signup #content .ztvLangTitleAuth,
    html.ztv-m body.logout #content .ztvLangTitleAuth {
        display: none !important;
    }
    html.ztv-m body.login .ztv-m-topbar .ztv-auth-lang-slot,
    html.ztv-m body.signup .ztv-m-topbar .ztv-auth-lang-slot,
    html.ztv-m body.logout .ztv-m-topbar .ztv-auth-lang-slot,
    html.ztv-m body.login .ztv-m-topbar .ztvLangSlotAuth,
    html.ztv-m body.signup .ztv-m-topbar .ztvLangSlotAuth,
    html.ztv-m body.logout .ztv-m-topbar .ztvLangSlotAuth,
    html.ztv-m body.login .ztv-m-topbar .ztvLangSelect,
    html.ztv-m body.signup .ztv-m-topbar .ztvLangSelect,
    html.ztv-m body.logout .ztv-m-topbar .ztvLangSelect {
        display: flex !important;
        align-items: center !important;
        position: static !important;
        float: none !important;
        margin: 0 !important;
    }
    html.ztv-m body.login #servertime,
    html.ztv-m body.signup #servertime,
    html.ztv-m body.logout #servertime {
        position: static !important;
        left: auto !important;
        top: auto !important;
        font-size: 0 !important;
        color: #fff !important;
        margin: 0 !important;
    }
    html.ztv-m body.login #servertime #tp1,
    html.ztv-m body.signup #servertime #tp1,
    html.ztv-m body.logout #servertime #tp1 {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #fff !important;
    }
    html.ztv-m body.signup div#background,
    html.ztv-m body.signup {
        background-image: url(img/layout/anmelden-mobile.jpg?v=20260727m49) !important;
        background-size: cover !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        background-color: #1a2218 !important;
        min-height: 100dvh !important;
    }
    /* Login / logout: manzara formun ARKASINDA (cam panel g?r?ns?n) ? perspectiveBuildings ye?ilini ez */
    html.ztv-m body.login.perspectiveBuildings div#background,
    html.ztv-m body.login div#background,
    html.ztv-m body.login {
        background-image: url(img/layout/login-mobile.jpg?v=20260727m49) !important;
        background-size: cover !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        background-color: #1a2218 !important;
        min-height: 100dvh !important;
    }
    html.ztv-m body.logout.perspectiveBuildings div#background,
    html.ztv-m body.logout div#background,
    html.ztv-m body.logout {
        background-image: url(img/layout/logout-mobile.jpg?v=20260727m50) !important;
        background-size: cover !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        background-color: #1a2218 !important;
        min-height: 100dvh !important;
    }
    html.ztv-m body.login.perspectiveBuildings:before,
    html.ztv-m body.login.perspectiveBuildings:after,
    html.ztv-m body.login div#background:before,
    html.ztv-m body.login div#background:after,
    html.ztv-m body.signup.perspectiveBuildings:before,
    html.ztv-m body.signup.perspectiveBuildings:after,
    html.ztv-m body.signup div#background:before,
    html.ztv-m body.signup div#background:after,
    html.ztv-m body.logout.perspectiveBuildings:before,
    html.ztv-m body.logout.perspectiveBuildings:after,
    html.ztv-m body.logout div#background:before,
    html.ztv-m body.logout div#background:after {
        background-image: none !important;
        display: none !important;
    }
    /* Alt hero: sayfa BG zaten manzara ? ?ift resim olmas?n */
    html.ztv-m body.login .ztv-login-hero,
    html.ztv-m body.signup .ztv-signup-hero,
    html.ztv-m body.logout .ztv-logout-hero {
        display: none !important;
    }
    html.ztv-m body.logout #content .ztv-signup-tribes {
        display: none !important;
    }
    html.ztv-m body.logout h1.titleInHeader {
        display: none !important;
    }
    /* Cam form ? manzara arkadan g?r?ns?n */
    html.ztv-m body.login div#center div#contentOuterContainer,
    html.ztv-m body.signup div#center div#contentOuterContainer,
    html.ztv-m body.logout div#center div#contentOuterContainer,
    html.ztv-m body.v35.login div#center div#contentOuterContainer,
    html.ztv-m body.v35.signup div#center div#contentOuterContainer,
    html.ztv-m body.v35.logout div#center div#contentOuterContainer {
        background: transparent !important;
        background-image: none !important;
    }
    html.ztv-m body.login div#center div#contentOuterContainer div.contentContainer,
    html.ztv-m body.signup div#center div#contentOuterContainer div.contentContainer,
    html.ztv-m body.logout div#center div#contentOuterContainer div.contentContainer,
    html.ztv-m body.v35.login div#center div#contentOuterContainer div.contentContainer,
    html.ztv-m body.v35.signup div#center div#contentOuterContainer div.contentContainer,
    html.ztv-m body.v35.logout div#center div#contentOuterContainer div.contentContainer,
    html.ztv-m body.v35.login div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.logout div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.signup div#center div#contentOuterContainer .contentContainer {
        background: rgba(254, 247, 231, 0.36) !important;
        background-color: rgba(254, 247, 231, 0.36) !important;
        background-image: none !important;
        border: 1px solid rgba(153, 192, 26, 0.55) !important;
        border-radius: 10px !important;
        margin: 12px 8px !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 12px 10px 10px !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
    }
    html.ztv-m body.v35.login div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.login div#center div#contentOuterContainer div#content.login,
    html.ztv-m body.v35.logout div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.logout div#center div#contentOuterContainer div#content.logout,
    html.ztv-m body.v35.signup div#center div#contentOuterContainer div#content {
        padding: 4px 2px 8px !important;
        min-height: 0 !important;
        height: auto !important;
        background: transparent !important;
        background-image: none !important;
    }
    html.ztv-m body.login #contentOuterContainer .contentTitle,
    html.ztv-m body.signup #contentOuterContainer .contentTitle,
    html.ztv-m body.logout #contentOuterContainer .contentTitle,
    html.ztv-m body.login #contentOuterContainer .contentFooter,
    html.ztv-m body.signup #contentOuterContainer .contentFooter,
    html.ztv-m body.logout #contentOuterContainer .contentFooter {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    html.ztv-m body.login #content.login,
    html.ztv-m body.signup #content.signup,
    html.ztv-m body.logout #content.logout,
    html.ztv-m body.login #content .outerLoginBox,
    html.ztv-m body.login #content .login {
        background: transparent !important;
        background-image: none !important;
    }
    /* Login: opak bgLogin PNG yok ? hafif cam i? kutu */
    html.ztv-m body.login div.outerLoginBox div.innerLoginBox,
    html.ztv-m body.login div.outerLoginBox.withCaptcha div.innerLoginBox {
        background-image: none !important;
        background-color: rgba(255, 255, 255, 0.28) !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        border-radius: 8px !important;
        padding: 10px 8px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.login div.outerLoginBox table.loginTable {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
    }
    html.ztv-m body.login div.greenbox.passwordForgotten,
    html.ztv-m body.login div.greenbox {
        background: rgba(254, 247, 231, 0.28) !important;
        background-image: none !important;
        border-color: rgba(153, 192, 26, 0.55) !important;
    }
    html.ztv-m body.login div.greenbox .greenbox-top,
    html.ztv-m body.login div.greenbox .greenbox-content,
    html.ztv-m body.login div.greenbox .greenbox-bottom {
        background: transparent !important;
        background-image: none !important;
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
    }
    html.ztv-m body.ztv-first-register div.activate .boxVidInfo,
    html.ztv-m body.ztv-first-register div.activate .boxVidInfo .greenbox-content {
        background: #fff !important;
        background-image: none !important;
        color: #1a1a1a !important;
        border-color: #d4cbb0 !important;
        font-weight: normal !important;
    }
    html.ztv-m body.ztv-first-register div.activate .avatar.ztv-first-avatar-spartan,
    html.ztv-m body.ztv-first-register div.activate .avatar.ztv-first-avatar-berserker {
        width: 190px !important;
        height: 216px !important;
        right: -20px !important;
        bottom: -210px !important;
        background-size: 100% 100% !important;
        background-position: center bottom !important;
    }
    /* Logout: mesaj kutusu biraz ?effaf */
    html.ztv-m body.logout #content.logout h4,
    html.ztv-m body.logout #content.logout p {
        color: #1a1a1a !important;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
    html.ztv-m body.logout .ztv-logout-login {
        margin: 12px 0 4px !important;
        text-align: center !important;
    }
    html.ztv-m body.logout a.ztv-logout-login-btn,
    html.ztv-m body.logout a.ztv-logout-login-btn.green {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        float: none !important;
    }
    html.ztv-m body.logout a.ztv-logout-login-btn .button-container {
        width: 100% !important;
        min-height: 44px !important;
    }
    html.ztv-m body.logout a.ztv-logout-login-btn .button-content {
        font-size: 16px !important;
        font-weight: 700 !important;
    }
    html.ztv-m body.signup #content .ztv-signup-tribes {
        display: none !important;
    }
    html.ztv-m body.login #center,
    html.ztv-m body.signup #center,
    html.ztv-m body.logout #center {
        min-height: 0 !important;
        padding-bottom: 24px !important;
        display: block !important;
        width: 100% !important;
    }
    html.ztv-m body.login #contentOuterContainer,
    html.ztv-m body.signup #contentOuterContainer,
    html.ztv-m body.logout #contentOuterContainer {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.logout #content h1.titleInHeader,
    html.ztv-m body.logout #content h4 {
        position: static !important;
        float: none !important;
        display: block !important;
        margin: 8px 0 !important;
        line-height: 1.3 !important;
    }
    /* Auth sayfalar?: ?ekmeceler oyun i?i ile ayn? ? a??k/kapal? !important */
    html.ztv-m body.login #sidebarBeforeContent,
    html.ztv-m body.signup #sidebarBeforeContent,
    html.ztv-m body.logout #sidebarBeforeContent,
    html.ztv-m body.login #sidebarAfterContent,
    html.ztv-m body.signup #sidebarAfterContent,
    html.ztv-m body.logout #sidebarAfterContent,
    html.ztv-m body.v35.login #sidebarBeforeContent,
    html.ztv-m body.v35.signup #sidebarBeforeContent,
    html.ztv-m body.v35.logout #sidebarBeforeContent,
    html.ztv-m body.v35.login #sidebarAfterContent,
    html.ztv-m body.v35.signup #sidebarAfterContent,
    html.ztv-m body.v35.logout #sidebarAfterContent {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(88vw, 340px) !important;
        max-width: 340px !important;
        height: 100% !important;
        height: 100dvh !important;
        margin: 0 !important;
        float: none !important;
        z-index: 10100 !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch;
        background: rgba(36, 28, 18, 0.97) !important;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.55);
        transition: transform 0.28s ease;
        padding: 72px 8px 96px !important;
        box-sizing: border-box !important;
        display: block !important;
        pointer-events: none !important;
        visibility: hidden !important;
        opacity: 1 !important;
        touch-action: pan-y !important;
    }
    html.ztv-m body.login #sidebarBeforeContent,
    html.ztv-m body.signup #sidebarBeforeContent,
    html.ztv-m body.logout #sidebarBeforeContent,
    html.ztv-m body.v35.login #sidebarBeforeContent,
    html.ztv-m body.v35.signup #sidebarBeforeContent,
    html.ztv-m body.v35.logout #sidebarBeforeContent {
        left: 0 !important;
        right: auto !important;
        transform: translateX(-105%) !important;
        -webkit-transform: translateX(-105%) !important;
    }
    html.ztv-m body.login #sidebarAfterContent,
    html.ztv-m body.signup #sidebarAfterContent,
    html.ztv-m body.logout #sidebarAfterContent,
    html.ztv-m body.v35.login #sidebarAfterContent,
    html.ztv-m body.v35.signup #sidebarAfterContent,
    html.ztv-m body.v35.logout #sidebarAfterContent {
        right: 0 !important;
        left: auto !important;
        transform: translateX(105%) !important;
        -webkit-transform: translateX(105%) !important;
        padding-top: 24px !important;
    }
    html.ztv-m body.login.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.signup.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.logout.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.login.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.signup.ztv-drawer-left #sidebarBeforeContent,
    html.ztv-m body.v35.logout.ztv-drawer-left #sidebarBeforeContent {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 2147483500 !important;
    }
    html.ztv-m body.login.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.signup.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.logout.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.v35.login.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.v35.signup.ztv-drawer-right #sidebarAfterContent,
    html.ztv-m body.v35.logout.ztv-drawer-right #sidebarAfterContent {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 2147483500 !important;
    }
    html.ztv-m body.login.ztv-drawer-left .ztv-m-scrim,
    html.ztv-m body.signup.ztv-drawer-left .ztv-m-scrim,
    html.ztv-m body.logout.ztv-drawer-left .ztv-m-scrim,
    html.ztv-m body.login.ztv-drawer-right .ztv-m-scrim,
    html.ztv-m body.signup.ztv-drawer-right .ztv-m-scrim,
    html.ztv-m body.logout.ztv-drawer-right .ztv-m-scrim {
        display: block !important;
        z-index: 2147482800 !important;
        pointer-events: auto !important;
        background: rgba(0, 0, 0, 0.2) !important;
    }
    html.ztv-m body.login .ztv-m-edge,
    html.ztv-m body.signup .ztv-m-edge,
    html.ztv-m body.logout .ztv-m-edge,
    html.ztv-m body.v35.login .ztv-m-edge,
    html.ztv-m body.v35.signup .ztv-m-edge,
    html.ztv-m body.v35.logout .ztv-m-edge {
        /* Auth: kenar oklar? bir t?k daha belirgin */
        display: block !important;
        z-index: 2147483646 !important;
        pointer-events: auto !important;
        width: 34px !important;
        height: 86px !important;
        line-height: 86px !important;
        font-size: 22px !important;
        opacity: 0.82 !important;
        top: 42% !important;
        background: rgba(42, 30, 14, 0.58) !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.42);
        border: 1px solid rgba(255, 230, 170, 0.78);
        color: rgba(255, 244, 210, 1) !important;
    }
    html.ztv-m body.login.ztv-drawer-left .ztv-m-edge--left,
    html.ztv-m body.signup.ztv-drawer-left .ztv-m-edge--left,
    html.ztv-m body.logout.ztv-drawer-left .ztv-m-edge--left {
        left: min(88vw, 340px) !important;
        opacity: 1 !important;
        background: rgba(42, 30, 14, 0.45) !important;
    }
    html.ztv-m body.login.ztv-drawer-right .ztv-m-edge--right,
    html.ztv-m body.signup.ztv-drawer-right .ztv-m-edge--right,
    html.ztv-m body.logout.ztv-drawer-right .ztv-m-edge--right {
        right: min(88vw, 340px) !important;
        opacity: 1 !important;
        background: rgba(42, 30, 14, 0.45) !important;
    }
    html.ztv-m body.login.ztv-drawer-left .ztv-m-edge--right,
    html.ztv-m body.signup.ztv-drawer-left .ztv-m-edge--right,
    html.ztv-m body.logout.ztv-drawer-left .ztv-m-edge--right,
    html.ztv-m body.login.ztv-drawer-right .ztv-m-edge--left,
    html.ztv-m body.signup.ztv-drawer-right .ztv-m-edge--left,
    html.ztv-m body.logout.ztv-drawer-right .ztv-m-edge--left {
        display: none !important;
    }
    /* Mobil: Giri? / Kay?t ba?l?k yaz?lar? gizle (?st ?ste binmesin) */
    html.ztv-m body.login #content .ztvAuthTitleRow,
    html.ztv-m body.login #content h1.titleInHeader,
    html.ztv-m body.signup #content .ztvAuthTitleRow,
    html.ztv-m body.signup #content h1.titleInHeader {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }
    html.ztv-m body.login .ztv-m-nav,
    html.ztv-m body.signup .ztv-m-nav,
    html.ztv-m body.logout .ztv-m-nav {
        display: none !important;
    }
    html.ztv-m body.login #sidebarBeforeContent a,
    html.ztv-m body.signup #sidebarBeforeContent a,
    html.ztv-m body.logout #sidebarBeforeContent a,
    html.ztv-m body.login #sidebarAfterContent,
    html.ztv-m body.signup #sidebarAfterContent,
    html.ztv-m body.logout #sidebarAfterContent,
    html.ztv-m body.login #sidebarBeforeContent,
    html.ztv-m body.signup #sidebarBeforeContent,
    html.ztv-m body.logout #sidebarBeforeContent {
        color: #252525 !important;
    }
    /* Se?ili men?: compact #sidebarBoxMenu ile ayn? ? gri kay?k alan olmas?n */
    html.ztv-m body.login #sidebarBeforeContent .sidebarBox ul,
    html.ztv-m body.signup #sidebarBeforeContent .sidebarBox ul,
    html.ztv-m body.logout #sidebarBeforeContent .sidebarBox ul {
        border-top: 1px solid #d7c095 !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    html.ztv-m body.login #sidebarBeforeContent .sidebarBox ul li,
    html.ztv-m body.signup #sidebarBeforeContent .sidebarBox ul li,
    html.ztv-m body.logout #sidebarBeforeContent .sidebarBox ul li {
        padding: 0 !important;
        margin: 0 !important;
        line-height: 26px !important;
        height: 26px !important;
        border-bottom: 1px solid #d7c095 !important;
        background: none !important;
        background-color: transparent !important;
        position: relative !important;
    }
    html.ztv-m body.login #sidebarBeforeContent .sidebarBox ul li.active,
    html.ztv-m body.signup #sidebarBeforeContent .sidebarBox ul li.active,
    html.ztv-m body.logout #sidebarBeforeContent .sidebarBox ul li.active,
    html.ztv-m body.login #sidebarBeforeContent .sidebarBox ul li:hover,
    html.ztv-m body.signup #sidebarBeforeContent .sidebarBox ul li:hover,
    html.ztv-m body.logout #sidebarBeforeContent .sidebarBox ul li:hover {
        background: none !important;
        background-color: transparent !important;
    }
    html.ztv-m body.login #sidebarBeforeContent .sidebarBox ul li a,
    html.ztv-m body.signup #sidebarBeforeContent .sidebarBox ul li a,
    html.ztv-m body.logout #sidebarBeforeContent .sidebarBox ul li a {
        display: block !important;
        height: 26px !important;
        line-height: 26px !important;
        margin: 0 !important;
        padding: 0 0 0 20px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        color: #252525 !important;
        background: none !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        overflow: hidden !important;
    }
    html.ztv-m body.login #sidebarBeforeContent .sidebarBox ul li.active a,
    html.ztv-m body.signup #sidebarBeforeContent .sidebarBox ul li.active a,
    html.ztv-m body.logout #sidebarBeforeContent .sidebarBox ul li.active a,
    html.ztv-m body.login #sidebarBeforeContent .sidebarBox ul li a:active,
    html.ztv-m body.signup #sidebarBeforeContent .sidebarBox ul li a:active,
    html.ztv-m body.logout #sidebarBeforeContent .sidebarBox ul li a:active {
        color: #fff !important;
        background-color: #b29672 !important;
        border-radius: 0 !important;
    }
    html.ztv-m body.login #sidebarBeforeContent .sidebarBox ul li a[href*="wa.me"],
    html.ztv-m body.signup #sidebarBeforeContent .sidebarBox ul li a[href*="wa.me"],
    html.ztv-m body.logout #sidebarBeforeContent .sidebarBox ul li a[href*="wa.me"] {
        color: #0000ff !important;
    }
    html.ztv-m body.login #sidebarBeforeContent h3,
    html.ztv-m body.signup #sidebarBeforeContent h3,
    html.ztv-m body.logout #sidebarBeforeContent h3,
    html.ztv-m body.login #sidebarAfterContent h3,
    html.ztv-m body.signup #sidebarAfterContent h3,
    html.ztv-m body.logout #sidebarAfterContent h3 {
        color: #61332b !important;
    }

    /* ========== Mobil: spieler / istatistik / rapor / mesaj / plus3 / g?rev ========== */

    /* Alt nav yaz? hizas? (?statistik / Raporlar / Mesajlar) */
    html.ztv-m .ztv-m-nav a {
        justify-content: flex-start !important;
        padding-top: 4px !important;
        gap: 1px;
        overflow: visible !important;
    }
    html.ztv-m .ztv-m-nav .ztv-m-nav-ico {
        flex: 0 0 38px !important;
        width: 38px !important;
        height: 38px !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }
    html.ztv-m .ztv-m-nav .ztv-m-badge {
        top: 0 !important;
        left: 50% !important;
        right: auto !important;
        margin-left: 6px !important;
        z-index: 3 !important;
    }
    html.ztv-m .ztv-m-nav span.ztv-m-nav-lbl {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 14px !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 1px !important;
        font-size: 8.5px !important;
        line-height: 1.1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        letter-spacing: -0.02em;
    }

    /* Sayfa sekmeleri ? yaz? dikey ortal? (istatistik / rapor / mesaj / plus / birlik) */
    html.ztv-m body.v35.statistics .contentNavi,
    html.ztv-m body.v35.reports .contentNavi,
    html.ztv-m body.v35.messages .contentNavi,
    html.ztv-m body.v35.plusPage .contentNavi,
    html.ztv-m body.v35.plus .contentNavi,
    html.ztv-m body.v35.spieler .contentNavi,
    html.ztv-m body.v35.player .contentNavi,
    html.ztv-m body.v35.alliance .contentNavi {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        float: none !important;
        white-space: normal !important;
        left: 0 !important;
        top: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        background-image: none !important;
    }
    html.ztv-m body.v35.statistics .contentNavi .container,
    html.ztv-m body.v35.reports .contentNavi .container,
    html.ztv-m body.v35.messages .contentNavi .container,
    html.ztv-m body.v35.plusPage .contentNavi .container,
    html.ztv-m body.v35.plus .contentNavi .container,
    html.ztv-m body.v35.spieler .contentNavi .container,
    html.ztv-m body.v35.player .contentNavi .container,
    html.ztv-m body.v35.alliance .contentNavi .container {
        float: none !important;
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        position: relative !important;
    }
    /* Travian tab sprite ?ubuklar? ? mobilde gizle (bozuk gri/ye?il barlar) */
    html.ztv-m body.v35.statistics .contentNavi .background-start,
    html.ztv-m body.v35.statistics .contentNavi .background-end,
    html.ztv-m body.v35.reports .contentNavi .background-start,
    html.ztv-m body.v35.reports .contentNavi .background-end,
    html.ztv-m body.v35.messages .contentNavi .background-start,
    html.ztv-m body.v35.messages .contentNavi .background-end,
    html.ztv-m body.v35.plusPage .contentNavi .background-start,
    html.ztv-m body.v35.plusPage .contentNavi .background-end,
    html.ztv-m body.v35.spieler .contentNavi .background-start,
    html.ztv-m body.v35.spieler .contentNavi .background-end,
    html.ztv-m body.v35.player .contentNavi .background-start,
    html.ztv-m body.v35.player .contentNavi .background-end,
    html.ztv-m body.v35.alliance .contentNavi .background-start,
    html.ztv-m body.v35.alliance .contentNavi .background-end,
    html.ztv-m .contentNavi.tabNavi .background-start,
    html.ztv-m .contentNavi.tabNavi .background-end {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: none !important;
        background-image: none !important;
        position: absolute !important;
        left: -9999px !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }
    html.ztv-m body.v35.statistics .contentNavi .container .content,
    html.ztv-m body.v35.reports .contentNavi .container .content,
    html.ztv-m body.v35.messages .contentNavi .container .content,
    html.ztv-m body.v35.plusPage .contentNavi .container .content,
    html.ztv-m body.v35.plus .contentNavi .container .content,
    html.ztv-m body.v35.spieler .contentNavi .container .content,
    html.ztv-m body.v35.player .contentNavi .container .content,
    html.ztv-m body.v35.alliance .contentNavi .container .content {
        float: none !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        z-index: 1 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.statistics .contentNavi .tabItem,
    html.ztv-m body.v35.reports .contentNavi .tabItem,
    html.ztv-m body.v35.messages .contentNavi .tabItem,
    html.ztv-m body.v35.plusPage .contentNavi .tabItem,
    html.ztv-m body.v35.plus .contentNavi .tabItem,
    html.ztv-m body.v35.spieler .contentNavi .tabItem,
    html.ztv-m body.v35.player .contentNavi .tabItem,
    html.ztv-m body.v35.alliance .contentNavi .tabItem {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        height: auto !important;
        max-width: 100% !important;
        padding: 8px 6px !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: break-word !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    html.ztv-m body.v35.statistics .contentNavi .clear,
    html.ztv-m body.v35.reports .contentNavi .clear,
    html.ztv-m body.v35.messages .contentNavi .clear,
    html.ztv-m body.v35.alliance .contentNavi .clear {
        display: none !important;
    }

    /* Birlik sekmeleri ? kesilmesin, 2 s?tun sar */
    html.ztv-m body.v35.alliance .contentNavi.subNavi {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 4px 0 10px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }
    html.ztv-m body.v35.alliance .contentNavi.subNavi .container {
        flex: 1 1 calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        height: auto !important;
        margin: 0 !important;
        border: 0 !important;
        background: none !important;
        background-image: none !important;
        box-shadow: none !important;
        float: none !important;
    }
    html.ztv-m body.v35.alliance .contentNavi.subNavi .container .content {
        height: auto !important;
        min-height: 36px !important;
        width: 100% !important;
        border-radius: 5px !important;
        border: 1px solid #555 !important;
        background-image: linear-gradient(to bottom, #f0f0f0, #d8d8d8) !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.alliance .contentNavi.subNavi .container.active {
        height: auto !important;
        margin-top: 0 !important;
        border: 0 !important;
        background: none !important;
        background-image: none !important;
    }
    html.ztv-m body.v35.alliance .contentNavi.subNavi .container.active .content {
        background-image: linear-gradient(to bottom, #7cb029, #587c1e) !important;
        border-color: #283308 !important;
    }
    html.ztv-m body.v35.alliance .contentNavi.subNavi .tabItem {
        color: #222 !important;
        padding: 8px 4px !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    html.ztv-m body.v35.alliance .contentNavi.subNavi .container.active .tabItem,
    html.ztv-m body.v35.alliance .contentNavi.subNavi .container.active a {
        color: #111 !important;
        font-weight: 800 !important;
    }

    /* ?statistik alt sekmeleri (Genel bak?? / Sald?r? / ?) ? tabNavi sprite k?r??? */
    html.ztv-m body.v35.statistics .contentNavi.tabNavi {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 8px 0 12px !important;
        padding: 0 !important;
        background: none !important;
        background-image: none !important;
        overflow: visible !important;
        float: none !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.tabNavi .container {
        float: none !important;
        position: relative !important;
        flex: 1 1 calc(50% - 4px) !important;
        width: calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.tabNavi .container .content {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 36px !important;
        border: 1px solid #283308 !important;
        border-radius: 5px !important;
        box-sizing: border-box !important;
        background-image: linear-gradient(to bottom, #fffef8, #e8e2d4) !important;
        background-color: #f5f0e4 !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.tabNavi .container.active .content {
        background-image: linear-gradient(to bottom, #7cb029, #587c1e) !important;
        background-color: #7cb029 !important;
        border-color: #283308 !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.tabNavi .container .content a {
        display: block !important;
        width: 100% !important;
        text-decoration: none !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.tabNavi .tabItem {
        color: #222 !important;
        font-weight: 600 !important;
        padding: 8px 4px !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.tabNavi .container.active .tabItem {
        color: #111 !important;
        font-weight: 800 !important;
        text-shadow: none !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.subNavi {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 4px 0 10px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.subNavi .container {
        flex: 1 1 calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        height: auto !important;
        margin: 0 !important;
        margin-top: 0 !important;
        border: 0 !important;
        background: none !important;
        background-image: none !important;
        box-shadow: none !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.subNavi .container .content {
        height: auto !important;
        min-height: 36px !important;
        border-radius: 5px !important;
        border: 1px solid #555 !important;
        border-bottom: 1px solid #555 !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.subNavi .container.active {
        height: auto !important;
        margin-top: 0 !important;
        border: 0 !important;
        background: none !important;
        background-image: none !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.subNavi .container.active .content {
        background-image: linear-gradient(to bottom, #7cb029, #587c1e) !important;
        border-color: #283308 !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.subNavi .tabItem {
        color: #222 !important;
        padding: 8px 4px !important;
    }
    html.ztv-m body.v35.statistics .contentNavi.subNavi .container.active .tabItem,
    html.ztv-m body.v35.statistics .contentNavi.subNavi .container.active a {
        color: #111 !important;
        font-weight: 800 !important;
    }

    /* ?statistik ? alt men? alt?nda ara/geri/ileri g?r?ns?n */
    html.ztv-m body.v35.statistics {
        padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)) !important;
    }
    html.ztv-m body.v35.statistics div#center div#contentOuterContainer {
        padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    }
    html.ztv-m body.v35.statistics div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.statistics div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.statistics #content.statistics {
        padding-bottom: 120px !important;
        margin-bottom: 0 !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        min-height: auto !important;
        height: auto !important;
    }
    html.ztv-m body.v35.statistics #search_navi {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 32px !important;
        padding: 0 0 28px !important;
        box-sizing: border-box !important;
        clear: both !important;
        position: relative !important;
        z-index: 1 !important;
    }
    html.ztv-m body.v35.statistics #search_navi .boxes,
    html.ztv-m body.v35.statistics #search_navi .boxes-contents,
    html.ztv-m body.v35.statistics #search_navi .boxes-contents.w292 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.statistics #search_navi form {
        display: block !important;
        width: 100% !important;
        margin: 0 0 10px !important;
    }
    html.ztv-m body.v35.statistics #search_navi table.transparent {
        width: 100% !important;
        table-layout: auto !important;
    }
    html.ztv-m body.v35.statistics #search_navi table.transparent tbody,
    html.ztv-m body.v35.statistics #search_navi table.transparent tr {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px 8px !important;
        width: 100% !important;
    }
    html.ztv-m body.v35.statistics #search_navi table.transparent td {
        display: block !important;
        width: auto !important;
        flex: 0 1 auto !important;
        padding: 2px 0 !important;
        box-sizing: border-box !important;
        max-width: none !important;
    }
    html.ztv-m body.v35.statistics #search_navi table.transparent td:last-child {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 72px !important;
        margin-left: auto !important;
    }
    html.ztv-m body.v35.statistics #search_navi input.text.ra {
        width: 48px !important;
        max-width: 48px !important;
        box-sizing: border-box !important;
        margin-left: 4px !important;
    }
    html.ztv-m body.v35.statistics #search_navi input.text.name {
        width: min(110px, 28vw) !important;
        max-width: 120px !important;
        box-sizing: border-box !important;
        margin-left: 4px !important;
    }
    html.ztv-m body.v35.statistics #search_navi button#btn_ok,
    html.ztv-m body.v35.statistics #search_navi button.green {
        display: inline-block !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 2 !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.statistics #search_navi button#btn_ok .button-container,
    html.ztv-m body.v35.statistics #search_navi button.green .button-container {
        width: 64px !important;
        max-width: 64px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.statistics #search_navi button#btn_ok .button-content,
    html.ztv-m body.v35.statistics #search_navi button.green .button-content {
        padding: 5px 8px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        text-align: center !important;
    }
    html.ztv-m body.v35.statistics #search_navi .paginator {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px 4px 8px !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        clear: both !important;
        float: none !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 2 !important;
    }
    html.ztv-m body.v35.statistics #search_navi .paginator a {
        display: inline-block !important;
        padding: 8px 12px !important;
        margin: 0 2px !important;
        min-height: 36px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        color: #3d5c12 !important;
        background: #e8f0d0 !important;
        border: 1px solid #6ba022 !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
        -webkit-tap-highlight-color: transparent;
    }
    html.ztv-m body.v35.statistics #footer,
    html.ztv-m body.v35.statistics div#footer {
        padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
        min-height: 48px !important;
    }

    html.ztv-m body.v35.statistics table#player,
    html.ztv-m body.v35.statistics table.row_table_data {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 11px !important;
    }
    html.ztv-m body.v35.statistics table#player td,
    html.ztv-m body.v35.statistics table.row_table_data td {
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        padding: 3px 2px !important;
        vertical-align: middle !important;
    }
    html.ztv-m body.v35.statistics table#player td.pla,
    html.ztv-m body.v35.statistics table.row_table_data td.pla,
    html.ztv-m body.v35.statistics table#player thead td:nth-child(2),
    html.ztv-m body.v35.statistics table.row_table_data thead td:nth-child(2) {
        text-align: center !important;
    }
    html.ztv-m body.v35.statistics table#player td.pla a,
    html.ztv-m body.v35.statistics table.row_table_data td.pla a {
        display: inline-block !important;
        text-align: center !important;
        max-width: 100% !important;
    }
    /* Top 10 + t?m istatistik tablolar? ? yaz?/no ortal? */
    html.ztv-m body.v35.statistics .top10Wrapper,
    html.ztv-m body.v35.statistics #statLeft,
    html.ztv-m body.v35.statistics #statRight {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        position: relative !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.statistics table.top10,
    html.ztv-m body.v35.statistics table[id^="top10_"],
    html.ztv-m body.v35.statistics table#player,
    html.ztv-m body.v35.statistics table#player_off,
    html.ztv-m body.v35.statistics table#player_def,
    html.ztv-m body.v35.statistics table#alliance,
    html.ztv-m body.v35.statistics table#heroes,
    html.ztv-m body.v35.statistics table.row_table_data {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        table-layout: fixed !important;
    }
    html.ztv-m body.v35.statistics table.top10 td,
    html.ztv-m body.v35.statistics table.top10 th,
    html.ztv-m body.v35.statistics table[id^="top10_"] td,
    html.ztv-m body.v35.statistics table[id^="top10_"] th,
    html.ztv-m body.v35.statistics table#player td,
    html.ztv-m body.v35.statistics table#player_off td,
    html.ztv-m body.v35.statistics table#player_def td,
    html.ztv-m body.v35.statistics table#alliance td,
    html.ztv-m body.v35.statistics table#heroes td,
    html.ztv-m body.v35.statistics table.row_table_data td,
    html.ztv-m body.v35.statistics td.ra,
    html.ztv-m body.v35.statistics td.pla,
    html.ztv-m body.v35.statistics td.val,
    html.ztv-m body.v35.statistics td.al,
    html.ztv-m body.v35.statistics td.pop,
    html.ztv-m body.v35.statistics td.vil,
    html.ztv-m body.v35.statistics td.fc,
    html.ztv-m body.v35.statistics td.lc {
        text-align: center !important;
    }
    html.ztv-m body.v35.statistics table.top10 td a,
    html.ztv-m body.v35.statistics table[id^="top10_"] td a,
    html.ztv-m body.v35.statistics table.row_table_data td a {
        display: inline-block !important;
        text-align: center !important;
        max-width: 100% !important;
    }
    /* Top 10: ? dar; Oyuncu ? Puanlar e?it geni?lik + ayn? yaz? boyutu */
    html.ztv-m body.v35.statistics table.top10,
    html.ztv-m body.v35.statistics table[id^="top10_"] {
        font-size: 11px !important;
    }
    html.ztv-m body.v35.statistics table.top10 thead td,
    html.ztv-m body.v35.statistics table[id^="top10_"] thead td {
        font-size: 11px !important;
        font-weight: bold !important;
        letter-spacing: normal !important;
    }
    html.ztv-m body.v35.statistics table.top10 thead td:nth-child(1),
    html.ztv-m body.v35.statistics table.top10 td.ra,
    html.ztv-m body.v35.statistics table.top10 td.fc,
    html.ztv-m body.v35.statistics table[id^="top10_"] thead td:nth-child(1),
    html.ztv-m body.v35.statistics table[id^="top10_"] td.ra,
    html.ztv-m body.v35.statistics table[id^="top10_"] td.fc {
        width: 26px !important;
        max-width: 28px !important;
        min-width: 22px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        font-size: 11px !important;
    }
    html.ztv-m body.v35.statistics table.top10 thead td:nth-child(2),
    html.ztv-m body.v35.statistics table.top10 td.pla,
    html.ztv-m body.v35.statistics table[id^="top10_"] thead td:nth-child(2),
    html.ztv-m body.v35.statistics table[id^="top10_"] td.pla,
    html.ztv-m body.v35.statistics table.top10 thead td:nth-child(3),
    html.ztv-m body.v35.statistics table.top10 td.val,
    html.ztv-m body.v35.statistics table.top10 td.lc,
    html.ztv-m body.v35.statistics table[id^="top10_"] thead td:nth-child(3),
    html.ztv-m body.v35.statistics table[id^="top10_"] td.val,
    html.ztv-m body.v35.statistics table[id^="top10_"] td.lc {
        width: 46% !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: 11px !important;
        letter-spacing: normal !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.statistics table.top10 td.pla,
    html.ztv-m body.v35.statistics table[id^="top10_"] td.pla {
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
    }
    html.ztv-m body.v35.statistics table.top10 td.val,
    html.ztv-m body.v35.statistics table.top10 td.lc,
    html.ztv-m body.v35.statistics table[id^="top10_"] td.val,
    html.ztv-m body.v35.statistics table[id^="top10_"] td.lc {
        white-space: nowrap !important;
        overflow: visible !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
    html.ztv-m body.v35.statistics table.top10 td.val center,
    html.ztv-m body.v35.statistics table[id^="top10_"] td.val center {
        display: block !important;
        white-space: nowrap !important;
        overflow: visible !important;
        font-size: 11px !important;
        letter-spacing: normal !important;
    }

    /* Ya?ma s?ralamas? ? ayn? font; oyuncu ~14?15 hane; s??mazsa 2 sat?r */
    html.ztv-m body.v35.statistics table#player_raid {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 11px !important;
        font-family: Arial, Helvetica, Verdana, sans-serif !important;
    }
    html.ztv-m body.v35.statistics table#player_raid thead td,
    html.ztv-m body.v35.statistics table#player_raid td {
        text-align: center !important;
        vertical-align: middle !important;
        padding: 3px 2px !important;
        box-sizing: border-box !important;
        font-size: 11px !important;
        font-family: inherit !important;
        letter-spacing: normal !important;
    }
    html.ztv-m body.v35.statistics table#player_raid thead td:nth-child(1),
    html.ztv-m body.v35.statistics table#player_raid td.ra,
    html.ztv-m body.v35.statistics table#player_raid td.fc {
        width: 5% !important;
        max-width: 24px !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
    /* Oyuncu: ~14?15 karakter; s??mazsa en fazla 2 sat?r */
    html.ztv-m body.v35.statistics table#player_raid thead td:nth-child(2),
    html.ztv-m body.v35.statistics table#player_raid td.pla {
        width: 24% !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }
    html.ztv-m body.v35.statistics table#player_raid td.pla a {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        font-size: 11px !important;
        font-family: inherit !important;
        line-height: 1.2 !important;
        word-break: break-word !important;
    }
    /* Birlik: otomatik ortal?; s??mazsa 2 sat?r */
    html.ztv-m body.v35.statistics table#player_raid thead td:nth-child(3),
    html.ztv-m body.v35.statistics table#player_raid td.al {
        width: 14% !important;
        text-align: center !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }
    html.ztv-m body.v35.statistics table#player_raid td.al a {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        font-size: 11px !important;
        font-family: inherit !important;
        line-height: 1.2 !important;
    }
    /* N?fus: 4?5 hane */
    html.ztv-m body.v35.statistics table#player_raid thead td:nth-child(4),
    html.ztv-m body.v35.statistics table#player_raid td.pop {
        width: 12% !important;
        max-width: 52px !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    /* Toplam ya?ma: n?fus ile ayn? font/boyut; uzunsa 2 sat?ra b?l?n?r */
    html.ztv-m body.v35.statistics table#player_raid thead td:nth-child(5),
    html.ztv-m body.v35.statistics table#player_raid td.po,
    html.ztv-m body.v35.statistics table#player_raid td.raid-total {
        width: 45% !important;
        font-size: 11px !important;
        font-family: inherit !important;
        font-weight: normal !important;
        letter-spacing: normal !important;
        white-space: normal !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        line-height: 1.2 !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    html.ztv-m body.v35.statistics table#player_raid td.po center,
    html.ztv-m body.v35.statistics table#player_raid td.raid-total center,
    html.ztv-m body.v35.statistics table#player_raid td.pop center {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        white-space: normal !important;
        word-break: break-all !important;
        font-size: 11px !important;
        font-family: inherit !important;
        letter-spacing: normal !important;
        line-height: 1.2 !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    html.ztv-m body.v35.statistics table#player_raid td.pop center {
        display: block !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* Sald?r? / Savunma ? Ya?ma kurallar?: ?/oyuncu/n?fus dar; puanlar geni? */
    html.ztv-m body.v35.statistics table#player_off,
    html.ztv-m body.v35.statistics table#player_def {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 11px !important;
        font-family: Arial, Helvetica, Verdana, sans-serif !important;
    }
    html.ztv-m body.v35.statistics table#player_off thead td,
    html.ztv-m body.v35.statistics table#player_off td,
    html.ztv-m body.v35.statistics table#player_def thead td,
    html.ztv-m body.v35.statistics table#player_def td {
        text-align: center !important;
        vertical-align: middle !important;
        padding: 3px 2px !important;
        box-sizing: border-box !important;
        font-size: 11px !important;
        font-family: inherit !important;
        letter-spacing: normal !important;
    }
    html.ztv-m body.v35.statistics table#player_off thead td:nth-child(1),
    html.ztv-m body.v35.statistics table#player_off td.ra,
    html.ztv-m body.v35.statistics table#player_off td.fc,
    html.ztv-m body.v35.statistics table#player_def thead td:nth-child(1),
    html.ztv-m body.v35.statistics table#player_def td.ra,
    html.ztv-m body.v35.statistics table#player_def td.fc {
        width: 5% !important;
        max-width: 24px !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
    html.ztv-m body.v35.statistics table#player_off thead td:nth-child(2),
    html.ztv-m body.v35.statistics table#player_off td.pla,
    html.ztv-m body.v35.statistics table#player_def thead td:nth-child(2),
    html.ztv-m body.v35.statistics table#player_def td.pla {
        width: 26% !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }
    html.ztv-m body.v35.statistics table#player_off td.pla a,
    html.ztv-m body.v35.statistics table#player_def td.pla a {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        word-break: break-word !important;
    }
    /* N?fus */
    html.ztv-m body.v35.statistics table#player_off thead td:nth-child(3),
    html.ztv-m body.v35.statistics table#player_off td.pop,
    html.ztv-m body.v35.statistics table#player_def thead td:nth-child(3),
    html.ztv-m body.v35.statistics table#player_def td.pop {
        width: 12% !important;
        max-width: 52px !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    /* Savunma: k?y say?s? dar */
    html.ztv-m body.v35.statistics table#player_def thead td:nth-child(4),
    html.ztv-m body.v35.statistics table#player_def td.vil {
        width: 10% !important;
        max-width: 44px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    /* Puanlar: geni? s?tun (Ya?ma gibi) ? say?lar ta?mas?n / dar s?tunda k?r?lmas?n */
    html.ztv-m body.v35.statistics table#player_off thead td:nth-child(4),
    html.ztv-m body.v35.statistics table#player_off td.po,
    html.ztv-m body.v35.statistics table#player_off td.off-points {
        width: 57% !important;
        font-size: 11px !important;
        font-weight: normal !important;
        letter-spacing: normal !important;
        white-space: normal !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        line-height: 1.2 !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    html.ztv-m body.v35.statistics table#player_def thead td:nth-child(5),
    html.ztv-m body.v35.statistics table#player_def td.po,
    html.ztv-m body.v35.statistics table#player_def td.def-points {
        width: 47% !important;
        font-size: 11px !important;
        font-weight: normal !important;
        letter-spacing: normal !important;
        white-space: normal !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        line-height: 1.2 !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    html.ztv-m body.v35.statistics table#player_off td.po center,
    html.ztv-m body.v35.statistics table#player_off td.off-points center,
    html.ztv-m body.v35.statistics table#player_def td.po center,
    html.ztv-m body.v35.statistics table#player_def td.def-points center,
    html.ztv-m body.v35.statistics table#player_off td.pop center,
    html.ztv-m body.v35.statistics table#player_def td.pop center,
    html.ztv-m body.v35.statistics table#player_def td.vil center {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        white-space: normal !important;
        word-break: break-all !important;
        font-size: 11px !important;
        letter-spacing: normal !important;
        line-height: 1.2 !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    html.ztv-m body.v35.statistics table#player_off td.pop center,
    html.ztv-m body.v35.statistics table#player_def td.pop center,
    html.ztv-m body.v35.statistics table#player_def td.vil center {
        display: block !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* spieler.php ? profil + k?y listesi */
    html.ztv-m body.v35.spieler #content.player .heroImage,
    html.ztv-m body.v35.player #content.player .heroImage {
        float: none !important;
        display: block !important;
        margin: 0 auto 12px !important;
        width: min(140px, 42vw) !important;
        height: auto !important;
        max-width: 140px !important;
    }
    html.ztv-m body.v35.spieler #content.player table#details,
    html.ztv-m body.v35.player #content.player table#details {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        table-layout: fixed !important;
    }
    html.ztv-m body.v35.spieler #content.player table#details th,
    html.ztv-m body.v35.player #content.player table#details th {
        width: 58% !important;
        vertical-align: middle !important;
        text-align: left !important;
        white-space: normal !important;
        padding: 6px 4px !important;
        line-height: 1.25 !important;
    }
    html.ztv-m body.v35.spieler #content.player table#details th img,
    html.ztv-m body.v35.player #content.player table#details th img {
        display: inline-block !important;
        vertical-align: middle !important;
        margin-right: 6px !important;
        width: 18px !important;
        height: 18px !important;
    }
    html.ztv-m body.v35.spieler #content.player table#details th b,
    html.ztv-m body.v35.player #content.player table#details th b {
        display: inline !important;
        vertical-align: middle !important;
        font-weight: 700 !important;
    }
    html.ztv-m body.v35.spieler #content.player table#details td,
    html.ztv-m body.v35.player #content.player table#details td {
        width: 42% !important;
        vertical-align: middle !important;
        text-align: left !important;
        padding: 6px 4px !important;
        word-break: break-word !important;
    }
    html.ztv-m body.v35.spieler #content.player .description,
    html.ztv-m body.v35.player #content.player .description {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 10px !important;
    }
    html.ztv-m body.v35.spieler #content.player table#villages,
    html.ztv-m body.v35.player #content.player table#villages {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        table-layout: auto !important;
    }
    html.ztv-m body.v35.spieler #content.player table#villages thead,
    html.ztv-m body.v35.spieler #content.player table#villages tbody,
    html.ztv-m body.v35.spieler #content.player table#villages tr {
        display: table !important;
        width: 100% !important;
        table-layout: fixed !important;
    }
    html.ztv-m body.v35.spieler #content.player table#villages td.name,
    html.ztv-m body.v35.player #content.player table#villages td.name {
        white-space: normal !important;
        word-break: break-word !important;
    }
    html.ztv-m body.v35.spieler #content.player table#villages td,
    html.ztv-m body.v35.spieler #content.player table#villages th {
        font-size: 11px !important;
        padding: 5px 3px !important;
        vertical-align: middle !important;
    }

    /* spieler ? alt men? y?ksekli?i kadar bo?luk; k?y tablosu nav alt?nda kalmas?n */
    html.ztv-m body.v35.spieler,
    html.ztv-m body.v35.player {
        padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)) !important;
    }
    html.ztv-m body.v35.spieler div#center div#contentOuterContainer,
    html.ztv-m body.v35.player div#center div#contentOuterContainer {
        padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
        margin-bottom: 0 !important;
    }
    html.ztv-m body.v35.spieler div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.player div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.spieler div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.player div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.spieler #content.player,
    html.ztv-m body.v35.player #content.player {
        padding-bottom: 110px !important;
        margin-bottom: 0 !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        min-height: auto !important;
        height: auto !important;
    }
    html.ztv-m body.v35.spieler #content.player table#villages,
    html.ztv-m body.v35.player #content.player table#villages {
        margin-bottom: 24px !important;
    }
    html.ztv-m body.v35.spieler #footer,
    html.ztv-m body.v35.player #footer,
    html.ztv-m body.v35.spieler div#footer,
    html.ztv-m body.v35.player div#footer {
        padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
        min-height: 48px !important;
    }

    /* plus.php?id=3 ? ekrana s??d?r, butonlar b?y?s?n */
    html.ztv-m body.v35.plusPage #content,
    html.ztv-m body.v35.plusPage #content.hero_editor {
        overflow-x: hidden !important;
    }

    /* ?ans ?ark? (plus.php?id=80) ? ekrana s??d?r */
    html.ztv-m body.v35.plusPage .ztv-wheel-wrap,
    html.ztv-m body.v35.plus .ztv-wheel-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 12px !important;
        padding: 0 2px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    html.ztv-m body.v35.plusPage #chart,
    html.ztv-m body.v35.plus #chart {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    html.ztv-m body.v35.plusPage #chart svg,
    html.ztv-m body.v35.plus #chart svg {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    html.ztv-m body.v35.plusPage #question,
    html.ztv-m body.v35.plus #question {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 48px !important;
        margin: 6px 0 14px !important;
        padding: 0 6px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.plusPage #question h1,
    html.ztv-m body.v35.plus #question h1 {
        position: relative !important;
        font-size: 17px !important;
        line-height: 1.35 !important;
        transform: none !important;
        -webkit-transform: none !important;
        word-break: break-word !important;
    }
    html.ztv-m body.v35.plusPage #content ul,
    html.ztv-m body.v35.plus #content ul {
        padding-left: 18px !important;
        margin: 8px 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
    }
    html.ztv-m body.v35.plusPage .adventureStatusMessage,
    html.ztv-m body.v35.plus .adventureStatusMessage {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 8px 0 !important;
    }
    html.ztv-m body.v35.plusPage .contentNavi.subNavi {
        white-space: normal !important;
        overflow-x: visible !important;
    }
    html.ztv-m body.v35.plusPage .contentNavi .container {
        flex: 1 1 calc(50% - 6px) !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions,
    html.ztv-m body.v35.plusPage #content table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        font-size: 11px !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.desc,
    html.ztv-m body.v35.plusPage table.plusFunctions thead td:nth-child(1),
    html.ztv-m body.v35.plusPage table.plusFunctions tbody td:nth-child(1) {
        width: 58% !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.dur,
    html.ztv-m body.v35.plusPage table.plusFunctions thead td:nth-child(2),
    html.ztv-m body.v35.plusPage table.plusFunctions tbody td:nth-child(2) {
        width: 9% !important;
        white-space: nowrap !important;
        font-size: 9px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.cost,
    html.ztv-m body.v35.plusPage table.plusFunctions thead td:nth-child(3),
    html.ztv-m body.v35.plusPage table.plusFunctions tbody td:nth-child(3) {
        width: 10% !important;
        white-space: nowrap !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.act,
    html.ztv-m body.v35.plusPage table.plusFunctions thead td:nth-child(4),
    html.ztv-m body.v35.plusPage table.plusFunctions tbody td:nth-child(4) {
        width: 23% !important;
        text-align: center !important;
        vertical-align: middle !important;
        padding: 2px 1px !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions button.green,
    html.ztv-m body.v35.plusPage table.plusFunctions button.gold,
    html.ztv-m body.v35.plusPage #content button.green {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 38px !important;
        font-size: 12px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions .button-content,
    html.ztv-m body.v35.plusPage #content .button-content {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        padding: 6px 4px !important;
        height: auto !important;
        min-height: 36px !important;
        white-space: normal !important;
        text-align: center !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions .button-container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 36px !important;
    }

    /* G?rev ekran? ? tam yatay + ?d?l ?eridi dokunmatik kayd?rma */
    html.ztv-m div.dialog:has(.questWrapper.achievements.mainDialog),
    html.ztv-m div.dialog .content:has(.questWrapper.achievements.mainDialog),
    html.ztv-m div.dialog.ztv-dq-open,
    html.ztv-m div.dialog.ztv-dq-open .content {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        transform: none !important;
    }
    html.ztv-m .questWrapper.achievements.mainDialog {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: min(88vh, 900px) !important;
        padding: 10px 8px 14px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    html.ztv-m .questWrapper.achievements.mainDialog .birthdayRibbonContainer {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) scale(0.72) !important;
        transform-origin: top center !important;
        max-width: 92vw !important;
    }
    html.ztv-m div.dialog div.content div.pointsAndAchievements,
    html.ztv-m .questWrapper.achievements.mainDialog div.pointsAndAchievements {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        padding: 4px 0 8px !important;
        box-sizing: border-box !important;
    }
    /* Toplam puan ? ?stte ortada */
    html.ztv-m div.dialog div.content div.achievementPoints,
    html.ztv-m .questWrapper.achievements.mainDialog div.achievementPoints {
        float: none !important;
        flex: 0 0 auto !important;
        order: 0 !important;
        width: 110px !important;
        min-width: 110px !important;
        height: 98px !important;
        margin: 4px auto 2px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        transform: none !important;
        align-self: center !important;
    }
    html.ztv-m div.dialog div.content div.achievementPoints div.points {
        font-size: 22px !important;
        margin-top: 34px !important;
        padding-right: 0 !important;
    }
    html.ztv-m div.dialog div.content div.achievementPoints div.pointstext {
        font-size: 12px !important;
        padding-top: 10px !important;
        padding-right: 0 !important;
    }
    /* ?d?l ?eridi: e?it boyut + dokunmatik kayd?rma */
    html.ztv-m div.dialog div.content #achievementRewardList,
    html.ztv-m .questWrapper.achievements.mainDialog #achievementRewardList {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
        overscroll-behavior-x: contain !important;
        flex: 0 0 auto !important;
        box-sizing: border-box !important;
        padding: 4px 2px 8px !important;
        scrollbar-width: thin;
    }
    html.ztv-m div.dialog div.content #achievementRewardList div.verticalLine {
        display: none !important;
    }
    html.ztv-m div.dialog div.content #achievementRewardList div.achievementArrow {
        flex: 0 0 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        height: 80px !important;
        margin: 0 2px !important;
        display: block !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        align-self: center !important;
    }
    /* Hepsi ayn? kutu: 72?90 ? sprite orijinal 89?112 ?l?eklenir */
    html.ztv-m div.dialog div.content #achievementRewardList div.achievement {
        float: none !important;
        flex: 0 0 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 90px !important;
        position: relative !important;
        overflow: visible !important;
    }
    html.ztv-m .questWrapper.achievements #achievementRewardList div.achievement a.quest {
        display: block !important;
        position: relative !important;
        width: 89px !important;
        height: 112px !important;
        transform: scale(0.808) !important; /* 89?72, 112?90 */
        transform-origin: top left !important;
        text-decoration: none !important;
    }
    html.ztv-m div.dialog div.content #achievementRewardList div.achievement img[class*="points_"],
    html.ztv-m div.dialog div.content #achievementRewardList img.points_25,
    html.ztv-m div.dialog div.content #achievementRewardList img.points_50,
    html.ztv-m div.dialog div.content #achievementRewardList img.points_75,
    html.ztv-m div.dialog div.content #achievementRewardList img.points_100,
    html.ztv-m div.dialog div.content #achievementRewardList img.points_150,
    html.ztv-m div.dialog div.content #achievementRewardList img.points_200 {
        display: block !important;
        max-width: none !important;
        width: 89px !important;
        height: 112px !important;
        transform: none !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }
    /* Orijinal sprite ofsetleri (tam g?r?ns?n) */
    html.ztv-m div.dialog div.content #achievementRewardList img.points_25 { background-position: -18px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_50 { background-position: -25px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_75 { background-position: -28px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_100 { background-position: -28px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_150,
    html.ztv-m div.dialog div.content #achievementRewardList img.points_200 { background-position: -28px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_25.active { background-position: -4px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_50.active { background-position: -25px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_75.active { background-position: -28px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_100.active { background-position: -28px center !important; }
    html.ztv-m div.dialog div.content #achievementRewardList img.points_150.active,
    html.ztv-m div.dialog div.content #achievementRewardList img.points_200.active { background-position: -28px center !important; }
    html.ztv-m div#achievementRewardList div.achievement div.pointAmount {
        font-size: 16px !important;
        transform: none !important;
    }
    html.ztv-m div.dialog div.content #achievementRewardList div.achievement .bigSpeechBubble {
        transform: scale(0.85);
        transform-origin: left bottom;
    }
    html.ztv-m div.dialog div.content #achievementRewardList div.achievement div.hook img {
        width: 24px !important;
        height: 24px !important;
    }
    html.ztv-m .questWrapper .questList,
    html.ztv-m .questWrapper h1.questList {
        font-size: 15px !important;
        line-height: 1.3 !important;
        margin: 8px 0 4px !important;
    }
    html.ztv-m .questWrapper .nextReset {
        font-size: 11px !important;
        line-height: 1.35 !important;
        margin-bottom: 8px !important;
    }
    /* G?rev tablosu: puan s?tunu her zaman g?r?ns?n */
    html.ztv-m #achievementQuestList,
    html.ztv-m div.dialog div.content #achievementQuestList {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }
    html.ztv-m #achievementQuestList tr,
    html.ztv-m div.dialog div.content #achievementQuestList tr {
        height: auto !important;
        min-height: 36px !important;
    }
    html.ztv-m #achievementQuestList td,
    html.ztv-m div.dialog div.content #achievementQuestList td {
        padding: 6px 3px !important;
        vertical-align: middle !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
    html.ztv-m #achievementQuestList td.hook,
    html.ztv-m div.dialog div.content #achievementQuestList td.hook {
        width: 28px !important;
    }
    html.ztv-m #achievementQuestList td.steps,
    html.ztv-m div.dialog div.content #achievementQuestList td.steps {
        width: 36px !important;
        white-space: nowrap !important;
        font-weight: 700 !important;
    }
    html.ztv-m #achievementQuestList td.questName,
    html.ztv-m div.dialog div.content #achievementQuestList td.questName {
        width: auto !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }
    html.ztv-m #achievementQuestList td.points,
    html.ztv-m div.dialog div.content #achievementQuestList td.points {
        display: table-cell !important;
        visibility: visible !important;
        width: 72px !important;
        min-width: 68px !important;
        color: #6a9a12 !important;
        font-weight: 800 !important;
        font-size: 12px !important;
        text-align: right !important;
        white-space: normal !important;
        line-height: 1.25 !important;
    }
    html.ztv-m #achievementQuestList td.points .ztv-dq-step {
        display: block !important;
        font-size: 13px !important;
        color: #5a8a0e !important;
    }
    html.ztv-m #achievementQuestList td.points .ztv-dq-max {
        display: block !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        color: #888 !important;
    }
    html.ztv-m .questWrapper .quest,
    html.ztv-m .questTodoList .quest,
    html.ztv-m .dialog .quest {
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m .questWrapper img:not([class*="points_"]),
    html.ztv-m .questTodoList img:not([class*="points_"]) {
        max-width: 100% !important;
        height: auto !important;
    }
    /* G?rev: blanket max-width sprite'lar? bozmas?n */
    html.ztv-m .questWrapper #achievementRewardList *,
    html.ztv-m .questWrapper .achievementPoints * {
        max-width: none;
    }

    /* ?? Plus: 350?390px?e s??, gereksiz bo?luk yok ?? */
    html.ztv-m body.v35.plusPage #contentOuterContainer,
    html.ztv-m body.v35.plusPage div#center div#contentOuterContainer {
        padding-left: 4px !important;
        padding-right: 4px !important;
        padding-top: 10px !important;
    }
    html.ztv-m body.v35.plusPage #contentOuterContainer .contentContainer,
    html.ztv-m body.v35.plusPage #content {
        padding-left: 2px !important;
        padding-right: 2px !important;
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* ?st sekmeler (Alt?n Kullan / Davet?) frame alt?na gelsin */
    html.ztv-m body.v35.plusPage #content > .contentNavi.subNavi,
    html.ztv-m body.v35.plusPage #content .contentNavi.subNavi:first-of-type {
        margin-top: 14px !important;
        padding-top: 4px !important;
    }
    /* Sahipsin ? alt?n ? mobilde gizle (?ans ?ark? durumu hari?) */
    html.ztv-m body.v35.plusPage .boxes.adventureStatusMessage:not(.ztv-wheel-status),
    html.ztv-m body.v35.plusPage .adventureStatusMessage:not(.ztv-wheel-status) {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    html.ztv-m body.v35.plusPage .ztv-wheel-status,
    html.ztv-m body.v35.plusPage .boxes.ztv-wheel-status {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        margin: 8px 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.plusPage .ztv-wheel-status .boxes-contents {
        display: block !important;
        visibility: visible !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        text-align: left !important;
        word-break: break-word !important;
    }
    html.ztv-m body.v35.plusPage .ztv-wheel-msg {
        max-height: 220px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        white-space: pre-wrap !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        text-align: left !important;
    }
    html.ztv-m body.v35.plusPage .boxes:not(.adventureStatusMessage) {
        width: 100% !important;
        max-width: 100% !important;
        margin: 6px 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.plusPage .boxes .boxes-contents {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.plusPage .contentNavi.subNavi {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        width: 100% !important;
        height: auto !important;
        white-space: normal !important;
        overflow: visible !important;
        margin: 4px 0 8px !important;
    }
    html.ztv-m body.v35.plusPage .contentNavi .container {
        flex: 1 1 calc(50% - 4px) !important;
        min-width: 0 !important;
        height: auto !important;
        float: none !important;
    }
    html.ztv-m body.v35.plusPage .contentNavi .tabItem {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 36px !important;
        padding: 8px 4px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        color: #111 !important;
        text-shadow: none !important;
    }
    html.ztv-m body.v35.plusPage .contentNavi .container.active .tabItem {
        color: #111 !important;
        font-weight: 800 !important;
    }
    html.ztv-m body.v35.plusPage div#center div#content table.plusFunctions {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        font-size: 10px !important;
        border-collapse: collapse !important;
        margin: 0 !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions col,
    html.ztv-m body.v35.plusPage table.plusFunctions td.empty {
        width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td,
    html.ztv-m body.v35.plusPage table.plusFunctions th {
        padding: 4px 2px !important;
        vertical-align: middle !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.desc,
    html.ztv-m body.v35.plusPage table.plusFunctions thead td:nth-child(1),
    html.ztv-m body.v35.plusPage table.plusFunctions tbody td.desc {
        width: 58% !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }
    /* Odun / kil ikonlar? yaz?yla yan yana ? sat?r k?rma zorlanmas?n */
    html.ztv-m body.v35.plusPage table.plusFunctions td.desc img.r1,
    html.ztv-m body.v35.plusPage table.plusFunctions td.desc img.r2,
    html.ztv-m body.v35.plusPage table.plusFunctions td.desc img.r3,
    html.ztv-m body.v35.plusPage table.plusFunctions td.desc img.r4,
    html.ztv-m body.v35.plusPage table.plusFunctions td.cost img.gold {
        display: inline-block !important;
        vertical-align: middle !important;
        float: none !important;
        margin: 0 3px 0 0 !important;
        max-width: none !important;
        width: 16px !important;
        height: 16px !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.dur,
    html.ztv-m body.v35.plusPage table.plusFunctions thead td:nth-child(2),
    html.ztv-m body.v35.plusPage table.plusFunctions tbody td.dur {
        width: 9% !important;
        font-size: 9px !important;
        white-space: nowrap !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.cost,
    html.ztv-m body.v35.plusPage table.plusFunctions thead td:nth-child(3),
    html.ztv-m body.v35.plusPage table.plusFunctions tbody td.cost {
        width: 10% !important;
        white-space: nowrap !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.act,
    html.ztv-m body.v35.plusPage table.plusFunctions thead td:nth-child(4),
    html.ztv-m body.v35.plusPage table.plusFunctions tbody td.act {
        width: 23% !important;
        text-align: center !important;
        vertical-align: middle !important;
        padding: 2px 1px !important;
        background: transparent !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions td.act center {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions button.green,
    html.ztv-m body.v35.plusPage table.plusFunctions button.gold,
    html.ztv-m body.v35.plusPage #content > button.green {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 40px !important;
        height: auto !important;
        font-size: 12px !important;
        display: block !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    /* Uzat / Etkinle?tir yaz?s? ortal? */
    html.ztv-m body.v35.plusPage table.plusFunctions button .button-container,
    html.ztv-m body.v35.plusPage #content button.green .button-container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 38px !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.plusPage table.plusFunctions button .button-content,
    html.ztv-m body.v35.plusPage #content button.green .button-content,
    html.ztv-m body.v35.plusPage .button-content {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: auto !important;
        min-height: 38px !important;
        padding: 6px 4px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* ?? Harita k?y bak?? ? bal sar?s? yok, beyaz zemin ?? */
    html.ztv-m body.v35.map #content.map,
    html.ztv-m body.map #content.map,
    html.ztv-m body.v35.map #content.positionDetails,
    html.ztv-m body.map #content.positionDetails {
        overflow-x: hidden !important;
        padding: 8px 6px 12px !important;
        box-sizing: border-box !important;
        background: #fff !important;
        background-image: none !important;
        border-radius: 8px !important;
        color: #222 !important;
    }
    html.ztv-m body.v35.map div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.map div#center div#contentOuterContainer .contentContainer {
        background: #fff !important;
        background-image: none !important;
    }
    html.ztv-m body.map #tileDetails,
    html.ztv-m body.v35.map #tileDetails {
        background: transparent !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.map #tileDetails .detailImage {
        background-color: #fff !important;
        border-radius: 6px !important;
        margin-bottom: 8px !important;
    }
    html.ztv-m body.map #tileInfo,
    html.ztv-m body.v35.map #tileInfo,
    html.ztv-m body.map #map_details,
    html.ztv-m body.v35.map #map_details {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 8px 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
    }
    html.ztv-m body.map #tileInfo .option,
    html.ztv-m body.map #tileInfo a.arrow,
    html.ztv-m body.map #tileInfo span.a,
    html.ztv-m body.map #map_details .option,
    html.ztv-m body.map #map_details a.arrow,
    html.ztv-m body.map #map_details span.a,
    html.ztv-m body.map #tileDetails .option,
    html.ztv-m body.map #tileDetails a.arrow {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 4px 0 !important;
        white-space: normal !important;
        word-break: break-word !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        text-indent: 0 !important;
        padding-left: 0 !important;
    }
    html.ztv-m body.map #tileInfo table,
    html.ztv-m body.map #map_details table,
    html.ztv-m body.map #village_info,
    html.ztv-m body.map #ztv_oasis_dist,
    html.ztv-m body.map #distribution,
    html.ztv-m body.map #tile_reports,
    html.ztv-m body.map #tileDetails table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        background: #fff !important;
    }
    html.ztv-m body.map #tileInfo th,
    html.ztv-m body.map #tileInfo td,
    html.ztv-m body.map #map_details th,
    html.ztv-m body.map #map_details td,
    html.ztv-m body.map #tileDetails th,
    html.ztv-m body.map #tileDetails td {
        word-break: break-word !important;
        font-size: 11px !important;
        padding: 3px 2px !important;
    }
    html.ztv-m body.map #distribution td.ico,
    html.ztv-m body.map #tileDetails #distribution td.ico {
        width: auto !important;
        white-space: nowrap !important;
    }
    /* Harita kare ? k?y canl? asker / hareket paneli ASLA g?r?nmesin (vaha do?a hari?) */
    html.ztv-m body.map .boxes.units,
    html.ztv-m body.map .boxes.villageList.units,
    html.ztv-m body.map table#troops,
    html.ztv-m body.map #tileInfo .boxes.units,
    html.ztv-m body.map #tileInfo .boxes.villageList.units,
    html.ztv-m body.map #tileInfo table#troops,
    html.ztv-m body.map #tileInfo > .movements,
    html.ztv-m body.map #map_details .boxes.units,
    html.ztv-m body.map #map_details .boxes.villageList.units,
    html.ztv-m body.map #map_details table#troops,
    html.ztv-m body.map #map_details > .movements {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    /* Vaha do?a birlikleri haritada g?r?ns?n */
    html.ztv-m body.map #ztv_oasis_nature.ztv-map-nature-troops,
    html.ztv-m body.map table.ztv-map-nature-troops,
    html.ztv-m #tileDetails #ztv_oasis_nature,
    html.ztv-m body.map #ztv_oasis_dist,
    html.ztv-m #tileDetails #ztv_oasis_dist {
        display: table !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 0 0 6px 0 !important;
        padding: 0 !important;
    }
    html.ztv-m body.map #ztv_oasis_dist th,
    html.ztv-m #tileDetails #ztv_oasis_dist th {
        width: 35% !important;
        font-size: 13px !important;
        font-weight: bold !important;
    }
    html.ztv-m body.map #ztv_oasis_dist td,
    html.ztv-m #tileDetails #ztv_oasis_dist td,
    html.ztv-m body.map #ztv_oasis_dist td.ztv-tile-dist-val,
    html.ztv-m #tileDetails #ztv_oasis_dist td.ztv-tile-dist-val,
    html.ztv-m body.map #tileDetails table#village_info tbody td,
    html.ztv-m #tileDetails table#village_info tbody td.ztv-tile-dist-val {
        font-size: 13px !important;
        font-weight: bold !important;
    }

    /* ?? a2b / askeri ?s / build sekmeleri ?? */
    html.ztv-m body.v35.build #content .contentNavi,
    html.ztv-m body.v35.build #content .subNavi,
    html.ztv-m body.v35.build #build .contentNavi,
    html.ztv-m body.v35.a2b #content .contentNavi,
    html.ztv-m body.a2b #content .contentNavi,
    html.ztv-m body.v35.warsim #content .contentNavi,
    html.ztv-m body.warsim #content .contentNavi {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
        background: none !important;
        background-image: none !important;
        box-sizing: border-box !important;
    }
    /* Askeri ?s ? 5 sekme: sprite/?izgi yok, e?it butonlar */
    html.ztv-m body.v35.build .ztv-rally-tabNavi.contentNavi.tabNavi,
    html.ztv-m body.v35.build #build.gid16 .ztv-rally-tabNavi,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi,
    html.ztv-m body.a2b .ztv-rally-tabNavi,
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi,
    html.ztv-m body.warsim .ztv-rally-tabNavi {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        background: none !important;
        background-image: none !important;
        align-items: stretch !important;
    }
    html.ztv-m body.v35.build .ztv-rally-tabNavi .container,
    html.ztv-m body.v35.build #build.gid16 .ztv-rally-tabNavi .container,
    html.ztv-m body.v35.build #content .ztv-rally-tabNavi .container,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .container,
    html.ztv-m body.a2b .ztv-rally-tabNavi .container,
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi .container,
    html.ztv-m body.warsim .ztv-rally-tabNavi .container,
    html.ztv-m body.v35.build #content .contentNavi .container,
    html.ztv-m body.v35.a2b #content .contentNavi .container,
    html.ztv-m body.a2b #content .contentNavi .container {
        float: none !important;
        position: relative !important;
        flex: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fffef8 !important;
        border: 1px solid #c5b896 !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    /* Se?ili sekme ? #content beyaz kural?ndan daha g??l? */
    html.ztv-m body.v35.build #content .ztv-rally-tabNavi .container.active,
    html.ztv-m body.v35.build #build.gid16 .ztv-rally-tabNavi .container.active,
    html.ztv-m body.v35.build .ztv-rally-tabNavi .container.active,
    html.ztv-m body.v35.build #content .contentNavi.ztv-rally-tabNavi .container.active,
    html.ztv-m body.v35.a2b #content .ztv-rally-tabNavi .container.active,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .container.active,
    html.ztv-m body.a2b #content .ztv-rally-tabNavi .container.active,
    html.ztv-m body.a2b .ztv-rally-tabNavi .container.active,
    html.ztv-m body.v35.warsim #content .ztv-rally-tabNavi .container.active,
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi .container.active,
    html.ztv-m body.warsim #content .ztv-rally-tabNavi .container.active,
    html.ztv-m body.warsim .ztv-rally-tabNavi .container.active {
        background: #6ba022 !important;
        background-color: #6ba022 !important;
        border-color: #4f7c18 !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25) !important;
    }
    html.ztv-m body.v35.build .ztv-rally-tabNavi .background-start,
    html.ztv-m body.v35.build .ztv-rally-tabNavi .background-end,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .background-start,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .background-end,
    html.ztv-m body.a2b .ztv-rally-tabNavi .background-start,
    html.ztv-m body.a2b .ztv-rally-tabNavi .background-end,
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi .background-start,
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi .background-end,
    html.ztv-m body.v35.build #content .contentNavi .background-start,
    html.ztv-m body.v35.build #content .contentNavi .background-end,
    html.ztv-m body.v35.a2b #content .contentNavi .background-start,
    html.ztv-m body.v35.a2b #content .contentNavi .background-end {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        background: none !important;
        background-image: none !important;
    }
    html.ztv-m body.v35.build .ztv-rally-tabNavi .container .content,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .container .content,
    html.ztv-m body.a2b .ztv-rally-tabNavi .container .content,
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi .container .content,
    html.ztv-m body.v35.build #content .contentNavi .container .content,
    html.ztv-m body.v35.a2b #content .contentNavi .container .content {
        float: none !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.build .ztv-rally-tabNavi .container .content a,
    html.ztv-m body.v35.build .ztv-rally-tabNavi .ztvTabSwitchLink,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .container .content a,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .ztvTabSwitchLink,
    html.ztv-m body.a2b .ztv-rally-tabNavi .container .content a,
    html.ztv-m body.warsim .ztv-rally-tabNavi .container .content a {
        display: block !important;
        width: 100% !important;
        text-decoration: none !important;
        color: inherit !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.build .ztv-rally-tabNavi .tabItem,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .tabItem,
    html.ztv-m body.a2b .ztv-rally-tabNavi .tabItem,
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi .tabItem,
    html.ztv-m body.warsim .ztv-rally-tabNavi .tabItem,
    html.ztv-m body.v35.build #content .contentNavi .tabItem,
    html.ztv-m body.v35.a2b #content .contentNavi .tabItem,
    html.ztv-m body.a2b #content .contentNavi .tabItem {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 40px !important;
        height: auto !important;
        padding: 10px 8px !important;
        margin: 0 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
        color: #2a2a2a !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    html.ztv-m body.v35.build #content .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.v35.build #content .ztv-rally-tabNavi .container.active .content a,
    html.ztv-m body.v35.build #content .ztv-rally-tabNavi .container.active .ztvTabSwitchLink,
    html.ztv-m body.v35.build #build.gid16 .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.v35.build .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.v35.a2b #content .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.a2b #content .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.a2b .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.v35.warsim #content .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi .container.active .tabItem,
    html.ztv-m body.warsim .ztv-rally-tabNavi .container.active .tabItem {
        color: #fff !important;
        font-weight: 700 !important;
    }
    /* 5. sekme (Asker Ka??r) tam sat?r */
    html.ztv-m body.v35.build .ztv-rally-tabNavi .container:nth-child(5),
    html.ztv-m body.v35.a2b .ztv-rally-tabNavi .container:nth-child(5),
    html.ztv-m body.a2b .ztv-rally-tabNavi .container:nth-child(5),
    html.ztv-m body.v35.warsim .ztv-rally-tabNavi .container:nth-child(5),
    html.ztv-m body.warsim .ztv-rally-tabNavi .container:nth-child(5) {
        grid-column: 1 / -1 !important;
    }
    html.ztv-m body.v35.build #content .ztv-build-desc,
    html.ztv-m body.v35.build #content .build_desc {
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
    }
    html.ztv-m body.v35.build #content a.build_logo {
        float: none !important;
        display: block !important;
        margin: 0 auto 10px !important;
        width: 184px !important;
        height: 179px !important;
    }
    html.ztv-m body.v35.build #build.gid16 .iconFilter,
    html.ztv-m body.v35.build #build.gid16 button.iconFilter {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 36px !important;
        min-height: 36px !important;
        visibility: visible !important;
    }
    /* Asker g?nder: par??men kutu + 2 s?tun */
    html.ztv-m body.v35.a2b #content.a2b,
    html.ztv-m body.a2b #content.a2b,
    html.ztv-m body.v35.build #content.a2b {
        background: #f4ecd8 !important;
        background-image: none !important;
        border-radius: 8px !important;
        padding: 8px 6px 16px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    html.ztv-m body.v35.a2b div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.a2b div#center div#contentOuterContainer .contentContainer {
        background: #efe4c4 !important;
        background-image: none !important;
    }
    html.ztv-m body.v35.a2b #content form[name="snd"],
    html.ztv-m body.a2b #content form[name="snd"],
    html.ztv-m body.v35.build #content.a2b form[name="snd"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        padding: 10px 8px !important;
        background: #fffef8 !important;
        border: 1px solid #c9b98a !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    }
    html.ztv-m body.v35.a2b #content table#troops,
    html.ztv-m body.a2b #content table#troops,
    html.ztv-m body.v35.build #content.a2b table#troops,
    html.ztv-m body.v35.build #content table#troops {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-sizing: border-box !important;
        line-height: 1.35 !important;
    }
    html.ztv-m body.v35.a2b #content table#troops tbody,
    html.ztv-m body.a2b #content table#troops tbody,
    html.ztv-m body.v35.build #content.a2b table#troops tbody,
    html.ztv-m body.v35.build #content table#troops tbody {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html.ztv-m body.v35.a2b #content table#troops tr,
    html.ztv-m body.a2b #content table#troops tr,
    html.ztv-m body.v35.build #content.a2b table#troops tr,
    html.ztv-m body.v35.build #content table#troops tr {
        display: contents !important;
    }
    html.ztv-m body.v35.a2b #content table#troops td,
    html.ztv-m body.a2b #content table#troops td,
    html.ztv-m body.v35.build #content.a2b table#troops td,
    html.ztv-m body.v35.build #content table#troops td {
        display: flex !important;
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 6px 4px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        font-size: 11px !important;
        background: #faf6ea !important;
        border: 1px solid #e2d6b4 !important;
    }
    html.ztv-m body.v35.a2b #content table#troops td:empty,
    html.ztv-m body.a2b #content table#troops td:empty,
    html.ztv-m body.v35.build #content table#troops td:empty {
        display: none !important;
    }
    html.ztv-m body.v35.a2b #content table#troops img.unit,
    html.ztv-m body.a2b #content table#troops img.unit,
    html.ztv-m body.v35.build #content table#troops img.unit {
        flex: 0 0 16px !important;
        width: 16px !important;
        height: 16px !important;
        max-width: none !important;
        margin: 0 !important;
    }
    html.ztv-m body.v35.a2b #content table#troops input.text,
    html.ztv-m body.a2b #content table#troops input.text,
    html.ztv-m body.v35.build #content table#troops input.text {
        flex: 0 0 42px !important;
        width: 42px !important;
        max-width: 42px !important;
        min-width: 36px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.a2b #content table#troops a,
    html.ztv-m body.a2b #content table#troops a,
    html.ztv-m body.v35.a2b #content table#troops span.none,
    html.ztv-m body.a2b #content table#troops span.none,
    html.ztv-m body.v35.build #content table#troops a,
    html.ztv-m body.v35.build #content table#troops span.none {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 10px !important;
    }
    html.ztv-m body.v35.a2b #content #coords,
    html.ztv-m body.a2b #content #coords,
    html.ztv-m body.v35.a2b #content .boxes,
    html.ztv-m body.a2b #content .boxes {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        background: #fffef8 !important;
        border-radius: 6px !important;
    }
    html.ztv-m body.v35.build #content table#troops,
    html.ztv-m body.v35.build #content form {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* Askeri ?s ? k?ydeki askerler: yatay kayd?r (geni? say?lar) */
    html.ztv-m body.v35.build #build.gid16,
    html.ztv-m body.v35.build #content #build.gid16,
    html.ztv-m body.v35.build #ztvRallyWalkingWrap,
    html.ztv-m body.v35.build #ztvRallyIncomingWrap,
    html.ztv-m body.v35.build #ztvRallyWalking,
    html.ztv-m body.v35.build #ztvRallyIncoming {
        overflow-x: visible !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.build #build.gid16 table.troop_details,
    html.ztv-m body.v35.build #content table.troop_details,
    html.ztv-m body.v35.build #ztvRallyWalking table.troop_details,
    html.ztv-m body.v35.build #ztvRallyIncoming table.troop_details,
    html.ztv-m body.v35.build .troop_details {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
        margin: 0 0 14px !important;
        box-sizing: border-box !important;
        border: 1px solid #d4c9a8 !important;
        border-radius: 6px !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    html.ztv-m body.v35.build #build.gid16 table.troop_details thead,
    html.ztv-m body.v35.build #build.gid16 table.troop_details tbody,
    html.ztv-m body.v35.build #content table.troop_details thead,
    html.ztv-m body.v35.build #content table.troop_details tbody,
    html.ztv-m body.v35.build #ztvRallyWalking table.troop_details thead,
    html.ztv-m body.v35.build #ztvRallyWalking table.troop_details tbody,
    html.ztv-m body.v35.build #ztvRallyIncoming table.troop_details thead,
    html.ztv-m body.v35.build #ztvRallyIncoming table.troop_details tbody {
        display: table !important;
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        table-layout: auto !important;
        border-collapse: collapse !important;
        background: transparent !important;
    }
    html.ztv-m body.v35.build #build.gid16 table.troop_details th,
    html.ztv-m body.v35.build #build.gid16 table.troop_details td,
    html.ztv-m body.v35.build #content table.troop_details th,
    html.ztv-m body.v35.build #content table.troop_details td,
    html.ztv-m body.v35.build #ztvRallyWalking table.troop_details th,
    html.ztv-m body.v35.build #ztvRallyWalking table.troop_details td,
    html.ztv-m body.v35.build #ztvRallyIncoming table.troop_details th,
    html.ztv-m body.v35.build #ztvRallyIncoming table.troop_details td {
        white-space: nowrap !important;
        word-break: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 11px !important;
        padding: 4px 6px !important;
        vertical-align: middle !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    html.ztv-m body.v35.build #build.gid16 table.troop_details td.role,
    html.ztv-m body.v35.build #content table.troop_details td.role,
    html.ztv-m body.v35.build #build.gid16 table.troop_details th:first-child,
    html.ztv-m body.v35.build #content table.troop_details th:first-child {
        position: sticky !important;
        left: 0 !important;
        z-index: 2 !important;
        background: #fef7e7 !important;
        background-color: #fef7e7 !important;
        box-shadow: 2px 0 4px rgba(0, 0, 0, 0.06) !important;
    }
    html.ztv-m body.v35.build #content input.text,
    html.ztv-m body.v35.build #content input[type="text"] {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ?? Rapor detay: s?f?r sol bo?luk (ka??t + tablo) ?? */
    html.ztv-m body.v35.reports.reportDetail,
    html.ztv-m body.v35.reports.reportDetail #bodyWrapper,
    html.ztv-m body.v35.reports.reportDetail #center {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    /* Rapor detayda logo + ?Raporlar? ba?l??? gereksiz ? gizle */
    html.ztv-m body.v35.reports.reportDetail #content h1.titleInHeader,
    html.ztv-m body.v35.reports.reportDetail h1.titleInHeader {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail .ztv-m-logo-slot,
    html.ztv-m body.v35.reports.reportDetail #ztvMLogoSlot,
    html.ztv-m body.v35.reports.reportDetail #ztvMLogoSlot #logo,
    html.ztv-m body.v35.reports.reportDetail a#logo {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    /* ?st ye?il manzara band? ? rapor detayda kapal? */
    html.ztv-m body.v35.reports.reportDetail div#background,
    html.ztv-m body.v35.reports.reportDetail.perspectiveBuildings div#background,
    html.ztv-m body.v35.reports.reportDetail.perspectiveResources div#background {
        background-image: none !important;
        background-color: #fef7e7 !important;
        min-height: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail #center {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    /* D?? sarmalay?c? ? logo bo?lu?u yok; 1?2px yan bo?luk */
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer,
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer.size1,
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer.size2 {
        padding-top: 4px !important;
        padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        background: #fef7e7 !important;
        min-height: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.v35.reports.reportDetail div#center div#contentOuterContainer div#content,
    html.ztv-m body.v35.reports.reportDetail #content.reports {
        padding-left: 2px !important;
        padding-right: 2px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    html.ztv-m body.v35.reports.reportDetail .paper#report_surround,
    html.ztv-m body.v35.reports.reportDetail div.reports .paper#report_surround,
    html.ztv-m body.v35.reports.reportDetail div.reports .paper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: 0 !important;
        right: 0 !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        background: #fcfcfa !important;
        background-image: none !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14) !important;
        overflow: hidden !important;
    }
    html.ztv-m body.v35.reports.reportDetail .paperTop,
    html.ztv-m body.v35.reports.reportDetail .paperBottom,
    html.ztv-m body.v35.reports.reportDetail .paper .layout {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        left: 0 !important;
        background-image: none !important;
        background: transparent !important;
        height: auto !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.reports.reportDetail .paperContent,
    html.ztv-m body.v35.reports.reportDetail div.reports .paperContent {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        box-sizing: border-box !important;
        background: #fcfcfa !important;
    }
    /* Konu / G?nderilen / tablo ayn? i? hizaya */
    html.ztv-m body.v35.reports.reportDetail .paperContent .header.label,
    html.ztv-m body.v35.reports.reportDetail .paperContent .header.text,
    html.ztv-m body.v35.reports.reportDetail .paperContent #subject,
    html.ztv-m body.v35.reports.reportDetail .paperContent #time,
    html.ztv-m body.v35.reports.reportDetail .ztv-warsim-report-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    /* float'l? ba?l?klar temizlensin ? #message ortadan ba?lamas?n */
    html.ztv-m body.v35.reports.reportDetail .paperContent #subject,
    html.ztv-m body.v35.reports.reportDetail .paperContent #time,
    html.ztv-m body.v35.reports.reportDetail .paperContent .ztv-warsim-report-link,
    html.ztv-m body.v35.reports.reportDetail .paperContent .separator,
    html.ztv-m body.v35.reports.reportDetail #message {
        clear: both !important;
        float: none !important;
    }
    html.ztv-m body.v35.reports.reportDetail .paperContent #subject:after,
    html.ztv-m body.v35.reports.reportDetail .paperContent #time:after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }
    html.ztv-m body.v35.reports.reportDetail .paperContent .header.label {
        width: auto !important;
        min-width: 0 !important;
        margin-right: 4px !important;
        float: left !important;
    }
    html.ztv-m body.v35.reports.reportDetail .paperContent .header.text {
        float: left !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 6px 0 0 !important;
        background: transparent !important;
        position: relative !important;
        left: 0 !important;
    }
    /* Destek/nakliyat: bo? manzara yer tutucusu yok. Sava? kabile band? / macera resmi durur. */
    html.ztv-m body.v35.reports.reportDetail #message > img.reportImage,
    html.ztv-m body.v35.reports.reportDetail img.reportImage:not(.ztv-report-tribe-banner) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail .adventureReportImage,
    html.ztv-m body.v35.reports.reportDetail .ztv-report-tribe-banner.reportImage {
        display: block !important;
        width: 100% !important;
        max-width: 220px !important;
        height: 72px !important;
        min-height: 0 !important;
        margin: 0 auto 8px !important;
        background-size: cover !important;
        background-position: center center !important;
    }
    /* Rapor geneli tek yatay kayd?rma (sald?r?+?d?l+savunma birlikte) */
    html.ztv-m body.v35.reports #message .ztv-rep-scroll--report,
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-scroll--report,
    html.ztv-m body.v35.reports.reportDetail .ztv-rep-scroll--report {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain !important;
        touch-action: pan-x pan-y !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-scroll-inner {
        display: block !important;
        width: max-content !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-scroll-inner > table {
        width: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        margin: 0 0 10px !important;
        box-sizing: border-box !important;
    }
    /* Eski tek-tablo kayd?rma kapal? */
    html.ztv-m body.v35.reports #message .ztv-rep-scroll:not(.ztv-rep-scroll--report),
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-scroll:not(.ztv-rep-scroll--report) {
        display: contents !important;
        overflow: visible !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message table,
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-scroll,
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-scroll table {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message td.role,
    html.ztv-m body.v35.reports.reportDetail #message td.troopHeadline,
    html.ztv-m body.v35.reports.reportDetail #message .boxes {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* G?nderen / al?c?: 65px sabit y?kseklik metni ta??yor ? kutu i?eri?e g?re */
    html.ztv-m body.v35.reports.reportDetail #message table.tbg.support {
        width: 100% !important;
        table-layout: fixed !important;
        margin: 0 0 10px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message table.tbg.support td.s7 {
        width: 44% !important;
        vertical-align: top !important;
        overflow: visible !important;
        padding: 2px 3px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message table.tbg.support td.f16 {
        width: 12% !important;
        text-align: center !important;
        vertical-align: middle !important;
        padding: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message table.tbg.support .boxes,
    html.ztv-m body.v35.reports.reportDetail #message .boxes.trade,
    html.ztv-m body.v35.reports.reportDetail #message .boxes.support {
        height: auto !important;
        min-height: 72px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        margin: 0 0 4px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message table.tbg.support .boxes-contents,
    html.ztv-m body.v35.reports.reportDetail #message .boxes.trade .boxes-contents,
    html.ztv-m body.v35.reports.reportDetail #message .boxes.support .boxes-contents {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 8px 8px 10px !important;
        line-height: 1.3 !important;
        font-size: 11px !important;
        word-wrap: break-word !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message table.tbg.support .boxes-contents .headline,
    html.ztv-m body.v35.reports.reportDetail #message .boxes.trade .headline {
        margin: 0 0 4px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message table.tbg.support .boxes-contents a {
        display: inline !important;
        word-break: break-word !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-head-inner {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px 6px !important;
        padding: 0 2px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-head-inner > p {
        float: none !important;
        height: auto !important;
        margin: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message td.ztv-rep-loot {
        padding: 4px 2px !important;
        text-align: left !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-loot-lab {
        font-weight: bold;
        font-size: 11px;
        margin: 0 0 4px;
    }
    /* Etiket s?tunu dar + sola; tablo ekran? doldurur */
    html.ztv-m body.v35.reports #message table .units th,
    html.ztv-m body.v35.reports #message table tbody.units th,
    html.ztv-m body.v35.reports #message table tbody.units.last th,
    html.ztv-m body.v35.reports #message table .units > tr > th:first-child,
    html.ztv-m body.v35.reports #message th.ztv-rep-rowlab,
    html.ztv-m body.v35.reports #message th.ztv-report-wounded-label,
    html.ztv-m body.v35.reports #message th.ztv-report-bandage-label,
    html.ztv-m body.v35.reports #message th.ztv-report-returning-label,
    html.ztv-m body.v35.reports #message th.coords,
    html.ztv-m body.v35.reports #message table .units th.ztv-rep-rowlab,
    html.ztv-m body.v35.reports #message table .units th.coords,
    html.ztv-m body.v35.reports #message table#attacker .units th,
    html.ztv-m body.v35.reports #message .ztv-rep-scroll table col.ztv-rep-labcol,
    html.ztv-m body.v35.reports.reportDetail #message table .units th,
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab,
    html.ztv-m body.v35.reports.reportDetail #message th.coords {
        width: 20px !important;
        min-width: 20px !important;
        max-width: 24px !important;
        padding: 2px 0 !important;
        text-align: left !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: visible !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        vertical-align: middle !important;
    }
    html.ztv-m body.v35.reports #message .ztv-rep-scroll--report,
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-scroll--report,
    html.ztv-m body.v35.reports.reportDetail .ztv-rep-scroll--report {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain !important;
        touch-action: pan-x pan-y !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.reports.reportDetail .paperContent,
    html.ztv-m body.v35.reports.reportDetail div.reports .paperContent {
        overflow-x: hidden !important;
    }
    /* Tablolar i? band? doldurur; yatay kayd?rma rapor geneli sarmalay?c?da */
    html.ztv-m body.v35.reports #message .ztv-rep-scroll-inner > table,
    html.ztv-m body.v35.reports #message table#attacker,
    html.ztv-m body.v35.reports #message table,
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-scroll-inner > table,
    html.ztv-m body.v35.reports.reportDetail #message table#attacker,
    html.ztv-m body.v35.reports.reportDetail #message table {
        width: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        table-layout: auto !important;
        margin: 0 0 10px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab .ztv-rep-rowlab-txt {
        display: none !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab .ztv-rep-rowlab-ico,
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab img.att_all,
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab img.ztv-report-bandage-icon {
        display: block !important;
        width: 14px !important;
        height: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab .ztv-rep-rowlab-ico--dead,
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab .ztv-rep-rowlab-ico--hospital,
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab .ztv-rep-rowlab-ico--bandage,
    html.ztv-m body.v35.reports.reportDetail #message th.ztv-rep-rowlab .ztv-rep-rowlab-ico--return {
        width: 13px !important;
        height: 13px !important;
        object-fit: contain !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message tr.ztv-report-returning td {
        color: #3d6b3a !important;
    }
    html.ztv-m table.ztv-report-statistics img.ztv-report-bandage-icon {
        width: 16px !important;
        height: 16px !important;
        vertical-align: middle;
        margin-right: 3px;
    }
    html.ztv-m body.v35.reports.reportDetail #message th,
    html.ztv-m body.v35.reports.reportDetail #message td {
        line-height: 1.2 !important;
        padding: 2px 1px !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message td.unit,
    html.ztv-m body.v35.reports.reportDetail #message td.unit.last,
    html.ztv-m body.v35.reports.reportDetail #message table .units td,
    html.ztv-m body.v35.reports #message table .units td {
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        white-space: nowrap !important;
        text-align: center !important;
        padding: 2px 1px !important;
        /* orijinal boyut; s??mazsa JS k???lt?r ? sabit 9px yok */
    }
    html.ztv-m body.v35.reports.reportDetail #message td.uniticon,
    html.ztv-m body.v35.reports.reportDetail #message td.uniticon.last {
        width: auto !important;
        min-width: 18px !important;
        padding: 2px 0 !important;
        font-size: inherit !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message table > thead > tr > td.role {
        min-width: 0 !important;
        max-width: none !important;
        white-space: nowrap !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message .boxes .role {
        font-size: 10px !important;
        white-space: nowrap !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message td.troopHeadline,
    html.ztv-m body.v35.reports.reportDetail #message td.troopHeadline p {
        font-size: 10px !important;
        line-height: 1.25 !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
        float: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 2px 4px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message img.unit {
        transform: none;
        max-width: 16px !important;
        width: 16px !important;
        height: 16px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods td,
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods th {
        font-size: 13px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods div.res {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px 10px !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 13px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods div.rArea {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods div.carry {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    /* Sprite kareleri: full / yar? (a??k) / bo? ? ?l?ek half'? full g?stermesin */
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods div.carry img.carry {
        width: 13px !important;
        height: 12px !important;
        background-image: url(img/a/carry.gif) !important;
        background-repeat: no-repeat !important;
        background-size: 13px 57px !important;
        background-position: 0 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
        flex-shrink: 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods div.carry img.carry.half {
        background-position: 0 -15px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods div.carry img.carry.empty {
        background-position: 0 -30px !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message td.ztv-rep-loot,
    html.ztv-m body.v35.reports.reportDetail #message .ztv-rep-loot-lab {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
    html.ztv-m body.v35.reports.reportDetail #message tbody.goods div.cranny {
        float: none !important;
        margin: 4px 0 0 !important;
    }
    html.ztv-m body.v35.reports.reportDetail .header,
    html.ztv-m body.v35.reports.reportDetail .subject,
    html.ztv-m body.v35.reports.reportDetail #report_surround .text,
    html.ztv-m body.v35.reports.reportDetail .header.text {
        max-width: 100% !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }

    /* ?? Sava? sim?lat?r? ?? beyaz panel + se?ili sekme ?? */
    html.ztv-m body.v35.warsim,
    html.ztv-m body.warsim {
        background-color: #e8e0c8 !important;
        background-image: none !important;
    }
    html.ztv-m body.v35.warsim div#background,
    html.ztv-m body.warsim div#background {
        background-image: none !important;
        background-color: #e8e0c8 !important;
        min-height: 0 !important;
    }
    html.ztv-m body.v35.warsim div#center div#contentOuterContainer,
    html.ztv-m body.warsim div#center div#contentOuterContainer {
        background: #fff !important;
        background-image: none !important;
        padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    }
    html.ztv-m body.v35.warsim div#center div#contentOuterContainer .contentContainer,
    html.ztv-m body.warsim div#center div#contentOuterContainer .contentContainer {
        background: #fff !important;
        background-image: none !important;
        padding: 8px 6px 100px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35 #content.warsim,
    html.ztv-m #content.warsim,
    html.ztv-m div.warsim,
    html.ztv-m body.warsim #content.warsim,
    html.ztv-m body.warsim #content.universal {
        width: 100% !important;
        max-width: 100% !important;
        padding: 4px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        background: #fff !important;
        color: #222 !important;
    }
    /* Sekmeler: body.warsim olmasa da #content.warsim i?inde ?al??s?n */
    html.ztv-m #content.warsim .ztv-rally-tabNavi.contentNavi.tabNavi,
    html.ztv-m body.warsim .ztv-rally-tabNavi.contentNavi.tabNavi {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        background: none !important;
        background-image: none !important;
    }
    html.ztv-m #content.warsim .ztv-rally-tabNavi .container {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        background: #f5f2ea !important;
        border: 1px solid #c5b896 !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m #content.warsim .ztv-rally-tabNavi .container.active {
        background: #6ba022 !important;
        border-color: #4f7c18 !important;
    }
    html.ztv-m #content.warsim .ztv-rally-tabNavi .background-start,
    html.ztv-m #content.warsim .ztv-rally-tabNavi .background-end {
        display: none !important;
    }
    html.ztv-m #content.warsim .ztv-rally-tabNavi .tabItem {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 40px !important;
        padding: 10px 8px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        color: #2a2a2a !important;
        text-align: center !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
    html.ztv-m #content.warsim .ztv-rally-tabNavi .container.active .tabItem {
        color: #fff !important;
        font-weight: 700 !important;
    }
    html.ztv-m #content.warsim .ztv-rally-tabNavi .container:nth-child(5) {
        grid-column: 1 / -1 !important;
    }
    html.ztv-m div.warsim #attacker,
    html.ztv-m div.warsim #defender,
    html.ztv-m .ztv-warsim-config-columns #attacker,
    html.ztv-m .ztv-warsim-config-columns #defender,
    html.ztv-m div.warsim .attacker,
    html.ztv-m div.warsim .defender {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m div.warsim table,
    html.ztv-m div.warsim table.fill_in,
    html.ztv-m div.warsim table.results,
    html.ztv-m #content.warsim table.fill_in,
    html.ztv-m #content.warsim table.results {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 11px !important;
    }
    /* Halk / sald?r? tipi se?imi ? 4 s?tun mobilde 2?2, y?kseklik i?eri?e g?re */
    html.ztv-m #content.warsim table#select,
    html.ztv-m body.warsim table#select,
    html.ztv-m div.warsim table#select,
    html.ztv-m body.v35.warsim table#select {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 10px !important;
        table-layout: auto !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    html.ztv-m #content.warsim table#select tbody,
    html.ztv-m body.warsim table#select tbody,
    html.ztv-m div.warsim table#select tbody {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
    html.ztv-m #content.warsim table#select tr,
    html.ztv-m body.warsim table#select tr,
    html.ztv-m div.warsim table#select tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        align-items: start !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    html.ztv-m #content.warsim table#select td,
    html.ztv-m body.warsim table#select td,
    html.ztv-m div.warsim table#select td,
    html.ztv-m body.v35.warsim table#select tbody td {
        display: block !important;
        float: none !important;
        align-self: start !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 8px 7px !important;
        margin: 0 !important;
        vertical-align: top !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        background: #fef7e7 !important;
        border: 1px solid #d4c9a8 !important;
        border-radius: 8px !important;
    }
    html.ztv-m #content.warsim table#select .clear,
    html.ztv-m body.warsim table#select .clear {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html.ztv-m #content.warsim table#select .fighterType,
    html.ztv-m body.warsim table#select .fighterType {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 6px !important;
        box-sizing: border-box !important;
    }
    /* Ba?l?k: sprite k??eleri kapat, kompakt ?erit */
    html.ztv-m #content.warsim table#select .fighterType .boxes,
    html.ztv-m body.warsim table#select .fighterType .boxes {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border-radius: 5px !important;
        overflow: hidden !important;
    }
    html.ztv-m #content.warsim table#select .fighterType .boxes-tl,
    html.ztv-m #content.warsim table#select .fighterType .boxes-tr,
    html.ztv-m #content.warsim table#select .fighterType .boxes-tc,
    html.ztv-m #content.warsim table#select .fighterType .boxes-ml,
    html.ztv-m #content.warsim table#select .fighterType .boxes-mr,
    html.ztv-m #content.warsim table#select .fighterType .boxes-mc,
    html.ztv-m #content.warsim table#select .fighterType .boxes-bl,
    html.ztv-m #content.warsim table#select .fighterType .boxes-br,
    html.ztv-m #content.warsim table#select .fighterType .boxes-bc,
    html.ztv-m body.warsim table#select .fighterType .boxes-tl,
    html.ztv-m body.warsim table#select .fighterType .boxes-tr,
    html.ztv-m body.warsim table#select .fighterType .boxes-tc,
    html.ztv-m body.warsim table#select .fighterType .boxes-ml,
    html.ztv-m body.warsim table#select .fighterType .boxes-mr,
    html.ztv-m body.warsim table#select .fighterType .boxes-mc,
    html.ztv-m body.warsim table#select .fighterType .boxes-bl,
    html.ztv-m body.warsim table#select .fighterType .boxes-br,
    html.ztv-m body.warsim table#select .fighterType .boxes-bc {
        display: none !important;
    }
    html.ztv-m #content.warsim table#select .fighterType .boxes.boxesColor.red,
    html.ztv-m body.warsim table#select .fighterType .boxes.boxesColor.red {
        background: #de0000 !important;
    }
    html.ztv-m #content.warsim table#select .fighterType .boxes.boxesColor.green,
    html.ztv-m body.warsim table#select .fighterType .boxes.boxesColor.green {
        background: #498843 !important;
    }
    html.ztv-m #content.warsim table#select .fighterType .boxes.boxesColor.darkgray,
    html.ztv-m #content.warsim table#select .fighterType .boxes.boxesColor.darkGray,
    html.ztv-m body.warsim table#select .fighterType .boxes.boxesColor.darkgray,
    html.ztv-m body.warsim table#select .fighterType .boxes.boxesColor.darkGray {
        background: #666 !important;
    }
    html.ztv-m #content.warsim table#select .boxes-contents,
    html.ztv-m body.warsim table#select .boxes-contents {
        position: relative !important;
        display: block !important;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        padding: 6px 8px !important;
        margin: 0 !important;
        color: #fff !important;
        height: auto !important;
    }
    html.ztv-m #content.warsim table#select .choice,
    html.ztv-m body.warsim table#select .choice {
        line-height: 1.4 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 2px 0 0 !important;
        overflow: visible !important;
    }
    html.ztv-m #content.warsim table#select .choice br,
    html.ztv-m body.warsim table#select .choice br {
        line-height: 0 !important;
    }
    html.ztv-m #content.warsim table#select .choice label,
    html.ztv-m body.warsim table#select .choice label {
        display: block !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        color: #222 !important;
    }
    html.ztv-m #content.warsim table#select .choice label:last-of-type,
    html.ztv-m body.warsim table#select .choice label:last-of-type {
        margin-bottom: 0 !important;
    }
    html.ztv-m #content.warsim table#select .choice input.radio,
    html.ztv-m #content.warsim table#select .choice input.check,
    html.ztv-m body.warsim table#select .choice input.radio,
    html.ztv-m body.warsim table#select .choice input.check {
        margin: 0 5px 0 0 !important;
        vertical-align: middle !important;
        width: 14px !important;
        height: 14px !important;
    }
    /* Sim?le Et ? yaz?ya oranl?, tam geni?lik de?il */
    html.ztv-m #content.warsim button.green,
    html.ztv-m body.warsim button.green,
    html.ztv-m #content.warsim button.questButtonOverviewAchievements,
    html.ztv-m body.warsim button.questButtonOverviewAchievements {
        display: block !important;
        width: fit-content !important;
        max-width: calc(100% - 16px) !important;
        min-width: 0 !important;
        margin: 10px auto 14px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m #content.warsim table#select,
    html.ztv-m body.warsim table#select {
        text-align: left !important;
    }
    html.ztv-m #content.warsim button.green .button-container,
    html.ztv-m body.warsim button.green .button-container,
    html.ztv-m #content.warsim button.questButtonOverviewAchievements .button-container {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html.ztv-m #content.warsim button.green .button-content,
    html.ztv-m body.warsim button.green .button-content,
    html.ztv-m #content.warsim button.questButtonOverviewAchievements .button-content {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 8px 18px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }
    html.ztv-m div.warsim table td,
    html.ztv-m div.warsim table th {
        word-break: break-word !important;
        padding: 3px 2px !important;
    }

    /* ?? Mesaj yaz ?? */
    html.ztv-m body.v35.messages .paper,
    html.ztv-m body.v35.messages .paperTop,
    html.ztv-m body.v35.messages .paperBottom,
    html.ztv-m body.v35.messages .paperContent {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
        background-size: 100% auto !important;
    }
    html.ztv-m body.v35.messages .paperContent {
        padding: 12px 10px 16px !important;
    }
    html.ztv-m body.v35.messages #message,
    html.ztv-m body.v35.messages textarea.messageEditor,
    html.ztv-m body.v35.messages input.text {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.messages #send {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        text-align: center !important;
        margin: 16px 0 20px !important;
        clear: both !important;
        float: none !important;
    }
    html.ztv-m body.v35.messages #send button,
    html.ztv-m body.v35.messages #btn_ok {
        float: none !important;
        margin: 0 auto !important;
    }

    /* Genel: 350px alt? yatay kayd?rmay? kes */
    html.ztv-m body.v35.plusPage,
    html.ztv-m body.v35.map,
    html.ztv-m body.v35.build,
    html.ztv-m body.v35.messages {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
}

/* Dorf2 mobil N?KLEER ? before/after ?ld?r; #background = manzara cover (dorf1 gibi).
   K?y plan? yaln?z #village_map (dorf2-628). */
@media screen and (max-width: 980px) {
    body.village2,
    body.village2.perspectiveBuildings,
    body.v35.village2,
    body.v35.village2.perspectiveBuildings {
        background-color: #94b440 !important;
        background-image: none !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }
    body.village2 #background,
    body.village2.perspectiveBuildings #background,
    body.v35.village2 #background,
    body.v35.village2.perspectiveBuildings #background,
    body.village2 div#background,
    body.village2.perspectiveBuildings div#background {
        background-image: url(img/layout/bgBuildings-ltr.jpg?v=20260730m127) !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: cover !important;
        background-attachment: scroll !important;
        background-color: #94b440 !important;
        min-height: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }
    body.village2 #bodyWrapper,
    body.village2 div#bodyWrapper,
    body.v35.village2 #bodyWrapper {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body.village2:before,
    body.village2:after,
    body.village2.perspectiveBuildings:before,
    body.village2.perspectiveBuildings:after,
    body.v35.village2:before,
    body.v35.village2:after,
    body.village2 #background:before,
    body.village2 #background:after,
    body.village2 div#background:before,
    body.village2 div#background:after,
    body.village2.perspectiveBuildings div#background:before,
    body.village2.perspectiveBuildings div#background:after {
        content: none !important;
        display: none !important;
        background: none !important;
        background-image: none !important;
        background-size: 0 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    body.village2 #bodyWrapper,
    body.village2 #center,
    body.village2 #content.village2,
    body.village2 #contentOuterContainer,
    body.village2 .contentContainer,
    body.village2 .villageMapWrapper,
    body.village2 div#center div#contentOuterContainer,
    body.village2 div#center div#contentOuterContainer div.contentContainer {
        background: transparent none !important;
        background-image: none !important;
        background-color: transparent !important;
    }
    body.village2 #content.village2,
    body.village2 #contentOuterContainer #content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-top: 0 !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }
    body.village2 .villageMapWrapper {
        width: 628px !important;
        height: 534px !important;
        min-width: 628px !important;
        max-width: none !important;
        overflow: hidden !important;
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 56px !important;
    }
    body.village2 #village_map,
    body.village2 div#village_map {
        width: 628px !important;
        height: 534px !important;
        min-width: 628px !important;
        background-image: url(img/layout/bgBuildings-dorf2-628.jpg?v=20260730m125) !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
        background-size: 628px 534px !important;
        background-color: transparent !important;
    }
    body.village2 #village_map img.ztv-dorf2-map-bg,
    body.village2 div#village_map img.ztv-dorf2-map-bg {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* html.ztv-m yedek (media d??? ? class eklendikten sonra da tut) */
html.ztv-m body.village2,
html.ztv-m body.village2.perspectiveBuildings {
    background-color: #94b440 !important;
    background-image: none !important;
}
html.ztv-m body.village2 #background,
html.ztv-m body.village2.perspectiveBuildings #background,
html.ztv-m body.v35.village2 #background {
    background-image: url(img/layout/bgBuildings-ltr.jpg?v=20260730m127) !important;
    background-color: #94b440 !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    min-height: 100% !important;
}
html.ztv-m body.village2:before,
html.ztv-m body.village2:after,
html.ztv-m body.village2.perspectiveBuildings:before,
html.ztv-m body.village2.perspectiveBuildings:after,
html.ztv-m body.village2 #background:before,
html.ztv-m body.village2 #background:after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
html.ztv-m body.village2 #bodyWrapper,
html.ztv-m body.village2 #center,
html.ztv-m body.village2 #content.village2,
html.ztv-m body.village2 #contentOuterContainer,
html.ztv-m body.village2 .contentContainer,
html.ztv-m body.village2 .villageMapWrapper {
    background: transparent none !important;
    background-image: none !important;
    background-color: transparent !important;
}
html.ztv-m body.village2 .villageMapWrapper {
    width: 628px !important;
    height: 534px !important;
    min-width: 628px !important;
    max-width: none !important;
    overflow: hidden !important;
    margin-top: 56px !important;
}
html.ztv-m body.village2 #village_map {
    background-image: url(img/layout/bgBuildings-dorf2-628.jpg?v=20260730m125) !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-size: 628px 534px !important;
}
html.ztv-m body.village2 #village_map img.ztv-dorf2-map-bg {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* G?r?nmez overlay t?klamay? yemesin */
body #backgroundOverlay:not(.visible) {
    pointer-events: none !important;
}

/* Masa?st?: mobil kabuk + ?ekmece asla g?r?nmesin; layout compact.css?e b?rak */
@media screen and (min-width: 981px) {
    .ztv-m-nav,
    .ztv-m-edge,
    .ztv-m-scrim,
    .ztv-m-scrollhint,
    .ztv-m-prod-float,
    .ztv-m-topbar,
    .ztv-m-logo-slot,
    #ztvMTopBar,
    #ztvMLogoSlot,
    #ztvMScrim,
    #ztvMEdgeLeft,
    #ztvMEdgeRight,
    #ztvMScrollHintLeft,
    #ztvMScrollHintRight,
    #ztvMNav {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.village2 #map_details {
        /* mobil kurallar ge?erli; masa?st?nde ztv-fixes gizler */
        display: none !important;
    }

    body.messages .ztv-mh-inbox-filter {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin: 0 0 8px;
    }
    body.messages .ztv-mh-inbox-filter a.ztv-mh-f {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 3px 8px;
        border: 1px solid #6d8c2e;
        border-radius: 3px;
        background: #f4f4e4;
        color: #3a5a10;
        font-weight: bold;
        text-decoration: none;
        line-height: 1.3;
    }
    body.messages .ztv-mh-inbox-filter a.ztv-mh-f.is-on {
        background: #7cb029;
        border-color: #4a6a12;
        color: #fff;
    }
    body.messages .ztv-mh-badge {
        display: inline-block;
        min-width: 16px;
        padding: 0 5px;
        border-radius: 8px;
        background: #c45a00;
        color: #fff;
        font-size: 11px;
        line-height: 16px;
        text-align: center;
    }
}

    /* Rapor ar?iv butonu ? mobil */
    html.ztv-m body.v35.reports a.ztv-rep-archive-btn {
        display: inline-block !important;
        margin: 2px 0 2px 4px !important;
        padding: 3px 8px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: bold !important;
        color: #5a4a32 !important;
        background: #f0e6c8 !important;
        border: 1px solid #b8a678 !important;
        border-radius: 3px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
    }
    html.ztv-m body.v35.reports a.ztv-rep-archive-btn.is-archived {
        background: #e8f0d8 !important;
        border-color: #99c01a !important;
        color: #3d5a10 !important;
    }
    html.ztv-m body.v35.reports .ztv-rep-archive-bar {
        margin: 8px 4px 6px !important;
        clear: both !important;
    }

    /* Mesaj ar?iv butonu ? mobil */
    html.ztv-m body.v35.messages a.ztv-msg-archive-btn {
        display: inline-block !important;
        margin: 2px 0 2px 4px !important;
        padding: 3px 8px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: bold !important;
        color: #5a4a32 !important;
        background: #f0e6c8 !important;
        border: 1px solid #b8a678 !important;
        border-radius: 3px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
    }
    html.ztv-m body.v35.messages a.ztv-msg-archive-btn.is-archived {
        background: #e8f0d8 !important;
        border-color: #99c01a !important;
        color: #3d5a10 !important;
    }
    html.ztv-m body.v35.messages .ztv-msg-archive-bar {
        margin: 8px 4px 6px !important;
        clear: both !important;
    }
    html.ztv-m body.v35.messages .ztv-msg-archive-hint {
        margin: 0 0 8px !important;
        padding: 6px 8px !important;
        font-size: 11px !important;
    }

    html.ztv-m body.v35.messages ul.autocompleter-choices {
        z-index: 99999 !important;
        max-height: 40vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        font-size: 14px !important;
    }
    html.ztv-m body.v35.messages ul.autocompleter-choices li {
        padding: 8px 12px !important;
        line-height: 1.35 !important;
    }
    html.ztv-m body.v35.messages #ztvReceiverSuggest {
        /* fixed konum JS ile; top/left !important kullanma */
        min-width: 70% !important;
    }

    /* ?? Mesaj yaz: al?c? + ally + BB panelleri ?? */
    html.ztv-m body.v35.messages #recipient {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        float: none !important;
        clear: both !important;
    }
    html.ztv-m body.v35.messages #recipient .header.label {
        flex: 0 0 auto !important;
        width: auto !important;
        float: none !important;
        height: auto !important;
        line-height: 28px !important;
    }
    html.ztv-m body.v35.messages #recipient .header.text {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px !important;
        width: auto !important;
        min-width: 0 !important;
        float: none !important;
        position: relative !important;
        height: auto !important;
    }
    html.ztv-m body.v35.messages #recipient input#receiver,
    html.ztv-m body.v35.messages #recipient input.text {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
    }
    html.ztv-m body.v35.messages #recipient button#ally,
    html.ztv-m body.v35.messages #recipient .ztv-msg-ally-btn {
        flex: 0 0 36px !important;
        width: 36px !important;
        height: 28px !important;
        float: none !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 5 !important;
    }
    html.ztv-m body.v35.messages #recipient .clear {
        display: none !important;
    }

    /* Kenar ?ekmece, toolbar/smiley ?st?ne binmesin */
    html.ztv-m body.v35.messages #bbEditor,
    html.ztv-m body.v35.messages #message_container,
    html.ztv-m body.v35.messages #message_toolbar {
        position: relative !important;
        z-index: 20 !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.v35.messages .ztv-m-edge {
        top: 72% !important;
        width: 36px !important;
        height: 88px !important;
        line-height: 88px !important;
    }
    html.ztv-m body.v35.messages .ztv-m-edge::before {
        width: 40px !important;
        top: -12px !important;
        bottom: -12px !important;
    }

    /* BB smiley/kaynak/asker paneli ? sa?a kaymas?n, toolbar alt?nda a??ls?n */
    html.ztv-m body.v35.messages div.bbEditor div.bbToolbarWindow {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        left: 0 !important;
        right: 0 !important;
        float: none !important;
        clear: both !important;
        z-index: 30 !important;
    }
    html.ztv-m body.v35.messages div.bbEditor div.bbToolbarWindow > div,
    html.ztv-m body.v35.messages #message_smilies,
    html.ztv-m body.v35.messages #message_resources,
    html.ztv-m body.v35.messages #message_troops {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        margin: 6px 0 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 42vh !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
        z-index: 31 !important;
        float: none !important;
    }
    html.ztv-m body.v35.messages #message_toolbar .bbButton.bbPreview {
        float: none !important;
        margin-left: auto !important;
    }

/* ========== Mobil NPC ? dikey sat?rlar, say?lar i? i?e girmez ========== */
@media screen and (max-width: 980px) {
    html.ztv-m .dialog.ztv-npc-open,
    html.ztv-m .dialog:has(#build.exchangeResources),
    html.ztv-m .dialog:has(table#npc) {
        width: calc(100vw - 8px) !important;
        max-width: calc(100vw - 8px) !important;
        min-width: 0 !important;
        left: 4px !important;
        right: 4px !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
        max-height: 94vh !important;
    }
    html.ztv-m .dialog.ztv-npc-open .dialog-contents,
    html.ztv-m .dialog.ztv-npc-open .dialog-container,
    html.ztv-m .dialog.ztv-npc-open .content,
    html.ztv-m .dialog:has(#build.exchangeResources) .dialog-contents,
    html.ztv-m .dialog:has(#build.exchangeResources) .dialog-container,
    html.ztv-m .dialog:has(#build.exchangeResources) .content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 10px 8px 14px !important;
        max-height: 90vh !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    html.ztv-m #build.exchangeResources {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    html.ztv-m #build.exchangeResources p.npc_desc {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 0 10px !important;
    }
    html.ztv-m #build.exchangeResources table#npc.ztv-npc-v,
    html.ztv-m #build.exchangeResources table#npc {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        margin: 0 0 10px !important;
    }
    html.ztv-m #build.exchangeResources table#npc tr.ztv-npc-r td {
        padding: 8px 4px !important;
        vertical-align: middle !important;
        border-bottom: 1px solid #ddd !important;
        background: #f7f7f7 !important;
        overflow: hidden !important;
    }
    html.ztv-m #build.exchangeResources table#npc tr.ztv-npc-r:nth-child(even) td {
        background: #fff !important;
    }
    html.ztv-m #build.exchangeResources table#npc td.ico {
        width: 28px !important;
        text-align: center !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    html.ztv-m #build.exchangeResources table#npc td.all {
        width: 32% !important;
        text-align: left !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        line-height: 1.2 !important;
    }
    html.ztv-m #build.exchangeResources table#npc td.sel {
        width: 36% !important;
        text-align: center !important;
    }
    html.ztv-m #build.exchangeResources table#npc td.rem {
        width: 24% !important;
        text-align: right !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        line-height: 1.2 !important;
        color: #444 !important;
    }
    html.ztv-m #build.exchangeResources table#npc td.all span,
    html.ztv-m #build.exchangeResources table#npc td.rem span {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        word-break: break-all !important;
    }
    html.ztv-m #build.exchangeResources table#npc td.sel input.text {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        padding: 8px 4px !important;
        min-height: 36px !important;
        height: auto !important;
        text-align: center !important;
        border-radius: 4px !important;
    }
    html.ztv-m #build.exchangeResources .ztv-npc-totals-bar,
    html.ztv-m #build.exchangeResources #ztvNpcTotals {
        display: block !important;
        position: relative !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 8px 0 10px !important;
        padding: 12px 12px !important;
        background: #e7e7e7 !important;
        border: none !important;
        text-align: left !important;
        overflow: visible !important;
    }
    html.ztv-m #build.exchangeResources .ztv-npc-sum-item {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 6px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.45 !important;
        color: #222 !important;
    }
    html.ztv-m #build.exchangeResources .ztv-npc-sum-label {
        display: inline !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        margin-right: 4px !important;
    }
    html.ztv-m #build.exchangeResources .ztv-npc-sum-item > span:not(.ztv-npc-sum-label) {
        display: inline !important;
        word-break: break-all !important;
        font-weight: 800 !important;
    }
    html.ztv-m #build.exchangeResources #submitButton,
    html.ztv-m #build.exchangeResources #submitText,
    html.ztv-m #build.exchangeResources p.disableButtonHandler {
        display: block !important;
        width: 100% !important;
        margin: 10px 0 0 !important;
        text-align: center !important;
        float: none !important;
        clear: both !important;
    }
    html.ztv-m #build.exchangeResources #submitButton button,
    html.ztv-m #build.exchangeResources #submitText button,
    html.ztv-m #build.exchangeResources button.gold {
        display: inline-block !important;
        width: auto !important;
        max-width: calc(100% - 8px) !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 auto 10px !important;
        float: none !important;
        vertical-align: middle !important;
        position: relative !important;
        background: #c9a227 !important;
        border: 1px solid #8a7018 !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    html.ztv-m #build.exchangeResources button.gold .button-container {
        display: block !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        position: relative !important;
        background: transparent !important;
    }
    html.ztv-m #build.exchangeResources button.gold .button-background,
    html.ztv-m #build.exchangeResources button.gold .buttonStart,
    html.ztv-m #build.exchangeResources button.gold .buttonEnd,
    html.ztv-m #build.exchangeResources button.gold .buttonMiddle {
        display: none !important;
    }
    html.ztv-m #build.exchangeResources button.gold .button-content {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
        text-align: center !important;
        float: none !important;
        position: relative !important;
        color: #2a2208 !important;
        background: transparent !important;
    }

    /* Mobil: build.php big.white ? ?effaf big/m (masa?st? white aynen) */
    html.ztv-m img.building.big.white,
    html.ztv-m img.big.white {
        background-color: transparent !important;
    }
    html.ztv-m img.big.white.g1{background-image:url(img/g/big/m/g1-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g2{background-image:url(img/g/big/m/g2-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g3{background-image:url(img/g/big/m/g3-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g4{background-image:url(img/g/big/m/g4-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g5{background-image:url(img/g/big/m/g5-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g6{background-image:url(img/g/big/m/g6-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g7{background-image:url(img/g/big/m/g7-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g8{background-image:url(img/g/big/m/g8-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g9{background-image:url(img/g/big/m/g9-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g10{background-image:url(img/g/big/m/g10-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g11{background-image:url(img/g/big/m/g11-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g12{background-image:url(img/g/big/m/g12-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g13{background-image:url(img/g/big/m/g13-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g14{background-image:url(img/g/big/m/g14-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g15{background-image:url(img/g/big/m/g15-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g16{background-image:url(img/g/big/m/g16-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g17{background-image:url(img/g/big/m/g17-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g18{background-image:url(img/g/big/m/g18-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g19{background-image:url(img/g/big/m/g19-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g20{background-image:url(img/g/big/m/g20-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g21{background-image:url(img/g/big/m/g21-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g22{background-image:url(img/g/big/m/g22-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g23{background-image:url(img/g/big/m/g23-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g24{background-image:url(img/g/big/m/g24-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g25{background-image:url(img/g/big/m/g25-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g26{background-image:url(img/g/big/m/g26-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g27{background-image:url(img/g/big/m/g27-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g28{background-image:url(img/g/big/m/g28-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g29{background-image:url(img/g/big/m/g29-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g30{background-image:url(img/g/big/m/g30-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g31{background-image:url(img/g/big/m/g31-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g32{background-image:url(img/g/big/m/g32-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g33{background-image:url(img/g/big/m/g33-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g34{background-image:url(img/g/big/m/g34-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g35{background-image:url(img/g/big/m/g35_brewery-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g36{background-image:url(img/g/big/m/g36-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g37{background-image:url(img/g/big/m/g37-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g38{background-image:url(img/g/big/m/g38-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g39{background-image:url(img/g/big/m/g39-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g40{background-image:url(img/g/big/m/g40-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g41{background-image:url(img/g/big/m/g41-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g42{background-image:url(img/g/big/m/g42-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g43{background-image:url(img/g/big/m/g43-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g44{background-image:url(img/g/big/m/g44-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g45{background-image:url(img/g/big/m/g45-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g46{background-image:url(img/g/big/m/g46-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g47{background-image:url(img/g/big/m/g47-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g48{background-image:url(img/g/big/m/g48-ltr.png?v=20260730m114) !important}
    html.ztv-m img.big.white.g49{background-image:url(img/g/big/m/g49-ltr.png?v=20260730m114) !important}

    /*
     * dorf2 k?y haritas?: DOM class="building gN" / "dx1 g16" ? big.white YOK.
     * ?nceki override yanl??l?kla sadece img.big.white hedefliyordu ? dorf2?de hi? tutmuyordu.
     * 120?120 ?effaf img/g/*.png kullan; ztv-fixes g48/g49 big/white?? iptal et.
     */
    html.ztv-m body.village2 #village_map img.building,
    html.ztv-m body.village2 #village_map img.dx1,
    html.ztv-m body.village2 #village_map img.ww,
    html.ztv-m body.village2 #village_map img.iso {
        background-color: transparent !important;
        background-repeat: no-repeat !important;
    }

    html.ztv-m body.village2 #village_map img.g5,
    html.ztv-m img.g5:not(.big){background-image:url(img/g/g5-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g6,
    html.ztv-m img.g6:not(.big){background-image:url(img/g/g6-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g7,
    html.ztv-m img.g7:not(.big){background-image:url(img/g/g7-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g8,
    html.ztv-m img.g8:not(.big){background-image:url(img/g/g8-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g9,
    html.ztv-m img.g9:not(.big){background-image:url(img/g/g9-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g10,
    html.ztv-m img.g10:not(.big){background-image:url(img/g/g10-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g11,
    html.ztv-m img.g11:not(.big){background-image:url(img/g/g11-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g12,
    html.ztv-m img.g12:not(.big){background-image:url(img/g/g13-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g13,
    html.ztv-m img.g13:not(.big){background-image:url(img/g/g13-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g14,
    html.ztv-m img.g14:not(.big){background-image:url(img/g/g14-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g15,
    html.ztv-m img.g15:not(.big){background-image:url(img/g/g15-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g16,
    html.ztv-m body.village2 #village_map img.dx1.g16,
    html.ztv-m img.g16:not(.big){background-image:url(img/g/g16-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g17,
    html.ztv-m img.g17:not(.big){background-image:url(img/g/g17-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g18,
    html.ztv-m img.g18:not(.big){background-image:url(img/g/g18-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g19,
    html.ztv-m img.g19:not(.big){background-image:url(img/g/g19-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g20,
    html.ztv-m img.g20:not(.big){background-image:url(img/g/g20-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g21,
    html.ztv-m img.g21:not(.big){background-image:url(img/g/g21-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g22,
    html.ztv-m img.g22:not(.big){background-image:url(img/g/g22-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g23,
    html.ztv-m img.g23:not(.big){background-image:url(img/g/g23-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g24,
    html.ztv-m img.g24:not(.big){background-image:url(img/g/g24-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g25,
    html.ztv-m img.g25:not(.big){background-image:url(img/g/g25-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g26,
    html.ztv-m img.g26:not(.big){background-image:url(img/g/g26-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g27,
    html.ztv-m img.g27:not(.big){background-image:url(img/g/g27-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g28,
    html.ztv-m img.g28:not(.big){background-image:url(img/g/g28-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g29,
    html.ztv-m img.g29:not(.big){background-image:url(img/g/g29-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g30,
    html.ztv-m img.g30:not(.big){background-image:url(img/g/g30-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g34,
    html.ztv-m img.g34:not(.big){background-image:url(img/g/g34-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g35,
    html.ztv-m img.g35:not(.big){background-image:url(img/g/g35_brewery-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g36,
    html.ztv-m img.g36:not(.big){background-image:url(img/g/g36-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g37,
    html.ztv-m img.g37:not(.big){background-image:url(img/g/g37-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g38,
    html.ztv-m img.g38:not(.big){background-image:url(img/g/g38-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g39,
    html.ztv-m img.g39:not(.big){background-image:url(img/g/g39-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g41,
    html.ztv-m img.g41:not(.big){background-image:url(img/g/g41-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g44,
    html.ztv-m img.g44:not(.big){background-image:url(img/g/g44-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g45,
    html.ztv-m img.g45:not(.big){background-image:url(img/g/g45-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g46,
    html.ztv-m img.g46:not(.big){background-image:url(img/g/g46-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g47,
    html.ztv-m img.g47:not(.big){background-image:url(img/g/g47-ltr.png?v=20260730m114) !important}
    /* ztv-fixes img.g48/g49 ? big/white (beyaz kutu); mobil k?yde big/m + 120 ?l?ek */
    html.ztv-m body.village2 #village_map img.g48,
    html.ztv-m img.g48:not(.big){
        background-image:url(img/g/big/m/g48-ltr.png?v=20260730m114) !important;
        background-size:120px 120px !important;
        background-color:transparent !important;
    }
    html.ztv-m body.village2 #village_map img.g49,
    html.ztv-m img.g49:not(.big){
        background-image:url(img/g/big/m/g49-ltr.png?v=20260730m114) !important;
        background-size:120px 120px !important;
        background-color:transparent !important;
    }
    html.ztv-m body.village2 #village_map img.g40_0,
    html.ztv-m img.g40_0{background-image:url(img/g/g40_0-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_1,
    html.ztv-m img.g40_1{background-image:url(img/g/g40_1-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_2,
    html.ztv-m img.g40_2{background-image:url(img/g/g40_2-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_3,
    html.ztv-m img.g40_3{background-image:url(img/g/g40_3-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_4,
    html.ztv-m img.g40_4{background-image:url(img/g/g40_4-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_5,
    html.ztv-m img.g40_5{background-image:url(img/g/g40_5-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_6,
    html.ztv-m img.g40_6{background-image:url(img/g/g40_6-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_7,
    html.ztv-m img.g40_7{background-image:url(img/g/g40_7-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_8,
    html.ztv-m img.g40_8{background-image:url(img/g/g40_8-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_9,
    html.ztv-m img.g40_9{background-image:url(img/g/g40_9-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_10,
    html.ztv-m img.g40_10{background-image:url(img/g/g40_10-ltr.png?v=20260730m114) !important}
    html.ztv-m body.village2 #village_map img.g40_11,
    html.ztv-m img.g40_11{background-image:url(img/g/g40_11-ltr.png?v=20260730m114) !important}

    /* Oyun yönergesi — wrapper pin (100vw + kaymış left kaymayı yapıyordu) */
    html.ztv-m .ztv-manual-wrap,
    html.ztv-m .dragWrapper:has(.ztv-manual-dialog),
    html.ztv-m .dragWrapper:has(iframe.ztv-manual-frame),
    html.ztv-m body > div:has(> .dialog.ztv-manual-dialog) {
        left: 4px !important;
        right: auto !important;
        top: 8px !important;
        width: calc(100vw - 8px) !important;
        max-width: calc(100vw - 8px) !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }
    html.ztv-m .dialog:has(iframe.ztv-manual-frame),
    html.ztv-m .dialog.ztv-manual-dialog {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        margin-left: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    html.ztv-m .dialog.ztv-manual-dialog .title {
        display: block !important;
        width: auto !important;
        max-width: calc(100% - 40px) !important;
        margin: 0 auto 8px !important;
        text-align: center !important;
        float: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
    }
    html.ztv-m .dialog:has(iframe.ztv-manual-frame) .dialog-contents,
    html.ztv-m .dialog:has(iframe.ztv-manual-frame) .content,
    html.ztv-m .dialog.ztv-manual-dialog .dialog-contents,
    html.ztv-m .dialog.ztv-manual-dialog .content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        max-height: none !important;
        padding: 4px 6px 10px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m iframe.ztv-manual-frame,
    html.ztv-m .dialog iframe.popup.ztv-manual-frame,
    html.ztv-m .dialog.ztv-manual-dialog iframe.ztv-manual-frame {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: min(72vh, 620px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    /* Bilgi kutusu ? Bol Hayvanl? / Natar: mobilde de web gibi ye?il */
    html.ztv-m #sidebarBoxInfobox a.ztv-infobox-hl,
    html.ztv-m #sidebarBoxInfobox a.ztv-infobox-oasis,
    html.ztv-m #sidebarBoxInfobox a.ztv-infobox-natar,
    html.ztv-m #sidebarBoxInfobox .content a.ztv-infobox-hl,
    html.ztv-m #sidebarBoxInfobox .content a.ztv-infobox-oasis,
    html.ztv-m #sidebarBoxInfobox .content a.ztv-infobox-natar,
    html.ztv-m .sidebarBoxInfobox .content a.ztv-infobox-hl {
        color: #5a9a12 !important;
        font-weight: 700 !important;
    }
    html.ztv-m #sidebarBoxInfobox a.ztv-infobox-hl:visited,
    html.ztv-m #sidebarBoxInfobox a.ztv-infobox-oasis:visited,
    html.ztv-m #sidebarBoxInfobox a.ztv-infobox-natar:visited {
        color: #4e8810 !important;
    }
    html.ztv-m #sidebarBoxInfobox a.ztv-infobox-hl:hover {
        color: #7cb029 !important;
    }

    /* ========== Kahraman sayfalar? (macera / ?zellik / envanter / d?zenleyici / m?zayede) ========== */
    html.ztv-m body.hero,
    html.ztv-m body.hero_adventure,
    html.ztv-m body.hero_inventory,
    html.ztv-m body.hero_auction {
        padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        background-color: #fef7e7 !important;
    }

    html.ztv-m body.hero.perspectiveBuildings div#background,
    html.ztv-m body.hero.perspectiveResources div#background,
    html.ztv-m body.hero_adventure.perspectiveBuildings div#background,
    html.ztv-m body.hero_adventure.perspectiveResources div#background,
    html.ztv-m body.hero_inventory.perspectiveBuildings div#background,
    html.ztv-m body.hero_inventory.perspectiveResources div#background,
    html.ztv-m body.hero_auction.perspectiveBuildings div#background,
    html.ztv-m body.hero_auction.perspectiveResources div#background {
        background-image: none !important;
        background-color: #fef7e7 !important;
        background-size: auto !important;
        min-height: 0 !important;
    }

    html.ztv-m body.hero div#center div#contentOuterContainer,
    html.ztv-m body.hero_adventure div#center div#contentOuterContainer,
    html.ztv-m body.hero_inventory div#center div#contentOuterContainer,
    html.ztv-m body.hero_auction div#center div#contentOuterContainer {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 88px 6px calc(48px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        background: #fef7e7 !important;
    }

    html.ztv-m body.hero #contentOuterContainer .contentContainer,
    html.ztv-m body.hero_adventure #contentOuterContainer .contentContainer,
    html.ztv-m body.hero_inventory #contentOuterContainer .contentContainer,
    html.ztv-m body.hero_auction #contentOuterContainer .contentContainer,
    html.ztv-m body.hero #content,
    html.ztv-m body.hero_adventure #content,
    html.ztv-m body.hero_inventory #content,
    html.ztv-m body.hero_auction #content,
    html.ztv-m body.hero #content.hero_editor,
    html.ztv-m #content.hero,
    html.ztv-m #content.hero_adventure,
    html.ztv-m #content.hero_inventory,
    html.ztv-m #content.hero_editor {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px 4px calc(100px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        background-color: #fef7e7 !important;
        background-image: none !important;
        height: auto !important;
        min-height: 0 !important;
    }

    /* Sekmeler ? 2x2 sar */
    html.ztv-m body.hero .contentNavi,
    html.ztv-m body.hero_adventure .contentNavi,
    html.ztv-m body.hero_inventory .contentNavi,
    html.ztv-m body.hero_auction .contentNavi,
    html.ztv-m #content.hero .contentNavi,
    html.ztv-m #content.hero_adventure .contentNavi,
    html.ztv-m #content.hero_inventory .contentNavi,
    html.ztv-m #content.hero_editor .contentNavi {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        float: none !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        margin: 4px 0 10px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }
    html.ztv-m body.hero .contentNavi .container,
    html.ztv-m body.hero_adventure .contentNavi .container,
    html.ztv-m body.hero_inventory .contentNavi .container,
    html.ztv-m body.hero_auction .contentNavi .container,
    html.ztv-m #content.hero_editor .contentNavi .container {
        float: none !important;
        flex: 1 1 calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        background: none !important;
        background-image: none !important;
        border: 0 !important;
    }
    html.ztv-m body.hero .contentNavi .background-start,
    html.ztv-m body.hero .contentNavi .background-end,
    html.ztv-m body.hero_adventure .contentNavi .background-start,
    html.ztv-m body.hero_adventure .contentNavi .background-end,
    html.ztv-m body.hero_inventory .contentNavi .background-start,
    html.ztv-m body.hero_inventory .contentNavi .background-end,
    html.ztv-m body.hero_auction .contentNavi .background-start,
    html.ztv-m body.hero_auction .contentNavi .background-end,
    html.ztv-m #content.hero_editor .contentNavi .background-start,
    html.ztv-m #content.hero_editor .contentNavi .background-end {
        display: none !important;
    }
    html.ztv-m body.hero .contentNavi .container .content,
    html.ztv-m body.hero_adventure .contentNavi .container .content,
    html.ztv-m body.hero_inventory .contentNavi .container .content,
    html.ztv-m body.hero_auction .contentNavi .container .content,
    html.ztv-m #content.hero_editor .contentNavi .container .content {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 36px !important;
        border-radius: 5px !important;
        border: 1px solid #555 !important;
        background-image: linear-gradient(to bottom, #f0f0f0, #d8d8d8) !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero .contentNavi .container.active .content,
    html.ztv-m body.hero_adventure .contentNavi .container.active .content,
    html.ztv-m body.hero_inventory .contentNavi .container.active .content,
    html.ztv-m body.hero_auction .contentNavi .container.active .content,
    html.ztv-m #content.hero_editor .contentNavi .container.active .content {
        background-image: linear-gradient(to bottom, #7cb029, #587c1e) !important;
        border-color: #283308 !important;
    }
    html.ztv-m body.hero .contentNavi .tabItem,
    html.ztv-m body.hero_adventure .contentNavi .tabItem,
    html.ztv-m body.hero_inventory .contentNavi .tabItem,
    html.ztv-m body.hero_auction .contentNavi .tabItem,
    html.ztv-m #content.hero_editor .contentNavi .tabItem {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        padding: 8px 4px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
        color: #222 !important;
    }
    html.ztv-m body.hero .contentNavi .clear,
    html.ztv-m body.hero_adventure .contentNavi .clear,
    html.ztv-m body.hero_inventory .contentNavi .clear,
    html.ztv-m body.hero_auction .contentNavi .clear {
        display: none !important;
    }

    /* Macera tablosu ? kart sat?rlar? (ekrana s??s?n) */
    html.ztv-m body.hero_adventure #content.hero_adventure > table,
    html.ztv-m #content.hero_adventure > table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        border: 0 !important;
        background: transparent !important;
    }
    html.ztv-m body.hero_adventure #content.hero_adventure > table thead {
        display: none !important;
    }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody {
        display: block !important;
        width: 100% !important;
    }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr {
        display: block !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
        background: #fff !important;
        border: 1px solid #d2c4a0 !important;
        border-radius: 8px !important;
    }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 6px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #f0ebe0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
        white-space: normal !important;
        font-size: 13px !important;
    }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td:last-child {
        border-bottom: 0 !important;
        padding-top: 10px !important;
    }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.location:before { content: "Konum"; font-size: 11px; color: #777; font-weight: 700; }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.coords:before { content: "Koordinat"; font-size: 11px; color: #777; font-weight: 700; }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.moveTime:before { content: "S?re"; font-size: 11px; color: #777; font-weight: 700; }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.difficulty:before { content: "Zorluk"; font-size: 11px; color: #777; font-weight: 700; }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.timeLeft:before { content: "Kalan s?re"; font-size: 11px; color: #777; font-weight: 700; }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.goTo:before { content: "??lem"; font-size: 11px; color: #777; font-weight: 700; }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.none {
        display: block !important;
        text-align: center !important;
        border: 0 !important;
    }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.goTo button,
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.goTo .green {
        width: auto !important;
        max-width: 100% !important;
        min-width: 110px !important;
    }
    html.ztv-m body.hero_adventure #content.hero_adventure > table tbody > tr > td.goTo a.gotoAdventure {
        display: inline-block !important;
        padding: 8px 12px !important;
        background: linear-gradient(to bottom, #7cb029, #587c1e) !important;
        color: #fff !important;
        border: 1px solid #283308 !important;
        border-radius: 5px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        white-space: normal !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero_adventure .finishNow,
    html.ztv-m body.hero_adventure .finishNow button,
    html.ztv-m body.hero_adventure button.buyAdventure {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero_adventure .finishNow button.buyAdventure {
        display: block !important;
        margin: 8px 0 0 !important;
    }
    html.ztv-m body.hero_adventure .adventureStatusMessage,
    html.ztv-m body.hero_adventure .boxes.adventureStatusMessage {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 10px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero_adventure .heroStatusMessage {
        white-space: normal !important;
        word-break: break-word !important;
        font-size: 13px !important;
    }

    /* Envanter / ?zellikler */
    html.ztv-m body.hero_inventory #hero_body_content,
    html.ztv-m #content.hero_inventory #hero_body_content {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 12px !important;
        overflow: visible !important;
    }
    html.ztv-m body.hero_inventory #attributes,
    html.ztv-m #content.hero_inventory #attributes,
    html.ztv-m div.hero_inventory #attributes {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero_inventory .heroPropertiesContent,
    html.ztv-m div.hero_inventory .heroPropertiesContent,
    html.ztv-m div.hero_inventory .heroPropertiesContent.hide {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    html.ztv-m body.hero_inventory table.attributes,
    html.ztv-m body.hero_inventory #attributesOfHero,
    html.ztv-m div.hero_inventory table.attributes {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }
    html.ztv-m body.hero_inventory .attribute .attribName,
    html.ztv-m div.hero_inventory .attribute .attribName {
        width: auto !important;
        min-width: 0 !important;
        max-width: 40% !important;
        padding-left: 4px !important;
        font-size: 12px !important;
    }
    html.ztv-m body.hero_inventory .attribute .progress,
    html.ztv-m div.hero_inventory .attribute .progress {
        width: min(191px, 42vw) !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    html.ztv-m body.hero_inventory .attributes .pointsValueSetter,
    html.ztv-m div.hero_inventory .attributes .pointsValueSetter {
        width: 22px !important;
        min-width: 22px !important;
    }
    html.ztv-m body.hero_inventory #itemsToSale,
    html.ztv-m body.hero_inventory .heroItems,
    html.ztv-m body.hero_inventory #hero_inventory {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    html.ztv-m body.hero_inventory button.green,
    html.ztv-m body.hero_inventory .green {
        max-width: 100% !important;
    }
    html.ztv-m body.hero_inventory input.text,
    html.ztv-m body.hero_inventory input[type="text"],
    html.ztv-m body.hero_inventory input[type="number"] {
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
    }

    /* Kahraman d?zenleyici */
    html.ztv-m body.hero #heroEditor,
    html.ztv-m #content.hero_editor #heroEditor {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero #heroEditor .hero_head,
    html.ztv-m body.hero #heroEditor .attributes,
    html.ztv-m #content.hero_editor .hero_head {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 12px !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero #heroEditor .attributes,
    html.ztv-m #content.hero_editor .attributes {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    html.ztv-m body.hero #heroEditor button:not(.icon),
    html.ztv-m #content.hero_editor button:not(.icon) {
        position: static !important;
        left: auto !important;
        margin: 6px 4px !important;
        max-width: 100% !important;
    }
    html.ztv-m body.hero #heroEditor .genderSwitch {
        width: 100% !important;
        max-width: 100% !important;
    }
    html.ztv-m body.hero #heroEditor .attributes .boxes.gender .gender-container,
    html.ztv-m body.hero #heroEditor .attributes .boxes.gender .gender-container .info {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero #heroEditor .attributes .boxes.gender .gender-container .info {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }
    html.ztv-m body.hero #heroEditor .attributes .boxes.gender .gender-container .info .title {
        width: auto !important;
        float: none !important;
        flex: 1 1 auto !important;
    }
    html.ztv-m body.hero #heroEditor #genderButtons {
        float: none !important;
        margin: 0 8px 0 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
    }
    html.ztv-m body.hero #heroEditor #genderButtons button.icon,
    html.ztv-m #content.hero_editor #genderButtons button.icon {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        margin: 0 !important;
        max-width: none !important;
        opacity: 1 !important;
        filter: none !important;
        -webkit-filter: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    html.ztv-m body.hero #heroEditor #genderButtons button.icon.iconActive,
    html.ztv-m body.hero #heroEditor #genderButtons button.icon.iconActive.disabled {
        opacity: 1 !important;
        filter: none !important;
        -webkit-filter: none !important;
        background-position: left -68px !important;
    }
    html.ztv-m body.hero #heroEditor #genderButtons img,
    html.ztv-m #content.hero_editor #genderButtons img {
        position: absolute !important;
        left: 4px !important;
        top: 3px !important;
        width: 18px !important;
        height: 18px !important;
        max-width: none !important;
        opacity: 1 !important;
        filter: none !important;
        -webkit-filter: none !important;
        background-image: url("img/hero/gender.png") !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
    }
    html.ztv-m body.hero #heroEditor #genderButtons img.heroEditorActivateFemale {
        background-position: left -28px !important;
    }
    html.ztv-m body.hero #heroEditor #genderButtons img.heroEditorActivateMale {
        background-position: left 0 !important;
    }

    /* M?zayede ? yatay kayd?rma */
    html.ztv-m body.hero_auction #content,
    html.ztv-m body.hero_auction .hero_inventory {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    html.ztv-m body.hero_auction table {
        max-width: 100% !important;
    }

    /* ?? Build ba?l?k paneli (son kural ? ezilmesin) ?? */
    body.v35.build #contentOuterContainer > .contentTitle.ztv-build-titlebar,
    body.build #contentOuterContainer > .contentTitle.ztv-build-titlebar,
    html.ztv-m body.v35.build #contentOuterContainer > .contentTitle,
    html.ztv-m body.build #contentOuterContainer > .contentTitle,
    html.ztv-m body.v35.build div#center div#contentOuterContainer div.contentTitle.ztv-build-titlebar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 40px !important;
        margin: 0 0 10px !important;
        padding: 6px 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        background: #fef7e7 !important;
        background-image: linear-gradient(to bottom, #fffef8, #f5ecd8) !important;
        border: solid 1px #b39253 !important;
        border-radius: 6px !important;
        box-shadow: inset 0 0 8px rgba(179, 146, 83, 0.35) !important;
        position: relative !important;
        z-index: 6 !important;
    }
    body.v35.build .contentTitle.ztv-build-titlebar h1.titleInHeader,
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar h1.titleInHeader,
    html.ztv-m body.build .contentTitle.ztv-build-titlebar h1.titleInHeader {
        display: block !important;
        position: static !important;
        float: none !important;
        order: 0 !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 6px 0 2px !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        color: #2a2a2a !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: left !important;
    }
    body.v35.build .contentTitle.ztv-build-titlebar h1.titleInHeader .level,
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar h1.titleInHeader .level {
        color: #f88c1f !important;
        font-weight: 700 !important;
    }
    body.v35.build .contentTitle.ztv-build-titlebar a.contentTitleButton,
    html.ztv-m body.v35.build .contentTitle.ztv-build-titlebar a.contentTitleButton {
        display: block !important;
        float: none !important;
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 0 0 4px !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    body.v35.build .contentTitle.ztv-build-titlebar a#ztvAboutButton { order: 1 !important; }
    body.v35.build .contentTitle.ztv-build-titlebar a#answersButton { order: 2 !important; }
    body.v35.build .contentTitle.ztv-build-titlebar a#closeContentButton { order: 3 !important; }
}

html.ztv-m body.v35.messages .paper.ztv-has-i18n,
html.ztv-m body.v35.messages .paper.ztv-has-i18n .paperTop,
html.ztv-m body.v35.messages .paper.ztv-has-i18n .paperContent {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}
html.ztv-m body.v35.messages .paper.ztv-has-i18n #message,
html.ztv-m body.v35.messages .paper.ztv-has-i18n #message.message {
    height: auto !important;
    max-height: 32vh !important;
    width: 100% !important;
}
html.ztv-m body.v35.messages .ztv-msg-i18n,
html.ztv-m body.v35.messages .ztv-msg-i18n-compose {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 10px 0 12px !important;
    padding: 10px 10px 12px !important;
    float: none !important;
}
html.ztv-m body.v35.messages .ztv-msg-i18n-head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
}
html.ztv-m body.v35.messages .ztv-msg-i18n-langwrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
}
html.ztv-m body.v35.messages .ztv-msg-i18n-lang {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 36px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}
html.ztv-m body.v35.messages .ztv-msg-i18n-compose-row {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
}
html.ztv-m body.v35.messages .ztv-msg-i18n-do {
    width: 100% !important;
    margin: 6px 0 0 !important;
    float: none !important;
}
html.ztv-m body.v35.messages .ztv-msg-i18n-body {
    max-height: none !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
}
html.ztv-m body.v35.messages .ztv-msg-i18n-hint {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

/* Birlik rapor ? ikon+etiket, secili net (mobil) */
html.ztv-m body.v35.alliance .ztv-ally-rep {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 6px 0 12px !important;
    clear: both !important;
}
html.ztv-m body.v35.alliance .ztv-ar-now {
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    background: #e8f5d0 !important;
    border: 1px solid #71af2c !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #1f3a0a !important;
}
html.ztv-m body.v35.alliance table.ztv-ar-filter {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 0 12px !important;
    background: #f7f7f7 !important;
    border: 1px solid #bdc7ce !important;
}
html.ztv-m body.v35.alliance table.ztv-ar-filter th,
html.ztv-m body.v35.alliance table.ztv-ar-filter td {
    border-bottom: 1px solid #d5dce2 !important;
    padding: 8px 6px !important;
    vertical-align: middle !important;
}
html.ztv-m body.v35.alliance table.ztv-ar-filter tr:last-child th,
html.ztv-m body.v35.alliance table.ztv-ar-filter tr:last-child td {
    border-bottom: none !important;
}
html.ztv-m body.v35.alliance table.ztv-ar-filter th {
    width: 52px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #444 !important;
    text-align: left !important;
}
html.ztv-m body.v35.alliance .ztv-ally-rep[dir="rtl"] table.ztv-ar-filter th {
    text-align: right !important;
}
html.ztv-m body.v35.alliance td.ztv-ar-cells {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    width: 100% !important;
}
html.ztv-m body.v35.alliance a.ztv-ar-cell {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 56px !important;
    padding: 6px 2px !important;
    box-sizing: border-box !important;
    border: 2px solid #c5c5c5 !important;
    border-radius: 4px !important;
    background: #fff !important;
    text-decoration: none !important;
    color: #555 !important;
    opacity: 0.72 !important;
}
html.ztv-m body.v35.alliance a.ztv-ar-cell .ztv-ar-ic {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    min-height: 18px !important;
}
html.ztv-m body.v35.alliance a.ztv-ar-cell .ztv-ar-star {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
html.ztv-m body.v35.alliance a.ztv-ar-cell .ztv-ar-tx {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    word-break: break-word !important;
}
html.ztv-m body.v35.alliance a.ztv-ar-cell .ztv-ar-mark {
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #71af2c !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-align: center !important;
}
html.ztv-m body.v35.alliance a.ztv-ar-cell.is-on {
    border-color: #4f8a18 !important;
    background: #71af2c !important;
    color: #fff !important;
    opacity: 1 !important;
    box-shadow: 0 0 0 2px rgba(113,175,44,0.35) !important;
}
html.ztv-m body.v35.alliance a.ztv-ar-cell.is-on .ztv-ar-tx {
    color: #fff !important;
    font-weight: 700 !important;
}
html.ztv-m body.v35.alliance form.ztv-ar-search {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    margin: 0 !important;
}
html.ztv-m body.v35.alliance form.ztv-ar-search input[type="text"] {
    flex: 1 1 100px !important;
    min-width: 0 !important;
    min-height: 32px !important;
    box-sizing: border-box !important;
    padding: 4px 8px !important;
    font-size: 13px !important;
    border: 1px solid #999 !important;
    border-radius: 3px !important;
}
html.ztv-m body.v35.alliance form.ztv-ar-search button {
    min-height: 32px !important;
    padding: 4px 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 1px solid #4f8a18 !important;
    border-radius: 3px !important;
    background: #71af2c !important;
    color: #fff !important;
}
html.ztv-m body.v35.alliance form.ztv-ar-search a {
    font-size: 12px !important;
}
html.ztv-m body.v35.alliance table#offs.ztv-ally-rep-table {
    width: 100% !important;
    table-layout: fixed !important;
}
html.ztv-m body.v35.alliance table#offs.ztv-ally-rep-table td.sub {
    width: 54% !important;
    word-break: break-word !important;
}
html.ztv-m body.v35.alliance table#offs.ztv-ally-rep-table td.al { width: 18% !important; }
html.ztv-m body.v35.alliance table#offs.ztv-ally-rep-table td.dat {
    width: 28% !important;
    white-space: nowrap !important;
    font-size: 12px !important;
}
html.ztv-m body.v35.alliance .ztv-ar-pager {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 10px 0 4px !important;
    font-size: 13px !important;
}


/* === ZTV: sag cekmece plus butonlari stockBar altinda kesilmesin (2026-09-03) === */
@media screen and (max-width: 980px) {
    html.ztv-m body.v35 #sidebarAfterContent {
        padding-top: 112px !important;
    }
    html.ztv-m body.v35.ztv-drawer-right ul#stockBar,
    html.ztv-m body.v35.ztv-drawer-right #stockBar {
        max-width: calc(100% - min(88vw, 340px)) !important;
        width: calc(100% - min(88vw, 340px)) !important;
        box-sizing: border-box !important;
        z-index: 20 !important;
    }
    html.ztv-m body.v35.ztv-drawer-right #sidebarAfterContent {
        z-index: 2147483500 !important;
        padding-top: 56px !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage {
        margin-top: 8px !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 6 !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .sidebarBoxInnerBox,
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header {
        overflow: visible !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header {
        padding-top: 40px !important;
        min-height: 56px !important;
        box-sizing: border-box !important;
        position: relative !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton {
        position: absolute !important;
        top: 6px !important;
        margin: 0 0 0 3px !important;
        float: none !important;
        left: auto !important;
        z-index: 8 !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton.workshopWhite,
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton.workshopBlack {
        right: 6px !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton.stableWhite,
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton.stableBlack {
        right: 42px !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton.barracksWhite,
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton.barracksBlack {
        right: 78px !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton.marketWhite,
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button.layoutButton.marketBlack {
        right: 114px !important;
    }
    html.ztv-m body.v35 #sidebarAfterContent #sidebarBoxActiveVillage .innerBox.header > button#ztvAutoTrainBtn {
        position: absolute !important;
        top: 6px !important;
        right: 150px !important;
        left: auto !important;
        margin: 0 !important;
        float: none !important;
        z-index: 9 !important;
    }
}

/* İnşaat emri: haritanın üstünde kart — yalnızca mobil */
@media screen and (max-width: 980px) {
html.ztv-m body.village1 #content.village1,
html.ztv-m body.village2 #content.village2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
html.ztv-m body.village1 #content.village1 .boxes.buildingList {
    order: 1;
}
html.ztv-m body.village2 #content.village2 .villageMapWrapper {
    order: 1;
}
html.ztv-m body.village2 #content.village2 .boxes.buildingList {
    order: 2;
    align-self: stretch;
}
html.ztv-m body.village1 #content.village1 .ztv-m-map-fit,
html.ztv-m body.village1 #content.village1 > #village_map {
    order: 2;
}
html.ztv-m body.village1 #content.village1 #map_details,
html.ztv-m body.village2 #content.village2 #map_details {
    order: 3;
}
html.ztv-m body.village1 #content.village1 > .clear,
html.ztv-m body.village2 #content.village2 > .clear {
    order: 4;
}
html.ztv-m body.village1 #content .boxes.buildingList:not(:has(li)),
html.ztv-m body.village2 #content .boxes.buildingList:not(:has(li)),
html.ztv-m #content .boxes.buildingList:not(:has(li)) {
    display: none !important;
}
html.ztv-m body.village1 #content .boxes.buildingList,
html.ztv-m body.village2 #content .boxes.buildingList,
html.ztv-m #content .boxes.buildingList {
    position: relative !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 10px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    z-index: 80 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    background: #fef7e7 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
    color: #2b2114 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-tl,
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-tr,
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-tc,
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-ml,
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-mr,
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-mc,
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-bl,
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-br,
html.ztv-m body.village1 #content .boxes.buildingList > .boxes-bc,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-tl,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-tr,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-tc,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-ml,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-mr,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-mc,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-bl,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-br,
html.ztv-m body.village2 #content .boxes.buildingList > .boxes-bc {
    display: none !important;
}
html.ztv-m body.village1 #content .boxes.buildingList .boxes-contents,
html.ztv-m body.village2 #content .boxes.buildingList .boxes-contents,
html.ztv-m #content .boxes.buildingList .boxes-contents {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    color: #2b2114 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
html.ztv-m body.village1 #content .boxes.buildingList h5,
html.ztv-m body.village2 #content .boxes.buildingList h5 {
    display: block !important;
    float: none !important;
    margin: 0 0 6px !important;
    padding: 0 88px 0 0 !important;
    color: #2b2114 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
    visibility: visible !important;
}
html.ztv-m body.village1 #content .boxes.buildingList .finishNow,
html.ztv-m body.village2 #content .boxes.buildingList .finishNow {
    position: absolute !important;
    right: 8px !important;
    top: 8px !important;
    float: none !important;
    z-index: 2 !important;
}
html.ztv-m body.village1 #content .boxes.buildingList ul,
html.ztv-m body.village2 #content .boxes.buildingList ul,
html.ztv-m #content .boxes.buildingList ul {
    display: block !important;
    float: none !important;
    list-style: none !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    height: auto !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}
html.ztv-m body.village1 #content .boxes.buildingList ul li,
html.ztv-m body.village2 #content .boxes.buildingList ul li,
html.ztv-m #content .boxes.buildingList ul li {
    display: block !important;
    float: none !important;
    list-style: none !important;
    margin: 0 0 8px !important;
    padding: 4px 0 0 !important;
    min-height: 28px !important;
    height: auto !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #2b2114 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}
html.ztv-m body.village1 #content .boxes.buildingList a,
html.ztv-m body.village2 #content .boxes.buildingList a {
    float: left !important;
    display: block !important;
    padding: 2px 6px 0 0 !important;
}
html.ztv-m body.village1 #content .boxes.buildingList div.name,
html.ztv-m body.village2 #content .boxes.buildingList div.name {
    float: left !important;
    display: block !important;
    max-width: calc(100% - 28px) !important;
    width: auto !important;
    color: #2b2114 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}
html.ztv-m body.village1 #content .boxes.buildingList div.buildDuration,
html.ztv-m body.village2 #content .boxes.buildingList div.buildDuration,
html.ztv-m body.village1 #content .boxes.buildingList div.buildStart,
html.ztv-m body.village2 #content .boxes.buildingList div.buildStart {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: auto !important;
    text-align: left !important;
    color: #4a3c28 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 2px 0 0 22px !important;
}
html.ztv-m body.village1 #content .boxes.buildingList .clear,
html.ztv-m body.village2 #content .boxes.buildingList .clear {
    display: block !important;
    float: none !important;
    flex-basis: 100% !important;
    width: 100% !important;
    height: 0 !important;
    overflow: hidden !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
}
html.ztv-m body.village1 #content .boxes.buildingList,
html.ztv-m body.village1 #content .boxes.buildingList *,
html.ztv-m body.village2 #content .boxes.buildingList,
html.ztv-m body.village2 #content .boxes.buildingList * {
    color: #2b2114 !important;
}
html.ztv-m body.village1 #content .boxes.buildingList .lvl,
html.ztv-m body.village2 #content .boxes.buildingList .lvl {
    color: #c45a00 !important;
}
html.ztv-m body.build #content .boxes.buildingList,
html.ztv-m body.build .boxes.buildingList,
html.ztv-m body:not(.village1):not(.village2) #content .boxes.buildingList,
html.ztv-m body:not(.village1):not(.village2) .boxes.buildingList,
html.ztv-m body.reports .boxes.buildingList,
html.ztv-m body.messages .boxes.buildingList {
    display: none !important;
}
html.ztv-m body.village2 #content.village2 {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}
}

@media screen and (max-width: 980px) {
    html.ztv-m body.v35.plusPage .ztv-gold-bank {
        width: 100%;
        box-sizing: border-box;
        font-size: 14px;
    }
    html.ztv-m body.v35.plusPage .ztv-gold-bank .gb-form {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0 0 16px;
    }
    html.ztv-m body.v35.plusPage .ztv-gold-bank input[type="number"] {
        width: 100%;
        min-height: 44px;
        font-size: 16px;
        box-sizing: border-box;
    }
    html.ztv-m body.v35.plusPage .ztv-gold-bank .gb-btn {
        min-height: 44px;
        font-size: 15px;
        font-weight: 700;
    }
    html.ztv-m body.v35.plusPage .ztv-gold-bank .gb-ok { color: #1b7a1b; font-weight: 700; }
    html.ztv-m body.v35.plusPage .ztv-gold-bank .gb-err { color: #a32020; font-weight: 700; }

    html.ztv-m .ztvInstantSellNote {
        margin: 8px 0 10px;
        padding: 8px 10px;
        font-size: 13px;
        line-height: 1.35;
        box-sizing: border-box;
    }
    html.ztv-m .ztvInstantSell {
        margin-top: 12px;
        padding-top: 10px;
        border-top: 1px solid rgba(90, 70, 40, 0.35);
    }
    html.ztv-m .ztvInstantSellTitle {
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 4px;
    }
    html.ztv-m .ztvInstantSellHint {
        font-size: 12px;
        line-height: 1.35;
        margin-bottom: 8px;
    }
    html.ztv-m .ztvInstantSell .green {
        max-width: 100%;
    }

    html.ztv-m tr.ztv-route-plan {
        display: table-row !important;
    }
    html.ztv-m .ztv-route-plan-note {
        display: block !important;
        margin-top: 6px;
        font-size: 13px;
        line-height: 1.35;
    }
    html.ztv-m form.ztv-route-plan-on tr.ztv-route-fixed {
        display: none !important;
    }
    html.ztv-m .ztv-route-plan-hint {
        margin: 6px 0 0;
        font-size: 13px;
        line-height: 1.35;
    }
    html.ztv-m .ztv-route-plan-check {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 44px;
        font-size: 15px;
    }
    html.ztv-m .ztv-route-plan-check input {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
    }
    html.ztv-m .ztv-route-plan-sources {
        max-height: 220px;
        overflow: auto;
    }
    html.ztv-m #ztvRouteSources,
    html.ztv-m select.ztv-route-sources {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 132px;
        font-size: 16px;
    }
    html.ztv-m select[name="start"],
    html.ztv-m select[name="start_min"],
    html.ztv-m select[name="tvillage"] {
        min-height: 44px;
        font-size: 16px;
        margin: 0 6px 6px 0;
    }
}