@CHARSET "UTF-8";img#btn_plus{width:80px;height:67px;background-image:url("/assets/default/lang/ar/a/plus.gif?v=9e82d45b46fa");background-position:0px -21px;}input#btn_login{width:97px;background-image:url("/assets/default/lang/ar/b/login.gif?v=9a425a085365");}input#btn_signup{width:97px;background-image:url("/assets/default/lang/ar/b/signup.gif?v=483a22e98d2c");}input#btn_ok{width:47px;background-image:url("/assets/default/lang/ar/b/ok.gif?v=56888c5a5ff3");}input#btn_reply{width:97px;background-image:url("/assets/default/lang/ar/b/reply.gif?v=b4c5791f6da8");}input#btn_send{width:97px;background-image:url("/assets/default/lang/ar/b/send.gif?v=ce5b48194bb7");}input#btn_save{width:97px;background-image:url("/assets/default/lang/ar/b/save.gif?v=f48024a127fb");}input#btn_delete{width:97px;background-image:url("/assets/default/lang/ar/b/delete.gif?v=5355a30c1dd5");}input#btn_archiv{width:97px;background-image:url("/assets/default/lang/ar/b/archiv.gif?v=8c37a93cfa46");}input#btn_back{width:97px;background-image:url("/assets/default/lang/ar/b/zurueck.gif?v=ce8b700a3d41");}input#btn_train{width:97px;background-image:url("/assets/default/lang/ar/b/train.gif?v=e9624a9e3b71");}input#btn_back{width:97px;background-image:url("/assets/default/lang/ar/b/back.gif?v=ce8b700a3d41");}input#btn_forward{width:97px;background-image:url("/assets/default/lang/ar/b/forward.gif?v=222fa8e129aa");}input#btn_demolish{width:97px;background-image:url("/assets/default/lang/ar/b/demolish.gif?v=687628c28ba2");}input#btn_search{width:47px;background-image:url("/assets/default/lang/ar/b/search.gif?v=baf6a344af05");}div.forum input#fbtn_ok{width:47px;background-image:url("/assets/default/lang/ar/b/ok.gif?v=56888c5a5ff3");}div.forum input#fbtn_vote{width:97px;background-image:url("/assets/default/lang/ar/f/vote.gif?v=fcf8f1fd622c");}div.forum input#fbtn_result{width:97px;background-image:url("/assets/default/lang/ar/f/result.gif?v=97077865551d");}div.forum input#fbtn_voting{width:97px;background-image:url("/assets/default/lang/ar/f/voting.gif?v=18e4f13749ca");}div.forum img#fbtn_reply{width:97px;background-image:url("/assets/default/lang/ar/f/reply.gif?v=1f897b8fd359");}div.forum img#fbtn_post{width:97px;background-image:url("/assets/default/lang/ar/f/post.gif?v=218a080ae960");}div.forum img#fbtn_newforum{width:97px;background-image:url("/assets/default/lang/ar/f/newforum.gif?v=143078e3866f");}div#side_info h5 img{width:160px;height:15px;}div.login h1 img.img_login{width:468px;height:60px;background-image:url("/assets/default/lang/ar/t1/login.gif?v=c268551d5d60");}div.login h5 img.img_u04{width:160px;height:15px;background-image:url("/assets/default/lang/ar/t2/u04.gif?v=47276ff174af");}div.signup h1 img.anmelden{width:468px;height:60px;background-image:url("/assets/default/lang/ar/t1/anmelden.gif?v=51a70aa972bb");}div.signup h5 img.img_u05{width:160px;height:15px;background-image:url("/assets/default/lang/ar/t2/u05.gif?v=677dd32f7dc2");}div.signup img.img_u06{width:160px;height:15px;background-image:url("/assets/default/lang/ar/t2/u06.gif?v=c8b19fd2b490");}div.signup img.img_u07{width:160px;height:15px;background-image:url("/assets/default/lang/ar/t2/u07.gif?v=56f382741841");}div.activate h1 img.passwort{width:468px;height:60px;background-image:url("/assets/default/lang/ar/t1/passwort.gif?v=aaf3e7205983");}div.activate h5 img.img_u22{width:160px;height:15px;background-image:url("/assets/default/lang/ar/t2/u22.gif?v=134fc6f812f8");}div.messages div.msg_content img#label{width:77px;height:34px;}div.messages div.msg_content img.send{background-image:url("/assets/default/lang/ar/msg/block_bg24b.gif?v=4d24ca00735e");}div.messages div.msg_content img.read{background-image:url("/assets/default/lang/ar/msg/block_bg24a.gif?v=df062f72acef");}div#side_navi a#logo img{width:116px;height:60px;background-image:url("/assets/default/lang/ar/a/travian0.gif?v=50d1435822cd");}div#side_navi a#logo img.logo_plus{background-image:url("/assets/default/lang/ar/a/travian1.gif?v=bedd218b96a3");}div.plus table#plus_features td.preview img.autovv{width:200px;height:56px;background-image:url("/assets/default/lang/ar/p/autovv.gif?v=d5345f6b373a");}div.plus table#plus_features td.preview img.bfilter{width:200px;height:45px;background-image:url("/assets/default/lang/ar/p/bfilter.gif?v=67c9b8be410b");}div.plus table#plus_features td.preview img.dorf3{width:200px;height:186px;background-image:url("/assets/default/lang/ar/p/dorf3.jpg?v=6fbbd9f1395f");}div.plus table#plus_features td.preview img.p1{width:179px;height:29px;background-image:url("/assets/default/lang/ar/p/p1.gif?v=277b372eecdd");}div.plus table#plus_features td.preview img.p3{width:163px;height:120px;background-image:url("/assets/default/lang/ar/p/p3.gif?v=b10146c5cb30");}div.plus table#plus_features td.preview img.p4{width:197px;height:41px;background-image:url("/assets/default/lang/ar/p/p4.gif?v=68044664f4f1");}div.plus table#plus_features td.preview img.p5{width:132px;height:51px;background-image:url("/assets/default/lang/ar/p/p5.gif?v=d56adcf51c89");}div.plus table#plus_features td.preview img.p6{width:111px;height:29px;background-image:url("/assets/default/lang/ar/p/p6.gif?v=c519d4c8ab6d");}div.plus table#plus_features td.preview img.p7{width:61px;height:86px;background-image:url("/assets/default/lang/ar/p/p7.gif?v=e31ad39ecc20");}div.plus table#plus_features td.preview img.p8{width:117px;height:121px;background-image:url("/assets/default/lang/ar/p/p8.gif?v=56ef27ed590f");}div.plus table#plus_features td.preview img.sort{width:200px;height:38px;background-image:url("/assets/default/lang/ar/p/sort.jpg?v=f68c4a403432");}div.plus table#plus_features td.preview img.st1{width:200px;height:90px;background-image:url("/assets/default/lang/ar/p/st1.gif?v=d22b107c9042");}div.plus table#plus_features td.preview img.xxl_map{width:146px;height:112px;background-image:url("/assets/default/lang/ar/p/xxl_map.gif?v=76c935d73367");}input#btn_search{width:47px;background-image:url("/assets/default/lang/ar/b/search.gif?v=baf6a344af05");}
.trav_buttons {
    padding: 2px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #71d000;
    background-image: linear-gradient(to bottom,#cffd74,#84d02a);
    cursor: pointer;
    color: #6faf24;
    text-shadow: 0px 0px 3px white, 0 0 2px white, 0 0 2px white;
    text-align: center;
    font-weight: 700;
    font-size:16px;
}
.trav_buttons:hover {
    border-color: orange;
}
.trav_buttons:active {
    background-image: linear-gradient(to bottom,#84d02a,#cffd74);
}
.checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;

}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 400;
}
.overlay .mask {
    position: fixed;
    background-color: #000;
    opacity: 0.25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation-duration: 1s;
    animation-name: Mask;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;

}
.overlay_content {
    position: absolute;
    top: 1px;
    z-index: 600;
}
.overlay_content .footer {
    clear: both;
    height: 10px;
}
.overlay_content h2, .overlay_content h4 {
    margin: 0px;
    font-size: 16px;
}
#Screen {
    display: none;
    position: fixed;
}
.Inf{width: 114px;height: 44px;top: 7px;right: 13px;display: block;font-size: 12px;color: black;font-weight: 200;padding: 8px 8px 0 4px;}

#Screen .overlay_content {
    width: 96%;
    max-width: 400px;
    border:1px solid black;
    left: 50%!important;
    transform: translate(-50%, 0)!important;
    background: white;
    box-shadow: 0px 0px 20px 0px #000;
}
#Screen h2 {
    color: #000;
    background: white;
    border-bottom: 1px dashed silver;
    cursor: move;
    line-height: 50px;
    text-align: center;
}
#Screen .footer {
    background: white;
}
ul.world_list {
    margin: 0px;
    list-style: none;
}
.world_list li {
    float: left;
    position: relative;
    margin: .5px 5px;
    background-repeat: no-repeat;
}
.world_list li div {
    position: absolute;
}
.world_list li img {
    z-index: 30;
}
.world_list .w_small .players {
    top: 5px;
    left: 123px;
}
.world_list .w_small .online {
    top: 22px;
    left: 123px;
}
.world_list .w_big .players {
    top: 15px;
    left: 235px;
    font-weight: bold;
}
.world_list .w_big .online {
    top: 33px;
    left: 235px;
    font-weight: 200;
}
.world_list .label_players {
    top: 15px;
    right: 20px;
    font-weight: 200;
}
.world_list .label_online {
    top: 33px;
    right: 20px;
    font-weight: 200;
}
.world_list li.w_big {
    height: 64px;
    width: 361px;
}
.world_list li.w_small {
    height: 46px;
    width: 175px;
}
.world_list .w_big img {
    height: 64px;
    width: 361px;
}
.world_list .w_small img {
    height: 46px;
    width: 175px;
}
.world_list .worldstart {
    top: 10px;
    right: 20px;
}
.world_list .timer {
    bottom: 15px;
    right: 20px;
}
.overlay_content .closer img {
    position: absolute;
    left: 15px;
    top: 15px;
    background-image: url("/images/popup_close.gif?v=6bcdaf1d4f45");
    height: 25px;
    width: 25px;
}


.grayImg{filter:grayscale(100%);}
.world_list li.w_big:not(.grayImg):hover{opacity:.7;}


.overlay{top: 7px;}
.closer{cursor: pointer;}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
#myImg:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    opacity: 0.7;
}

.Screen {display: none;position: fixed;z-index: 4;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: #00000054;}
.Screen-content {padding:10px;}

#Screen{cursor: pointer;}
#caption{cursor: text;}

@keyframes Mask {
    0% {
        opacity: 0.5;
    }
}
.trav_buttons {
    padding: 1px;
    border-radius: 5px;
    padding-left:20px;
    padding-right: 20px;
    border: 1px solid #71d000;
    background-image: linear-gradient(to bottom,#fdfdfd,#c6c6c6);
    cursor: pointer;
    color: #7a7a7a;
    text-align: center;
    font-weight: 700;
    text-shadow: none;
}
.trav_buttons:hover {
    border-color: #a6ac9f;
}
.trav_buttons:active {
    border-color: #71d000 !important;
    background: #fff !important;
}
table tr.hl th:first-child, table tr.hl td:first-child {
    border-right: 1px solid var(--swd-bronze)!important;
}

table tr.hl th:last-child, table tr.hl td:last-child {
    border-left: 1px solid var(--swd-bronze)!important;
}

/* 🔴 صفّ التمييز `tr.hl` — **آخر معقلٍ لألوان ترافيان في المشروع**، ولم
   يسقط في أي جولة هوية سابقة لثلاثة أسباب مجتمعة:
   · هنا في حزمة اللغة لا في وحدات CSS، فلا يراه من يفتّش `css/game/`؛
   · بـ`!important` على كل خاصية، فلا تغلبه قاعدة مهما رفعت تخصيصها —
     جُرّبت قاعدةٌ بمعرِّف وصنفين فلم تصله؛
   · وأوضح صفحاته `/dorf4` محجوبة خلف بلاس، فلا تُرى إلا بحساب مشترِك.
   وكان **مكرّراً حرفياً مرتين** فوق ذلك.

   القيم الآن بلاطة الهوية وخيطها البرونزي — نفس ما تقوله النسخة المحوَّلة في
   `03-shared-pages.css`، فلا يتناقض الملفان. و`!important` باقٍ: إزالته تُسلّم
   الصفّ لقواعد الجداول العامة فيفقد تمييزه أصلاً. */
table tr.hl th, table tr.hl td {
    background-color: var(--swd-tile)!important;
    border-top: 1px solid var(--swd-bronze)!important;
    border-bottom: 1px solid var(--swd-bronze)!important;
}

table.row_table_data tr.hlight td {
    background-color: #efefef!important;
}

table.row_table_data tr.marked td {
    background-color: #e7e7e7!important;
}
.Screen-content {padding: 5px;}

div.Two{display:none;font-size: large;color: black;padding: 5px;}
div.One {width:auto;font-size:15px;padding-top: 5px;padding-bottom: 5px;cursor: pointer;margin-top:20px;display: table;}
div.Op {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
/*div.One:hover {background:#cee590;}*/
div.One b{float:right;padding-right: 10px;padding-top: 5px;}
svg.One{float:left;width:30px;}
svg.Ro{transform: rotate(180deg);}

div.cropBalanceContainer,div.productionContainer{    direction: rtl;position:relative;float:right;width:100%;padding-bottom:10px;}
div.productionContainer h4{margin-bottom:10px;}
div.total.productionContainer{margin-top:20px;width:230px;float: left;}
div.productionBoostSpeechBubble,div.fluidSpeechBubble{float:left;width:150px;margin-top:2px;}
div.cropBalanceContainer div.productionBoostSpeechBubble{position:relative;height:160px;}
div.fluidSpeechBubble{min-height:55px;}
div.productionBoostSpeechBubble .speechArrowBack{bottom:auto;top:26px;}
div.productionBoostSpeechBubble h5{margin-bottom:3px;}
div.productionBoostSpeechBubble td{padding:3px 5px;}
div.productionContainer .productionBoostResourceSpeechBubble,div.cropBalanceContainer .productionBoostResourceSpeechBubble{position:absolute;bottom:0;left:0;}
div.productionBoostResourceSpeechBubble .speechArrowBack{top:auto;bottom:23px;}
div.cropBalanceContainer div.productionBoostResourceSpeechBubble .speechArrowBack{bottom:10px;}
div.productionBoostResourceSpeechBubble .productionBoostSpeechBubbleFurtherInfo{font-style:italic;font-size:11px;}
div.productionBoostResourceSpeechBubble p{margin:5px;}
div.cropBalanceContainer .balanceCropBalancePart .subtotal td,div.productionContainer .productionPerHourTotal .subtotal td{border-bottom:1px solid black;}
div.cropBalanceContainer .balanceCropBalancePart .total td,div.productionContainer .productionPerHourTotal .total td{white-space:nowrap;border-bottom:3px double black;}
div.productionContainer .productionPerHour table,div.productionContainer .productionPerHour tr,div.productionContainer .productionPerHour td{border-collapse:collapse;border:1px solid #d6d6d6;}
div.productionPerHour table thead td{text-align:right;padding:6px 9px 3px;}
div.productionPerHourTotal .row_table_data tr{line-height:13px;}
div.productionPerHour .row_table_data td{padding: 3px 0 3px 0;}
div.productionPerHour table .productionSum td{font-weight:bold;}
div.cropBalanceContainer table .numberCell,div.productionContainer table .numberCell{text-align:center;vertical-align:bottom;width:5%;}
div.cropBalanceContainer .balanceCropBalancePart{margin-bottom:10px;}
div.cropBalanceContainer .balanceTroops table,div.cropBalanceContainer .balanceTroops tr,div.cropBalanceContainer .balanceTroops td{border-collapse:collapse;background-color:#e4e4e4;padding:4px 0 3px;}
div.cropBalanceContainer .balanceTroops .troopLabel{padding-right:32px;}
div.cropBalanceContainer .emptyStorageSpeechBubble{position:absolute;left:0;bottom:0;width:205px;}
div.cropBalanceContainer .emptyStorageSpeechBubble p{margin:2px;}
div.cropBalanceContainer .emptyStorageSpeechBubble .fluidSpeechBubble .speechArrowBack{top:auto;bottom:12px;}
div.balanceCropBalancePart,div.productionPerHour{width: 228px;float:right;}
.fluidSpeechBubble{position:relative;}
.fluidSpeechBubble .fluidSpeechBubble-contents{position:relative;padding:8px;}
.fluidSpeechBubble .fluidSpeechBubble-tl,.fluidSpeechBubble .fluidSpeechBubble-tc,.fluidSpeechBubble .fluidSpeechBubble-tr,.fluidSpeechBubble .fluidSpeechBubble-ml,.fluidSpeechBubble .fluidSpeechBubble-mc,.fluidSpeechBubble .fluidSpeechBubble-mr,.fluidSpeechBubble .fluidSpeechBubble-bl,.fluidSpeechBubble .fluidSpeechBubble-bc,.fluidSpeechBubble .fluidSpeechBubble-br{position:absolute;}
.fluidSpeechBubble .fluidSpeechBubble-tl{left:0;top:0;width:10px;height:10px;}
.fluidSpeechBubble .fluidSpeechBubble-tc{left:10px;top:0;right:10px;height:10px;}
.fluidSpeechBubble .fluidSpeechBubble-tr{right:0;top:0;width:10px;height:10px;}
.fluidSpeechBubble .fluidSpeechBubble-ml{left:0;top:10px;width:10px;bottom:10px;}
.fluidSpeechBubble .fluidSpeechBubble-mc{left:10px;top:10px;right:10px;bottom:10px;}
.fluidSpeechBubble .fluidSpeechBubble-mr{right:0;top:10px;width:10px;bottom:10px;}
.fluidSpeechBubble .fluidSpeechBubble-bl{left:0;bottom:0;width:10px;height:10px;}
.fluidSpeechBubble .fluidSpeechBubble-bc{left:10px;bottom:0;right:10px;height:10px;}
.fluidSpeechBubble .fluidSpeechBubble-br{right:0;bottom:0;width:10px;height:10px;}
.fluidSpeechBubble .fluidSpeechBubble-tc,.fluidSpeechBubble .fluidSpeechBubble-bc{background-image:url("/assets/default/lang/speechBubble/borderHorizontal.png?v=a84db6688921");background-repeat:repeat-x;}
.fluidSpeechBubble .fluidSpeechBubble-ml,.fluidSpeechBubble .fluidSpeechBubble-mr{background-image:url("/assets/default/lang/speechBubble/borderVertical.png?v=b67a0d38597b");background-repeat:repeat-y;}
.fluidSpeechBubble .fluidSpeechBubble-bc,.fluidSpeechBubble .fluidSpeechBubble-ml{background-position:top left;}
.fluidSpeechBubble .fluidSpeechBubble-bc{background-position:bottom left;}
.fluidSpeechBubble .fluidSpeechBubble-mr{background-position:top right;}
.fluidSpeechBubble .fluidSpeechBubble-tl,.fluidSpeechBubble .fluidSpeechBubble-tr,.fluidSpeechBubble .fluidSpeechBubble-bl,.fluidSpeechBubble .fluidSpeechBubble-br{background-image:url("/assets/default/lang/speechBubble/borderSprite.png?v=0785a92a901f");}
.fluidSpeechBubble .fluidSpeechBubble-tl{background-position:top left;}
.fluidSpeechBubble .fluidSpeechBubble-tr{background-position:top right;}
.fluidSpeechBubble .fluidSpeechBubble-bl{background-position:bottom left;}
.fluidSpeechBubble .fluidSpeechBubble-br{background-position:bottom right;}
.fluidSpeechBubble .speechArrowBottom,.fluidSpeechBubble .speechArrowBack,.fluidSpeechBubble .speechArrowForward,.fluidSpeechBubble .speechArrowTop{position:absolute;}
.fluidSpeechBubble .speechArrowBottom,.fluidSpeechBubble .speechArrowTop{width:23px;height:12px;right:20px;}
.fluidSpeechBubble .speechArrowBack,.fluidSpeechBubble .speechArrowForward{width:12px;height:23px;top:20px;}
.fluidSpeechBubble .speechArrowTop{background-image:url("/assets/default/lang/speechBubble/arrowTop.png?v=bdd754c7fdfd");top:-10px;}
.fluidSpeechBubble .speechArrowBottom{background-image:url("/assets/default/lang/speechBubble/arrowDown.png?v=b9b29fe598b0");bottom:-10px;}
.fluidSpeechBubble .speechArrowBack{background-image:url("/assets/default/lang/speechBubble/arrowBack.png?v=5bb8871e2f05");right:-10px;}
.fluidSpeechBubble .speechArrowForward{background-image:url("/assets/default/lang/speechBubble/arrowForward.png?v=6cb3042ca1bf");left:-10px;}