/*
 * GENERATED FILE — DO NOT EDIT DIRECTLY.
 * Source: assets-htatar/css/game/manifest.txt
 * Command: python scripts/build_game_css.py --write
 * The module order preserves the classic stylesheet cascade.
 */

/* ===== 01-core-layout.css ===== */
option  , input[type=radio] ,input[type=checkbox] , input[type=tel] {
    height: 20px;
    font-size: 17px;
}
input[type=email], input[type=password], input[type=text] {
height: 23px;
min-width: 50px;
font-size: 20px;
}
body {
text-align:right;
direction:rtl;
margin:0;
background-color:#FFF;
}

p.custDir {
text-align:right;
direction:rtl;
}

img {
border:0;
}

h1,h2,span,form,img,li {
margin:0;
padding:0;
}

h1 {
margin-bottom:8px;
}

p {
margin:14px 0;
padding:0;
}

label {
white-space:nowrap;
}

#msfilter {
width:1px;
height:1px;
position:absolute;
z-index:99;
}

.hide {
display:none;
}

div#header {
width:100%;
height:67px;
}

div#mid {
float:right;
width:100%;
margin-bottom:15px;
}

div#content {
float:right;
min-height:450px;
position:relative;
overflow:hidden;

}

div.universal {
width:522px;
padding:0 25px 0;
}

div.login {
width:522px;
padding:0 25px 0;
}

div.logout {
width:522px;
padding:0 25px 0;
}

div.signup {
width:522px;
padding:0 25px 0;
}

div.activate {
width:522px;
padding:0 25px 0;
}

div.banned_cn {
width:522px;
padding:0 25px 0;
}

div.player {
width: 562px;padding: 43px 5px 0;}

div.alliance {
width:522px;
padding:43px 25px 0;
}

div.forum {
width:522px;
padding:43px 25px 0;
}

div.statistics {
width: 567px;padding: 43px 2px 0;}

div.cropfinder {
width:522px;
padding:43px 25px 0;
}

div.reports {
width:522px;
padding:43px 25px 0;
}

div.messages {
width: 562px;padding: 43px 5px 0;}

div.a2b {
width: 551px;padding: 43px 10px 0;
}

div.village3 {
width:567px;
padding:43px 2px 0;
}


div.plus {
width: 560px;padding: 43px 6px 0;}

div.warsim {
width:auto;
padding:43px 25px 0;
}

div.map {
width:572px;
padding:43px 0 0;
}

div.support {
width:522px;
padding:15px 25px 0;
padding-top: 30px;
}

div.village1 {
width:557px;
padding-top:43px;
padding-left:0;
padding-bottom:0;
padding-right:15px;
}

div.village2 {
width:560px;
padding:43px 6px 0;
min-height:450px!important;
}

div.build {
width:572px;
}

div#build {
width: 556px;padding: 43px 10px 0;}

div.error_site {
width:572px;
padding:0;
}

p.btn {
text-align:center;
}

div#textmenu {
margin:14px 0;
}

div.clear {
clear:both;
width:0;
height:0;
}

table {
margin:0;
}

td.aligned_coords {
padding-left: 10px;
padding:2px 0;
white-space:nowrap;
}

td.aligned_coords div {
float:right;
}

td.aligned_coords div.cox {
text-align:left;
}

td.aligned_coords div.pi {
width:8px;
text-align:center;
}

td.aligned_coords div.coy {
text-align:right;
}

span.dur {
white-space:nowrap;
}

form.inlineAction {
display:inline;
margin:0;
padding:0;
}

form.inlineAction button.cancelMove,
form.inlineAction button.linkButton {
background:transparent;
border:0;
color:inherit;
cursor:pointer;
font:inherit;
margin:0;
padding:0;
text-decoration:underline;
}

form.inlineAction button.cancelMove {
text-decoration:none;
/* The cancel cross is red everywhere it appears — rally point, movements list
   and the dorf1 movement rows all share this colour (see .ui-cancel-button). */
color:#c9241c;
font-weight:700;
}

form.inlineAction button.cancelMove:hover {
color:#8f1a14;
}

div#sysmsg {
width:522px;
margin:auto;
}

div#ce {
position:fixed;
right:0;
top:0;
z-index:999;
}

div.popup3 {
display:inline;
border:0 solid #000;
padding-top:31px;
padding-bottom:0;
padding-right:20px;
position: fixed;
left: calc(50% - 225px);
top: 59px;
z-index: 99 !important;
height: 484px;
width: 450px;
}

div.popup3 div#drag {
position:absolute;
right:11px;
top:11px;
height:20px;
width:408px;
z-index:2;
cursor:move;
background-color:#F3F3F3;
}

img.popup4 {
position:absolute;
width:30px;
height:30px;
z-index:81;
border:0 solid #000;
left: 25px;
top:0;
}

div#ltime {
width:220px;
height:15px;
position:absolute;
top:42px;
right:5px;
z-index:3;
}

.wepkit:after {
    content: '';
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    z-index: 9999;
    box-shadow: inset 50px 0 50px -25px rgba(180, 30, 30, 0.15),
                inset -50px 0 50px -25px rgba(180, 30, 30, 0.15);
    animation: hurtglow 1.5s ease-in-out infinite;
}

@keyframes hurtglow {
    0% {
        box-shadow: inset 60px 0 50px -25px rgba(180, 30, 30, 0.25),
                    inset -60px 0 50px -25px rgba(180, 30, 30, 0.25);
    }
    100% {
        box-shadow: inset 50px 0 50px -25px rgba(180, 30, 30, 0.15),
                    inset -50px 0 50px -25px rgba(180, 30, 30, 0.15);
    }
}

div#dynamic_header {
width:100%;
height:28px;
background-color:#747273;
overflow:hidden;
}
.head_Rm,.head_Rm1 {
    display: block;
    height: 100px;
    position: absolute
}

.head_Rm {
    background: url("/img/Rm0.png?v=7aeb4cc76347") center/100% no-repeat;
    top: 0;
    left: 30%;
    width: 224px
}

.head_Rm1 {
    background: url("/img/Rm1.png?v=aca9224193d3") center/100% no-repeat;
    top: 10px;
    right: 0;
    width: 200px
}

body.mod1 div#dynamic_header {
height:70px;
}

body.mod1 div#dynamic_header div.dyn1 {
float:right;
width:780px;
height:70px;
}

body.mod1 div#dynamic_header div.dyn2 {
float:left;
width:151px;
height:70px;
}

body.mod1 iframe#ad_iframe {
position:absolute;
right:168px;
width:468px;
height:60px;
z-index:10;
}

body.mod1 div#ltime {
top:83px;
}

body.mod1 div#res {
top:137px;
}

body.mod2 div#dynamic_header {
height:100px;
}

body.mod2 div#dynamic_header div.dyn1 {
width:100%;
height:100px;
}

body.mod2 iframe#ad_iframe {
position:absolute;
right:82px;
top:0;
width:728px;
height:90px;
z-index:10;
}

body.mod2 div#ltime {
top:113px;
}

body.mod2 div#res {
top:167px;
}

body.mod3 div#dynamic_header div.dyn1 {
width:127px;
height:604px;
position:absolute;
right:692px;
top:6px;
z-index:5;
}

body.mod3 iframe#ad_iframe {
width:120px;
height:600px;
position:absolute;
right:696px;
top:10px;
z-index:10;
}

body.mod3 div#mtop {
width:692px;
}

body.mod3 div#plus_div {
margin-right:237px;
}

body.mod3 div#content {
min-height:469px;
}

body.mod3 div#side_info {
margin-right:132px;
}

div#mtop {
width:630px;
height:67px;
position:relative;
right:231px;
top:-7px;
}

div#mtop a#_n0,div#mtop a#_n1,div#mtop a#_n2,div#mtop a#_n2,div#mtop a#_n3,div#mtop a#_n4,div#mtop a#n0,div#mtop a#n1,div#mtop a#n2,div#mtop a#n3,div#mtop a#n4,div#mtop div#n5 {
float:right;
padding:0;
margin:0;
}

div#mtop a#x1,div#mtop a#x2,div#mtop a#x3,div#mtop a#x4,div#mtop a#x5 {
float:right;
padding:0;
margin:0;
}

div#mtop div#n5 a {
float:left;
}

div#mtop a#plus {
float:right;
padding:0;
margin-right:115px;
}

div#side_navi {
float:right;
width:130px;
position:relative;
}

div#side_navi p {
margin:0 0 28px;
line-height:20px;
}

div#side_navi p a {
padding-right:12px;
display:block;
}

div#side_navi p.deltimer {
width:120px;
margin-right:5px;
}

div#side_navi p.deltimer a {
text-align:center;
padding:0;
}

div#side_info {
float:right;
padding-right:10px;
padding-top:5px;
position:relative;
}

div#side_info h5 {
margin-right:10px;
}

div#side_info h6 {
margin:0;
padding:0;
}

div#side_info div.news {
margin-right:10px;
width:186px;
padding:6px;
border:dashed Silver 1px;
}

div#side_info div.news ul {
padding:0;
margin-right:15px;
}

div#side_info table#llist {
margin-top:25px;
}

div#footer {
width:100%;
clear:both;
}

div#footer div#mfoot {
width:812px;
padding-top:15px;
padding-bottom:30px;
text-align:center;
}

div#footer div#mfoot div.copyright {
direction:rtl;
}

div#res {
width:552px;
height:20px;
position:absolute;
right:130px;
top:100px;
z-index:3;
}

div#res table {
margin:auto;
}

div.login h1 {
text-align:center;
}

div.login p {
line-height:17px;    text-align: center;
}

div.login p.error_box {
padding:6px;
border:1px dashed #dddddd;
}

div.logout img.roman {
float:left;
}

div.signup h1 {
text-align:center;
}

div.signup p {
line-height:17px;
}

div.signup p.info {
text-align:center;
}

div.signup img.roman {
float:left;
}

div.signup table#sign_input {
margin-bottom:15px;
}

div.signup div#activation {
float:right;
width:40%;
margin-top:15px;
}

div.signup div#not_yet {
text-align:center;
}

div.signup div#no_mail {
float:left;
width:60%;
margin-top:15px;
}

div.activate h1 {
text-align:center;
}

div.activate h6 {
margin:0;
}

div.activate p {
line-height:17px;
}

div.activate p.info {
text-align:center;
}

div.activate ul {
margin:14px 0 20px;
padding-right:20px;
}

div.village1 h1 {
position:relative;
margin-right:10px;
height:29px;
}

div.village1 h1 div {
float:right;
}

/* «انزلها قليلاً مثل المصدر» — والقياس يحسم كم هو «قليلاً».

   `h1` يبدأ عند y = 244 على الطرفين معاً (‏`innerWidth = 505`، قِيس 2026-08-17)،
   فهو مرساة صالحة للمقارنة المطلقة. الولاء عند المصدر يقع هناك عند **277**،
   وعندنا كان عند **274** بـ`top:30px`. فالفرق ثلاثة بكسلات، و`top:33px`
   يضعنا عند 277 — موضع المصدر نفسه لا قريباً منه.

   ولا تُقس المسافة من قاع `h1` ولا من قاع اسم القرية: صندوق `h1` عندنا 29px
   وعنده 34، وسطر الاسم عندنا 30px وعنده 22 — ثلاثة مراجع مختلفة تعطي ثلاثة
   أجوبة. الموضع المطلق وحده هو ما يراه اللاعب.

   ولا أثر للتخطيط: العنصر مطلق، فلا يزحزح خريطة القرية تحته. */
div.village1 h1 div#loyality {
position:absolute;
top:33px;
}

div.map h1 div#loyality {
position:absolute;
top:80px;
z-index:10000;
}

div.village1 div#village_map {
float:right;
width:300px;
height:264px;
position:relative;
margin-bottom:15px;
}

div.village1 img#resfeld {
width:300px;
height:264px;
position:absolute;
z-index:20;
right:0;
}

div.village1 img.reslevel {
position:absolute;
z-index:10;
width:17px;
height:12px;
}

div.village1 b.rf1 {left:91px;top:22px;}

div.village2 div#village_map .lv{
position: absolute;font-size: 14px;font-weight: bolder;border: solid 1px black;border-radius: 45px;background: linear-gradient(to top, #fdfdfd91, #e5e5e5c2, #fdfdfd91);backdrop-filter: blur(5px);width: 20px;height: 20px;text-align: center;display: flex;justify-content: center;align-items: center;z-index: 21;
}
div.village1 b.lv {position: absolute;font-size: 14px;border-radius: 10px;background-color: #fbf6bf; width: 21px;height: 22px;text-align: center;display: flex;justify-content: center;align-items: center;transition: all ease-in 200ms;z-index: 21;}

div.village1 b.rf2 {
left:154px;
top:21px;
}

div.village1 b.rf3 {
left:214px;
top:36px;
}

div.village1 b.rf4 {
left:36px;
top:54px;
}

div.village1 b.rf5 {
left:128px;
top:62px;
}

div.village1 b.rf6 {
left:193px;
top:82px;
}

div.village1 b.rf7 {
left:251px;
top:76px;
}

div.village1 b.rf8 {
left:21px;
top:106px;
}

div.village1 b.rf9 {
left:72px;
top:99px;
}

div.village1 b.rf10 {
left:203px;
top:131px;
}

div.village1 b.rf11 {
left:258px;
top:134px;
}

div.village1 b.rf12 {
left:31px;
top:160px;
}

div.village1 b.rf13 {
left:82px;
top:153px;
}

div.village1 b.rf14 {
left:149px;
top:173px;
}

div.village1 b.rf15 {
left:228px;
top:187px;
}

div.village1 b.rf16 {
left:77px;
top:206px;
}
div.village1 div.f13 b.rf16{ 
left: 65px!important;
top: 202px!important; 
}

div.village1 b.rf17 {
left:130px;
top:218px;
}

div.village1 b.rf18 {
left:180px;
top:222px;
}

div.village1 img.rf1 {
left:93px;
top:27px;
}

div.village1 img.rf2 {
left:156px;
top:26px;
}

div.village1 img.rf3 {
left:216px;
top:41px;
}

div.village1 img.rf4 {
left:38px;
top:59px;
}

div.village1 img.rf5 {
left:130px;
top:67px;
}

div.village1 img.rf6 {
left:195px;
top:87px;
}

div.village1 img.rf7 {
left:253px;
top:81px;
}

div.village1 img.rf8 {
left:23px;
top:111px;
}

div.village1 img.rf9 {
left:74px;
top:104px;
}

div.village1 img.rf10 {
left:205px;
top:136px;
}

div.village1 img.rf11 {
left:260px;
top:139px;
}

div.village1 img.rf12 {
left:33px;
top:165px;
}

div.village1 img.rf13 {
left:84px;
top:158px;
}

div.village1 img.rf14 {
left:151px;
top:178px;
}

div.village1 img.rf15 {
left:230px;
top:192px;
}

div.village1 img.rf16 {
left:79px;
top:211px;
}

div.village1 img.rf17 {
left:132px;
top:223px;
}

div.village1 img.rf18 {
left:182px;
top:227px;
}

div.village1 div#map_details {
float:left;
width:229px;
margin-top: -9px;
margin-left:1px;
}

div.village1 div#map_details table {
margin-bottom:14px;
}

div.build table#building_contract {
clear:both;
}
div.village1 table#building_contract  {
clear:both;
margin:0 25px;
}

div.village2 h1 {
position:absolute;
margin-right:25px;
z-index:30;
}

div.village2 div#village_map {
width:540px;
height:448px;
position:relative;
}

div.village2 div#village_map img {
position:absolute;
}

div.village2 div#village_map img.ww {
z-index:20;
left:155px;
}

div.village2 div#village_map div#levels {
width:494px;
height:370px;
position:absolute;
top:60px;
left:23px;
z-index:97;
visibility:hidden;
}

div.village2 div#village_map div#levels div {
width:17px;
height:17px;
position:absolute;
text-align:center;
line-height:17px;
visibility:hidden;
}

div.village2 div#village_map div#levels.on {
visibility:visible;
}

div.village2 div#village_map div#levels.on div {
visibility:visible;
}

div.village2 img#lswitch {
width:18px;
height:17px;
position:absolute;
top:443px;
right:500px;
cursor:pointer;
z-index:500;
}

div.village2 div#village_map .dx1 {
z-index:5;
left:316px;
top:161px;
}

div.village2 div#village_map .d1 {
z-index:6;
left:115px;
top:52px;
}

div.village2 div#village_map .d2 {
z-index:9;
left:198px;
top:27px;
}

div.village2 div#village_map .d3 {
z-index:8;
left:258px;
top:17px;
}

div.village2 div#village_map .d4 {
z-index:9;
left:332px;
top:32px;
}

div.village2 div#village_map .d5 {
z-index:10;
left:388px;
top:81px;
}

div.village2 div#village_map .d6 {
z-index:11;
left:80px;
top:91px;
}

div.village2 div#village_map .d7 {
z-index:12;
left:161px;
top:98px;
}

div.village2 div#village_map .d8 {
z-index:13;
left:247px;
top:81px;
}

div.village2 div#village_map .d9 {
z-index:14;
left:395px;
top:122px;
}

div.village2 div#village_map .d10 {
z-index:15;
left:66px;
top:150px;
}

div.village2 div#village_map .d11 {
z-index:16;
left:192px;
top:126px;
}

div.village2 div#village_map .d12 {
z-index:17;
left:155px;
top:152px;
}

div.village2 div#village_map .d13 {
z-index:18;
left:402px;
top:180px;
}

div.village2 div#village_map .d14 {
z-index:19;
left:84px;
top:200px;
}

div.village2 div#village_map .d15 {
z-index:20;
left:227px;
top:196px;
}

div.village2 div#village_map .d16 {
z-index:21;
left:354px;
top:213px;
}

div.village2 div#village_map .d17 {
z-index:22;
left:158px;
top:236px;
}

div.village2 div#village_map .d18 {
z-index:23;
left:286px;
top:247px;
}

div.village2 div#village_map .d19 {
z-index:24;
left:144px;
top:267px;
}

div.village2 div#village_map .d20 {
z-index:25;
left:262px;
top:276px;
}

div.village2 div#village_map .g40 {
top:138px;
}

div.village2 div#village_map .g40_1 {
top:125px;
}

div.village2 div#village_map .g40_2 {
top:99px;
}

div.village2 div#village_map .g40_3 {
top:62px;
}

div.village2 div#village_map .g40_4 {
top:53px;
}

div.village2 div#village_map .g40_5 {
top:-10px;
}

/* Wonder-of-the-World level badge — sits on the Wonder sprite (source parity:
   TravianZ gpack `.d40 { left:227px; top:180px }`). Without this the badge has
   no position rule and floats to the map's right edge. */
div.village2 div#village_map .d40 {
left:227px;
top:180px;
}

div.village2 div#village_map .l39 {
left:320px;
top:161px;
}

div.village2 div#village_map .l40 {
left:240px;
top:338px;
}

div.village2 img.map1 {
width:540px;
height:448px;
z-index:98;
}

div.village2 img.map2 {
width:422px;
height:339px;
right:63px;
top:40px;
z-index:99;
}

div.village2 div#village_map img.rocket {
z-index:20;
width:75px;
height:140px;
}

div.village2 div#village_map img.tur {
left:161px;
top:168px;
}

div.village2 div#village_map img.purp {
left:265px;
top:148px;
}

div.village2 div#village_map img.yell {
left:200px;
top:248px;
}

div.village2 div#village_map img.oran {
left:300px;
top:0;
}

div.village2 div#village_map img.green {
left:110px;
top:230px;
}

div.village2 div#village_map img.red {
left:328px;
top:210px;
}

div.village2 table#building_contract {
position:relative;
z-index:150;
margin:-40px 19px 0;
}

div.village3 table.vil_troops {
margin-bottom:10px;
}


/* ===== 02-map-layout.css ===== */
div#mbig {
width:622px;
height:572px;
border:1px #5a595a solid;
}

div#mbig div#lightframe {
width:604px;
height:554px;
position:relative;
right:7px;
top:7px;
border:2px #dedfde solid;
}

div#mbig div#darkframe {
width:600px;
height:550px;
border:2px #9c9a9c solid;
}

div#mbig a#map_popclose {
position:absolute;
top:0;
left:0;
z-index:30;
}

div.map h1 {
margin-right:25px;
}

div#mbig h1 {
position:absolute;
top:10px;
right:10px;
z-index:10;
}

div#map {
position:relative;
}

div.map div#map {
width:552px;
height:375px;
top:-26px;
}

div#mbig div#map {
width:975px;
height:550px;
top:0;
right:0;
}

div#map div#map_content {
position:relative;
}

div.map div#map div#map_content {
width:540px;
height:316px;
right:5px;
top:33px;
}

div#mbig div#map #map_content {
width:971px;
height:550px;
top:0;
right:0;
}

div#map div#map_content div {
width:74px;
height:74px;
position:absolute;
}

div#map div.Move div {
cursor: move!important;
}

div#map div#map_content div span {
display:block;
position:absolute;
top:56px;
right:30px;
z-index:49;
}

div#map div#map_content div span.m6 {
top:58px;
right:32px;
}

div#map a#map_makelarge {
position:absolute;
right:26px;
top:39px;
z-index:50;
}

div#map img#map_links {
position:absolute;
}

div.map div#map img#map_links {
width:540px;
height:316px;
right:5px;
top:33px;
z-index:50;
}

div#mbig div#map img#map_links {
width:971px;
height:550px;
top:0;
right:0;
z-index:20;
}

div#map img#map_navibox {
position:absolute;
z-index:50;
}

div#mbig div#map img#map_navibox {
bottom:5px;
left:32px;
}

div.map div#map img#map_navibox {
left:20px;
bottom:0;
}

div#map div#map_rulers {
position:absolute;
}

div#map div#map_rulers div {
width:35px;
height:12px;
text-align:center;
position:absolute;
}

div#map div#map_coords {
width:180px;
height:30px;
position:absolute;
line-height:20px;
z-index:50;
vertical-align:top;
}

div.map div#map div#map_coords {
bottom:26px;
right:30px;
}

div#mbig div#map div#map_coords {
bottom:5px;
right:10px;
}

div#map div#map_coords span,div#map div#map_coords input {
float:right;
margin-left:5px;
}

div#map div#map_coords input.text {
width:28px;
margin-left:8px;
}

div#map table#map_infobox {
position:absolute;
z-index:50;
top: -20px!important;
scale: 1.1;
text-align: center;
}

div.map div#map table#map_infobox {
top:0;
left:20px;
}

div#mbig div#map table#map_infobox {
top:10px;
left:50px;
}

div.map div.cropfinder_icon {
z-index:100;
position:absolute;
right:493px;
top:312px;
}

div.map div#map div#map_content div#i_0_0 {
z-index:1;
left:16px;
top:104px;
}

div.map div#map div#map_content div#i_0_1 {
z-index:2;
left:52px;
top:84px;
}

div.map div#map div#map_content div#i_0_2 {
z-index:3;
left:88px;
top:64px;
}

div.map div#map div#map_content div#i_0_3 {
z-index:4;
left:124px;
top:44px;
}

div.map div#map div#map_content div#i_0_4 {
z-index:5;
left:160px;
top:24px;
}

div.map div#map div#map_content div#i_0_5 {
z-index:6;
left:196px;
top:4px;
}

div.map div#map div#map_content div#i_0_6 {
z-index:7;
left:232px;
top:-16px;
}

div.map div#map div#map_content div#i_1_0 {
z-index:2;
left:53px;
top:124px;
}

div.map div#map div#map_content div#i_1_1 {
z-index:2;
left:89px;
top:104px;
}

div.map div#map div#map_content div#i_1_2 {
z-index:3;
left:125px;
top:84px;
}

div.map div#map div#map_content div#i_1_3 {
z-index:4;
left:161px;
top:64px;
}

div.map div#map div#map_content div#i_1_4 {
z-index:5;
left:197px;
top:44px;
}

div.map div#map div#map_content div#i_1_5 {
z-index:6;
left:233px;
top:24px;
}

div.map div#map div#map_content div#i_1_6 {
z-index:7;
left:269px;
top:4px;
}

div.map div#map div#map_content div#i_2_0 {
z-index:3;
left:90px;
top:144px;
}

div.map div#map div#map_content div#i_2_1 {
z-index:3;
left:126px;
top:124px;
}

div.map div#map div#map_content div#i_2_2 {
z-index:3;
left:162px;
top:104px;
}

div.map div#map div#map_content div#i_2_3 {
z-index:4;
left:198px;
top:84px;
}

div.map div#map div#map_content div#i_2_4 {
z-index:5;
left:234px;
top:64px;
}

div.map div#map div#map_content div#i_2_5 {
z-index:6;
left:270px;
top:44px;
}

div.map div#map div#map_content div#i_2_6 {
z-index:7;
left:306px;
top:24px;
}

div.map div#map div#map_content div#i_3_0 {
z-index:4;
left:127px;
top:164px;
}

div.map div#map div#map_content div#i_3_1 {
z-index:4;
left:163px;
top:144px;
}

div.map div#map div#map_content div#i_3_2 {
z-index:4;
left:199px;
top:124px;
}

div.map div#map div#map_content div#i_3_3 {
z-index:4;
left:235px;
top:104px;
}

div.map div#map div#map_content div#i_3_4 {
z-index:5;
left:271px;
top:84px;
}

div.map div#map div#map_content div#i_3_5 {
z-index:6;
left:307px;
top:64px;
}

div.map div#map div#map_content div#i_3_6 {
z-index:7;
left:343px;
top:44px;
}

div.map div#map div#map_content div#i_4_0 {
z-index:5;
left:164px;
top:184px;
}

div.map div#map div#map_content div#i_4_1 {
z-index:5;
left:200px;
top:164px;
}

div.map div#map div#map_content div#i_4_2 {
z-index:5;
left:236px;
top:144px;
}

div.map div#map div#map_content div#i_4_3 {
z-index:5;
left:272px;
top:124px;
}

div.map div#map div#map_content div#i_4_4 {
z-index:5;
left:308px;
top:104px;
}

div.map div#map div#map_content div#i_4_5 {
z-index:6;
left:344px;
top:84px;
}

div.map div#map div#map_content div#i_4_6 {
z-index:7;
left:380px;
top:64px;
}

div.map div#map div#map_content div#i_5_0 {
z-index:6;
left:201px;
top:204px;
}

div.map div#map div#map_content div#i_5_1 {
z-index:6;
left:237px;
top:184px;
}

div.map div#map div#map_content div#i_5_2 {
z-index:6;
left:273px;
top:164px;
}

div.map div#map div#map_content div#i_5_3 {
z-index:6;
left:309px;
top:144px;
}

div.map div#map div#map_content div#i_5_4 {
z-index:6;
left:345px;
top:124px;
}

div.map div#map div#map_content div#i_5_5 {
z-index:6;
left:381px;
top:104px;
}

div.map div#map div#map_content div#i_5_6 {
z-index:7;
left:417px;
top:84px;
}

div.map div#map div#map_content div#i_6_0 {
z-index:7;
left:238px;
top:224px;
}

div.map div#map div#map_content div#i_6_1 {
z-index:7;
left:274px;
top:204px;
}

div.map div#map div#map_content div#i_6_2 {
z-index:7;
left:310px;
top:184px;
}

div.map div#map div#map_content div#i_6_3 {
z-index:7;
left:346px;
top:164px;
}

div.map div#map div#map_content div#i_6_4 {
z-index:7;
left:382px;
top:144px;
}

div.map div#map div#map_content div#i_6_5 {
z-index:7;
left:418px;
top:124px;
}

div.map div#map div#map_content div#i_6_6 {
z-index:7;
left:454px;
top:104px;
}

div#mbig div#map div#map_content div#i_0_0 {
z-index:1;
left:11px;
top:220px;
}

div#mbig div#map div#map_content div#i_0_1 {
z-index:2;
left:47px;
top:200px;
}

div#mbig div#map div#map_content div#i_0_2 {
z-index:3;
left:83px;
top:180px;
}

div#mbig div#map div#map_content div#i_0_3 {
z-index:4;
left:119px;
top:160px;
}

div#mbig div#map div#map_content div#i_0_4 {
z-index:5;
left:155px;
top:140px;
}

div#mbig div#map div#map_content div#i_0_5 {
z-index:6;
left:191px;
top:120px;
}

div#mbig div#map div#map_content div#i_0_6 {
z-index:7;
left:227px;
top:100px;
}

div#mbig div#map div#map_content div#i_0_7 {
z-index:8;
left:263px;
top:80px;
}

div#mbig div#map div#map_content div#i_0_8 {
z-index:9;
left:299px;
top:60px;
}

div#mbig div#map div#map_content div#i_0_9 {
z-index:10;
left:335px;
top:40px;
}

div#mbig div#map div#map_content div#i_0_10 {
z-index:11;
left:371px;
top:20px;
}

div#mbig div#map div#map_content div#i_0_11 {
z-index:12;
left:407px;
top:0;
}

div#mbig div#map div#map_content div#i_0_12 {
z-index:13;
left:443px;
top:-20px;
}

div#mbig div#map div#map_content div#i_1_0 {
z-index:2;
left:48px;
top:240px;
}

div#mbig div#map div#map_content div#i_1_1 {
z-index:2;
left:84px;
top:220px;
}

div#mbig div#map div#map_content div#i_1_2 {
z-index:3;
left:120px;
top:200px;
}

div#mbig div#map div#map_content div#i_1_3 {
z-index:4;
left:156px;
top:180px;
}

div#mbig div#map div#map_content div#i_1_4 {
z-index:5;
left:192px;
top:160px;
}

div#mbig div#map div#map_content div#i_1_5 {
z-index:6;
left:228px;
top:140px;
}

div#mbig div#map div#map_content div#i_1_6 {
z-index:7;
left:264px;
top:120px;
}

div#mbig div#map div#map_content div#i_1_7 {
z-index:8;
left:300px;
top:100px;
}

div#mbig div#map div#map_content div#i_1_8 {
z-index:9;
left:336px;
top:80px;
}

div#mbig div#map div#map_content div#i_1_9 {
z-index:10;
left:372px;
top:60px;
}

div#mbig div#map div#map_content div#i_1_10 {
z-index:11;
left:408px;
top:40px;
}

div#mbig div#map div#map_content div#i_1_11 {
z-index:12;
left:444px;
top:20px;
}

div#mbig div#map div#map_content div#i_1_12 {
z-index:13;
left:480px;
top:0;
}

div#mbig div#map div#map_content div#i_2_0 {
z-index:3;
left:85px;
top:260px;
}

div#mbig div#map div#map_content div#i_2_1 {
z-index:3;
left:121px;
top:240px;
}

div#mbig div#map div#map_content div#i_2_2 {
z-index:3;
left:157px;
top:220px;
}

div#mbig div#map div#map_content div#i_2_3 {
z-index:4;
left:193px;
top:200px;
}

div#mbig div#map div#map_content div#i_2_4 {
z-index:5;
left:229px;
top:180px;
}

div#mbig div#map div#map_content div#i_2_5 {
z-index:6;
left:265px;
top:160px;
}

div#mbig div#map div#map_content div#i_2_6 {
z-index:7;
left:301px;
top:140px;
}

div#mbig div#map div#map_content div#i_2_7 {
z-index:8;
left:337px;
top:120px;
}

div#mbig div#map div#map_content div#i_2_8 {
z-index:9;
left:373px;
top:100px;
}

div#mbig div#map div#map_content div#i_2_9 {
z-index:10;
left:409px;
top:80px;
}

div#mbig div#map div#map_content div#i_2_10 {
z-index:11;
left:445px;
top:60px;
}

div#mbig div#map div#map_content div#i_2_11 {
z-index:12;
left:481px;
top:40px;
}

div#mbig div#map div#map_content div#i_2_12 {
z-index:13;
left:517px;
top:20px;
}

div#mbig div#map div#map_content div#i_3_0 {
z-index:4;
left:122px;
top:280px;
}

div#mbig div#map div#map_content div#i_3_1 {
z-index:4;
left:158px;
top:260px;
}

div#mbig div#map div#map_content div#i_3_2 {
z-index:4;
left:194px;
top:240px;
}

div#mbig div#map div#map_content div#i_3_3 {
z-index:4;
left:230px;
top:220px;
}

div#mbig div#map div#map_content div#i_3_4 {
z-index:5;
left:266px;
top:200px;
}

div#mbig div#map div#map_content div#i_3_5 {
z-index:6;
left:302px;
top:180px;
}

div#mbig div#map div#map_content div#i_3_6 {
z-index:7;
left:338px;
top:160px;
}

div#mbig div#map div#map_content div#i_3_7 {
z-index:8;
left:374px;
top:140px;
}

div#mbig div#map div#map_content div#i_3_8 {
z-index:9;
left:410px;
top:120px;
}

div#mbig div#map div#map_content div#i_3_9 {
z-index:10;
left:446px;
top:100px;
}

div#mbig div#map div#map_content div#i_3_10 {
z-index:11;
left:482px;
top:80px;
}

div#mbig div#map div#map_content div#i_3_11 {
z-index:12;
left:518px;
top:60px;
}

div#mbig div#map div#map_content div#i_3_12 {
z-index:13;
left:554px;
top:40px;
}

div#mbig div#map div#map_content div#i_4_0 {
z-index:5;
left:159px;
top:300px;
}

div#mbig div#map div#map_content div#i_4_1 {
z-index:5;
left:195px;
top:280px;
}

div#mbig div#map div#map_content div#i_4_2 {
z-index:5;
left:231px;
top:260px;
}

div#mbig div#map div#map_content div#i_4_3 {
z-index:5;
left:267px;
top:240px;
}

div#mbig div#map div#map_content div#i_4_4 {
z-index:5;
left:303px;
top:220px;
}

div#mbig div#map div#map_content div#i_4_5 {
z-index:6;
left:339px;
top:200px;
}

div#mbig div#map div#map_content div#i_4_6 {
z-index:7;
left:375px;
top:180px;
}

div#mbig div#map div#map_content div#i_4_7 {
z-index:8;
left:411px;
top:160px;
}

div#mbig div#map div#map_content div#i_4_8 {
z-index:9;
left:447px;
top:140px;
}

div#mbig div#map div#map_content div#i_4_9 {
z-index:10;
left:483px;
top:120px;
}

div#mbig div#map div#map_content div#i_4_10 {
z-index:11;
left:519px;
top:100px;
}

div#mbig div#map div#map_content div#i_4_11 {
z-index:12;
left:555px;
top:80px;
}

div#mbig div#map div#map_content div#i_4_12 {
z-index:13;
left:591px;
top:60px;
}

div#mbig div#map div#map_content div#i_5_0 {
z-index:6;
left:196px;
top:320px;
}

div#mbig div#map div#map_content div#i_5_1 {
z-index:6;
left:232px;
top:300px;
}

div#mbig div#map div#map_content div#i_5_2 {
z-index:6;
left:268px;
top:280px;
}

div#mbig div#map div#map_content div#i_5_3 {
z-index:6;
left:304px;
top:260px;
}

div#mbig div#map div#map_content div#i_5_4 {
z-index:6;
left:340px;
top:240px;
}

div#mbig div#map div#map_content div#i_5_5 {
z-index:6;
left:376px;
top:220px;
}

div#mbig div#map div#map_content div#i_5_6 {
z-index:7;
left:412px;
top:200px;
}

div#mbig div#map div#map_content div#i_5_7 {
z-index:8;
left:448px;
top:180px;
}

div#mbig div#map div#map_content div#i_5_8 {
z-index:9;
left:484px;
top:160px;
}

div#mbig div#map div#map_content div#i_5_9 {
z-index:10;
left:520px;
top:140px;
}

div#mbig div#map div#map_content div#i_5_10 {
z-index:11;
left:556px;
top:120px;
}

div#mbig div#map div#map_content div#i_5_11 {
z-index:12;
left:592px;
top:100px;
}

div#mbig div#map div#map_content div#i_5_12 {
z-index:13;
left:628px;
top:80px;
}

div#mbig div#map div#map_content div#i_6_0 {
z-index:7;
left:233px;
top:340px;
}

div#mbig div#map div#map_content div#i_6_1 {
z-index:7;
left:269px;
top:320px;
}

div#mbig div#map div#map_content div#i_6_2 {
z-index:7;
left:305px;
top:300px;
}

div#mbig div#map div#map_content div#i_6_3 {
z-index:7;
left:341px;
top:280px;
}

div#mbig div#map div#map_content div#i_6_4 {
z-index:7;
left:377px;
top:260px;
}

div#mbig div#map div#map_content div#i_6_5 {
z-index:7;
left:413px;
top:240px;
}

div#mbig div#map div#map_content div#i_6_6 {
z-index:7;
left:449px;
top:220px;
}

div#mbig div#map div#map_content div#i_6_7 {
z-index:8;
left:485px;
top:200px;
}

div#mbig div#map div#map_content div#i_6_8 {
z-index:9;
left:521px;
top:180px;
}

div#mbig div#map div#map_content div#i_6_9 {
z-index:10;
left:557px;
top:160px;
}

div#mbig div#map div#map_content div#i_6_10 {
z-index:11;
left:593px;
top:140px;
}

div#mbig div#map div#map_content div#i_6_11 {
z-index:12;
left:629px;
top:120px;
}

div#mbig div#map div#map_content div#i_6_12 {
z-index:13;
left:665px;
top:100px;
}

div#mbig div#map div#map_content div#i_7_0 {
z-index:8;
left:270px;
top:360px;
}

div#mbig div#map div#map_content div#i_7_1 {
z-index:8;
left:306px;
top:340px;
}

div#mbig div#map div#map_content div#i_7_2 {
z-index:8;
left:342px;
top:320px;
}

div#mbig div#map div#map_content div#i_7_3 {
z-index:8;
left:378px;
top:300px;
}

div#mbig div#map div#map_content div#i_7_4 {
z-index:8;
left:414px;
top:280px;
}

div#mbig div#map div#map_content div#i_7_5 {
z-index:8;
left:450px;
top:260px;
}

div#mbig div#map div#map_content div#i_7_6 {
z-index:8;
left:486px;
top:240px;
}

div#mbig div#map div#map_content div#i_7_7 {
z-index:8;
left:522px;
top:220px;
}

div#mbig div#map div#map_content div#i_7_8 {
z-index:9;
left:558px;
top:200px;
}

div#mbig div#map div#map_content div#i_7_9 {
z-index:10;
left:594px;
top:180px;
}

div#mbig div#map div#map_content div#i_7_10 {
z-index:11;
left:630px;
top:160px;
}

div#mbig div#map div#map_content div#i_7_11 {
z-index:12;
left:666px;
top:140px;
}

div#mbig div#map div#map_content div#i_7_12 {
z-index:13;
left:702px;
top:120px;
}

div#mbig div#map div#map_content div#i_8_0 {
z-index:9;
left:307px;
top:380px;
}

div#mbig div#map div#map_content div#i_8_1 {
z-index:9;
left:343px;
top:360px;
}

div#mbig div#map div#map_content div#i_8_2 {
z-index:9;
left:379px;
top:340px;
}

div#mbig div#map div#map_content div#i_8_3 {
z-index:9;
left:415px;
top:320px;
}

div#mbig div#map div#map_content div#i_8_4 {
z-index:9;
left:451px;
top:300px;
}

div#mbig div#map div#map_content div#i_8_5 {
z-index:9;
left:487px;
top:280px;
}

div#mbig div#map div#map_content div#i_8_6 {
z-index:9;
left:523px;
top:260px;
}

div#mbig div#map div#map_content div#i_8_7 {
z-index:9;
left:559px;
top:240px;
}

div#mbig div#map div#map_content div#i_8_8 {
z-index:9;
left:595px;
top:220px;
}

div#mbig div#map div#map_content div#i_8_9 {
z-index:10;
left:631px;
top:200px;
}

div#mbig div#map div#map_content div#i_8_10 {
z-index:11;
left:667px;
top:180px;
}

div#mbig div#map div#map_content div#i_8_11 {
z-index:12;
left:703px;
top:160px;
}

div#mbig div#map div#map_content div#i_8_12 {
z-index:13;
left:739px;
top:140px;
}

div#mbig div#map div#map_content div#i_9_0 {
z-index:10;
left:344px;
top:400px;
}

div#mbig div#map div#map_content div#i_9_1 {
z-index:10;
left:380px;
top:380px;
}

div#mbig div#map div#map_content div#i_9_2 {
z-index:10;
left:416px;
top:360px;
}

div#mbig div#map div#map_content div#i_9_3 {
z-index:10;
left:452px;
top:340px;
}

div#mbig div#map div#map_content div#i_9_4 {
z-index:10;
left:488px;
top:320px;
}

div#mbig div#map div#map_content div#i_9_5 {
z-index:10;
left:524px;
top:300px;
}

div#mbig div#map div#map_content div#i_9_6 {
z-index:10;
left:560px;
top:280px;
}

div#mbig div#map div#map_content div#i_9_7 {
z-index:10;
left:596px;
top:260px;
}

div#mbig div#map div#map_content div#i_9_8 {
z-index:10;
left:632px;
top:240px;
}

div#mbig div#map div#map_content div#i_9_9 {
z-index:10;
left:668px;
top:220px;
}

div#mbig div#map div#map_content div#i_9_10 {
z-index:11;
left:704px;
top:200px;
}

div#mbig div#map div#map_content div#i_9_11 {
z-index:12;
left:740px;
top:180px;
}

div#mbig div#map div#map_content div#i_9_12 {
z-index:13;
left:776px;
top:160px;
}

div#mbig div#map div#map_content div#i_10_0 {
z-index:11;
left:381px;
top:420px;
}

div#mbig div#map div#map_content div#i_10_1 {
z-index:11;
left:417px;
top:400px;
}

div#mbig div#map div#map_content div#i_10_2 {
z-index:11;
left:453px;
top:380px;
}

div#mbig div#map div#map_content div#i_10_3 {
z-index:11;
left:489px;
top:360px;
}

div#mbig div#map div#map_content div#i_10_4 {
z-index:11;
left:525px;
top:340px;
}

div#mbig div#map div#map_content div#i_10_5 {
z-index:11;
left:561px;
top:320px;
}

div#mbig div#map div#map_content div#i_10_6 {
z-index:11;
left:597px;
top:300px;
}

div#mbig div#map div#map_content div#i_10_7 {
z-index:11;
left:633px;
top:280px;
}

div#mbig div#map div#map_content div#i_10_8 {
z-index:11;
left:669px;
top:260px;
}

div#mbig div#map div#map_content div#i_10_9 {
z-index:11;
left:705px;
top:240px;
}

div#mbig div#map div#map_content div#i_10_10 {
z-index:11;
left:741px;
top:220px;
}

div#mbig div#map div#map_content div#i_10_11 {
z-index:12;
left:777px;
top:200px;
}

div#mbig div#map div#map_content div#i_10_12 {
z-index:13;
left:813px;
top:180px;
}

div#mbig div#map div#map_content div#i_11_0 {
z-index:12;
left:418px;
top:440px;
}

div#mbig div#map div#map_content div#i_11_1 {
z-index:12;
left:454px;
top:420px;
}

div#mbig div#map div#map_content div#i_11_2 {
z-index:12;
left:490px;
top:400px;
}

div#mbig div#map div#map_content div#i_11_3 {
z-index:12;
left:526px;
top:380px;
}

div#mbig div#map div#map_content div#i_11_4 {
z-index:12;
left:562px;
top:360px;
}

div#mbig div#map div#map_content div#i_11_5 {
z-index:12;
left:598px;
top:340px;
}

div#mbig div#map div#map_content div#i_11_6 {
z-index:12;
left:634px;
top:320px;
}

div#mbig div#map div#map_content div#i_11_7 {
z-index:12;
left:670px;
top:300px;
}

div#mbig div#map div#map_content div#i_11_8 {
z-index:12;
left:706px;
top:280px;
}

div#mbig div#map div#map_content div#i_11_9 {
z-index:12;
left:742px;
top:260px;
}

div#mbig div#map div#map_content div#i_11_10 {
z-index:12;
left:778px;
top:240px;
}

div#mbig div#map div#map_content div#i_11_11 {
z-index:12;
left:814px;
top:220px;
}

div#mbig div#map div#map_content div#i_11_12 {
z-index:13;
left:850px;
top:200px;
}

div#mbig div#map div#map_content div#i_12_0 {
z-index:13;
left:455px;
top:460px;
}

div#mbig div#map div#map_content div#i_12_1 {
z-index:13;
left:491px;
top:440px;
}

div#mbig div#map div#map_content div#i_12_2 {
z-index:13;
left:527px;
top:420px;
}

div#mbig div#map div#map_content div#i_12_3 {
z-index:13;
left:563px;
top:400px;
}

div#mbig div#map div#map_content div#i_12_4 {
z-index:13;
left:599px;
top:380px;
}

div#mbig div#map div#map_content div#i_12_5 {
z-index:13;
left:635px;
top:360px;
}

div#mbig div#map div#map_content div#i_12_6 {
z-index:13;
left:671px;
top:340px;
}

div#mbig div#map div#map_content div#i_12_7 {
z-index:13;
left:707px;
top:320px;
}

div#mbig div#map div#map_content div#i_12_8 {
z-index:13;
left:743px;
top:300px;
}

div#mbig div#map div#map_content div#i_12_9 {
z-index:13;
left:779px;
top:280px;
}

div#mbig div#map div#map_content div#i_12_10 {
z-index:13;
left:815px;
top:260px;
}

div#mbig div#map div#map_content div#i_12_11 {
z-index:13;
left:851px;
top:240px;
}

div#mbig div#map div#map_content div#i_12_12 {
z-index:13;
left:887px;
top:220px;
}

div.map div#map div#map_rulers {
width:540px;
height:316px;
right:5px;
top:34px;
z-index:30;
}

div.map div#map div#map_rulers #my6 {
right:9px;
top:172px;
}

div.map div#map div#map_rulers #my5 {
right:45px;
top:192px;
}

div.map div#map div#map_rulers #my4 {
right:81px;
top:212px;
}

div.map div#map div#map_rulers #my3 {
right:117px;
top:232px;
color:red;
}

div.map div#map div#map_rulers #my2 {
right:153px;
top:252px;
}

div.map div#map div#map_rulers #my1 {
right:189px;
top:272px;
}

div.map div#map div#map_rulers #my0 {
right:225px;
top:292px;
}

div.map div#map div#map_rulers #mx6 {
right:9px;
top:128px;
}

div.map div#map div#map_rulers #mx5 {
right:45px;
top:108px;
}

div.map div#map div#map_rulers #mx4 {
right:81px;
top:88px;
}

div.map div#map div#map_rulers #mx3 {
right:117px;
top:68px;
color:red;
}

div.map div#map div#map_rulers #mx2 {
right:153px;
top:48px;
}

div.map div#map div#map_rulers #mx1 {
right:189px;
top:28px;
}

div.map div#map div#map_rulers #mx0 {
right:225px;
top:8px;
}

div#mbig div#map div#map_rulers {
width:971px;
height:550px;
top:0;
right:0;
z-index:10;
}

div#mbig div#map div#map_rulers div#my12 {
right:4px;
top:288px;
}

div#mbig div#map div#map_rulers div#my11 {
right:40px;
top:308px;
}

div#mbig div#map div#map_rulers div#my10 {
right:76px;
top:328px;
}

div#mbig div#map div#map_rulers div#my9 {
right:112px;
top:348px;
}

div#mbig div#map div#map_rulers div#my8 {
right:148px;
top:368px;
}

div#mbig div#map div#map_rulers div#my7 {
right:184px;
top:388px;
}

div#mbig div#map div#map_rulers div#my6 {
right:220px;
top:408px;
}

div#mbig div#map div#map_rulers div#my5 {
right:256px;
top:428px;
}

div#mbig div#map div#map_rulers div#my4 {
right:292px;
top:448px;
}

div#mbig div#map div#map_rulers div#my3 {
right:328px;
top:469px;
}

div#mbig div#map div#map_rulers div#my2 {
right:364px;
top:489px;
}

div#mbig div#map div#map_rulers div#my1 {
right:400px;
top:509px;
}

div#mbig div#map div#map_rulers div#my0 {
right:436px;
top:529px;
}

div#mbig div#map div#map_rulers div#mx12 {
right:4px;
top:244px;
}

div#mbig div#map div#map_rulers div#mx11 {
right:40px;
top:224px;
}

div#mbig div#map div#map_rulers div#mx10 {
right:76px;
top:204px;
}

div#mbig div#map div#map_rulers div#mx9 {
right:112px;
top:184px;
}

div#mbig div#map div#map_rulers div#mx8 {
right:148px;
top:164px;
}

div#mbig div#map div#map_rulers div#mx7 {
right:184px;
top:144px;
}

div#mbig div#map div#map_rulers div#mx6 {
right:220px;
top:124px;
}

div#mbig div#map div#map_rulers div#mx5 {
right:256px;
top:104px;
}

div#mbig div#map div#map_rulers div#mx4 {
right:292px;
top:84px;
}

div#mbig div#map div#map_rulers div#mx3 {
right:328px;
top:64px;
}

div#mbig div#map div#map_rulers div#mx2 {
right:364px;
top:43px;
}

div#mbig div#map div#map_rulers div#mx1 {
right:400px;
top:23px;
}

div#mbig div#map div#map_rulers div#mx0 {
right:436px;
top:3px;
}

div#mbig div#map div#map_rulers div#mapa {
width:960px;
height:548px;
}

div.map h1 div {
float:right;
}

div.map div#dmain {
position:relative;
top:-7px;
right:25px;
z-index:100;
margin-bottom:-16px;
}

div.map img#detailed_map {
float:right;
position:relative;
right:15px;
margin-bottom:2px;
}

div.map div#map_details {
float:left;
margin-left:3px;
}

div.map div#map_details table {
margin-bottom:15px;
}

div.map table#options {
/*clear:both;*/
margin:0 25px;
}

div.map table#raidFavs {
margin:0 auto;
}

div.map table#raidDetails {
margin:25px auto 0;
}


/* ===== 03-shared-pages.css ===== */
div.player table {
margin-top:25px;
}

div.player table#profile {
margin-top:0;
}

div.player table#edit {
margin-top:0;
}

div.player table#links {
margin-top:0;
}

div.player table#change_pass {
margin-top:0;
}

div.player table#gpack {
margin-top:0;
}

div.player div#gpack_popup {
width:442px;
height:290px;
padding:30px;
position:absolute;
z-index:80;
top:80px;
border:0 solid #000;
}

div.player div#gpack_popup img.logo {
float:right;
margin-left:20px;
}

div.player div#gpack_popup ul {
margin-top:20px;
margin-right:0;
padding-right:25px;
}

div.player div#gpack_popup div.btn {
position:absolute;
bottom:20px;
width:442px;
text-align:center;
}

div.player div#gpack_popup div#gpack_activate {
display:none;
}

div.player div#gpack_popup div#gpack_activate img#preview {
margin:10px 0;
}

div.player p.ie_notice {
padding:6px;
border:1px dashed #dddddd;
}

div.alliance table#member {
margin-top:25px;
}

div.alliance table#rights {
margin-top:10px;
}

div.alliance table#medals {
margin-top:25px;
}


div.alliance table#chat_input {
background-color:white;
}

div.alliance div#rooms img.del {
position:relative;
top:3px;
}

div.alliance span.roomselector {
float:right;
width:140px;
height:17px;
padding:3px;
border:1px solid #dddddd;
background-color:#FFF;
}

div.alliance span.roomselectorActive {
float:right;
width:140px;
height:17px;
padding:3px;
border:1px solid var(--swd-bronze);
background-color:var(--swd-tile);
}

div.alliance div.chatHeader {
border:1px solid #dddddd;
width:496px;
padding:2px;
height:16px;
background-color:#FFF;
text-align:center;
}

div.alliance table.dipl,div.alliance div#box {
float:right;
}

div.alliance table.infos {
float:left;
}

div.alliance table#own {
margin-top:25px;
}

div.alliance table#foreign {
margin-top:10px;
}

div.alliance table#existing {
margin-top:10px;
}

div.alliance table#tip {
margin-top:25px;
}

div#submenu {
position: relative;
float: left;
z-index:99;
}
div#submenu2 {
position: relative;
    float: right;
z-index:99;
}


div.alliance div#submenu img {
float:left;
margin-right:5px;
}

div.forum a.mad {
position:relative;
right:-15px;
top:50px;
margin-right:50%;
}

div.forum img.switch_admin {
margin-right:5px;
}



div.forum table#conf_list,div.forum table#ally_list,div.forum table#user_list,div.forum table#non_conf_list,div.forum table#open_user {
margin-top:15px;
}

div.statistics table {
margin-top:5px;
}
div.statistics div#submenu {
left:5px;
}
div.statistics div#submenu2 {
right:5px;
}

div#submenu2 a,div#submenu a {display: inline;z-index:100;}

div.statistics div#submenu img {
float:left;
margin-right: 1px;
}


div.statistics div#submenu2 img {
float:right;
margin-left:1px;
}

div.statistics table.top10 {
margin-top:10px;
margin-bottom:5px;
}

div.statistics div.graph {
padding-top:20px;
padding-right:60px;
width:430px;
height:220px;
}

div.statistics div.legende {
border:solid black 1px;
background-color:#ebebeb;
padding:3px 5px;
float:right;
line-height:17px;
}

div.statistics div.legende div.box {
width:9px;
height:9px;
font-size:0;
border:solid 1px black;
float:right;
margin:4px 4px 0;
}

div.reports td.report_content table {
margin-bottom:15px;
}

div.messages div.msg_head {
width:440px;
height:41px;
}

div.messages div.msg_content {
width:440px;
padding-top:3px;
position:relative;
}

div.messages div.msg_content img#label {
float:right;
margin-right:12px;
}

div.messages div.msg_content div#heading {
float:right;
padding-right:4px;
padding-left:4px;
}

div.messages div.msg_content div#heading * {
padding:0;
margin:0;
height:19px;
}

div.messages div.msg_content div#line {
width:440px;
height:30px;
}

div.messages div.msg_content p.btn {
margin:7px 0 0;
}

div.messages div.msg_foot {
width:440px;
height:18px;
}

div.messages div#read_content div#heading div {
width:250px;
}

div.messages div#read_content div#time {
float:left;
padding-left:12px;
margin-top:2px;
}

div.messages div#read_content div#time div {
padding:0;
margin:0;
height:19px;
text-align:left;
}

div.messages div#read_content div#message {
width:412px;
min-height:256px;
border:none;
padding:0 0 20px;
margin-right:12px;
overflow-x:auto;
overflow-y:hidden;
line-height:16px;
}

div.messages #write_content div#heading input {
border:none;
width:267px;
}

div.messages #write_content div#heading a{
	border:none;
	width:-webkit-fill-available;
	display:table;
}

div.messages #write_content a#adbook {
width:48px;
height:29px;
float:left;
display:block;
margin:7px 12px 0;
}

div.messages #write_content textarea {
width:412px;
height:258px;
border:none;
padding:0;
margin-right:12px;
line-height:16px;
}

div.messages div#adressbook {
width:405px;
height:273px;
position:absolute;
right:1px;
bottom:-9px;
z-index:80;
text-align:center;
padding:15px;
}

div.messages div#adressbook img#close {
position:absolute;
width:20px;
height:20px;
z-index:81;
border:0 solid #000;
right:404px;
top:9px;
}

div.messages div#adressbook span.enough {
text-align:center;
margin-top:6px;
}

div.messages table#friendlist {
margin-top:5px;
}

div.messages div#block {
width:430px;
height:419px;
position:relative;
margin:0 auto;
}

div.messages div#block textarea {
width:265px;
height:256px;
position:absolute;
top:40px;
right:80px;
border:none;
padding:0;
line-height:16px;
}

div.messages div#block p.btn {
position:relative;
top:305px;
}

div#build p.switch {
text-align:left;
}

div#build h2 {
margin:15px 0 10px;
}

div#build a.build_logo img {
scale: 1.5;
left: 25px;
transform: none;
margin-right:5px;
position:absolute;
top:35px;
}

div#build p.build_desc {
padding-left:70px;
}




div#build.gid0 table.new_building {
margin-bottom:25px;
}

div#build.gid15 h2 {
margin-top:25px;
}

div#build.gid15 select.dropdown {
width:200px;
}

div#build.gid15 input#btn_demolish {
margin-right:15px;
position:relative;
top:5px;
}

div#build a.build_logo img.g16 {
top:45px;
}

div#build.gid16 div#textmenu {
white-space:nowrap;
position:relative;
}

div#build.gid16 h4 {
margin-top:20px;
}

div#build.gid16 table.troop_details {
margin-bottom:5px;
}

div#build.gid16 table#raidList {
margin-bottom:10px;
}

div#build.gid12 table.troop_prop th,div#build.gid12 table.troop_prop td {
padding:2px 4px;
}

div#build.gid12 table.troop_prop tbody td {
white-space:nowrap;
text-align:center;
}

div#build.gid13 table.troop_prop th,div#build.gid13 table.troop_prop td {
padding:2px 4px;
}

div#build.gid13 table.troop_prop tbody td {
white-space:nowrap;
text-align:center;
}

div#build.gid17 table.send_res {
float:right;
}

div#build.gid17 table.res_target {
float:right;
margin-right:20px;
}

div#build.gid17 table.buy_select {
float:right;
}

div#build.gid17 table#ratio_select {
margin-right:20px;
}

div#build.gid17 table#bid_select {
margin-right:20px;
}

div#build.gid17 table#range {
margin-top:20px;
}

div#build.gid17 p#submitText {
margin-top:5px;
display:block;
}

div#build.gid17 p#submitButton {
margin-top:5px;
display:none;
}

div#build.gid17 table.traders {
margin-bottom:15px;
}

div#build.gid17 p.info {
margin-top:5px;
}

div#build.gid17 p.info img {
margin-left:2px;
}



div#build.gid40 p.build_desc {
padding-left:200px;
text-align:right;
}

div#build.gid40 p.nam {
text-align:center;
}

body.manual img.troops {
position:absolute;
left:10px;
top:80px;
}

body.manual img.buildings {
position:absolute;
left:10px;
top:170px;
}

body.manual img.navi {
position:absolute;
z-index:82;
right:145px;
top:420px;
}

body.manual table#troop_info {
margin-top:6px;
margin-left:0;
margin-bottom:30px;
margin-right:2px;
}

body.manual div#t_desc {
margin-top:30px;
}

body.manual img#big_unit {
position:absolute;
right:260px;
top:95px;
}

body.manual div#prereqs {
margin-top:15px;
}

body.manual img.building {
float:left;
margin-top:-40px;
margin-left:25px;
margin-bottom:10px;
margin-right:10px;
}

body.manual img.g16 {
margin-top:0;
margin-left:25px;
margin-bottom:10px;
margin-right:10px;
}

body.manual img.g40 {
margin-top:-20px;
margin-left:15px;
margin-bottom:10px;
margin-right:10px;
}

body.manual p.medals {
text-align:center;
}

body.manual ul.goldclub {
padding-right:25px;
margin-top:0;
}

div#side_info div#anm {
border:1px #555 solid;
position:absolute;
z-index:1000;
}

div#side_info div#qge {
padding:4px;
}

div#side_info div#qge img {
display:block;
cursor:pointer;
position:relative;
}

div.quest div#qstd {
width:415px;
position:relative;
z-index:10;
}

div.quest div#qstd span#qst_accpt a.qle,div.quest div#qstd span#qst_accept a.qri {
display:block;
}

div.quest div#qstd span#qst_accpt a.qle {
float:right;
text-align:right;
}

div.quest div#qstd span#qst_accpt a.qri {
float:left;
text-align:left;
}

div.quest div#qstd span.qcoords input {
width:60px;
}

div.quest div.rew p.ta_aw {
margin:0 0 5px;
}

div.quest div#qstd input.qb1 {
float:left;
margin:0 12px;
}

div.quest div#qstd input.qb2 {
float:right;
margin:0 12px;
}

div.a2b p.btn {
text-align:right;
}

div.a2b .slots {
margin-top:5px;
margin-bottom:10px;
}

div.a2b table#troops {
margin-top:5px;
}

div.a2b table#coords {
margin-top:25px;
margin-left:0;
margin-bottom:10px;
margin-right:5px;
}

div.a2b table.troop_details {
margin:15px 0;
}

div.cropfinder div.cropfinder_input {
margin:15px 0;
padding:5px;
}

div.cropfinder div.cropfinder_input div.row {
height:19px;
line-height:19px;
margin:10px 0;
vertical-align:middle;
}

div.cropfinder div.cropfinder_input div.row span.cropfinder_head {
width:250px;
display:block;
float:right;
}

div.cropfinder div.cropfinder_input div.row input.text {
margin:0 5px;
width:50px;
}

div.cropfinder div.cropfinder_input div.row input.radio {
position:relative;
top:1px;
margin-left:1px;
}

body.presto div.cropfinder div.cropfinder_input div.row input.radio {
top:0;
}

body.ie6 div.cropfinder div.cropfinder_input div.row input.radio,body.ie7 div.cropfinder div.cropfinder_input div.row input.radio {
top:-2px;
}

div.cropfinder div.cropfinder_input div.row input.check {
position:relative;
top:2px;
}

div.cropfinder div.cropfinder_input p.btn {
margin-top:20px;
text-align:right;
}

div.plus .none {
text-align:center;
}

div.plus p.btn {
text-align:right;
}

div.plus img.gold {
margin-left:2px;
}

div.plus p#product_selection {
text-align:left;
margin:2px 0;
}

div.plus p#product_selection select.dropdown {
padding:2px 3px;
}

div.plus p#orders_link {
text-align:left;
margin:2px 0;
}

div.plus div#products {
width:100%;
margin-right:-6px;
display: inline-flex;
flex-wrap: wrap;
}

div.plus div#products table.product {
margin:10px 6px 5px;
}

div.plus div#products table.lang_ltr {
float:left;
direction:ltr;
}

div.plus div#products table.lang_rtl {
float:right;
direction:rtl;
}

div.plus p#plus_info {
padding-top:30px;
text-align:center;
}

div.plus table.rate_details {
margin-top:10px;
margin-bottom:25px;
}

div.plus table#open_orders {
margin-top:10px;
}

div.plus table#gold_features {
margin-top:25px;
}

div.plus table.plusFunctions {
margin-bottom:25px;
}


div.warsim table#attacker {
float:right;
}

div.warsim table#defender {
float:left;
}

div.warsim table.fill_in {
margin-bottom:15px;
}

div.warsim table.results {
margin-top:15px;
}

div.banned_cn table {
margin-bottom:15px;
line-height:16px;
}

div.banned_cn table th,div.banned_cn table td {
padding:2px 3px;
}

div.banned_cn table td {
text-align:center;
}

div.banned_cn table .ra {
text-align:left;
padding-left:7px;
width:5%;
white-space:nowrap;
}

div.banned_cn table .pla {
text-align:right;
padding-right:7px;
}

div.banned_cn table .rea,div.banned_cn table .dur,div.banned_cn table .al {
width:25%;
}

div.banned_cn .no_info {
color:#dddddd;
}


.left {
text-align:right;
}

.right {
text-align:left;
}

.center {
text-align:center;
}

.middle {
vertical-align:middle;
}

.nbr {
white-space:nowrap;
}

input.disable {
background-color:#EEE;
border-color:#AAA;
}

.f16 {
font-size:16pt;
}

.f135 {
font-size:13.5pt;
}

.f10 {
font-size:10pt;
}

.f9 {
line-height:140%;
font-weight:normal;
text-align: right;
font-weight: bold;
}

.f8 {
font-size:8pt;
}

.f75 {
font-size:7.5pt;
}

.f7 {
font-size:7pt;
}

.f6 {
font-size:6pt;
}

.b {
font-weight:bold;
}

.t {
font-weight:normal;
}

.e {
color:#FF8000;
}

.c {
    color: grey;
    line-height: 18px;
    text-align:center;
}

.c0 {
color:#000;
}

.c1 {
color:#71D000;
}

.c2 {
color:#FF8000;
}

.c3 {
color:#228B22;
}

.c4 {
color:#F2C700;
}

.c5 {
color:#F00;
}

.c6 {
color:#B500A3;
}

.dashed {
border:1px dashed #dddddd;
border-collapse:separate;
}

#lmid3 .nb {
position:absolute;
width:200px;
z-index:5;
right:580px;
top:63px;
background-color:#fff;
}

#igm {
border:0;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

input.std {
font-weight:bold;
font-size:8pt;
height:14pt;
}

.old_p1 {
border-style:dashed;
border-width:1px;
border-color:#dddddd;
padding:6px;
}

.p2 {
border-style:dashed;
border-width:1px;
border-color:#dddddd;
padding:3px;
}

.tbg {
background-color:#dddddd;
width:100%;
text-align:center;
}

table.tbg tr {
background-color:#FFF;
}

.rbg {
background-color:#FFF;
font-weight:bold;
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

table.tbg tr.cbg1 td,td.cbg1 {
background-color:#F5F5F5;
}

td.cbg2 {
background-color:var(--swd-bronze);
}

.dflags1 {
position:relative;
float:left;
text-align:center;
font-size:6pt;
color:#FFF;
padding-right:1px;
padding-left:1px;
padding-top:1px;
}

.dflags2 {
padding-top:1px;
}

.ddb {
float:right;
}

input.text,select.dropdown,textarea {
border:1px solid var(--swd-field-rule);
padding:2px 3px;
margin:0;
border-radius: 4px;
}
select.dropdown,textarea {
transition: all ease-in 200ms;
}

input.Error,select.Error,textarea.Error {
border:1px solid darkred!important;
animation: shake 0.5s;
animation-iteration-count: 2;
transition: all ease-in 200ms;
}

body.ie input.check,body.gecko input.check,body.webkit input.check,body.wepkit input.check {
margin:0;
padding:0;
min-width:13px;
min-height:13px;
}

table {
border-collapse:separate;
background-color:#dddddd;
line-height:16px;
width:100%;
empty-cells:show;
}

table td,table th {
vertical-align:middle;
padding:0;
}

table thead th,table tfoot th {
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

table thead td,table tfoot td {
background-color:#F3F3F3;
text-align:center;
}

table tbody th,table tbody td {
background-color:#FFF;
}

table tr.hl th,table tr.hl td {
background-color:var(--swd-tile);
border-top:1px solid var(--swd-bronze);
border-bottom:1px solid var(--swd-bronze);
}

table tr.hl th.fc,table tr.hl td.fc {
border-right:1px solid var(--swd-bronze);
}

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

table td.empty {
height:5px;
padding:0;
}

div#side_info table {
width:auto;
background-color:#FFF;
}

div#side_info table td {
padding:0;
line-height:18px;
text-align:right;
white-space:nowrap;
}

div#side_info table thead td {
background-color:#FFF;
height:22px;
}

div#side_info td.dot {
width:10px;
padding:0 6px;
}

div#side_info td.link {
padding-left:10px;
}

div#res table {
background-color:#FFF;
width:100%;
    max-width: 500px;
}

div#res table td {
padding:1px;
}

div#res table img {
margin-right:1px;
}

div.login table {
border:1px dashed #dddddd;
background-color:#FFF;
}

div.login table tr.top th,div.login table tr.top td {
padding-top:9px;
padding-bottom:2px;
}

div.login table tr.btm th,div.login table tr.btm td {
padding-top:2px;
padding-bottom:9px;
}

div.login table th {
width:38%;
padding-right:20px;
}

div.login table td {
width:62%;
}

div.login table td input.text {
max-width:200px;
}

div.signup table {
border:1px dashed #dddddd;
background-color:#FFF;
}

div.signup table tr.top th,div.signup table tr.top td {
padding-top:9px;
padding-bottom:2px;
}

div.signup table tr.btm th,div.signup table tr.btm td {
padding-top:2px;
padding-bottom:9px;
}

div.signup table th,div.signup table td {
padding-top:2px;
padding-bottom:2px;
}

div.signup input.text {
max-width:200px;
}

div.signup input.radio {
position:relative;
top:2px;
margin-right:5px;
float:right;
}

div.signup input.check {
position:relative;
top:2px;
margin-left:5px;
float:right;
}

div.signup table#sign_input th {
width:38%;
padding-right:20px;
}

div.signup table#sign_input td {
width:62%;
}

div.signup table#sign_select , div.checks {
line-height:24px;
}

div.signup table#sign_select th,.signup #sign_select td {
padding-right:10px;
}

div.signup table#sign_select td.nat {
width:35%;
}

div.signup table#sign_select td.pos1 {
width:20%;
}

div.signup table#sign_select td.pos2 {
width:45%;
}

div.activate table {
border:1px dashed #dddddd;
background-color:#FFF;
}

div.activate table tr.top th,div.activate table tr.top td {
padding-top:9px;
padding-bottom:2px;
}

div.activate table tr.btm th,div.activate table tr.btm td {
padding-top:2px;
padding-bottom:9px;
}

div.activate table th {
width:38%;
padding-right:20px;
}

div.activate table td {
width:62%;
}

div.village1 table , div.build table#building_contract {
line-height:19px;
background-color:#FFF;
}

div.build table#building_contract thead th {background-image:none;background-color:#FFF;text-align:right;}

div.village1 table thead th {
background-image:none;
background-color:#FFF;
text-align:right;
}

div.village1 table tbody td {
padding:1px 0px;
}

div.village1 table td.ico {
width:18px;
padding-right:4px;
}

div.village1 table td.num {
text-align:left;
white-space:nowrap;
}

div.village1 table#movements td {
padding:1px 0;
}

div.village1 table#movements td.empty {
height:38px;
}

div.village1 table#movements td.typ {
width:32px;
vertical-align:top;
}

div.village1 table#movements td.typ img {
float:right;
position:relative;
top:3px;
margin-top:0;
margin-left:1px;
margin-bottom:0;
margin-right:4px;
}

div.village1 table#movements div.mov {
float:right;
}

div.village1 table#movements div.dur_r {
float:right;
padding-right:4px;
}

div.village1 table#movements td.wrap {
line-height:10px;
}

div.village1 table#movements div.dur_l {
float:right;
padding-bottom:2px;
}

div.village1 table#production td.res {
width:60%;
}

div.village1 table#production td.per {
width:40%;
}

div.village1 table#troops td.un {
width:80%;
}


div.build table#building_contract {
width:100%;
}

div.village1 table#building_contract   {
width:502px;
}

div.village2 table#building_contract {
line-height:19px;
width:502px;
background:none;
}

div.village2 table#building_contract thead th {
background:none;
text-align:right;
}

div.village2 table#building_contract tbody td {
background:none;
padding:1px 2px;
}

div.village2 table#building_contract td.ico {
width:18px;
padding-right:4px;
}

div.village3 table th,div.village3 table td {
padding:2px 4px;
}

div.village3 table tbody td {
white-space:unset;
text-align:center;
}

div.village3 table tbody td.vil {
white-space:unset;
text-align:center;
}

div.village3 table#overview td {
white-space:normal;
}

div.village3 table#overview td.att {
width:15%;
}

div.village3 table#overview td.bui {
width:10%;
}

div.village3 table#overview td.tro {
width:15%;
}

div.village3 table#overview td.tra {
width:15%;
white-space:nowrap;
}

div.village3 table#ressources tbody td {
text-align:left;
}

div.village3 table#ressources td.vil {
text-align:right;
}

div.village3 table#ressources td.lum {
width:15%;
}

div.village3 table#ressources td.clay {
width:15%;
}

div.village3 table#ressources td.iron {
width:15%;
}

div.village3 table#ressources td.crop {
width:15%;
}

div.village3 table#ressources td.tra {
width:10%;
}

div.village3 table#warehouse th,div.village3 table#warehouse td {
padding:2px;
}

div.village3 table#warehouse td.vil {
padding-right:4px;
}

div.village3 table#warehouse td.lum {
width:10%;
}

div.village3 table#warehouse td.clay {
width:10%;
}

div.village3 table#warehouse td.iron {
width:10%;
}

div.village3 table#warehouse td.max123 {
width:15%;
}

div.village3 table#warehouse td.crop {
width:10%;
}

div.village3 table#warehouse td.max4 {
width:15%;
}

div.village3 table#culture_points td.cps {
width:15%;
}

div.village3 table#culture_points td.cel {
width:20%;
}

div.village3 table#culture_points td.tro {
width:20%;
white-space:normal;
}

div.village3 table#culture_points td.slo {
width:10%;
}

div.village3 table.vil_troops th {
padding:2px 2px;
}

div.village3 table.vil_troops tbody th {
width:22%;
}

div.village3 table.vil_troops tbody td {
padding:2px;
}

div.village3 table.vil_troops tbody.upkeep td {
text-align:right;
padding-right:7px;
}

div.map table.tableNone {
background-color:#FFF;
}

div.map table.tableNone thead th {
text-align:right;
background-image:none;
background-color:#FFF;
}

div.map table.tableNone thead th div {
float:right;
}

div.map table.tableNone tbody td,div.map table.tableNone tbody th {
padding:1px 4px;
}

div#map table#map_infobox {
width:170px;
line-height:19px;
}

div#map table#map_infobox th,div#map table#map_infobox td {
line-height:15px;
padding:1px 5px;
}

div#map table#map_infobox thead th {
text-align:center;
}

div#map table#map_infobox tbody th {
width:45%;
}

div#map table.default,div#map table.empty,div#map table.oasis_empty {
background-color:#F0F0F0;
}

div#map table.village,div#map table.oasis {
background-color:#dddddd;
}

div#map table.default thead th,div#map table.empty thead th,div#map table.oasis_empty thead th {
background-image:none;
background-color:#FFF;
}

div#map table.village thead th,div#map table.oasis thead th {
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

div.map table#village_info {
width:227px;
}

div.map table#village_info tbody th {
width:50%;
}

div.map table#village_info tbody td {
font-weight:bold;
}

div.map table#troop_info {
width:227px;
}

div.map table#troop_info .ico {
width:10%;
}

div.map table#troop_info .val {
width:10%;
text-align:left;
padding-right:10px;
}

div.map table#troop_info .val {
font-weight:bold;
}

div.map table#troop_info ul {
margin-top:0;
margin-left:0;
margin-bottom:0;
margin-right:2px;
padding-right:12px;
}

div.map table#troop_info.rep tbody {
line-height:16px;
}

div.map table#troop_info.rep img {
float:right;
margin-left:5px;
}

div.map table#distribution {
width:227px;
}

div.map table#distribution .ico {
width:10%;
}

div.map table#distribution .val {
width:10%;
text-align:left;
padding-right:10px;
}

div.map table#distribution .val {
font-weight:bold;
}

div.map table#options {
width:50%;
}

div.map table#options tbody td {
padding-right:4px;
}

div.map table#raidFavs {
width:502px;
}

div.map table#raidFavs thead td {
white-space:nowrap;
}

div.map table#raidFavs th,div.map table#raidFavs td {
padding:2px 2px;
text-align:center;
}

div.map table#raidFavs td.del {
padding:2px;
width:4%;
}

div.map table#raidFavs td.vil {
text-align:right;
}

div.map table#raidFavs td.vil img {
float:left;
}

div.map table#raidFavs td.aligned_coords {
width:94px;
padding:2px 0;
}

div.map table#raidFavs td.aligned_coords div.cox,div.map table#raidFavs td.aligned_coords div.coy {
width:42px;
}

div.map table#raidFavs td.rep {
text-align:right;
width:20%;
white-space:nowrap;
}

div.map table#raidFavs td.rep img {
float:right;
margin-left:3px;
}

div.map table#raidFavs td.goods {
width:10%;
}

div.map table#raidFavs td.lost {
width:10%;
}

div.map table#raidDetails {
width:502px;
}

div.map table#raidDetails th,div.map table#raidDetails td {
padding:2px 2px;
text-align:center;
}

div.map table#raidDetails td.day {
width:25px;
height:100px;
}

div.map table#raidDetails td.day div.booty,div.map table#raidDetails td.day div.lost {
position:relative;
width:12px;
height:100px;
}

div.map table#raidDetails td.day div.booty {
float:right;
background-color:#CAFFC9;
}

div.map table#raidDetails td.day div.booty div.value {
background-color:#00BC00;
}

div.map table#raidDetails td.day div.lost {
float:left;
background-color:#FFD0B1;
}

div.map table#raidDetails td.day div.lost div.value {
background-color:#FF6F0F;
}

div.map table#raidDetails td.day div.value {
width:100%;
position:absolute;
right:0;
bottom:0;
height:0;
line-height:0;
font-size:0;
}

div.map table#raidDetails td.balance {
text-align:right;
}

div.map table#raidDetails td.balance hr {
border-color:#dddddd;
}

div.map table#raidDetails td.day div.value.height100 {
height:100px;
}

div.map table#raidDetails td.day div.value.height95 {
height:95px;
}

div.map table#raidDetails td.day div.value.height90 {
height:90px;
}

div.map table#raidDetails td.day div.value.height85 {
height:85px;
}

div.map table#raidDetails td.day div.value.height80 {
height:80px;
}

div.map table#raidDetails td.day div.value.height75 {
height:75px;
}

div.map table#raidDetails td.day div.value.height70 {
height:70px;
}

div.map table#raidDetails td.day div.value.height65 {
height:65px;
}

div.map table#raidDetails td.day div.value.height60 {
height:60px;
}

div.map table#raidDetails td.day div.value.height55 {
height:55px;
}

div.map table#raidDetails td.day div.value.height50 {
height:50px;
}

div.map table#raidDetails td.day div.value.height45 {
height:45px;
}

div.map table#raidDetails td.day div.value.height40 {
height:40px;
}

div.map table#raidDetails td.day div.value.height35 {
height:35px;
}

div.map table#raidDetails td.day div.value.height30 {
height:30px;
}

div.map table#raidDetails td.day div.value.height25 {
height:25px;
}

div.map table#raidDetails td.day div.value.height20 {
height:20px;
}

div.map table#raidDetails td.day div.value.height15 {
height:15px;
}

div.map table#raidDetails td.day div.value.height10 {
height:10px;
}

div.map table#raidDetails td.day div.value.height5 {
height:5px;
}

div.map table#raidDetails td.day div.value.height0 {
height:1px;
}

div.player table td,div.player table th {
padding:2px 2px;
}

div.player tbody th {
text-align:right;
}

div.player td {
text-align:center;
}

div.player .none {
text-align:center;
}

div.player table#profile thead td {
width:50%;
}

div.player table#profile td.details {
width:50%;
height:156px;
padding:0;
vertical-align:top;
border-bottom:none;
}

div.player table#profile td.details table {
margin-top:0;
background-color:#FFF;
border-collapse:collapse;
}

div.player table#profile td.details table th {
width: 50%;
border-bottom:1px solid #dddddd;
border-left:1px solid #dddddd;
}

div.player table#profile td.details table td {
text-align:right;
border-bottom:1px solid #dddddd;
}

div.player table#profile td.desc1 {
width:50%;
padding:0 7px;
vertical-align:middle;
}

div.player table#profile td.details table td.desc2 {
border-bottom:0 solid transparent;
vertical-align:middle;
text-align:center;
height:100%;
}

div.player table#villages td.nam {
text-align:right;
}

div.player table#villages td.hab {
width:20%;
}

div.player table#edit thead td {
width:50%;
}

div.player table#edit tbody th {
width:unset;
white-space:nowrap;
}

div.player table#edit tbody td {
width:35%;
line-height:19px;
}

div.player table#edit input.text {
width:94%;
}

div.player table#edit td.birth input.day {
float:right;
width:17px;
}

div.player table#edit td.birth select.dropdown {
float:right;
width:60px;
margin:auto 5px;
padding:1px 2px;
}

div.player table#edit td.birth input.year {
float:right;
width:30px;
}

div.player table#edit td.gend {
text-align:center;
}

div.player table#edit td.gend input.radio {
position:relative;
top:1px;
margin-left:2px;
}

body.presto div.player table#edit td.gend input.radio {
top:0;
}

body.ie6 div.player table#edit td.gend input.radio,body.ie7 div.player table#edit td.gend input.radio {
top:-2px;
}

div.player table#edit td.desc1,div.player table#edit td.desc2 {
padding:0;
width: 50%;
}

div.player table#edit td.desc1 textarea,div.player table#edit td.desc2 textarea {
overflow-x:hidden;
overflow-y:scroll;
text-align:center;
padding:0;
}

div.player table#edit td.desc1 textarea {
width:249px;
height:264px;
}

div.player table#edit td.desc2 textarea {
width:248px;
height:158px;
}

div.player table#medals td.typ {
text-align:right;
}

div.player table#medals td.ra {
width:15%;
white-space:nowrap;
}

div.player table#medals td.we {
width:15%;
}

div.player table#medals td.bb {
width:20%;
}

div.player table.set td.sel {
width:5%;
text-align:center;
}

div.player table.set td {
text-align:right;
}

div.player table.set input.radio {
position:relative;
top:1px;
}

body.presto div.player table.set input.radio {
top:0;
}

body.ie6 div.player table.set input.radio,body.ie7 div.player table.set input.radio {
top:-2px;
}

div.player table#links td.nr input.text {
width:25px;
}

div.player table#links td.nam input.text {
width:150px;
}

div.player table#links td.link input.text {
width:255px;
}

div.player table#time tbody th {
width:25%;
}

div.player table#time select.dropdown {
width:200px;
}

div.player table#advertisement tbody th {
width:25%;
}

div.player table#advertisement span.note {
margin-right:10px;
}

div.player table.account tbody th {
width:50%;
}

div.player table.account input.text {
width:94%;
}

div.player table#change_pass td.note {
text-align:right;
}
div.player table.account table.sitter {
    background-color: transparent;
    margin: 0;
}
div.player table#sitter input.text {
width:80%;
}

div.player table#sitter span.count {
margin-right:5px;
}

div.player table#sitter span.max {
margin-right:5px;
}

div.player table#del_acc td.del_selection {
text-align:right;
}

div.player table#del_acc input.radio {
position:relative;
top:1px;
}

body.presto div.player table#del_acc input.radio {
top:0;
}

body.ie6 div.player table#del_acc input.radio,body.ie7 div.player table#del_acc input.radio {
top:-2px;
}

div.player table#gpack td {
text-align:right;
height:24px;
}

div.player table#gpack td.info {
text-align:center;
}

div.player table#gpack td input.radio {
position:relative;
top:1px;
margin-right:2px;
margin-left:2px;
}

body.presto div.player table#gpack td input.radio {
top:0;
}

body.ie6 div.player table#gpack td input.radio,body.ie7 div.player table#gpack td input.radio {
top:-2px;
}

div.player table#gpack td input.text {
margin-right:15px;
width:220px;
}

div.player table#gpack td div.example {
margin-right:22px;
}

div.player table#download thead td {
white-space:nowrap;
}

div.player table#download td.nam {
text-align:right;
}

div.player table#download td.size {
width:22%;
}

div.player table#download td.act {
width:22%;
}

div.player table#download td.down {
width:22%;
}

div.alliance table td,div.alliance table th {
padding:2px 2px;
}

div.alliance tbody th {
text-align:right;
}

div.alliance td {
text-align:center;
}

div.alliance .none {
text-align:center;
}

div.alliance td.abo {
width:5%;
}

div.alliance table#profile thead td {
width:50%;
}

div.alliance table#profile td.details {
width:50%;
height:156px;
padding:0;
vertical-align:top;
border-bottom:none;
}

div.alliance table#profile td.details table {
margin-top:0;
background-color:#FFF;
border-collapse:collapse;
}

div.alliance table#profile td.details table th {
width:50%;
border-bottom:1px solid #dddddd;
border-left:1px solid #dddddd;
}

div.alliance table#profile td.details table td {
text-align:right;
border-bottom:1px solid #dddddd;
}

div.alliance table#profile td.desc1 {
width:50%;
padding:0 7px;
vertical-align:middle;
}

div.alliance table#profile td.details table td.desc2 {
border-bottom:0 solid transparent;
vertical-align:middle;
text-align:center;
height:100%;
}

div.alliance table#member td.ra {
width:5%;
white-space:nowrap;
}

div.alliance table#member td.pla {
text-align:right;
}

div.alliance table#member td.hab {
width:25%;
}

div.alliance table#member td.vil {
width:20%;
}

div.alliance table#member td.on {
width:5%;
}

div.alliance table#offs td.sub {
text-align:right;
}

div.alliance table#offs td.sub img {
float:right;
}

div.alliance table#offs td.sub div {
/*padding-right:24px;*/
}

div.alliance table#offs td.al {
width:20%;
white-space:nowrap;
}

div.alliance table#offs td.dat {
width:23%;
white-space:nowrap;
}

div.alliance table#events td.event {
text-align:right;
}

div.alliance table#events td.dat {
width:25%;
white-space:nowrap;
}

div.alliance table.small_option {
width:50%;
}

div.alliance table.small_option input.text {
width:94%;
}

div.alliance table.small_option tbody th {
width:30%;
}

div.alliance td.sel {
width:15%;
}

div.alliance table#options td.val {
text-align:right;
}

div.alliance table#name td {
text-align:right;
}

div.alliance table#name input.tag {
width:50%;
}

div.alliance table#edit thead td {
width:50%;
}

div.alliance table#edit tbody th {
width:30%;
}

div.alliance table#edit tbody td {
line-height:19px;
width:50%;
text-align:right;
}

div.alliance table#edit input.text {
width:94%;
}

div.alliance table#edit td.desc1,div.alliance table#edit td.desc2 {
padding:0;
}

div.alliance table#edit td.desc1 textarea,div.alliance table#edit td.desc2 textarea {
overflow-x:hidden;
overflow-y:scroll;
text-align:center;
padding:0;
}

div.alliance table#edit td.desc1 textarea {
width:249px;
height:264px;
}

div.alliance table#edit td.desc2 textarea {
width:248px;
height:140px;
}

div.alliance table#medals td.typ {
text-align:right;
}

div.alliance table#medals td.ra {
width:15%;
white-space:nowrap;
}

div.alliance table#medals td.we {
width:15%;
}

div.alliance table#medals td.bb {
width:20%;
}

div.alliance table#invitations td {
text-align:right;
}

div.alliance table#invitations td.abo {
text-align:center;
}

div.alliance table.dipl,div.alliance div#box {
width:60%;
}

div.alliance table.dipl td {
text-align:right;
}

div.alliance table.dipl td.wait {
text-align:center;
}

div.alliance table.infos {
width:37%;
}

div.alliance table.infos td {
padding:2px;
}

div.alliance table td.none {
text-align:center;
}

div.alliance table td.acc {
width:25%;
text-align:center;
}

div.alliance table#diplomacy input.text {
width:94%;
}

div.alliance table#diplomacy input.radio {
margin:3px;
}

div.alliance table#own td.wait {
width:25%;
}

div.forum table {
width:502px;
}

div.forum table td,div.forum table th {
padding:2px 2px;
}

div.forum table td.ico {
width:32px;
text-align:center;
padding:5px;
white-space:nowrap;
}

div.forum table td.ico a img {
margin:2px;
}

div.forum table td.tit {
padding:5px;
}

div.forum table td.cou {
width:62px;
text-align:center;
}

div.forum table td.last {
width:120px;
text-align:left;
padding-top:2px;
padding-left:5px;
padding-bottom:2px;
padding-right:2px;
white-space:nowrap;
}

div.forum table td.none {
text-align:center;
}

div.forum table td.navi_top,div.forum table td.navi_btm {
float:left;
text-align:left;
margin-left:20px;
}

div.forum table td.navi_btm {
margin-top:15px;
}

div.forum h4 {
margin-top:0;
margin-left:0;
margin-bottom:15px;
margin-right:5px;
}

div.forum table#public,div.forum table#confederation,div.forum table#alliance,div.forum table#closed {
margin-top:10px;
}

div.forum table#posts td.poll {
background-color:#FFF;
padding:5px 2px;
}

div.forum table#posts td.pinfo {
width:21%;
vertical-align:top;
}

div.forum table#posts td.pcontent {
vertical-align:top;
padding:0;
}

div.forum table#posts td.pcontent div {
vertical-align:top;
}

div.forum table#posts td.pcontent div.posted {
float:right;
padding:2px 10px 0;
}

div.forum table#posts td.pcontent div.admin {
float:left;
padding:2px 10px 0;
}

div.forum table#posts td.pcontent div.admin img {
margin-right:3px;
}

div.forum table#posts td.pcontent div.dotted {
height:1px;
width:100%;
border-bottom:1px dotted #dddddd;
padding:0;
}

div.forum table#posts td.pcontent div.text {
padding:4px 10px 30px;
width:376px;
min-height:70px;
overflow-x:auto;
}

div.forum table#posts td.pcontent div.edited {
border-top:1px dotted #dddddd;
padding:0 10px 2px;
}

div.forum table#new_forum tbody th,div.forum table#edit_forum tbody th {
width:30%;
}

div.forum table#new_forum input.text,div.forum table#new_forum input.text {
width:97%;
}

div.forum table#conf_list td.ally,div.forum table#user_list td.ally,div.forum table#non_conf_list td.ally {
width:70%;
}

div.forum table#conf_list td.sel,div.forum table#non_conf_list td.sel,div.forum table#open_user td.sel {
width:5%;
text-align:center;
}

div.forum table#conf_list td.tag,div.forum table#non_conf_list td.tag {
width:25%;
text-align:center;
}

div.forum table#ally_list input.text,div.forum table#user_list input.text {
width:95%;
}

div.forum table#ally_list tag.tag,div.forum table#ally_list tag.ally,div.forum table#user_list tag.id,div.forum table#user_list tag.pla {
width:40%;
}

div.forum table#ally_list td.ad,div.forum table#user_list td.ad {
width:20%;
text-align:center;
}

div.forum table#ally_list img.add,div.forum table#user_list img.add {
cursor:pointer;
}

div.forum table#new_topic tbody th,div.forum table#new_post tbody th,div.forum table#edit_post tbody th {
width:87px;
}

div.forum table#edit_topic tbody th {
width:30%;
}

div.forum table#new_topic td.input_icons,div.forum table#new_post td.input_icons,div.forum table#edit_post td.input_icons {
width:87px;
text-align:center;
vertical-align:top;
padding:10px 3px 0;
}

div.forum table#new_topic td.input_icons img,div.forum table#new_post td.input_icons img,div.forum table#edit_post td.input_icons img {
cursor:pointer;
}

div.forum table#new_topic td.input_icons img.smiley,div.forum table#new_post td.input_icons img.smiley,div.forum table#edit_post td.input_icons img.smiley {
margin:3px 1px;
}

div.forum table#new_topic textarea,div.forum table#new_post textarea,div.forum table#edit_post textarea {
width:381px;
height:250px;
overflow:auto;
}

div.forum table#new_topic td.sel {
text-align:center;
}

div.forum table#new_topic table#options td {
padding-bottom:0;
}

div.forum table#new_topic table#options input.text {
margin-bottom:2px;
}

div.forum table#new_topic select.dropdown {
margin-left:1px;
}

div.forum table#edit_topic select.dropdown {
width:100%;
}

div.forum table#poll {
background-color:#FFF;
width:496px;
}

div.forum table#poll thead th {
text-align:center;
padding:4px;
}

div.forum table#poll td {
text-align:center;
}

div.forum table#poll td.sel {
width:30%;
text-align:left;
white-space:nowrap;
}

div.forum table#poll td.stat {
width:280px;
text-align:right;
}

div.forum table#poll td.stat img {
float:right;
}

div.forum table#poll td.count {
text-align:center;
}

div.statistics table td,div.statistics table th {
padding:4px 2px;
text-align:center;
}

div.statistics td.ra {
width:5%;
text-align:left;
white-space:nowrap;
}

div.statistics td.pop {
width:20%;
}

div.statistics td.al {
text-align:right;
}

div.statistics td.vil {
width:10%;
}


div.statistics td.pla {
width:18%;
}

div.statistics td.av {
width:18%;
}

div.statistics td.po {
width:20%;
}

div.statistics table#player td.pla {
width:auto;
text-align:right;
}

div.statistics table#player td.al {
text-align:center;
}

div.statistics table#player_off td.pla {
width:auto;
text-align:right;
}

div.statistics table#player_def td.pla {
width:auto;
text-align:right;
}

div.statistics table#alliance td.al {
width:auto;
}

div.statistics table#alliance_off td.al {
width:auto;
}

div.statistics table#alliance_def td.al {
width:auto;
}

div.statistics table.top10 {
width:49.5%;
}

div.statistics table.top10 td {
padding:2px;
}

div.statistics table.top10 td.pla {
width:auto;
text-align:right;
}

div.statistics table.top10 td.val {
width:10%;
}

div.statistics table.top10 tr.none td {
background-color:#EFEFEF;
}

div.statistics table.top10 tr.own.hl td.ra {
text-align:center;
white-space:nowrap;
}

div.statistics table#top10_offs,div.statistics table#top10_climbers {
float:right;
}

div.statistics table#top10_defs,div.statistics table#top10_raiders {
float:left;
}

div.statistics table#villages td.vil {
width:auto;
text-align:right;
}

div.statistics table#villages td.pla {
width:25%;
text-align:right;
}

div.statistics table#villages td.hab {
width:15%;
}

div.statistics table#villages td.aligned_coords {
padding:2px 0;
}

div.statistics table#heroes td.hero {
text-align:right;
}

div.statistics table#heroes td.hero img {
position:relative;
top:1px;
margin:-2px;
}

div.statistics table#heroes td.pla {
width:30%;
text-align:right;
}

div.statistics table#heroes td.lev {
width:10%;
}

div.statistics table#heroes td.xp {
width:15%;
}

div.statistics table#world_tribes,div.statistics table#world_misc {
margin-top:15px;
}

div.statistics table#world_player th {
width:60%;
}

/* ف-264 — جدول «المواعيد». المصدر يعطيه المعرّف `world_player` نفسه (مكرَّراً،
   وHTML غير صالح) فتصله القاعدة أعلاه، لأن مُطابِق CSS يمسّ كل عنصر يحمل
   المعرّف لا أوّله وحده. فنبلغ **المحسوب نفسه** بقاعدة باسم معرّفنا الصالح. */
div.statistics table#world_dates th {
width:60%;
}

div.statistics table#world_tribes td,div.statistics table#world_misc td {
width:33%;
}

div.statistics table#wonder td.nam {
width:35%;
}

div.statistics table#wonder td.al {
width:15%;
}

div.statistics table#wonder td.lev {
width:10%;
}

div.statistics table#wonder td.at {
width:2%;
}

div.statistics table#search_navi {
margin-top:15px;
background-color: unset;    
}

div.statistics table#search_navi div {
vertical-align:top;
}

div.statistics table#search_navi div.search {
float:right;
text-align:right;
}

div.statistics table#search_navi div.search span {
white-space:nowrap;
}

div.statistics table#search_navi div.search input {
vertical-align:middle;
margin-top:2px;
margin-bottom:2px;
}

div.statistics table#search_navi div.search input.ra {
margin-right:4px;
width:32px;
}

div.statistics table#search_navi div.search input.name {
margin-right:4px;
width:100px;
}

div.statistics table#search_navi div.search span.or {
margin:auto 3px;
}

div.statistics table#search_navi div.navi {
float:left;
text-align:left;
line-height:22px;
white-space:nowrap;
}

div.reports table td,div.reports table th {
padding:2px 2px;
}

div.reports .none {
text-align:center;
}

div.reports table#overview td,div.reports table#overview th {
padding:5px 1px;
line-height:17px;
}

div.reports table#overview tbody td {
vertical-align:middle;
}

div.reports table#overview td.sel {
width:5%;
padding:5px;
text-align:center;
}

div.reports table#overview td.sub img {
float:right;    margin-left: 3px;
}

div.reports table#overview td.sub div {
/*padding-right:24px;*/
}

div.reports table#overview td.dat {
width:23%;
text-align:center;
white-space:nowrap;
padding:3px 2px;
}

div.reports table#overview tfoot th.buttons {
text-align:right;
}

div.reports table#overview tfoot th.buttons input {
vertical-align:middle;
}

div.reports table#overview tfoot th.navi {
text-align:left;
}

div.reports table#report_surround thead th,div.reports table#report_surround thead td {
text-align:right;
}

div.reports table#report_surround thead td.sent {
width:25%;
}

div.reports table#report_surround td.report_content {
padding:15px 2px 0;
}

div.reports table#report_surround td.report_content table {
margin-bottom:15px;
}

div.reports table#report_surround td.report_content table thead td {
text-align:center;
background-color:#F3F3F3;
}

div.reports table#report_surround td.report_content table tbody th {
text-align:center;
width:20%;
text-align:right;
}

div.reports table#report_surround td.report_content table tbody.units td {
width:7.2%;
text-align:center;
padding:0.5px;
}

div.reports table#report_surround td.report_content table tbody.infos th,div.reports table#report_surround td.report_content table tbody.infos td,div.reports table#report_surround td.report_content table tbody.goods th,div.reports table#report_surround td.report_content table tbody.goods td,div.reports table#report_surround td.report_content table tbody.res th,div.reports table#report_surround td.report_content table tbody.res td,div.reports table#report_surround td.report_content table tbody.regards th,div.reports table#report_surround td.report_content table tbody.regards td {
background-color:#F3F3F3;
}

div.reports table#report_surround td.report_content table tbody.infos td img {
display:inline;
margin-left:2px;
}

div.reports td.report_content table#attacker tbody.goods div.res {
float:right;
}

div.reports td.report_content table#attacker tbody.goods div.carry {
float:left;
margin-right:20px;
}

div.messages td.none {
text-align:center;
}

div.messages table#overview td,div.messages table#overview th {
padding:5px 3px;
line-height:17px;
text-align:center;
}

div.messages table#overview tr.sup td.sel {
background-color:var(--swd-bronze);
}

div.messages table#overview tr.multi td.sel {
background-color:#FF6F0F;
}

div.messages table#overview td.sel {
width:5%;
}

div.messages table#overview td.top {
text-align:right;
}

div.messages table#overview td.send {
width:25%;
}

div.messages table#overview td.dat {
width:22%;
white-space:nowrap;
}

div.messages table#overview th.buttons {
text-align:right;
}

div.messages table#overview th.buttons input {
vertical-align:middle;
}

div.messages table#overview th.navi {
text-align:left;
}

div.messages table#friendlist td {
padding:2px;
text-align:center;
height:20px;
}

.wepkit div.messages table#friendlist td,.webkit div.messages table#friendlist td {
height:18px;
}

div.messages table#friendlist td.end {
width:5%;
padding:0;
}

div.messages table#friendlist td.pla {
width:40%;
padding:0;
}

div.messages table#friendlist td.on {
width:5%;
padding:0;
}

div.messages table#friendlist td.pla input.text {
border:none;
}

div.messages table#friendlist img.del,div.messages table#friendlist img.accept {
cursor:pointer;
}

div.messages table.rate_details td.pic div {
font-size:11px;
}

div.messages table.rate_details td.desc span.alert {
color:red;
font-style:italic;
}

div.messages table.rate_details th,div.messages table.rate_details td {
padding:3px 2px;
}

div.messages table.rate_details thead th {
text-align:right;
}

div.messages table.rate_details td.pic {
width:120px;
padding:2px;
text-align:center;
vertical-align:top;
}

div.messages table.rate_details td.pic img {
margin:10px 0;
}

div.messages table.rate_details td.desc {
text-align:center;
}

div.messages table.rate_details {
margin-top:10px;
margin-bottom:25px;
}

div#build table#build_value {
width:auto;
line-height:19px;
background-color:#FFF;
}

div#build table#build_value th,div#build table#build_value td {
white-space:nowrap;
}

div#build table#build_value th {
padding-left:35px;
}

div#build table#build_value td {
text-align:left;
}

div#build table.build_details td {
padding:2px 2px;
}

div#build table.build_details td.desc {
line-height:19px;
}

div#build table.build_details td.desc div.tit img {
margin:0 5px;
position:relative;
top:3px;
}

div#build table.build_details td.desc div.details {
padding-right:5px;
}

div#build table.build_details td.desc div.details span {
white-space:nowrap;
}

div#build table.build_details td.desc div.details span.none {
white-space:normal;
}

div#build table.build_details td.act {
width:29%;
text-align:center;
}

div#build table.build_details td.val {
width:12%;
text-align:center;
}

div#build table.build_details td.val input.text {
width:30px;
}

div#build table.build_details td.max {
width:12%;
text-align:center;
}

div#build table.under_progress {
margin-top:15px;
}

div#build table.under_progress td {
padding:2px 2px;
text-align:center;
}

div#build table.under_progress td.desc {
text-align:right;
}

div#build table.under_progress td.desc img {
margin:0 5px;
position:relative;
top:3px;
}

div#build table.under_progress div.val {
padding-right:5px;
float:right;
text-align:left;
}

div#build table.under_progress td.dur {
width:20%;
}

div#build table.under_progress td.fin {
width:20%;
}

div#build table.under_progress tr.next td {
background-color:#F5F5F5;
}

div#build p#contract {
line-height:19px;
}

div#build table#expansion td,div#build #expansion th {
padding:2px 2px;
}

div#build table#expansion thead td {
padding:2px;
}

div#build table#expansion td {
text-align:center;
}

div#build table#expansion td.ra {
width:2%;
text-align:left;
white-space:nowrap;
}

div#build table#expansion td.vil {
text-align:right;
}

div#build table#expansion td.ha {
width:16%;
}

div#build table#expansion td.dat {
width:14%;
white-space:nowrap;
}

div#build.gid0 h1 {
margin-bottom:25px;
}

div#build.gid0 h2 {
margin-bottom:15px;
}

div#build.gid0 div.hide {
display:none;
}

div#build.gid0 table.new_building {
margin-bottom:25px;
background-color:#FFF;
}

div#build.gid0 table.new_building td.desc {
padding-bottom:15px;
}

div#build.gid0 table.new_building td.bimg {
padding-right:15px;
padding-left: 25px;
vertical-align:top;
}
div#build.gid0 table.new_building td.bimg img {
scale: 1.5!important;
transform: none;
}


div#build.gid0 table.new_building td.res {
padding-bottom:3px;
}


/* ===== 04-gameplay-pages.css ===== */
div#build.gid0 table.new_building td.requ {
padding-bottom:3px;
}

div#build.gid15 table#demolish {
background-color:#FFF;
}

div#build.gid16 table.troop_details th,div#build.gid16 table.troop_details td {
padding:2px 2px;
}

div#build.gid16 table.troop_details th {
width:20%;
}

div#build.gid16 table.troop_details tbody.units td {
text-align:center;
width:7.2%;
padding:2px;
}

div#build.gid16 table.troop_details tbody.infos th,div#build.gid16 table.troop_details tbody.infos td {
background-color:#F3F3F3;
}

div#build.gid16 table.troop_details div {
width:50%;
float:right;
text-align:center;
}

div#build.gid16 table.troop_details div.small {
width:45%;
}

div#build.gid16 table.troop_details div.abort {
width:5%;
float:right;
text-align:left;
}

div#build.gid16 table.troop_details div.abort img {
margin-top:3px;
}

div#build.gid16 table.troop_details div.sup {
text-align:right;
}

div#build.gid16 table.troop_details div.sback {
text-align:left;
}

div#build.gid16 table.troop_details div.free {
text-align:left;
}

div#build.gid16 table.troop_details div.gback {
text-align:right;
}

div#build.gid16 table.troop_details div.diss {
text-align:left;
}

div#build.gid16 table#raidList thead td {
white-space:nowrap;
}

div#build.gid16 table#raidList th,div#build.gid16 table#raidList td {
padding:2px 2px;
text-align:center;
}

div#build.gid16 table#raidList td.check {
padding:2px;
width:1%;
}

div#build.gid16 table#raidList td.check img {
float:right;
}

div#build.gid16 table#raidList td.vil {
text-align:right;
}

div#build.gid16 table#raidList td.vil img {
float:left;
}

div#build.gid16 table#raidList td.raids {
width:10%;
}

div#build.gid16 table#raidList td.goods {
width:10%;
}

div#build.gid16 table#raidList td.lost {
width:10%;
}

div#build.gid16 table#raidList td.rep {
text-align:right;
width:20%;
white-space:nowrap;
}

div#build.gid16 table#raidList td.rep img {
float:right;
margin-left:3px;
}

div#build.gid16 table#raidTroops {
border:1px dashed #dddddd;
background-color:#FFF;
}

div#build.gid16 table#raidTroops td.column-first {
padding-right:8px;
}

div#build.gid16 table#raidTroops td.column-last {
padding-left:8px;
}

div#build.gid16 table#raidTroops td.line-first {
padding-top:8px;
}

div#build.gid16 table#raidTroops td.line-last {
padding-bottom:8px;
}

div#build.gid16 table#raidTroops td {
width:25%;
padding:1px;
}

div#build.gid16 table#raidTroops img {
vertical-align:bottom;
position:relative;
bottom:3px;
margin-left:2px;
}

div#build.gid16 table#raidTroops input.text {
width:60px;
}

div#build.gid16 table#raidTroops input.disabled {
background-color:#EEE;
border-color:#AAA;
}

div#build.gid16 table#troopEscape thead td {
white-space:nowrap;
}

div#build.gid16 table#troopEscape th,div#build.gid16 table#troopEscape td {
padding:2px 2px;
text-align:center;
}

div#build.gid16 table#troopEscape td.sel {
padding:2px;
width:5%;
}

div#build.gid16 table#troopEscape td.vil {
text-align:right;
}

div#build.gid16 table#troopEscape td.own {
width:25%;
}

div#build.gid16 table#troopEscape td.rein {
width:25%;
}

div#build.gid17 table.send_res {
width:40%;
line-height:32px;
background-color:#FFF;
}

div#build.gid17 table.send_res td {
vertical-align:top;
padding-left:4px;
}

div#build.gid17 table.send_res td.ico {
width:5%;
}

div#build.gid17 table.send_res td.ico img {
position:relative;
top:4px;
}

div#build.gid17 table.send_res td.nam {
width:16%;
}

div#build.gid17 table.send_res td.val {
width:12%;
}

div#build.gid17 table.send_res td.val input.text {
width:39px;
}

div#build.gid17 table.send_res td.max {
width:20%;
}

div#build.gid17 table.res_target {
width:40%;
line-height:21px;
background-color:#FFF;
}

div#build.gid17 table.res_target th,div#build.gid17 table.res_target td {
vertical-align:top;
}

div#build.gid17 table.res_target th {
width:30%;
}

div#build.gid17 table#target_select td.mer {
padding-bottom:9px;
}

div#build.gid17 table#target_select td.vil *,div#build.gid17 table#target_select td.coo * {
float:right;
}

div#build.gid17 table#target_select td.vil input.text {
width:100px;
margin-right:10px;
}

div#build.gid17 table#target_select td.coo input.text {
width:40px;
margin:0 10px;
}

div#build.gid17 table#target_validate td.vil {
padding-bottom:11px;
}

div#build.gid17 table.traders th,div#build.gid17 table.traders td {
padding:2px 2px;
}

div#build.gid17 table.traders tr.res th,div#build.gid17 table.traders tr.res td {
background-color:#F5F5F5;
}

div#build.gid17 table.traders th {
width:20%;
}

div#build.gid17 table.traders div.in {
text-align:center;
width:45%;
float:right;
}

div#build.gid17 table.traders div.at {
text-align:center;
width:45%;
float:left;
}

div#build.gid17 table.traders div.repeat {
text-align:left;
width:20px;
float:left;
}

div#build.gid17 table.buy_select td {
text-align:center;
height:21px;
}

div#build.gid17 table.buy_select td.hl {
background-color:#ffe4b5;
}

div#build.gid17 table#search_select {
width:120px;
}

div#build.gid17 table#ratio_select {
width:30px;
}

div#build.gid17 table#bid_select {
width:120px;
}

div#build.gid17 table#range th,div#build.gid17 table#range td {
padding:2px;
text-align:center;
}

div#build.gid17 table#range tfoot td {
text-align:left;
padding-left:7px;
}

div#build.gid17 table#range td.val {
width:16%;
text-align:right;
white-space:nowrap;
}

div#build.gid17 table#range td.dur {
width:1%;
white-space:nowrap;
}

div#build.gid17 table#range td.act {
width:35%;
word-break: break-all;
}

div#build.gid17 table#summary th,div#build.gid17 table#summary td {
padding:2px 2px;
}

div#build.gid17 table#summary td.desc {
text-align:center;
background-color:#F3F3F3;
}

div#build.gid17 table#summary td.ico {
width:5%;
padding-left:2px;
}

div#build.gid17 table#summary td.val {
width:16%;
padding-right:2px;
white-space:nowrap;
}

div#build.gid17 table#sell {
background-color:#FFF;
}

div#build.gid17 table#sell th,div#build.gid17 table#sell td {
padding:2px;
}

div#build.gid17 table#sell th {
width:10%;
}

div#build.gid17 table#sell input.check {
position:relative;
top:1px;
}

div#build.gid17 table#sell select.dropdown {
padding:1px;
}

div#build.gid17 table#sell td.val {
width:13%;
}

div#build.gid17 table#sell td.val input.text {
width: 92px;
text-align: center;
}

div#build.gid17 table#sell td.res {
width:auto;
}

div#build.gid17 table#sell td.res input.text {
width:75px;
}

div#build.gid17 table#sell td.tra input.text {
width:20px;
}

div#build.gid17 table#sell_overview th,div#build.gid17 table#sell_overview td {
padding:2px 2px;
text-align:center;
}

div#build.gid17 table#sell_overview td.abo {
width:5%;
}

div#build.gid17 table#sell_overview td.val {
width:22%;
text-align:right;
}

div#build.gid17 table#npc th,div#build.gid17 table#npc td {
padding:2px 2px;
text-align:center;
}

div#build.gid17 table#npc td.all {
width:18%;
}

div#build.gid17 table#npc td.sum {
text-align:right;
}

div#build.gid17 table#trading_routes th {
padding:4px 1px;
}

div#build.gid17 table#trading_routes tfoot th {
text-align:right;
font-weight:normal;
}

div#build.gid17 table#trading_routes td {
padding:2px 2px;
text-align:center;
}

div#build.gid17 table#trading_routes td.desc {
text-align:right;
}

div#build.gid17 table#trading_routes td.sel {
width:5%;
padding:5px;
vertical-align:top;
}

div#build.gid17 table#trading_routes td.start {
width:12%;
white-space:nowrap;
}

div#build.gid17 table#trading_routes td.trad {
width:15%;
}

div#build.gid17 table#trading_routes td.dur {
width:20%;
}

div#build.gid17 table#trading_edit th,div#build.gid17 table#trading_edit td {
padding:2px 2px;
}

div#build.gid17 table#trading_edit tbody th,div#build.gid17 table#trading_edit tbody td {
line-height:20px;
}

div#build.gid17 table#trading_edit tbody th {
width:25%;
}

div#build.gid17 table#trading_edit select option {
padding-left:10px;
}

div#build.gid17 table#trading_edit td.res {
white-space:nowrap;
}

div#build.gid17 table#trading_edit td.res input {
margin-left:5px;
}

div#build.gid17 table#trading_edit td.res img {
margin-left:3px;
}

div#build.gid18 table {
width:60%;
}

div#build.gid18 table th,div#build.gid18 table td {
padding:2px 2px;
}

div#build.gid18 table th {
width:30%;
}

div#build.gid18 table#join th,div#build.gid18 #join td {
text-align:center;
}

div#build.gid18 table#join td.abo {
width:5%;
}

div#build.gid18 table#join td.nam {
width:70%;
}

div#build.gid18 table#found td.tag input.text {
width:80px;
}

div#build.gid18 table#found td.nam input.text {
width:100px;
}

div.build.gid22 table#researchFuture td.desc {
vertical-align:top;
white-space:nowrap;
width:40%;
}

div.build.gid22 table#researchFuture td.cond {
line-height:19px;
}

div#build.gid24 table.build_details td.desc div.details {
padding-right:0;
}

div#build.gid26 table#main {
margin-top:15px;
}

div#build.gid26 table#main th,div#build.gid26 #main td {
padding:2px 2px;
}

div#build.gid26 table#main tbody th {
width:50%;
}

div#build.gid26 table#main td.desc {
text-align:center;
}

div#build.gid26 table#main input.text {
width:94%;
}

div#build.gid27 table#near {
margin-top:20px;
}

div#build.gid27 table th,div#build.gid27 table td {
padding:1px 2px;
text-align:center;
}

div#build.gid27 table td.nam {
text-align:right;
}

div#build.gid27 table div.man {
float:left;
width:15px;
}

div#build.gid27 table td.pla {
width:20%;
}

div#build.gid27 table#own td.vil {
width:20%;
}

div#build.gid27 table#own td.cap {
width:25%;
}

div#build.gid27 table#near td.dist {
width:20%;
}




div#build.gid35 table.build_details td.desc div.details {
padding-right:0;
}

div#build.gid37 table th,div#build.gid37 table td {
padding:2px 2px;
}

div#build.gid37 table td.nam {
width:30%;
text-align:right;
}

div#build.gid37 table#rename {
width:60%;
}

div#build.gid37 table#rename tbody th {
width:40%;
}

div#build.gid37 table#rename input.text {
width:94%;
}

div#build.gid37 table#distribution tbody th {
width:26%;
}

div#build.gid37 table#distribution td.xp {
width:205px;
}

div#build.gid37 table#distribution td.up {
width:7%;
text-align:center;
}

div#build.gid37 table#distribution td.po {
width:7%;
text-align:center;
}

div#build.gid37 table#distribution td.rem {
text-align:center;
}

div#build.gid37 table#oases td {
text-align:center;
}

div#build.gid37 table#oases thead td {
padding:2px;
}

div#build.gid37 table#oases td.nam img {
position:relative;
top:1px;
}

div#build.gid37 table#oases td.zp {
width:14%;
}

div#build.gid37 table#leave thead td {
padding:2px;
}

div#build.gid37 table#leave tbody td {
text-align:center;
}

div#build.gid40 table#rename {
width:50%;
}

div#build.gid40 table#rename th,div#build.gid40 table#rename td {
padding:2px 2px;
}

div#build.gid40 table#rename td {
text-align:center;
}

div#build.gid40 table#rename tbody th {
width:25%;
}

div#build.gid40 table#rename input.text {
width:94%;
}

body.manual table td,body.manual table th {
padding:2px;
}

body.manual table#troop_info {
width:406px;
}

body.manual table#troop_info td {
width:14.2%;
text-align:center;
}

body.manual table#troop_details {
width:60%;
background-color:#FFF;
}

body.manual table#examples {
width:406px;
margin-right:2px;
}

body.manual table#examples tbody th {
width:40%;
}

div.quest div#qstd table.altquest th,div.quest div#qstd table.altquest td {
padding:2px;
}

div.quest div#qstd table.altquest td {
text-align:center;
}

div.quest div#qstd table.altquest td.ra {
width:5%;
}

div.quest div#qstd table.altquest td.desc {
text-align:right;
}

div.a2b table th,div.a2b table td {
padding: 2px 5px;
}

div.a2b table#troops {
border:1px dashed #dddddd;
background-color:#FFF;
}

div.a2b table#troops td.column-first {
padding-right:8px;
}

div.a2b table#troops td.column-last {
padding-left:8px;
}

div.a2b table#troops td.line-first {
padding-top:8px;
}

div.a2b table#troops td.line-last {
padding-bottom:8px;
}

div.a2b table#troops td {
width:25%;
padding:1px;
}

div.a2b table#troops img {
vertical-align:bottom;
position:relative;
bottom:3px;
margin-left:2px;
}

div.a2b table#troops input.text {
width:30px;
}

div.a2b table#troops input.disabled {
background-color:#EEE;
border-color:#AAA;
}

div.a2b table#coords {
line-height:18px;
background-color:#FFF;
}

div.a2b table#coords td {
vertical-align:top;
padding:0;
}

div.a2b table#coords td.sel {
width:35%;
white-space:nowrap;
}

div.a2b table#coords td.sel input.radio {
position:relative;
top:1px;
}

body.presto div.a2b table#coords td.sel input.radio {
top:-1px;
}

* html div.a2b table#coords td.sel input.radio {
top:-2px;
}

*+html div.a2b table#coords td.sel input.radio {
top:-2px;
}

div.a2b table#coords td.vil *,div.a2b table#coords td.target * {
float:right;
margin-left:10px;
}

div.a2b table#coords td.vil input.text {
width:100px;
}

div.a2b table#coords td.target input.text {
width:40px;
}

div.a2b table#short_info {
background-color:#FFF;
}

div.a2b table#short_info th {
width:15%;
padding-right:0;
}

div.a2b table.troop_details tbody th {
width:20%;
}

div.a2b table.troop_details tbody.units td {
width:7.2%;
text-align:center;
padding:0.5px;
}

div.a2b table.troop_details tbody.units input.text {
width:73%;
}

div.a2b table.troop_details tbody.options input.radio {
position:relative;
top:2px;
margin-left:2px;
}

body.presto div.a2b table.troop_details tbody.options input.radio {
top:0;
}

body.ie6 div.a2b table.troop_details tbody.options input.radio,body.ie7 div.a2b table.troop_details tbody.options input.radio {
top:-2px;
}

div.a2b table.troop_details tbody.cata select.dropdown {
margin:1px 0;
}

div.a2b table.troop_details tbody.infos th,div.a2b table.troop_details tbody.infos td {
background-color:#F5F5F5;
}

div.a2b table.troop_details tbody.infos div {
width:49%;
text-align:center;
}

div.a2b table.troop_details tbody.infos div.in {
float:right;
}

div.a2b table.troop_details tbody.infos div.at {
float:left;
}

div.cropfinder table#croplist th,div.cropfinder table#croplist td {
padding:2px 2px;
}

div.cropfinder table#croplist td.none {
text-align:center;
}

div.cropfinder table#croplist td.dist {
width:12%;
white-space:nowrap;
}

div.cropfinder table#croplist td.typ {
width:12%;
}

div.cropfinder table#croplist td.oase {
width:18%;
}

div.plus div#products table.product {
width:116px;
}

div.plus div#products table.product td,div.plus div#products table.product th {
padding:2px 2px;
text-align:center;
}

div.plus div#products table.lang_ltr td {
text-align:left;
}

div.plus div#products table.lang_rtl td {
text-align:right;
}

div.plus div#products table.product td.pic {
padding:2px;
text-align:center;
}
    table.product {
    width:  24%!important;;
    margin: 10px 0.5px 5px!important;
    }
    div.plus div#products table.product td.pic img{
    width: 100%!important;
    height: 100%!important;
    }

div.plus table.rate_details th,div.plus table.rate_details td {
padding:3px 2px;
}

div.plus table.rate_details thead th {
text-align:center;
}

div.plus table.rate_details td.pic {
width:120px;
padding:2px;
text-align:center;
vertical-align:top;
}

div.plus table.rate_details td.pic img {
margin:10px 0;
}

div.plus table.rate_details td.desc {
text-align:center;
}

div.plus table#open_orders {
background-color:#FFF;
border-collapse:collapse;
}

div.plus table#open_orders th,div.plus table#open_orders td {
padding:2px 2px;
text-align:center;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}

div.plus table#open_orders tr.dark td {
background-color:#efefef;
}

div.plus table.features th,div.plus table.features td {
padding:2px 2px;
}

div.plus table.features tbody th {
background-color:#F5F5F5;
text-align:center;
}

div.plus table.features td.preview {
text-align:center;
width:200px;
padding:0;
}

div.plus table.features td.text {
padding:4px 7px;
}

div.plus table.plusFunctions th,div.plus table.plusFunctions td {
padding:2px 2px;
text-align:center;
}

div.plus table.plusFunctions td.man {
width:4%;
padding:0;
}

div.plus table.plusFunctions td.desc {
text-align:right;
}

div.plus table.plusFunctions td.dur {
width:15%;
}

div.plus table.plusFunctions td.cost {
width:9%;
white-space:nowrap;
}

div.plus table.plusFunctions td.act {
width:20%;
}

div.plus table#invite th,div.plus table#invite td {
padding:2px 2px;
}

div.plus table#invite tbody.mails td {
background-color:#F5F5F5;
}

div.plus table#invite tbody.msg pre {
margin:10px 5px;
}

div.plus table#invite tbody.msg th {
background-color:#F5F5F5;
}

div.plus table#invite tbody.msg textarea {
width:480px;
height:200px;
}

div.plus #brought_in th,div.plus #brought_in td {
padding:2px 2px;
}

div.warsim table#select {
margin-top:10px;
}

div.warsim table#select thead td {
padding:2px 2px;
}

div.warsim table#select tbody td {
padding:5px 7px;
vertical-align:top;
line-height:20px;
width:33%;
}

div.warsim table#select input.radio {
position:relative;
top:1px;
}

body.presto div.warsim table#select input.radio {
top:0;
}

body.ie6 div.warsim table#select input.radio,body.ie7 div.warsim table#select input.radio {
top:-2px;
}

div.warsim table.fill_in {
width:49%;
}

div.warsim table.fill_in th {
padding:2px;
}

div.warsim table.fill_in td {
padding:1px;
}

div.warsim table.fill_in tbody th {
text-align:center;
background-color:#F5F5F5;
}

div.warsim table.fill_in td.details {
padding:0;
}

div.warsim table.fill_in td.details table {
background-color:#FFF;
}

div.warsim table.fill_in td.details table td.ico {
width:16px;
padding-right:4px;
padding-left:2px;
}

div.warsim table.fill_in td.details table td.value {
width:95%;
}

div.warsim table.fill_in td.details table td.value input.text {
width:95%!important;
}

div.warsim table.fill_in td.details table td.research {
width:23px;
padding-left:4px;
}

div.warsim table.fill_in td.details table td.research input.text {
width:20px;
min-width: 20px;
}

div.warsim table.results th {
padding:2px 2px;
}

div.warsim table.results td {
padding:2px 1px;
}

div.warsim table.results tbody th {
width:20%;
}

div.warsim table.results tbody td {
width:8%;
text-align:center;
}

div.support table {
line-height:16px;
}

div.support table th,div.support table td {
padding:4px 3px;
}

div.support table td {
padding-right:7px;
}

body {
color:#000;
font-size:16px;
font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;
font-weight:normal;
}

a {
text-decoration:none;
font-weight:bold;
color:var(--swd-link);
transition: all ease-in 200ms;
}

a:visited {
color:#71D000;
}

a:active {
color:#FF8000;
}

a:hover:not(.No) {
filter:brightness(87%);
}

div.village2 div#village_map img.hover {
    filter: saturate(1.5);}
    
 
div.village2 b.hover{scale:1.1;} 

h1 {
font-size:25px;
}

h2 {
font-size:19px;
}

div#header {
font-size:0;
}

table td,table th {
font-weight:normal;
font-size:15px;
}

table thead th,table tfoot th {
font-weight:bold;
}

input.text,select.dropdown,textarea {
font-size:17px;
font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;
}

div#textmenu {
font-size:15px;
font-weight:normal;
}

div#textmenu span {
font-weight:bold;
color:#dddddd;
}

div#textmenu a.selected {
border-bottom:dashed 1px Silver;
color:var(--swd-link);
}

.none {
    color: grey;
    line-height: 18px;
}

.error {
color:#FF8000;
}

span.plus_g {
color:#71D000;
font-weight:bold;
}

span.plus_o {
color:#FF6F0F;
font-weight:bold;
}

div#ltime {
color:#666;
font-size:11px;
}

div#mtop {
font-size:0;
}

div#side_navi {
font-size:14px;
}

div#side_navi p {
font-size:13px;
}

div#side_navi p a {
font-weight:normal;
color:#000;
}

div#side_navi p a:hover {
color:var(--swd-link-hover);
}

div#side_navi p.deltimer a {
font-weight:bold;
}

div#side_navi p.deltimer a span {
color:#FF8000;
}

div#side_info h6 {
font-size:14px;
color:#FF8000;
font-weight:bold;
}

div#side_info table thead td a {
font-weight:bold;
color:black;
}

div#side_info table tbody td {
font-size:12px;
}

div#side_info td.hl {
color:#FF8000;
}

div#side_info td.link {
font-size:14px;
}

div#footer div#mfoot {
font-size:12px;
color:#666;
}

div#footer div#mfoot a {
color:#666;
text-decoration:none;
font-weight:normal;
font-size: small;
}

div#footer div#mfoot a:visited,div#footer div#mfoot a:active {
color:#666;
}

div#footer div#mfoot a:hover {
color:var(--swd-link-hover);
}

div.login p {
font-size:16px;
}

div.login table th,div.login table td {
font-size:16px;
}

div.signup table th,.signup table td {
font-size:12px;
}

div.signup p {
font-size:13px;
}

div.signup p.info {
color:#FF8000;
}

div.signup p.error2 {
color:#FF8000;
}

div.signup p#timer1 {
font-weight:bold;
font-size:21px;
}

div.signup span.error {
font-size:10px;
}

div.signup span.unavailable {
font-size:25px;
}

div.signup .important {
color:#FF8000;
font-weight:bold;
}

div.activate h6 {
font-size:13px;
color:#FF8000;
font-weight:bold;
}

div.activate table th,div.activate table td {
font-size:12px;
}

div.activate td.name {
color:#FF8000;
font-weight:bold;
}

div.activate p {
font-size:13px;
}

div.activate p.info {
font-size:25px;
color:#dddddd;
}

div.activate p.info2 {
color:#FF8000;
font-weight:bold;
}

/* الولاء أعلى القرية. الخط والوزن كانا مطابقين للمصدر، والصندوق لا:
   قِيس عنده **66×20** وعندنا **57×12** عند نفس المقاس — أي ارتفاع سطرٍ
   ناقص، فكان يلتصق بالعنوان فوقه بدل أن يجلس تحته بمسافته.
   و`line-height` هو ما يحسم الارتفاع هنا لا حجم الخط (نفس درس صفحة
   الإحصائيات). واللون برونز الهوية بأمر المالك 2026-08-17 — كان أخضر
   الغابة الموروث.

   🔴 والمحيط ليس اجتهاداً — **للمصدر محيطٌ أصلاً**، وقد فاتنا. قِيس حياً
   2026-08-17 على `utatar.com/dorf1` عند `innerWidth = 505`:

       padding: 2px 7px · border: 1px solid rgb(210,217,183)
       border-radius: 10px · background: rgb(250,252,243)
       line-height: 13.5px · الصندوق **65.6×19.5**

   فالهندسة كلها منه بالبكسل، **واللون وحده لنا**: حدُّه أخضرٌ باهت وبلاطته
   بيضاء مخضرّة، ومكانهما عندنا `--swd-tile-rule` و`--swd-tile` — نفس الدور
   في لوحة البرونز. وهذا هو تقسيم المشروع المعلن: المقاس من المصدر واللون
   لنا.

   و`line-height` يعود إلى **13.5px** بعد أن كان 20: العشرون كانت تعويضاً عن
   حشوٍ وحدٍّ غائبين، فلما حضرا صار المجموع 13.5+4+2 = **19.5** — ارتفاع
   المصدر بالضبط. */
div.village1 h1 div#loyality {
font-weight:bold;
font-size:10px;
line-height:13.5px;
color:var(--swd-bronze);
padding:2px 7px;
border:1px solid var(--swd-tile-rule);
border-radius:10px;
background:var(--swd-tile);
}

div.map h1 div#loyality {
font-weight:bold;
font-size:10px;
}

div.village1 h1 div.re {
color:orangered;
}

div.village1 h1 div.gr {
color:#228B22;
}

div.map h1 div.re {
color:orangered;
}

div.map h1 div.gr {
color:#228B22;
}

div.village1 table td.num {
font-weight:bold;
}

div.village1 table#movements td.typ,div.village1 table#movements div.mov {
font-weight:bold;
}

div.village1 table#movements .a1 {
color:#F00;
}

div.village1 table#movements .d1 {
color:#228B22;
}

div.village1 table#movements .a2,div.village1 table#movements .d2 {
color:#F2C700;
}

div.village1 table#movements .a3,div.village1 table#movements .d3 {
color:#B500A3;
}

div.village2 div#village_map div#levels div {
font-family:Arial,Helvetica;
font-size:10px;
}

div.village3 table tbody th {
font-weight:bold;
}

div.village3 table#ressources td.tra a {
color:black;
font-weight:normal;
}

div.village3 table#warehouse .crit {
color:red;
}

div.village3 table#culture_points span.dot {
color:#dddddd;
font-weight:bold;
}

div.village3 table#troops tr.small th,div.village3 div.village3 table#troops tr.small td {
font-size:12px;
}

div.village3 table.vil_troops tbody th {
font-weight:normal;
}

div#map div#map_rulers div {
font-size: 13px;
font-weight: 900 !important;
}

div#map div#map_coords {
font-weight:bold;
}

div#map table#map_infobox th,div#map table#map_infobox td {
font-size:12px;
}

div#map table.empty thead th,div#map table.oasis_empty thead th,div#map table.oasis thead th {
font-weight:normal;
font-style:italic;
}

div#map table.default th,div#map table.default td,div#map table.empty th,div#map table.empty td,div#map table.oasis_empty th,div#map table.oasis_empty td {
color:gray;
}

div.map table#raidFavs td.none a {
font-weight:normal;
color:#dddddd;
}


div.map div#dmain {
color:#dddddd;
}

div.map table#raidDetails td.balance div.booty {
color:#00BC00;
}

div.map table#raidDetails td.balance div.lost {
color:#FF6F0F;
}

div.map table#raidDetails td.balance div.sum {
font-weight:bold;
}

div.player span.none2 {
font-weight:bold;
color:#dddddd;
}

div.player span.none3 {
color:gray;
}

div.player div#textmenu a.none {
color:#dddddd;
}

div.player table#edit td.desc1 textarea,div.player table#edit td.desc2 textarea {
font-size:16px;
}

div.player #advertisement span.note {
font-size:11px;
}

div.player td.note {
font-size:12px;
}

div.player table#change_pass td.note {
font-size:11px;
}

div.player table#change_pass td.generate span {
font-size:10px;
color:#dddddd;
}

div.player table#change_mail th.process {
color:red;
}

div.player table#sitter span.count {
font-size:11px;
color:#dddddd;
}

div.player table#sitter span.max {
font-size:11px;
color:red;
}

div.player table#del_acc td.note {
text-align:center;
}

div.player table#del_acc td.count {
font-weight:bold;
}

div.player table#del_acc td.count span {
color:#FF8000;
}

div.player table#gpack td span.alert {
color:#F00;
font-weight:bold;
}

div.player table#gpack td.info {
font-size:12px;
}

div.player table#gpack td div.example {
font-size:12px;
}

div.player table#gpack td div.example span.path {
color:#FF8000;
}

div.player div#gpack_popup span.error {
font-weight:bold;
}

div.player div#gpack_popup span.info {
color:#228B22;
font-weight:bold;
}

div.player div#gpack_popup span.path {
color:#FF8000;
}

div.player div#gpack_popup ul {
font-size:12px;
}

div.alliance .error2,div.alliance .error3 {
color:#FF8000;
}

div.alliance .error {
font-weight:bold;
}

div.alliance .error2 {
font-size:10px;
}

div.alliance table#edit td.desc1 textarea,div.alliance table#edit td.desc2 textarea {
font-size:14px;
}

div.alliance table#hint td,div.alliance table#tip td {
font-size:13px;
}

div.alliance table#own td.wait {
color:#dddddd;
}

div.alliance div.chatHeader {
font-weight:bold;
}

div.alliance span.chatTime {
font-weight:normal;
font-size:11px;
}

div.forum p.error {
font-weight:bold;
}

div.forum h4 {
font-size:12px;
font-weight:normal;
}

div.forum table td.tit {
font-size:12px;
}

div.forum table td.cou {
font-size:11px;
}

div.forum table td.last {
font-size:11px;
}

div.forum table td.navi_top,div.forum table td.navi_btm {
font-size:12px;
}

div.forum table#posts td.pinfo {
font-size:11px;
}

div.forum table#posts td.pinfo .name {
font-size:12px;
font-weight:bold;
}

div.forum table#posts td.pinfo span.name {
color:#888;
}

div.forum table#posts td.pcontent div.posted {
font-size:11px;
color:#888;
}

div.forum table#posts td.pcontent div.text {
font-size:12px;
}

div.forum table#posts td.pcontent div.edited {
font-size:11px;
color:#888;
}

div.forum table#new_topic tbody th,div.forum table#new_post tbody th,div.forum table#edit_post tbody th {
font-weight:bold;
font-size:12px;
}

div.forum table#edit_topic tbody th {
width:30%;
font-weight:bold;
font-size:12px;
}

div.forum table#poll thead th {
font-size:13px;
font-weight:normal;
}

div.forum table#poll td {
font-size:12px;
}

div.statistics p.error {
font-size:10px;
}

div.statistics h4 {
font-size:14px;
font-weight:bold;
color:#FF8000;
}

div.statistics table#wonder td.at {
color:#dddddd;
}

div.statistics table#search_navi div.search span.or {
font-style:italic;
}

div.statistics table#search_navi div.navi {
color:#dddddd;
font-weight:bold;
}

div.reports .none2 {
color:#dddddd;
font-weight:bold;
}

div.reports table#overview thead th.sent {
font-weight:bold;
}

div.reports table#overview thead th.sent a {
color:black;
}

div.reports table#overview tfoot th.navi {
color:#dddddd;
font-weight:bold;
}

div.reports table#report_surround thead td.sent {
font-weight:bold;
}

div.reports td.report_content thead td.role {
font-weight:bold;
}

div.reports td.report_content table#reinforcement td.role {
color:#71D000;
}

div.reports td.report_content table#attacker td.role {
color:#FF8000;
}

div.reports td.report_content table.defender td.role {
color:#71D000;
}

div.messages p.warning {
color:#F00;
}

div.messages table#overview th.sent a {
font-weight:bold;
color:black;
}

div.messages table#overview td.dat {
white-space:nowrap;
}

div.messages table#overview th.navi {
color:#dddddd;
font-weight:bold;
}

div.messages div#read_content div#time div {
font-size:13px;
}

div.messages div#read_content div#message {
font-size:13px;
}

div.messages div#write_content textarea,div.messages div#write_content span {
font-size:13px;
cursor: text;
    white-space: pre-wrap;
    height: 220px;
    margin: 10px;
    overflow: auto;
    border: none;
    resize: none;
    outline: 0;
    line-height: 18px;
    display: block;
    font-family: Arial;
    position: relative;
    font-size: 16px;
    min-height: 300px;
    min-width: 97%;
        word-break: break-word;
}

div.messages div#adressbook span.enough {
font-size:14px;
font-weight:bold;
color:red;
}

div.messages div#block textarea {
font-size:13px;
}

div#build table.build_details td.desc span.info {
font-size:12px;
}

div#build table.build_details td.max {
font-size:11px;
}

div#build table.under_progress td.desc span.info {
font-size:12px;
color:#dddddd;
}

div#build.gid0 table.new_building td.requ {
font-weight:bold;
}

div#build.gid15 input.btn {
font-size:12px;
}

div#build.gid16 h4 {
font-size:14px;
font-weight:bold;
}

div#build.gid16 p.info a {
font-weight:bold;
font-size:22px;
color:black;
}

div#build.gid16 table.troop_details thead a {
color:black;
}

div#build.gid16 table#raidList thead a {
font-weight:normal;
color:black;
}

div.map table#raidFavs thead a {
font-weight:normal;
color:black;
}

div#build.gid17 div.error,div#build.gid17 p.error {
font-weight:bold;
}

div#build.gid17 p.error2 {
color:#FF8000;
}

div#build.gid17 p.note {
font-weight:bold;
color:#228B22;
}

div#build.gid17 table.send_res td.max {
font-size:14px;
}

div#build.gid17 table#send_validate, div#build.gid17 table#target_select{
    text-align:center;
}
div#build.gid17 table#send_validate td.max {
font-weight:bold;
color:#dddddd;
}

div#build.gid17 table#target_select td.vil,div#build.gid17 table#target_select td.coo {
font-size:19px;
font-weight:bold;
}

div#build.gid17 table#target_select td.or {
font-style:italic;
}

div#build.gid17 table#target_validate td.vil {
font-size:19px;
}

div#build.gid17 table.traders thead td a {
color:black;
}

div#build.gid17 span.corr {
color:#FF4000;
}

div#build.gid17 p.info {
font-size:12px;
}

div#build.gid18 table#found span.error {
font-size:12px;
}

div#build.gid26 table#main td.desc {
font-size:12px;
}

div#build.gid27 table span.bon {
font-size:11px;
}

div#build.gid27 table div.info {
font-size:12px;
}

div#build.gid27 table#own td.inactive,div#build.gid27 table#own td.inactive a {
color:#dddddd;
}

div#build.gid27 table#art_details td.desc {
font-size:12px;
}

div#build.gid27 table#art_details td.desc span.detail {
font-style:italic;
font-size: x-large;
line-height: 30px;
}

div#build.gid37 table#distribution thead th a {
color:black;
}

div#build.gid37 table#distribution thead th span.info {
font-weight:normal;
}

div#build.gid37 table#distribution td.rem {
color:#228B22;
font-weight:bold;
}

div#build.gid40 p.info {
font-size:12px;
color:#dddddd;
}

div#build.gid40 p.nam {
font-size:28px;
}

body.manual h1 span.tribe {
font-size:13px;
color:#dddddd;
font-weight:normal;
}

body.manual li span.info {
font-size:12px;
color:#dddddd;
}

div.quest div#qstd span.qcoords {
font-size:25px;
font-weight:bold;
}

div.quest div#qstd span.qcoords input {
font-size:25px;
font-weight:bold;
}

div.quest div.rew p.ta_aw {
font-weight:bold;
}

div.quest div#qstd span.org {
font-style:normal;
}

div.a2b p.error {
font-weight:bold;
}

div.a2b span.info {
font-size:12px;
}

div.a2b table#troops td {
font-size:12px;
}

div.a2b table#troops span.none {
font-weight:bold;
}

div.a2b table#coords td.or {
font-style:italic;
}

div.a2b table#coords td.vil,div.a2b table#coords td.target {
font-size:19px;
font-weight:bold;
}

div.a2b table.troop_details thead td {
font-weight:bold;
}

div.a2b table.troop_details thead td a {
color:black;
}

div.plus p#product_selection {
font-size:11px;
}

div.plus p#product_selection label {
font-weight:bold;
}

div.plus p#product_selection select.dropdown {
font-size:11px;
}

div.plus p#orders_link {
font-size:11px;
}

div.plus div#products table th,div.plus div#products table td {
font-size:13px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

div.plus div#products table.lang_ar th,div.plus div#products table.lang_ar td {
    text-align: center;
font-size:15px;
font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;
}

div.plus table.rate_details td.pic div {
font-size:11px;
}

div.plus table.rate_details td.desc span.alert {
color:red;
font-style:italic;
}

div.plus table#open_orders th,div.plus table#open_orders td {
font-size:10px;
}

div.plus table.features tbody th {
font-weight:bold;
}

div.plus table.plusFunctions td.cost {
font-weight:bold;
}

div.plus table.plusFunctions span.none {
font-weight:normal;
}

div.plus table.plusFunctions span.run {
font-size:12px;
}

div.plus span.mail,div.plus span.link {
font-family:Courier New;
}

div.plus span.notice {
font-size:12px;
color:#dddddd;
}

div.plus p.report {
color:#71D000;
font-size:22px;
}

div.plus #invite tbody.msg th,div.plus #invite tbody.msg td {
font-size:12px;
}

div.plus #brought_in tr.more td {
color:#dddddd;
}

div.warsim table.attacker td.role {
color:#FF8000;
font-weight:bold;
}

div.warsim table.defender td.role {
color:#71D000;
font-weight:bold;
}

img,a,div {
background-repeat:no-repeat;
background-position:top right;
}

input.dynamic_img,img.dynamic_img {
background-position:top;
height:20px;
}

input.over,img.over {
background-position:bottom;
}

input.clicked,img.clicked {
background-position:center;
}

img.help {
width:15px;
height:12px;
background-image:url("/img/a/help.gif?v=e69d6396bfb5");
}

img.del {
background: url("/img/a/dl.png?v=35bb535cbd20");
    background-size: cover;
    height: 16px;
    width: 16px;
}

x.del {
width:12px;
height:12px;
}

x.del::after {
content: "أ¢آ‌إ’";
font-size: 17px;
font-weight: bolder;
color: red;
}

img.clock{
    background: url("/img/a/time.png?v=8e9fa4d4d872");
    background-size: cover;
    height: 16px;
    width: 16px;
}


/* ===== 05-icons-and-units.css ===== */
img.npc {
width:18px;
height:12px;
background-image:url("/img/a/npc.gif?v=8e451505cbe8");
background-position:top;
}

img.npc_inactive {
width:18px;
height:12px;
background-image:url("/img/a/npc.gif?v=8e451505cbe8");
background-position:bottom;
}

img.gold {
width:12px;
height:12px;
background-image:url("/img/a/gold.gif?v=e33851ae92b8");
}

img.gold_g {
width:12px;
height:12px;
background-image:url("/img/a/gold_g.gif?v=b17080296b69");
}

img.vip {
width:1px;
height:1px;
}


img.granary,img.r1,img.r2,img.r3,img.r4,img.r5,img.warehouse{background-image:url(data:image/gif;base64,R0lGODlhEgC5APcAAGOOQHWlTXmqUIi+W4e8WpPMY6vrdMHMXv/rD//rEv/sHPXmPP/vQv/wSP/wTv/wT//zaf/jAP/vbv/0nf7ZAf/SAP/YIP/MAP/NA//PDvjKD//TJP/UJ//aR//dVvbVU//ibP/ibvfba//le/jffP/rmf/wsqumkfXFFPvrrfbDFdqpFdytH9yuItyvJWtoXtijFtuqGfK6HdytINqpJefIdOrPhe7Xme7YnfLhsr64psfBsXl2btSaAN+0QtatSIBsOe3UktDKu/WrAPSqAPSrA/StCfWyGPa2I/e5K/a5LPa7Mva9OffCR/fFUb+YP//QavzrxOKeGPKwL7qKJqeCNaeCNp1mA4FYDbJ7F4tfE2RIF7aYX751AMSBFopeE4FaG8qPMHhXI9SkVtapYLRoGtt/Jb++vfGpb3lDJ9edfn0qDn8tEoAvFIEwFYc6IIg8I4tBKKROPbFWRMRpWIBFPWY2MOQAAKBZWGZlZZKRkYOCgv///+7u7t/f39XV1dLS0s3NzbS0tKysrHFxcUFBQTk5OSsrK////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAIgALAAAAAASALkAAAj+ABEJHEiwoMGDCBMqXLgwjUOGAtOYMTOlTBqGacpMnFLxYkKHZTRSdOixIMmMGtNAWVky4kaLGVWyNCmSI8yVUEgOBFnzpMycO1Ga+ekQZ0tEIIkSPVh0ps6PDyFKnUq1qtWrWLNq3cq165w5dBjS+Up2jpyEcuSQTcsWoR07ZtnKqVPn61mCb+2kpYsHTZ20YQfSyVsHjWHDf+fWEZh2ztvCh/3S9SvwrVk7kOlCRlz57d7JmzkjIhzZL2K6eDGX1uw2M+qFrLvKnk27tu3buHMXJMS7N0NCZ4Kf4eMbIXDhfPwoJ3SQ96DnevQoX777zx9CgwBFT65cEHOBhPT+9AlESHt0Pdz96BkYXg/5Pee3K18PPrqf9/H56BdEv/19QnvAdx4fgnhXn3SBkAfgeYAU+F17CCrI2x4NGgheb7wRhOF3unXo4YcgHnTBVB8INOJCI/ZQIgImJnQBiz1c8CIiIyJwokARRIAIAggQEaONL96IiA8+9PAjAj8GWVCJHxgZZBc9BnlBiQON2OSLUFaAwApCEnRBF0SEeQERKxChEBFg9rBGmQqt0UMXaq6wwhoLrWHnnQwZ6eYKPTA05hpEbMliQkNcsMYFSUSpUBILJIFoEjEuEOKklFZqW5cG3XGHQCVqupCnPWg6KKYDaaqpjCzWKGSOiGjqo5T+NhJEZKimJhkrQZ3eEaOmUBIhJZWtbnqlqFpyidCXYfpKppkJoenjmswi5Caca85Z55125qlmD3z6SQSggipU6KGJ+rpoo49Gaum67LabUCHwSlWIBhRQEK9Chaigggb02lsIQoXIILC+/NZ770ABC6wwwf3+i7AWCke8rwZiWOGwQIVcEfHCKljxww8XZ3yFxhuL8fHHDos8MskCe/yEGFWkPPIPWKwsg8k/iKGzGP9m/PEhW6wMxg9W7HxFz1f8DPTKP1zxhRhJI630IUwzDXIhAiT9wyFcV30FFUBcDQAAU3sNNsiIwPvDCS+8QPXMI58d8gl0v2B22BenXcjy2ADM3DcVBxiQN8Z78y2AAAUI/i7WAgxQQAGDHwTv5O5WbrnlBzNUiBQoRG4QvFJIQUHnnmMcuhQy1Du655uHLrDqqxfUuusKq9657HnQ/joFeUReyAl55BFx8EL4TjfwweeRRRZcGH+8DjrssIMQyw/++/M68GCIENTnXYjO2BuyffEEfb+zGCdAbwgP3Id8/vnRT09+2u/vDL307dNfP9TQ80D1/BkzxCF09gMqXEEHAnybzASoNQMisGtHw9gVGPgxByZwZAukWgUPeMEIpo1vDeTgIQzQt5CNTWuBM4AKBWe9ABBghSzMXPkmJ8OBBAQAOw==);height:16px;width:16px;transform: scale(1.1);}
img.br1,img.br2,img.br3,img.br4,img.br5,img.bti{background-image:url("/img/a/res2@1.5x.png?v=ff3f288b269d");height:18px;width:30px;}

img.br1 {
background-position:right 0;
}

img.br2 {
background-position:right -30px;
}

img.br3 {
background-position:right -60px;
}

img.br4 {
background-position:right -90px;
}

img.br5 {
background-position:right -120px;
}

img.r1 {
background-position:right 0;
}

img.r2 {
background-position:right -26px;
}

img.r3 {
background-position:right -52px;
}

img.r4 {
background-position:right -78px;
}

img.r5 {
background-position:right -104px;
}

img.warehouse {
height:21px;
width:18px;
background-position:0 -130px;
}

img.granary {
height:24px;
width:18px;
background-position:0 -161px;
}

img.unit {
width:16px;
height:16px;
}

img.u1 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: 0 0px;
}
img.bu1 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: 0 0px;
    width: 26px;
    height: 26px;
    
}
img.u2 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -19px 0;
}
img.bu2 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -30px 0;
    width: 26px;
    height: 26px;
    
}
img.u3 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -38px 0;
}
img.bu3 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -60px 0;
    width: 26px;
    height: 26px;
    
}
img.u4 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -57px 0;
}
img.bu4 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -90px 0;
    width: 26px;
    height: 26px;
    
}
img.u5 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -76px 0;
}
img.bu5 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -120px 0;
    width: 26px;
    height: 26px;
    
}
img.u6 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -95px 0;
}
img.bu6 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -150px 0;
    width: 26px;
    height: 26px;
    
}
img.u7 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -114px 0;
}
img.bu7 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -180px 0;
    width: 26px;
    height: 26px;
    
}
img.u8 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -133px 0;
}
img.bu8 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -210px 0;
    width: 26px;
    height: 26px;
    
}
img.u9 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -152px 0;
}
img.bu9 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -240px 0;
    width: 26px;
    height: 26px;
    
}
img.u10 {
    background-image: url("/img/u/__roman_small.png?v=fb207c0157ee");
    background-position: -171px 0;
}
img.bu10 {
    background-image: url("/img/u/__roman_medium.png?v=7f5731efeca8");
    background-position: -270px 0;
    width: 26px;
    height: 26px;
    
}




img.u71 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 0px;
}
img.bu71 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 0px;
    width: 26px;
    height: 26px;
    
}
img.u72 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -16px;
}
img.bu72 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -26px;
    width: 26px;
    height: 26px;
    
}
img.u73 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -32px;
}
img.bu73 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -52px;
    width: 26px;
    height: 26px;
    
}
img.u74 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -48px;
}
img.bu74 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -78px;
    width: 26px;
    height: 26px;
    
}
img.u75 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -64px;
}
img.bu75 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -104px;
    width: 26px;
    height: 26px;
    
}
img.u76 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -80px;
}
img.bu76 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -130px;
    width: 26px;
    height: 26px;
    
}
img.u77 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -96px;
}
img.bu77 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -156px;
    width: 26px;
    height: 26px;
    
}
img.u78 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -112px;
}
img.bu78 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -182px;
    width: 26px;
    height: 26px;
    
}
img.u79 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -128px;
}
img.bu79 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -208px;
    width: 26px;
    height: 26px;
    
}
img.u80 {
    background-image: url("/img/u/nature_small.png?v=3611740d5cba");
    background-position: 0 -144px;
}
img.bu80 {
    background-image: url("/img/u/nature_medium.png?v=07080038bfbf");
    background-position: 0 -234px;
    width: 26px;
    height: 26px;
    
}






img.u11 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: 0 0px;
}
img.bu11 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: 0 0px;
    width: 26px;
    height: 26px;
    
}
img.u12 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -19px 0;
}
img.bu12 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -30px 0;
    width: 26px;
    height: 26px;
    
}
img.u13 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -38px 0;
}
img.bu13 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -60px 0;
    width: 26px;
    height: 26px;
    
}
img.u14 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -57px 0;
}
img.bu14 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -90px 0;
    width: 26px;
    height: 26px;
    
}
img.u15 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -76px 0;
}
img.bu15 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -120px 0;
    width: 26px;
    height: 26px;
    
}
img.u16 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -95px 0;
}
img.bu16 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -150px 0;
    width: 26px;
    height: 26px;
    
}
img.u17 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -114px 0;
}
img.bu17 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -180px 0;
    width: 26px;
    height: 26px;
    
}
img.u18 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -133px 0;
}
img.bu18 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -210px 0;
    width: 26px;
    height: 26px;
    
}
img.u19 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -152px 0;
}
img.bu19 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -240px 0;
    width: 26px;
    height: 26px;
    
}
img.u20 {
    background-image: url("/img/u/___teuton_small.png?v=32c24d74259f");
    background-position: -171px 0;
}
img.bu20 {
    background-image: url("/img/u/__teuton_medium.png?v=3a4ccb150f6d");
    background-position: -270px 0;
    width: 26px;
    height: 26px;
    
}

img.u21 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: 0 0px;
}
img.bu21 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: 0 0px;
    width: 26px;
    height: 26px;
}
img.u22 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -20px 0;
}
img.bu22 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -30px 0;
    width: 26px;
    height: 26px;
}
img.u23 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -40px 0;
}
img.bu23 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -60px 0;
    width: 26px;
    height: 26px;
}
img.u24 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -60px 0;
}
img.bu24 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -90px 0;
    width: 26px;
    height: 26px;
}
img.u25 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -80px 0;
}
img.bu25 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -120px 0;
    width: 26px;
    height: 26px;
}
img.u26 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -100px 0;
}
img.bu26 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -150px 0;
    width: 26px;
    height: 26px;
}
img.u27 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -120px 0;
}
img.bu27 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -180px 0;
    width: 26px;
    height: 26px;
}
img.u28 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -140px 0;
}
img.bu28 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -210px 0;
    width: 26px;
    height: 26px;
}
img.u29 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -160px 0;
}
img.bu29 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -240px 0;
    width: 26px;
    height: 26px;
}
img.u30 {
    background-image: url("/img/u/gauls.png?v=5d0cf384f5e7");
    background-position: -180px 0;
}
img.bu30 {
    background-image: url("/img/u/gauls@1.5x.png?v=c63a5936aa4b");
    background-position: -270px 0;
    width: 26px;
    height: 26px;
}
img.u31 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: 0 0;
}
img.bu31 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: 0 0;
    width: 26px;
    height: 26px;
}
img.u32 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -20px 0;
}
img.bu32 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -30px 0;
    width: 26px;
    height: 26px;
}
img.u33 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -40px 0;
}
img.bu33 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -60px 0;
    width: 26px;
    height: 26px;
}
img.u34 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -60px 0;
}
img.bu34 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -90px 0;
    width: 26px;
    height: 26px;
}
img.u35 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -80px 0;
}
img.bu35 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -120px 0;
    width: 26px;
    height: 26px;
}
img.u36 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -100px 0;
}
img.bu36 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -150px 0;
    width: 26px;
    height: 26px;
}
img.u37 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -120px 0;
}
img.bu37 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -180px 0;
    width: 26px;
    height: 26px;
}
img.u38 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -140px 0;
}
img.bu38 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -210px 0;
    width: 26px;
    height: 26px;
}
img.u39 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -160px 0;
}
img.bu39 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -240px 0;
    width: 26px;
    height: 26px;
}
img.u40 {
    background-image: url("/img/u/egyptians.png?v=dcac93f9ed48");
    background-position: -180px 0;
}
img.bu40 {
    background-image: url("/img/u/egyptians@1.5x.png?v=c0d54bf6ad99");
    background-position: -270px 0;
    width: 26px;
    height: 26px;
}
img.u41 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: 0px 0;
}
img.bu41 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: 0px 0;
    width: 26px;
    height: 26px;
    
}
img.u42 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -20px 0;
}
img.bu42 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -30px 0;
    width: 26px;
    height: 26px;
    
}
img.u43 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -40px 0;
}
img.bu43 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -60px 0;
    width: 26px;
    height: 26px;
    
}
img.u44 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -60px 0;
}
img.bu44 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -90px 0;
    width: 26px;
    height: 26px;
    
}
img.u45 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -80px 0;
}
img.bu45 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -120px 0;
    width: 26px;
    height: 26px;
    
}
img.u46 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -100px 0;
}
img.bu46 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -150px 0;
    width: 26px;
    height: 26px;
    
}
img.u47 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -120px 0;
}
img.bu47 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -180px 0;
    width: 26px;
    height: 26px;
    
}
img.u48 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -140px 0;
}
img.bu48 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -210px 0;
    width: 26px;
    height: 26px;
    
}
img.u49 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -160px 0;
}
img.bu49 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -240px 0;
    width: 26px;
    height: 26px;
    
}
img.u50 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -180px 0;
}
img.bu50 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -270px 0;
    width: 26px;
    height: 26px;

}
/* Natars (tribe 9) — unit slots u81..u90. Classic TravianZ / utatar renders the
   Natar/Tatar units with the huns sprite (utatar numbers them u41..u50); locally
   they live at u81..u90, so mirror the huns.png background-positions here. */
img.u81 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: 0px 0;
}
img.bu81 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: 0px 0;
    width: 26px;
    height: 26px;
}
img.u82 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -19px 0;
}
img.bu82 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -30px 0;
    width: 26px;
    height: 26px;
}
img.u83 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -38px 0;
}
img.bu83 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -60px 0;
    width: 26px;
    height: 26px;
}
img.u84 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -57px 0;
}
img.bu84 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -90px 0;
    width: 26px;
    height: 26px;
}
img.u85 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -76px 0;
}
img.bu85 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -120px 0;
    width: 26px;
    height: 26px;
}
img.u86 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -95px 0;
}
img.bu86 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -150px 0;
    width: 26px;
    height: 26px;
}
img.u87 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -114px 0;
}
img.bu87 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -180px 0;
    width: 26px;
    height: 26px;
}
img.u88 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -133px 0;
}
img.bu88 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -210px 0;
    width: 26px;
    height: 26px;
}
img.u89 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -152px 0;
}
img.bu89 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -240px 0;
    width: 26px;
    height: 26px;
}
img.u90 {
    background-image: url("/img/u/v5_natars2.gif?v=f3a023d9daba");
    background-position: -171px 0;
}
img.bu90 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -270px 0;
    width: 26px;
    height: 26px;
}
img.u51 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 0px;
}
img.bu51 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px 0px;
    width: 26px;
    height: 26px;
}
img.u52 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -16px;
}
img.bu52 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -26px;
    width: 26px;
    height: 26px;
}
img.u53 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -32px;
}
img.bu53 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -52px;
    width: 26px;
    height: 26px;
}
img.u54 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -48px;
}
img.bu54 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -78px;
    width: 26px;
    height: 26px;
}
img.u55 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -64px;
}
img.bu55 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -104px;
    width: 26px;
    height: 26px;
}
img.u56 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -80px;
}
img.bu56 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -130px;
    width: 26px;
    height: 26px;
}
img.u57 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -96px;
}
img.bu57 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -156px;
    width: 26px;
    height: 26px;
}
img.u58 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -112px;
}
img.bu58 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -182px;
    width: 26px;
    height: 26px;
}
img.u59 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -128px;
}
img.bu59 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -208px;
    width: 26px;
    height: 26px;
}
img.u60 {
    background-image: url("/img/u/viking_small.png?v=6b0a3bf2ba06");
    background-position: 0 -144px;
}
img.bu60 {
    background-image: url("/img/u/viking_medium.png?v=b6738bfb7fc9");
    background-position: 0px -234px;
    width: 26px;
    height: 26px;
}
img.u61,img.u62,img.u63,img.u64,img.u65,img.u66,img.u67,img.u68,img.u69,img.u70 {
background-image:url("/img/u/Sparta.png?v=b7c07127a86c");
}

img.u61 {
background-position:0 0;
}
img.bu61 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 0px;
    width: 26px;
    height: 26px;

}
img.u62 {
background-position:-19px 0;
}
img.bu62 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -26px;
    width: 26px;
    height: 26px;

}
img.u63 {
background-position:-38px 0;
}
img.bu63 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -52px;
    width: 26px;
    height: 26px;

}
img.u64 {
background-position:-57px 0;
}
img.bu64 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -78px;
    width: 26px;
    height: 26px;

}
img.u65 {
background-position:-76px 0;
}
img.bu65 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -104px;
    width: 26px;
    height: 26px;

}
img.u66 {
background-position:-95px 0;
}
img.bu66 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -130px;
    width: 26px;
    height: 26px;

}
img.u67 {
background-position:-114px 0;
}
img.bu67 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -156px;
    width: 26px;
    height: 26px;

}
img.u68 {
background-position:-133px 0;
}
img.bu68 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -182px;
    width: 26px;
    height: 26px;

}
img.u69 {
background-position:-152px 0;
}
img.bu69 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -208px;
    width: 26px;
    height: 26px;

}
img.u70 {
background-position:-171px 0;
}
img.bu70 {
    background-image: url("/img/u/spartan_medium.png?v=fed7012c92e8");
    background-position: 0 -234px;
    width: 26px;
    height: 26px;

}
img.u100 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: 0 0px;
}
img.bu100 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: 0 0px;
    width: 26px;
    height: 26px;

}
img.u101 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -20px 0;
}
img.bu101 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -30px 0;
    width: 26px;
    height: 26px;

}
img.u102 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -40px 0;
}
img.bu102 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -60px 0;
    width: 26px;
    height: 26px;

}
img.u103 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -60px 0;
}
img.bu103 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -90px 0;
    width: 26px;
    height: 26px;

}
img.u104 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -80px 0;
}
img.bu104 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -120px 0;
    width: 26px;
    height: 26px;

}
img.u105 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -100px 0;
}
img.bu105 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -150px 0;
    width: 26px;
    height: 26px;

}
img.u106 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -120px 0;
}
img.bu106 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -180px 0;
    width: 26px;
    height: 26px;

}
img.u107 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -140px 0;
}
img.bu107 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -210px 0;
    width: 26px;
    height: 26px;

}
img.u108 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -160px 0;
}
img.bu108 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -240px 0;
    width: 26px;
    height: 26px;

}
img.u109 {
    background-image: url("/img/u/huns.png?v=72ed51fc548c");
    background-position: -180px 0;
}
img.bu109 {
    background-image: url("/img/u/huns@1.5x.png?v=c1cf18112483");
    background-position: -270px 0;
    width: 26px;
    height: 26px;

}


img.uhab,img.ucata,img.ustock,img.uwall,img.ubarr,img.upal,img.ugeb,img.uhero,img.uunits {
background-image:url("/img/u/specials.gif?v=0dca93f0eb83");
}
img.uhab {
background-position:0 0;
}

img.ucata {
background-position:-19px 0;
}

img.ustock {
background-position:-38px 0;
}

img.uwall {
background-position:-57px 0;
}

img.ubarr {
background-position:-76px 0;
}

img.upal {
background-position:-95px 0;
}

img.ugeb {
background-position:-114px 0;
}

img.uhero {
background-position:-133px 0;
}

img.buhero {
background-position: 0 0;
width: 27px;
height: 26px;
background-image: url("/img/u/Hero@2x.png?v=f329db8c6f1f");
}

img.uunits {
background-position:-152px 0;
}

img.u98 {
background-image:url("/img/u/98.gif?v=2518012894ac");
}

img.u99 {
background-image:url("/img/u/99.gif?v=8d9c43c68b85");
}


span.tribe {
height:16px;
background-repeat:no-repeat;
background-position:right center;
padding-right:20px;
}

span.tribe1 {
    background-image: url("/v/tid9.gif?v=1e05f9dc1caa");
}

span.tribe2 {
background-image:url("/img/u/19.gif?v=e14e86dc2fa6");
}

span.tribe3 {
background-image:url("/img/u/29.gif?v=96135ad2c151");
}

span.tribe6 {
background-image:url("/img/u/69.jpeg?v=03240bcc5ed6");
}

span.tribe5 {
background-image:url("/img/u/49.gif?v=ee86f1bb8bd5");
}

span.tribe7 {
background-image:url("/img/u/108.png?v=922f39e635cb");
}
span.tribe8{
background-image:url("/img/u/69.png?v=459dbac22a97");
}
span.tribe9{
background-image:url("/img/u/79.png?v=5ece1ab18766");
}

img.att_all {
width:16px;
height:16px;
background-image:url("/img/a/att_all.gif?v=66db06108312");
}

img.att1 {
width:16px;
height:16px;
background-image:url("/img/a/_att1.gif?v=85664448758c");
}

img.att2 {
width:16px;
height:16px;
background-image:url("/img/a/_att2.gif?v=efc12b2eccef");
}

img.att3 {
width:16px;
height:16px;
background-image:url("/img/a/_att3.gif?v=854713263c1f");
}

img.def1 {
width:16px;
height:16px;
background-image:url("/img/a/_def1.gif?v=1f715fa96eaf");
}

img.def2 {
width:16px;
height:16px;
background-image:url("/img/a/_def2.gif?v=b2680e496696");
}

img.def3 {
width:16px;
height:16px;
background-image:url("/img/a/_def3.gif?v=29c058652f9c");
}

img.def_c {
width:16px;
height:16px;
background-image:url("/img/a/def_c.gif?v=a74a669f5dc3");
}

img.def_i {
width:16px;
height:16px;
background-image:url("/img/a/def_i.gif?v=ddd1e88d1060");
}

div#map div#map_content div span {
width:18px;
height:16px;
}

div#map div#map_content div span.m3 {
background-image:url("/img/m/matt.gif?v=a422d5bd2c0e");
}

div#map div#map_content div span.m4 {
background-image:url("/img/a/att2.gif?v=d60d74d053b1");
}

div#map div#map_content div span.m5 {
background-image:url("/img/m/msup.gif?v=c3724ab3708a");
}

div#map div#map_content div span.m6 {
background-image:url("/img/m/mspy.gif?v=61cf04145e65");
}

div#map div#map_content div span.m9 {
background-image:url("/img/m/mret.gif?v=6ed37215d515");
}

img.iReport {
background-image:url("/img/a/report_icons.gif?v=14e4de275d54");
width:19px;
height:17px;
}

img.iReport0 {
background-position:0 -3px;
}

img.iReport1 {
background-position:0 -53px;
}

img.iReport2 {
background-position:0 -103px;
}

img.iReport3 {
background-position:0 -153px;
}

img.iReport4 {
background-position:0 -203px;
}

img.iReport5 {
background-position:0 -253px;
}

img.iReport6 {
background-position:0 -303px;
}

img.iReport7 {
background-position:0 -353px;
}

img.iReport8 {
background-position:0 -403px;
}

img.iReport9 {
background-position:0 -453px;
}

img.iReport10 {
background-position:0 -703px;
}

img.iReport11 {
background-position:0 -503px;
}

img.iReport12 {
background-position:0 -553px;
}

img.iReport13 {
background-position:0 -603px;
}

img.iReport14 {
background-position:0 -653px;
}

/* ف-301 — مغامرة البطل. الخانة السادسة عشرة، ولا نظير لها عند المصدر: تنسيقه
   الحيّ يعلن iReport0..14 ولا شيء بعدها، وصورته 748px = خمس عشرة خانة كلها
   مشغولة. فالصف رُسم لنا بـ scripts/draw_report_icon_15.py من ألوان الشريط
   نفسه. */
img.iReport15 {
background-position:0 -753px;
}

div#map a#map_makelarge img {
width:33px;
height:25px;
background-image:url("/img/m/max.gif?v=e0010d8b41a7");
}

div#mbig a#map_popclose img {
width:22px;
height:22px;
background-image:url("/img/a/close.gif?v=d91a09a522a6");
}

img.online1,img.online2,img.online3,img.online4,img.online5 {
width:12px;
height:12px;
cursor: pointer;
border-radius: 50%;
}

img.online1 {
background: linear-gradient(135deg, #0053f8, #4f8aff, #0053f8);
}

img.online2 {
background: linear-gradient(135deg, #2bab27,#04c500,#2bab27);
}

img.online3 {
background: linear-gradient(135deg, orange, #ffcb6c, orange);
}

img.online4 {
background: linear-gradient(135deg, darkred, #ff6363, darkred);
}

img.online5 {
background: linear-gradient(135deg, gray, silver, gray);
}

h1 img.point {
width:16px;
height:16px;
background-image:url("/img/u/point.gif?v=0c61e36bf30c");
}

div#side_info table#llist img.external,body.manual img.external {
width:10px;
height:10px;
background-image:url("/img/a/external.gif?v=e7d410937537");
}

div.reports div.carry img.car,#build.gid16 div.carry img.car {
height:12px;
width:18px;
background:url("/img/a/car.gif?v=982a4827fcba") no-repeat;
}

div.village3 table#overview td.bui img.bau {
width:10px;
height:16px;
background-image:url("/img/a/bau.gif?v=81688c4893f3");
}

div.player img.tn,div.player img.tnd {
width:65px;
height:45px;
}

div.player img.tn {
background-image:url("/img/t/tn.gif?v=1cc62fa2a3a7");
}

div.player img.tnd {
background-image:url("/img/t/tnd.gif?v=caa69ad9627c");
}

div.player img.medal,div.alliance img.medal,body.manual img.medal {
/*width: 53px;*/
/*height: 72px;*/
width: 44px;
height: 61px;
background-size: 100%;
}

div.player img.t1_1,body.manual img.t1_1 {
background-image:url("/img/medal/t1.png?v=69374dd7dca1");
background-size: 100%;
}

div.player img.t1_2,body.manual img.t1_2 {
background-image:url("/img/medal/t2.png?v=d3984f8e90b4");
}

div.player img.t1_3,body.manual img.t1_3 {
background-image:url("/img/medal/t3.png?v=9fc23992f4b0");
}

div.player img.t1_4,body.manual img.t1_4 {
background-image:url("/img/medal/t4.png?v=6ff7fc752a4b");
}

div.player img.t1_5 {
background-image:url("/img/medal/t5.png?v=92c2e764f4d3");
}

div.player img.t1_6 {
background-image:url("/img/medal/t6.png?v=f1ad4fbff7a6");
}

div.player img.t1_7 {
background-image:url("/img/medal/t7.png?v=c4eebd10bd05");
}

div.player img.t1_8 {
background-image:url("/img/medal/t8.png?v=84a800ede928");
}

div.player img.t1_9 {
background-image:url("/img/medal/t9.png?v=a79a96213750");
}

div.player img.t1_10 {
background-image:url("/img/medal/t10.png?v=f132403b5168");
}

div.player img.t100_1 {
background-image:url("/img/t/t100_1.jpg?v=278a2de4dc72");
}

div.player img.t101_1 {
background-image:url("/img/t/t101_1.jpg?v=c6040af48ae5");
}

div.player img.t102_1 {
background-image:url("/img/t/t102_1.jpg?v=e09db4d8c0b6");
}

div.player img.t110_1 {
background-image:url("/img/t/t110_1.jpg?v=3dc69ffafca8");
}

div.player img.t111_1 {
background-image:url("/img/t/t111_1.jpg?v=aadd7588a241");
}
/*
div.player img.t112_1 {
background-image:url("/img/t/t112_1.jpg?v=e8de5ef45f27");
}
*/
div.player img.t120_1 {
background-image:url("/img/t/t120_1.jpg?v=de802b7d100b");
}

div.player img.t121_1 {
background-image:url("/img/t/t121_1.jpg?v=fc3896730ac7");
}

div.player img.t122_1 {
background-image:url("/img/t/t122_1.jpg?v=2689f9f133ad");
}

div.player img.t130_1 {
background-image:url("/img/t/t130_1.jpg?v=b60f4ec11b9e");
}

div.player img.t131_1 {
background-image:url("/img/t/t131_1.jpg?v=0efe8e840977");
}
/*
div.player img.t132_1 {
background-image:url("/img/t/t132_1.jpg?v=c96310535287");
}
*/
div.player img.t140_1 {
background-image:url("/img/t/t140_1.jpg?v=bb61e3f3501b");
}

div.player img.t141_1 {
background-image:url("/img/t/t141_1.jpg?v=7f426dbddcaa");
}

div.player img.t142_1 {
background-image:url("/img/t/t142_1.jpg?v=140889fb66f4");
}

div.player img.t150_1 {
background-image:url("/img/t/t142_1.jpg?v=140889fb66f4");
}

div.player img.t151_1 {
background-image:url("/img/t/t151_1.jpg?v=dee656cdf165");
}

div.player img.t152_1 {
background-image:url("/img/t/t152_1.jpg?v=d02340fd5af4");
}

div.player img.t160_1 {
background-image:url("/img/t/t160_1.jpg?v=2996240b73d2");
}

div.player img.t161_1 {
background-image:url("/img/t/t161_1.jpg?v=a3e874cf3134");
}

div.player img.t162_1 {
background-image:url("/img/t/t162_1.jpg?v=7fd833583c69");
}

div.player img.t170_1 {
background-image:url("/img/t/t170_1.jpg?v=9a955536761d");
}

div.player img.t171_1 {
background-image:url("/img/t/t171_1.jpg?v=521feab4f4e6");
}

div.player img.t172_1 {
background-image:url("/img/t/t172_1.jpg?v=ef0a00809dc1");
}

div.player img.t180_1 {
background-image:url("/img/t/t180_1.jpg?v=49818094ad59");
}

div.player img.t181_1 {
background-image:url("/img/t/t181_1.jpg?v=07fbfd24e1fe");
}

div.player img.t182_1 {
background-image:url("/img/t/t182_1.jpg?v=62dd6705390b");
}

div.player img.t190_1 {
background-image:url("/img/t/t190_1.jpg?v=f4aef1a6d6ee");
}

div.player img.t191_1 {
background-image:url("/img/t/t191_1.jpg?v=63f5189c22ff");
}

div.player img.t192_1 {
background-image:url("/img/t/t192_1.jpg?v=d9f0adef668d");
}

div.player img.t2_1 {
background-image:url("/img/medal/a1.png?v=f66500ff5e5e");
}

/* ===== 06-artwork-and-sprites.css ===== */
div.player img.t2_10 {
background-image:url("/img/medal/a10.png?v=1d3132aa87e5");
}

div.player img.t2_2 {
background-image:url("/img/medal/a2.png?v=667ae8ed018e");
}

div.player img.t2_3 {
background-image:url("/img/medal/a3.png?v=7f02ae7c2915");
}

div.player img.t2_4 {
background-image:url("/img/medal/a4.png?v=517969b5008b");
}

div.player img.t2_5 {
background-image:url("/img/medal/a5.png?v=61760417f8c2");
}

div.player img.t2_6 {
background-image:url("/img/medal/a6.png?v=b86e7409ae29");
}

div.player img.t2_7 {
background-image:url("/img/medal/a7.png?v=2cd59743c85e");
}

div.player img.t2_8 {
background-image:url("/img/medal/a8.png?v=dc54f41dc32b");
}

div.player img.t2_9 {
background-image:url("/img/medal/a9.png?v=0fab0e812805");
}










div.player img.t3_1 {
background-image:url("/img/medal/d1.png?v=889adca5c85a");
}

div.player img.t3_10 {
background-image:url("/img/medal/d10.png?v=cead0c797e30");
}

div.player img.t3_2 {
background-image:url("/img/medal/d2.png?v=d7d2d591e44d");
}

div.player img.t3_3 {
background-image:url("/img/medal/d3.png?v=2d6d9ea75b80");
}

div.player img.t3_4 {
background-image:url("/img/medal/d4.png?v=8cd80892979e");
}

div.player img.t3_5 {
background-image:url("/img/medal/d5.png?v=59c466a0c8bd");
}

div.player img.t3_6 {
background-image:url("/img/medal/d6.png?v=3130a48ea936");
}

div.player img.t3_7 {
background-image:url("/img/medal/d7.png?v=a22bf5216376");
}

div.player img.t3_8 {
background-image:url("/img/medal/d8.png?v=3eeb85b76f7a");
}

div.player img.t3_9 {
background-image:url("/img/medal/d9.png?v=8a1015b1692c");
}

div.player img.t4_1 {
background-image:url("/img/medal/r1.png?v=b5d0010cae13");
}

div.player img.t4_10 {
background-image:url("/img/medal/r10.png?v=bc9d54e00fdb");
}

div.player img.t4_2 {
background-image:url("/img/medal/r2.png?v=d80a814468ca");
}

div.player img.t4_3 {
background-image:url("/img/medal/r3.png?v=e4c462db3b28");
}

div.player img.t4_4 {
background-image:url("/img/medal/r4.png?v=2f2098fc4d9b");
}

div.player img.t4_5 {
background-image:url("/img/medal/r5.png?v=4c254838deb0");
}

div.player img.t4_6 {
background-image:url("/img/medal/r6.png?v=fff65cd37fb3");
}

div.player img.t4_7 {
background-image:url("/img/medal/r7.png?v=aee4fc054f5e");
}

div.player img.t4_8 {
background-image:url("/img/medal/r8.png?v=4925fa18f6b5");
}

div.player img.t4_9 {
background-image:url("/img/medal/r9.png?v=15802dc21310");
}

div.player img.t5_1 {
background-image:url("/img/t/t5_1.jpg?v=1f8f0b06df7d");
}

div.player img.t5_10 {
background-image:url("/img/t/t5_10.jpg?v=f2fa3b28a719");
}

div.player img.t5_2 {
background-image:url("/img/t/t5_2.jpg?v=eae7f1d630e7");
}

div.player img.t5_3 {
background-image:url("/img/t/t5_3.jpg?v=adeb1cb75efc");
}

div.player img.t5_4 {
background-image:url("/img/t/t5_4.jpg?v=9d4bd4f1fc99");
}

div.player img.t5_5 {
background-image:url("/img/t/t5_5.jpg?v=e4376515325f");
}

div.player img.t5_6 {
background-image:url("/img/t/t5_6.jpg?v=166d0491a1b7");
}

div.player img.t5_7 {
background-image:url("/img/t/t5_7.jpg?v=745228295347");
}

div.player img.t5_8 {
background-image:url("/img/t/t5_8.jpg?v=3395692c9dfe");
}

div.player img.t5_9 {
background-image:url("/img/t/t5_9.jpg?v=a8978af600aa");
}

div.player img.t6_1 {
background-image:url("/img/t/t6_1.jpg?v=c0ab494f12f1");
}

div.player img.t6_10 {
background-image:url("/img/t/t6_10.jpg?v=73f7e510e202");
}

div.player img.t6_2 {
background-image:url("/img/t/t6_2.jpg?v=a52fbf7a0e76");
}

div.player img.t6_3 {
background-image:url("/img/t/t6_3.jpg?v=eaafe2f86c91");
}

div.player img.t6_4 {
background-image:url("/img/t/t6_4.jpg?v=662d480ef2e6");
}

div.player img.t6_5 {
background-image:url("/img/t/t6_5.jpg?v=090ab534a7d5");
}

div.player img.t6_6 {
background-image:url("/img/t/t6_6.jpg?v=1374b1b06ae7");
}

div.player img.t6_7 {
background-image:url("/img/t/t6_7.jpg?v=6df939c88965");
}

div.player img.t6_8 {
background-image:url("/img/t/t6_8.jpg?v=28ac8abf4364");
}

div.player img.t6_9 {
background-image:url("/img/t/t6_9.jpg?v=1f3ca76cfca1");
}

div.player img.t10_1 {
background-image:url("/img/t/t10_1.jpg?v=00f6569aca63");
}

div.player img.t10_2 {
width:247px;
height:195px;
background-image:url("/img/t/t10_2.jpg?v=c0ce2d3bb6d1");
}

div.alliance img.a1_1,body.manual img.a1_1 {
background-image:url("/img/medal/t1.png?v=69374dd7dca1");
background-size: 100%;
}

div.alliance img.a1_2,body.manual img.a1_2 {
background-image:url("/img/medal/t2.png?v=d3984f8e90b4");
background-size: 100%;
}

div.alliance img.a1_3,body.manual img.a1_3 {
background-image:url("/img/medal/t3.png?v=9fc23992f4b0");
background-size: 100%;
}

div.alliance img.a1_4,body.manual img.a1_4 {
background-image:url("/img/medal/t4.png?v=6ff7fc752a4b");
background-size: 100%;
}

div.alliance img.a1_5 {
background-image:url("/img/medal/t5.png?v=92c2e764f4d3");
background-size: 100%;
}

div.alliance img.a1_6 {
background-image:url("/img/medal/t6.png?v=f1ad4fbff7a6");
background-size: 100%;
}

div.alliance img.a1_7 {
background-image:url("/img/medal/t7.png?v=c4eebd10bd05");
background-size: 100%;
}

div.alliance img.a1_8 {
background-image:url("/img/medal/t8.png?v=84a800ede928");
background-size: 100%;
}

div.alliance img.a1_9 {
background-image:url("/img/medal/t9.png?v=a79a96213750");
background-size: 100%;
}

div.alliance img.a1_10 {
background-image:url("/img/medal/t10.png?v=f132403b5168");
background-size: 100%;
}

div.alliance img.a2_1 {
background-image:url("/img/medal/a1.png?v=f66500ff5e5e");
background-size: 100%;
}

div.alliance img.a2_2 {
background-image:url("/img/medal/a2.png?v=667ae8ed018e");
background-size: 100%;
}

div.alliance img.a2_3 {
background-image:url("/img/medal/a3.png?v=7f02ae7c2915");
background-size: 100%;
}

div.alliance img.a2_4 {
background-image:url("/img/medal/a4.png?v=517969b5008b");
background-size: 100%;
}

div.alliance img.a2_5 {
background-image:url("/img/medal/a5.png?v=61760417f8c2");
background-size: 100%;
}

div.alliance img.a2_6 {
background-image:url("/img/medal/a6.png?v=b86e7409ae29");
background-size: 100%;
}

div.alliance img.a2_7 {
background-image:url("/img/medal/a7.png?v=2cd59743c85e");
background-size: 100%;
}

div.alliance img.a2_8 {
background-image:url("/img/medal/a8.png?v=dc54f41dc32b");
background-size: 100%;
}

div.alliance img.a2_9 {
background-image:url("/img/medal/a9.png?v=0fab0e812805");
background-size: 100%;
}

div.alliance img.a2_10 {
background-image:url("/img/medal/a10.png?v=1d3132aa87e5");
background-size: 100%;
}

div.alliance img.a3_1 {
background-image:url("/img/medal/d1.png?v=889adca5c85a");
background-size: 100%;
}

div.alliance img.a3_2 {
background-image:url("/img/medal/d2.png?v=d7d2d591e44d");
background-size: 100%;
}

div.alliance img.a3_3 {
background-image:url("/img/medal/d3.png?v=2d6d9ea75b80");
background-size: 100%;
}

div.alliance img.a3_4 {
background-image:url("/img/medal/d4.png?v=8cd80892979e");
background-size: 100%;
}

div.alliance img.a3_5 {
background-image:url("/img/medal/d5.png?v=59c466a0c8bd");
background-size: 100%;
}

div.alliance img.a3_6 {
background-image:url("/img/medal/d6.png?v=3130a48ea936");
background-size: 100%;
}

div.alliance img.a3_7 {
background-image:url("/img/medal/d7.png?v=a22bf5216376");
background-size: 100%;
}

div.alliance img.a3_8 {
background-image:url("/img/medal/d8.png?v=3eeb85b76f7a");
background-size: 100%;
}

div.alliance img.a3_9 {
background-image:url("/img/medal/d9.png?v=8a1015b1692c");
background-size: 100%;
}

div.alliance img.a3_10 {
background-image:url("/img/medal/d10.png?v=cead0c797e30");
background-size: 100%;
}

div.alliance img.a4_1 {
background-image:url("/img/medal/r1.png?v=b5d0010cae13");
background-size: 100%;
}

div.alliance img.a4_2 {
background-image:url("/img/medal/r2.png?v=d80a814468ca");
background-size: 100%;
}

div.alliance img.a4_3 {
background-image:url("/img/medal/r3.png?v=e4c462db3b28");
background-size: 100%;
}

div.alliance img.a4_4 {
background-image:url("/img/medal/r4.png?v=2f2098fc4d9b");
background-size: 100%;
}

div.alliance img.a4_5 {
background-image:url("/img/medal/r5.png?v=4c254838deb0");
background-size: 100%;
}

div.alliance img.a4_6 {
background-image:url("/img/medal/r6.png?v=fff65cd37fb3");
background-size: 100%;
}

div.alliance img.a4_7 {
background-image:url("/img/medal/r7.png?v=aee4fc054f5e");
background-size: 100%;
}

div.alliance img.a4_8 {
background-image:url("/img/medal/r8.png?v=4925fa18f6b5");
background-size: 100%;
}

div.alliance img.a4_9 {
background-image:url("/img/medal/r9.png?v=15802dc21310");
background-size: 100%;
}

div.alliance img.a4_10 {
background-image:url("/img/medal/r10.png?v=bc9d54e00fdb");
background-size: 100%;
}

div.messages table#overview td.send img.acp {
width:10px;
height:10px;
background-image:url("/img/a/external.gif?v=e7d410937537");
}

div.messages table#friendlist img.accept {
width:12px;
height:12px;
background-image:url("/img/a/acc.gif?v=8015ee2f4962");
}

div.reports td.report_content img.easter {
width:44px;
height:18px;
background-image:url("/img/r/easter.gif?v=6b3ea4dd3d3c");
}

div.reports td.report_content img.xmas {
width:21px;
height:24px;
background-image:url("/img/r/xmas.gif?v=bb31cdfb2420");
}

div.reports td.report_content img.newy {
width:28px;
height:24px;
background-image:url("/img/r/newy.gif?v=b28e55aafcb4");
}

div.forum img.add {
width:16px;
height:16px;
background-image:url("/img/f/plus.gif?v=f82476772b69");
}

div.forum a.mad img {
width:31px;
height:29px;
background-image:url("/img/f/mad.gif?v=af788297af66");
}

div.forum table td.ico img {
width:26px;
height:25px;
}

div.forum table td.ico a img,div.forum table td.pcontent div.admin a img {
width:12px;
height:12px;
}

div.forum table td.ico a.edit img,div.forum table td.pcontent div.admin a.edit img {
background-image:url("/img/f/edit.gif?v=5a8bc73d47f2");
}

div.forum table td.ico a.fdel img,div.forum table td.pcontent div.admin a.fdel img {
background-image:url("/img/f/del.gif?v=cd364c05016a");
}

div.forum table td.ico a.down_arr img {
background-image:url("/img/f/down_arr.gif?v=48cdb7b4e735");
}

div.forum table td.ico a.up_arr img {
background-image:url("/img/f/up_arr.gif?v=3c951db5b0a8");
}

div.forum table td.ico a.unlock img {
background-image:url("/img/f/unlock.gif?v=908d399a90b1");
}

div.forum table td.ico a.lock img {
background-image:url("/img/f/lock.gif?v=524c948dcc46");
}

div.forum table td.ico a.pin img {
background-image:url("/img/f/pin.gif?v=984350da774d");
}

div.forum table td.ico a.unpin img {
background-image:url("/img/f/unpin.gif?v=a903548cd315");
}

div.forum table td.ico img.folder {
background-image:url("/img/f/folder.gif?v=f2170e57632b");
}

div.forum table td.ico img.folder_lock {
background-image:url("/img/f/folder_lock.gif?v=fc444ea69c80");
}

div.forum table td.ico img.folder_new {
background-image:url("/img/f/folder_new.gif?v=86314d301647");
}

div.forum table td.ico img.folder_new_lock {
background-image:url("/img/f/folder_new_lock.gif?v=4e1ba2f0ad13");
}

div.forum table td.ico img.folder_sticky {
background-image:url("/img/f/folder_sticky.gif?v=af126d09ce92");
}

div.forum table td.ico img.folder_sticky_lock {
background-image:url("/img/f/folder_sticky_lock.gif?v=690c2c2c9a0e");
}

div.forum table td.ico img.folder_new_sticky {
background-image:url("/img/f/folder_new_sticky.gif?v=2218837cfe8d");
}

div.forum table td.ico img.folder_new_sticky_lock {
background-image:url("/img/f/folder_new_sticky_lock.gif?v=71963a5ba61b");
}

div.forum table td.ico img.v_folder {
background-image:url("/img/f/v_folder.gif?v=66f6bc902adf");
}

div.forum table td.ico img.v_folder_lock {
background-image:url("/img/f/v_folder_lock.gif?v=d00b077fbb22");
}

div.forum table td.ico img.v_folder_new {
background-image:url("/img/f/v_folder_new.gif?v=1a3aa3cae877");
}

div.forum table td.ico img.v_folder_new_lock {
background-image:url("/img/f/v_folder_new_lock.gif?v=3200d2100ef9");
}

div.forum table td.ico img.v_folder_sticky {
background-image:url("/img/f/v_folder_sticky.gif?v=53cb590fc7d2");
}

div.forum table td.ico img.v_folder_sticky_lock {
background-image:url("/img/f/v_folder_sticky_lock.gif?v=facc54ffb800");
}

div.forum table td.ico img.v_folder_new_sticky {
background-image:url("/img/f/v_folder_new_sticky.gif?v=b8c01c1fa716");
}

div.forum table td.ico img.v_folder_new_sticky_lock {
background-image:url("/img/f/v_folder_new_sticky_lock.gif?v=d40308d06191");
}

div.forum table#topics td.last img.latest_reply {
width:18px;
height:9px;
background-image:url("/img/f/icon_latest_reply.gif?v=3fcd30570281");
}

div#build.gid27 table td.icon img {
    width: 28px;
    height: 28px;
    background-image: url("/img/misc/artefactIcons.png?v=94c5b3877aa0");
    scale: 1.1;
}
div#build.gid27 table td.icon img.artefact_icon_ww{background-position:0 0;}
div#build.gid27 table td.icon img.artefact_icon_1{background-position: 0 -196px;}
div#build.gid27 table td.icon img.artefact_icon_2{background-position:0 -56px;}
div#build.gid27 table td.icon img.artefact_icon_3{background-position:0 -84px;}
div#build.gid27 table td.icon img.artefact_icon_4{background-position:0 -112px;}
div#build.gid27 table td.icon img.artefact_icon_5{background-position:0 -140px;}
div#build.gid27 table td.icon img.artefact_icon_6{background-position:0 -168px;}
div#build.gid27 table td.icon img.artefact_icon_7{background-position:0 -196px;}
div#build.gid27 table td.icon img.artefact_icon_8{background-position:0 -224px;}
div#build.gid27 table td.icon img.artefact_icon_9{background-position:0 -252px;}



/*
div#build.gid27 div.artefact.image-1 {
background-image:url("/img/artefact/type-1.jpg?v=a7370f794c7c");
}

div#build.gid27 div.artefact.image-2 {
background-image:url("/img/artefact/type-2.jpg?v=2150ff698e2f");
}

div#build.gid27 div.artefact.image-3 {
background-image:url("/img/artefact/type-3.jpg?v=da2b18a2cf70");
}

div#build.gid27 div.artefact.image-4 {
background-image:url("/img/artefact/type-4.jpg?v=eec4985e0f8a");
}

div#build.gid27 div.artefact.image-5 {
background-image:url("/img/artefact/type-5.jpg?v=0d9aaef18604");
}

div#build.gid27 div.artefact.image-6 {
background-image:url("/img/artefact/type-6.jpg?v=b91325da4574");
}

div#build.gid27 div.artefact.image-7 {
background-image:url("/img/artefact/type-7.jpg?v=0b260482d488");
}

div#build.gid27 div.artefact.image-8 {
background-image:url("/img/artefact/type-8.jpg?v=b4546a3ae32d");
}

div#build.gid27 div.artefact.image-9 {
background-image:url("/img/artefact/type-9.jpg?v=424290a15040");
}
*/

img.smiley {
width:19px;
height:16px;
background-image:url("/img/f/smileys.gif?v=961a3428aa6f");
}

div.forum table td.input_icons img.aha,div.forum table#posts td.pcontent div.text img.aha {
background-position:0 0;
}

img.angry {
background-position:-22px 0;
}
img.happy {
background-position:-220px 0;
}

div.forum table td.input_icons img.cool,div.forum table#posts td.pcontent div.text img.cool {
background-position:-44px 0;
}

div.forum table td.input_icons img.cry,div.forum table#posts td.pcontent div.text img.cry {
background-position:-66px 0;
}

div.forum table td.input_icons img.cute,div.forum table#posts td.pcontent div.text img.cute {
background-position:-88px 0;
}

div.forum table td.input_icons img.depressed,div.forum table#posts td.pcontent div.text img.depressed {
background-position:-110px 0;
}

div.forum table td.input_icons img.eek,div.forum table#posts td.pcontent div.text img.eek {
background-position:-132px 0;
}

div.forum table td.input_icons img.ehem,div.forum table#posts td.pcontent div.text img.ehem {
background-position:-154px 0;
}

div.forum table td.input_icons img.emotional,div.forum table#posts td.pcontent div.text img.emotional {
background-position:-176px 0;
}

div.forum table td.input_icons img.grin,div.forum table#posts td.pcontent div.text img.grin {
background-position:-198px 0;
}


div.forum table td.input_icons img.hit,div.forum table#posts td.pcontent div.text img.hit {
background-position:-242px 0;
}

div.forum table td.input_icons img.hmm,div.forum table#posts td.pcontent div.text img.hmm {
background-position:-264px 0;
}

div.forum table td.input_icons img.hmpf,div.forum table#posts td.pcontent div.text img.hmpf {
background-position:-286px 0;
}

div.forum table td.input_icons img.hrhr,div.forum table#posts td.pcontent div.text img.hrhr {
background-position:-308px 0;
}

div.forum table td.input_icons img.huh,div.forum table#posts td.pcontent div.text img.huh {
background-position:-330px 0;
}

div.forum table td.input_icons img.lazy,div.forum table#posts td.pcontent div.text img.lazy {
background-position:-352px 0;
}

div.forum table td.input_icons img.love,div.forum table#posts td.pcontent div.text img.love {
background-position:-374px 0;
}

div.forum table td.input_icons img.nocomment,div.forum table#posts td.pcontent div.text img.nocomment {
background-position:-396px 0;
}

div.forum table td.input_icons img.noemotion,div.forum table#posts td.pcontent div.text img.noemotion {
background-position:-418px 0;
}

div.forum table td.input_icons img.notamused,div.forum table#posts td.pcontent div.text img.notamused {
background-position:-440px 0;
}

div.forum table td.input_icons img.pout,div.forum table#posts td.pcontent div.text img.pout {
background-position:-462px 0;
}

div.forum table td.input_icons img.redface,div.forum table#posts td.pcontent div.text img.redface {
background-position:-484px 0;
}

div.forum table td.input_icons img.rolleyes,div.forum table#posts td.pcontent div.text img.rolleyes {
background-position:-506px 0;
}

div.forum table td.input_icons img.sad,div.forum table#posts td.pcontent div.text img.sad {
background-position:-528px 0;
}

div.forum table td.input_icons img.shy,div.forum table#posts td.pcontent div.text img.shy {
background-position:-550px 0;
}

div.forum table td.input_icons img.smile,div.forum table#posts td.pcontent div.text img.smile {
background-position:-572px 0;
}

div.forum table td.input_icons img.tongue,div.forum table#posts td.pcontent div.text img.tongue {
background-position:-594px 0;
}

div.forum table td.input_icons img.veryangry,div.forum table#posts td.pcontent div.text img.veryangry {
background-position:-616px 0;
}

div.forum table td.input_icons img.veryhappy,div.forum table#posts td.pcontent div.text img.veryhappy {
background-position:-638px 0;
}

div.forum table td.input_icons img.wink,div.forum table#posts td.pcontent div.text img.wink {
background-position:-660px 0;
}

div#side_info table thead td img.tSwitch {
width:13px;
height:13px;
}

table#llist img.closed,table#vlist img.closed {
background-image:url("/img/a/closed.gif?v=8b2fe551f4b4");
}

table#llist img.opened,table#vlist img.opened {
background-image:url("/img/a/opened.gif?v=3ce9a99a2d16");
}

div.village2 img#lswitch {
background:url("/img/g/s/glvlp.gif?v=9c415e482cbd");
}

div.village2 img#lswitch.on {
background:url("/img/g/s/glvlm.gif?v=b0f2a0b043d0");
}

img.plus {
width:13px;
height:13px;
background-image:url("/img/a/plus.gif?v=9e82d45b46fa");
}

img.minus {
width:13px;
height:13px;
background-image:url("/img/a/minus.gif?v=c26b7ba82d8e");
}

div.alliance div#submenu img,div.statistics div#submenu img {
background-position:0 top;
width:30px;
height:30px;
}

div.alliance div#submenu img.active,div.statistics div#submenu img.active {
background-position:0 bottom;
}

div.alliance div#submenu img.btn_def,div.statistics div#submenu img.btn_def {
background-image:url("/img/s/def.gif?v=3e5ebc7420df");
}
div.alliance div#submenu img.Import,div.statistics div#submenu img.Import {
background-image:url("/img/s/Import.png?v=8be420486a78");
}

div.alliance div#submenu img.btn_off,div.statistics div#submenu img.btn_off {
background-image:url("/img/s/off.gif?v=a2a14bd84e90");
}

div.statistics div#submenu img.btn_top10 {
background-image:url("/img/s/top10.gif?v=2b17d229d819");
}

div.statistics div#submenu2 img {
background-position:0 top;
width:30px;
height:30px;
}

div.statistics div#submenu2 img.active {
background-position:0 bottom;
}

div.statistics div#submenu2 img.btn_v1 {
background-image:url("/img/s/v1.gif?v=779a5b77f934");
}

div.statistics div#submenu2 img.btn_v5 {
background-image:url("/img/s/v5.gif?v=dbf9caee6c21");
}


div.statistics div#submenu2 img.btn_v2 {
background-image:url("/img/s/v2.gif?v=ccac5ceffc33");
}

div.statistics div#submenu2 img.btn_v3 {
background-image:url("/img/s/v3.gif?v=61bce75e9d0b");
}

div.statistics div#submenu2 img.btn_v6 {
background-image:url("/img/s/v6.gif?v=3ccd38afea77");
}

div.statistics div#submenu2 img.btn_v7 {
background-image:url("/img/s/v7.gif?v=5496edf2dba9");
}

div.statistics div#submenu2 img.btn_v8 {
background-image:url("/img/s/v8.png?v=325b3fd0a8b4");
}
div.statistics div#submenu2 img.btn_v9 {
background-image:url("/img/s/v9.png?v=81a07534714c");
}


div.forum img.switch_admin {
background-image:url("/img/f/switch_admin.gif?v=dd5210dab41c");
width:47px;
height:20px;
}


div#mid {
background-image:url("/img/a/rand.gif?v=1d91da0c6198");
background-repeat:repeat-y;
background-position:right 0;
}

div#footer {
background-image:url("/img/a/btm.gif?v=073b69821a01");
background-repeat:repeat-x;
}

div#side_navi p.deltimer a:hover {
background:none;
}

div#side_navi a:hover {
background-image:url("/img/a/n_rtl.gif?v=de1e0fc85a50");
}

div#side_navi a#logo:hover {
background:none;
}

div.map div#map div#map_content {
background-image:url("/img/m/map.png?v=c05f3f1e4c26");
background-position:2px 0;
}

div#mbig div#map {
background-image:url("/img/m/mapl.gif?v=3a724fcb8a9d");
}

div.messages div#read_head {
background-image:url("/img/msg/block_bg21.gif?v=0de1aaf6b7b2");
background-position:top right;
}

div.messages div#read_content {
background-image:url("/img/msg/block_bg22.gif?v=ebd57d9b73a2");
background-repeat:repeat-y;
background-position:top right;
}

div.messages div#read_content #heading div {
background-image:url("/img/msg/underline.gif?v=a5635fafc5ff");
background-repeat:repeat-x;
background-position:right -2px;
}

div.messages div#read_content #line {
background-image:url("/img/msg/block_bg25.gif?v=26c1426557af");
background-position:bottom right;
}

div.messages div#read_content #message {
background-image:url("/img/msg/underline.gif?v=a5635fafc5ff");
background-repeat:repeat;
}

div.messages div#read_foot {
background-image:url("/img/msg/block_bg23.gif?v=872ede54a459");
background-position:bottom right;
}

div.messages div#write_head {
background-image:url("/img/msg/block_bg21.gif?v=0de1aaf6b7b2");
background-position:top right;
}

div.messages div#write_content {
background-image:url("/img/msg/block_bg22.gif?v=ebd57d9b73a2");
background-repeat:repeat-y;
background-position:top right;
}

div.messages div#write_content #line {
background-image:url("/img/msg/block_bg25.gif?v=26c1426557af");
background-position:bottom right;
}

div.messages div#write_content #heading input,div.messages div#write_content #heading a {
background-image:url("/img/msg/underline.gif?v=a5635fafc5ff");
background-repeat:repeat-x;
background-position:right -2px;
}

div.messages div#write_content textarea,div.messages div#write_content span {
background-image:url("/img/msg/underline.gif?v=a5635fafc5ff");
background-repeat:repeat;
}
div#write_head,div#write_content,div#write_foot {
margin: auto;}

div.messages div#write_foot {
background-image:url("/img/msg/block_bg23.gif?v=872ede54a459");
background-position:bottom right;
}

div.messages div#adressbook {
background-image:url("/img/a/adr_rtl.gif?v=c8924a0c79a1");
}

div.messages div#block {
background-image:url("/img/msg/block_bg.gif?v=61eaff6556f2");
}

div.messages div#block textarea {
background-image:url("/img/msg/underline.gif?v=a5635fafc5ff");
background-repeat:repeat;
}

div#build.gid37 table#distribution td.xp img.bar {
height:10px;
background-image:url("/img/a/c3.gif?v=812a4631c11b");
background-repeat:repeat-x;
}

div#dynamic_header {
background-image:url("/img/l/dyn_bg1.jpg?v=16275906e5f4");
background-position:50% 0;
}

body.mod1 div#dynamic_header,body.mod2 div#dynamic_header {
background-image:none;
}

body.mod1 div#dynamic_header div.dyn1 {
background-image:url("/img/l/ad1.jpg?v=f1e71bbcee27");
background-position:-20px 0;
}

body.mod1 div#dynamic_header div.dyn2 {
background-image:url("/img/l/ad2.jpg?v=a1bf108e7618");
}

body.mod2 div#dynamic_header div.dyn1 {
background-image:url("/img/l/bigsize_bg.jpg?v=18818b76eb42");
background-position:-100px 0;
}

body.mod3 div#dynamic_header div.dyn1 {
background-image:url("/img/l/skyscraper_bg.gif?v=81f782e3a72b");
}

div.forum table#poll thead th {
background-image:url("/img/f/c4.gif?v=00f8cad56f3d");
background-repeat:repeat;
}

div.alliance div.chatHeader {
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

div.popup3 {
background-image:url("/img/a/anl_rtl.gif?v=88ae347053e2");
}

div.popup3 img.xlo {
width:32px;
height:32px;
background-image:url("/img/misc/xlo.gif?v=ef818753f784");
}

div.player div#gpack_popup {
background-image:url("/img/a/gp.gif?v=c42919eb3b8e");
}

div#side_info div#qge img#qgei {
height:220px;
}

div#side_info div#qge img.q_l1 {
width:125px;
background-image:url("/img/q/l1.jpg?v=792ef078a4af");
}

div#side_info div#qge img.q_l1g {
width:125px;
background-image:url("/img/q/l1g.jpg?v=a26df1a804cd");
}

div#side_info div#qge img.q_l5 {
width:125px;
background-image:url("/img/q/l5.jpg?v=7669aa112ce7");
}

div#side_info div#qge img.q_l5g {
width:125px;
background-image:url("/img/q/l5g.jpg?v=2acf27390457");
}

div#side_info div#qge img.q_l2 {
width:164px;
background-image:url("/img/q/l2.jpg?v=3985cbbd7385");
}

div#side_info div#qge img.q_l2g {
width:164px;
background-image:url("/img/q/l2g.jpg?v=8bbaa28c97d2");
}

div#side_info div#qge img.q_l3 {
width:146px;
background-image:url("/img/q/l3.jpg?v=9abea61889d5");
}

div#side_info div#qge img.q_l3g {
width:146px; 
background-image:url("/img/q/l3g.jpg?v=e7265026100e");
}

div#side_info div#qge img.q_l6 {
width:146px;
background-image:url("/img/q/l6.jpg?v=c0f1a8d34cef");
}

div#side_info div#qge img.q_l6g {
width:146px;
background-image:url("/img/q/l6g.jpg?v=07fbb52532e1");
}

div#side_info div#qge img.q_l7 {
width:190px;
background-image:url("/img/q/l7.jpg?v=ad712cb7b297");
}

div#side_info div#qge img.q_l7g {
width:190px;
background-image:url("/img/q/l7g.jpg?v=cf4277d4c521");
}

div#side_info div#qge img.q_l8 {
width:146px;
background-image:url("/img/q/l8.jpg?v=179d12090d0d");
}

div#side_info div#qge img.q_l8g {
width:146px;
background-image:url("/img/q/l8g.jpg?v=b21bb8b4a153");
}

div#side_info div#qge img.q_l9 {
width:146px;
background-image:url("/img/q/l9.jpg?v=3ceeba94be03");
}

div#side_info div#qge img.q_l9g {
width:146px;
background-image:url("/img/q/l9g.jpg?v=0d6b97fce793");
}

div.quest div#qstbg {
height:398px;
width:428px;
position:absolute;
right:11px;
top:75px;
z-index:1;
background-position:bottom;
background-color:white;
}

div.quest div.allres {
height:160px;
background-image:url("/img/q/allres.jpg?v=31e9f0fe96c7");
}

div.quest div.army {
height:169px;
background-image:url("/img/q/army.jpg?v=c3bceb221b61");
}

div.quest div.barracks {
height:180px;
background-image:url("/img/q/barracks.jpg?v=5baed1c9d4ea");
}

div.quest div.clay_iron {
height:199px;
background-image:url("/img/q/clay_iron.jpg?v=bfbd7b2a02db");
}

div.quest div.cost {
height:242px;
background-image:url("/img/q/cost.jpg?v=4720ba9670ea");
}

div.quest div.farm {
height:181px;
background-image:url("/img/q/farm.jpg?v=6c7e2f0647e5");
}

div.quest div.granary_rally {
height:163px;
background-image:url("/img/q/granary_rally.jpg?v=43d26ace1d75");
}

div.quest div.hide {
height:179px;
background-image:url("/img/q/hide.jpg?v=753f16ad6def");
display:block;
}

div.quest div.intro {
height:165px;
background-image:url("/img/q/intro.jpg?v=7f28db714393");
}

div.quest div.main {
height:234px;
background-image:url("/img/q/main.jpg?v=41d117f26215");
}

div.quest div.market {
height:165px;
background-image:url("/img/q/market.jpg?v=3f826b87f976");
}

div.quest div.medal {
height:214px;
background-image:url("/img/q/medal.jpg?v=2ee11939ce3e");
}

div.quest div.msg {
height:167px;
background-image:url("/img/q/msg.jpg?v=a2ce8843b48e");
}

div.quest div.neighbour {
height:160px;
background-image:url("/img/q/neighbour.jpg?v=98e0bb758380");
}

div.quest div.new_village {
height:208px;
background-image:url("/img/q/new_village.jpg?v=32aef98a3b43");
}

div.quest div.rank {
height:238px;
background-image:url("/img/q/rank.jpg?v=3941b7a48c85");
}

div.quest div.units {
height:166px;
background-image:url("/img/q/units.jpg?v=83646b240208");
}

div.quest div.village_name {
height:160px;
background-image:url("/img/q/village_name.jpg?v=32c4c9f156f5");
}

div.quest div.warehouse {
height:179px;
background-image:url("/img/q/warehouse.jpg?v=b583b7798c24");
}

div.quest div.wood {
height:237px;
background-image:url("/img/q/wood.jpg?v=39107604e4c1");
}

a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img,a#n0 img,a#n1 img,a#n2 img,a#n3 img,a#n4 img,a#n6 img,a#_n6 img,div#n5 {
background-position:0 -21px;
background-repeat:no-repeat;
height:67px;
width:70px;
}

a#x1 img,a#x2 img,a#x3 img,a#x4 img,a#x5 img{
background-position:0 -21px;
background-repeat:no-repeat;
height:67px;
width:70px;
}
/*
body.v35 a#n0 img,body.v35 a#_n0 img {
background-image:url("/img/l/n0.png?v=2b4c6901a425");
}*/

body.v35 a#n1 img,body.v35 a#_n1 img {
background-image:url("/img/l/n1.gif?v=6522fe518b9a");
}

body.v35 a#n2 img,body.v35 a#_n2 img {
background-image:url("/img/l/n2.gif?v=d8b4764cefb2");
}

body.v35 a#n3 img,body.v35 a#_n3 img {
background-image:url("/img/l/n3.gif?v=7ab2af20bb40");
}

body.v35 a#n4 img,body.v35 a#_n4 img {
background-image:url("/img/l/n4.gif?v=41478b1232e8");
}

body.v3 a#n1 img {
background-image:url("/img/l/n1_30.gif?v=18d0cb8f0cdb");
}

body.v3 a#n2 img {
background-image:url("/img/l/n2_30.gif?v=a4e9e5843b0e");
}

body.v3 a#n3 img {
background-image:url("/img/l/n3_30.gif?v=5175a720d2c3");
}

body.v3 a#n4 img {
background-image:url("/img/l/n4_30.gif?v=037eefc9c52b");
}

a#n0:hover img,a#n1:hover img,a#n2:hover img,a#n3:hover img,a#n4:hover img,a#n6:hover img {
background-position:0 -121px;
}
a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img {
background-position:0 -121px;
}
a#x1:hover img,a#x2:hover img,a#x3:hover img,a#x4:hover img,a#x5:hover img {
background-position:0 -121px;
}

div#n5 img {
height:67px;
width:35px;
}

body.v35 div.i1 {
background-image:url("/img/l/m1.gif?v=0983e9b00322");
}

body.v35 div.i2 {
background-image:url("/img/l/m2.gif?v=c8c6bd73d2a1");
}

body.v35 div.i3 {
background-image:url("/img/l/m3.gif?v=2556269e5a0d");
}

body.v35 div.i4 {
background-image:url("/img/l/m4.gif?v=5fb2b941f922");
}

body.v3 div.i1 {
background-image:url("/img/l/m1_30.gif?v=aae3f7eb3def");
}

body.v3 div.i2 {
background-image:url("/img/l/m2_30.gif?v=14eb632f4625");
}

body.v3 div.i3 {
background-image:url("/img/l/m3_30.gif?v=2b0b4f2b1a8f");
}

body.v3 div.i4 {
background-image:url("/img/l/m4_30.gif?v=9425503be285");
}

img.building {
width:75px;
height:100px;
}

img.g16,img.g16b,img.g16n,img.dx1 {
width:69px;
height:120px;
}

img.g40,img.ww {
width:214px;
}

img.g1 {
background-image: url("/img/g/gid1.png?v=a8c8a394a7d3");
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2);}

img.g2 {
background-image: url("/img/g/gid2.png?v=e68ff2e3dcb5");
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2);}

img.g3 {
background-image: url("/img/g/gid3.png?v=330bbdabeced");
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2);}

img.g4 {
background-image: url("/img/g/gid4.png?v=27ce677aa43b");
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2);}

img.g5 {
    background-image: url("/img/g/g5.png?v=c5e9a61142cf");
    background-size: 112%;
    background-position: bottom;
}

img.g5b {
background-image:url("/img/g/g5b.gif?v=b655bdd8160b");
}

img.g6 {
background-image: url("/img/g/gid6.png?v=c4578743cde2");
    background-size: 112%;
    background-position: bottom;}

img.g6b {
background-image:url("/img/g/g6b.gif?v=ecd240b14bd2");
}

img.g7 {
background-image: url("/img/g/gid7.png?v=a876c6ec3301");
    background-size: 112%;
    background-position: bottom;
}

img.g7b {
background-image:url("/img/g/g7b.gif?v=044d1a00c073");
}

img.g8 {
background-image: url("/img/g/g8.png?v=449f80ae08b3");
background-size: 100%;
background-position: bottom;
transform: scale(.95);
}

img.g8b {
background-image:url("/img/g/g8b.gif?v=ac3a256d366d");
}

img.g9 {
background-image: url("/img/g/gid9.png?v=f7a7e76f3987");
    background-size: 110%;
    background-position: bottom;
}

img.g9b {
background-image:url("/img/g/g9b.gif?v=d40b140be5d3");
}

img.g10 {
background-image: url("/img/g/g10.png?v=70c060689ed7");
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1);
}

img.g10b {
background-image:url("/img/g/g10b.gif?v=4fa2eff480a8");
}

img.g11 {
background-image: url("/img/g/g11.png?v=dcbca33cf32c");
background-size: 115%;
background-position: bottom;
transform: scale(1.1);

}

img.g11b {
background-image:url("/img/g/g11b.gif?v=c4f4c344ba5f");
}

img.g12 {
background-image:url("/img/g/g12.gif?v=09899bdf5caf");
}

img.g12b {
background-image:url("/img/g/g12b.gif?v=3707d563ccc4");
}

img.g13 {
background-image: url("/img/g/_g13.png?v=cff836e53adc");
background-size: 115%;
background-position: bottom;
transform: scale(1.1);
}

img.g13b {
background-image:url("/img/g/g12b.gif?v=3707d563ccc4");
}

img.g14 {
background-image: url("/img/g/g14.png?v=b43d06f322e4");
background-size: 111%;
background-position: bottom;
    transform: scale(1.1);
}

img.g14b {
background-image:url("/img/g/g14b.gif?v=1068519f4163");
}

img.g15 {
background-image: url("/img/g/g15.png?v=e67b352e4339");
background-size: 100%;
background-position: bottom;
transform: scale(1.1);

}

img.g15b {
background-image:url("/img/g/g15b.gif?v=c611b8ab4fb7");
}

img.g44 {
    background-image: url("/img/g/g444.png?v=02058fd5f482");
    background-size: 100%;
    background-position: bottom;
    scale: 1.1;
}

img.g44b {
background-image:url("/img/g/g44b.png?v=14bebf3fce88");
}

img.g16 {
    background-image: url("/img/g/g16.gif?v=e47fc1d21374");
}

img.g16b {
background-image:url("/img/g/g16b.gif?v=5d0cf9b2a7ce");
}

img.g16e,img.g0e {
background-image:url("/img/g/g16e.gif?v=9a6b0d681d63");
}

img.g17 {
background-image: url("/img/g/g17.png?v=29b922bab25d");
background-size: 100%;
background-position: bottom;
transform: scale(1.1);
}

img.g17b {
background-image:url("/img/g/g17b.gif?v=68b10b9d10b7");
}

img.g18 {
    background-image: url("/img/g/g18.png?v=59ab39e2e737");
    background-size: 130%;
    background-position: bottom;
    transform: scale(1.05);
}

img.g18b {
background-image:url("/img/g/g18b.gif?v=01d6abce8e46");
}

img.g19 {
background-image: url("/img/g/g19.png?v=d02d5ee1d64a");
background-size: 100%;
background-position: bottom;
transform: scale(1.1);
}

img.g19b {
background-image:url("/img/g/g19b.gif?v=37c634bd49d8");
}

img.g20 {
background-image: url("/img/g/g20.png?v=b47aefdee79f");
background-size: 100%;
background-position: bottom;
transform: scale(1.2);
}

img.g20b {
background-image:url("/img/g/g20b.gif?v=ad832fc125c1");
}

img.g21 {
background-image: url("/img/g/g21.png?v=dd51a79ea545");
background-size: 100%;
background-position: bottom;
transform: scale(1.1);

}

img.g21b {
background-image:url("/img/g/g21b.gif?v=c7f7e3edb94a");
}

img.g22 {
    background-image: url("/img/g/g22.png?v=edc8a90dd0fe");
    background-size: 110%;
    background-position: bottom;
    scale: 1.1;
}

img.g22b {
background-image:url("/img/g/g22b.gif?v=6d3b8a9ffa6d");
}

img.g23 {
background-image: url("/img/g/g23.png?v=d393bddda137");
    background-size: 100%;
    background-position: bottom;
    
}

img.g23b {
background-image:url("/img/g/g23b.gif?v=b873735679c5");
}

img.g24 {
background-image: url("/img/g/gid24.png?v=90cf26155249");
    background-size: 104%;
    background-position: bottom;
}

img.g24b {
background-image:url("/img/g/g24b.gif?v=364e9ed49b03");
}

img.g25 {
background-image: url("/img/g/g25.png?v=4c017811670b");
background-size: 100%;
background-position: bottom;
    transform: scale(1.1);
}

img.g25b {
background-image:url("/img/g/g25b.gif?v=26eb9f0f820e");
}

img.g26 {
background-image: url("/img/g/g26.png?v=d50ca7cfe82f");
background-size: 110%;
background-position: bottom;
}

img.g26b {
background-image:url("/img/g/g26b.gif?v=67c2a7ff04a8");
}

img.g27 {
background-image: url("/img/g/g27.png?v=7c23136366a4");
background-size: 100%;
background-position: bottom;
transform: scale(1.2);
}

img.g27b {
background-image:url("/img/g/g27b.gif?v=eb0d4f3cfb29");
}

img.g28 {
    background-image: url("/img/g/g28.png?v=6dc58e0eeb47");
    background-position: bottom;
    background-size: 140%;
}

img.g28b {
background-image:url("/img/g/g28b.gif?v=5972b7dc2921");
}

img.g29 {
    background-image: url("/img/g/gid29.png?v=26517649cc31");
    background-size: 110%;
    background-position: bottom;
}

img.g29b {
background-image:url("/img/g/g29b.gif?v=37c634bd49d8");
}

img.g30 {
background-image: url("/img/g/gid30.png?v=710993105ba4");
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2);}

img.g30b {
background-image:url("/img/g/g30b.gif?v=ad832fc125c1");
}

img.g34 {
background-image: url("/img/g/_g34.png?v=9a8b8224ee38");
background-size: 102%;
background-position: bottom;
transform: scale(1.05);
}

img.g34b {
background-image:url("/img/g/g34b.gif?v=c14fdd4c488c");
}

img.g36 {
background-image: url("/img/g/g36.png?v=94535530193e");
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1);
}

img.g36b {
background-image:url("/img/g/g36b.gif?v=10a2be7cece6");
}

img.g37 {
background-image: url("/img/g/_g37.png?v=a3dcbcf30da1");
background-size: 100%;
background-position: bottom;
transform: scale(1.1);
}

img.g37b {
background-image:url("/img/g/g37b.gif?v=7533b93425ea");
}

img.g38 {
background-image: url("/img/g/gid38.gif?v=5fb4d1b37c78");
background-size: 110%;
transform: scale(1.055);
background-position: bottom;
    }

img.g38b {
background-image:url("/img/g/g38b.gif?v=575fb68a5780");
}

img.g39 {
background-image: url("/img/g/gid39.gif?v=5a3c4b89215b");
background-size: 100%;
scale: 1.1;
background-position: bottom;}

img.g39b {
background-image:url("/img/g/g39b.gif?v=8d035c792015");
}

img.g40 {
background-image:url("/img/g/g40.gif?v=03e7533ec176");
height:154px;
}

img.g40_1 {
background-image:url("/img/g/g40_1.gif?v=85277b438551");
height:167px;
}

img.g40_2 {
background-image:url("/img/g/g40_2.gif?v=b5943171cbb6");
height:193px;
}

img.g40_3 {
background-image:url("/img/g/g40_3.gif?v=99881c4ccaba");
height:230px;
}

img.g40_4 {
background-image:url("/img/g/g40_4.gif?v=f9b2dc84cb4a");
height:239px;
}

img.g40_5 {
background-image:url("/img/g/g40_5.gif?v=a8ef73b561ff");
height:302px;
}

img.g41 {
    background-image: url("/img/g/gid41.png?v=1321af5db68c");
    background-position: bottom;
    background-size: 120%;
    transform: scale(1.2);
}

img.g41b {
background-image:url("/img/g/g41b.gif?v=d44a6a0d9a89");
}

img.g42 {
background-image:url("/img/g/g42.gif?v=44867aebb8b5");
}

img.g42b {
background-image:url("/img/g/g42b.gif?v=37c634bd49d8");
}

img.g43 {
background-image:url("/img/g/g43.png?v=ba30df9cc203");
    background-size: 95%;
    background-position: bottom;
    transform: scale(1.3);
}

img.g43b {
background-image:url("/img/g/g43b.gif?v=dc71504a63f4");
}

div.build img.g45 {
background-image: url("/img/g/bg1.png?v=10105ce09acb");
    background-size: 100%;
    background-position: bottom;
}

img.g46 {
background-image:url("/img/g/Hos.png?v=4e653348813e");
background-size: contain;
background-position: bottom;transform: scale(1.18);
}

img.g46b {
background-image:url("/img/g/Hos.png?v=4e653348813e");
background-size: contain;
background-position: bottom;transform: scale(1.18);
}

div.village1 div.f1,div.map img.f1 {
background-image:url("/img/g/f1.png?v=6f77e0025373");
}

div.village1 div.f2,div.map img.f2 {
background-image:url("/img/g/f2.png?v=dec391edad7b");
}

div.village1 div.f3,div.map img.f3 {
background-image:url("/img/g/f3.png?v=cb64f9398295");
}
div.village1 div.f13,div.map img.f13 {
background-image:url("/img/g/f13.png?v=58c53de0555d");
}

div.village1 div.f4,div.map img.f4 {
background-image:url("/img/g/f4.png?v=9a49681cffe0");
}

div.village1 div.f5,div.map img.f5 {
background-image:url("/img/g/f5.png?v=818324f2e097");
}

div.village1 div.f6,div.map img.f6 {
background-image:url("/img/g/f6.png?v=c8dfde15bcd2");
}

div.village1 div.f7,div.map img.f7 {
background-image:url("/img/g/f7.png?v=e3c93fd199d8");
}

div.village1 div.f8,div.map img.f8 {
background-image:url("/img/g/f8.png?v=c2944988fbd1");
}

div.village1 div.f9,div.map img.f9 {
background-image:url("/img/g/f9.png?v=ca7efb7b480d");
}

div.village1 div.f10,div.map img.f10 {
background-image:url("/img/g/f10.png?v=4a9ce5f6282a");
}

div.village1 div.f11,div.map img.f11 {
background-image:url("/img/g/f11.png?v=e17b3e5cf718");
}

div.village1 div.f12,div.map img.f12 {
background-image:url("/img/g/f12.png?v=dffd7b15113e");
}

div.village1 div.f99,div.map img.f99 {
background-image:url("/img/g/f99.jpg?v=c2020b75346e");
}
div.village1 div#village_map img.level1,div.village1 div#village_map img.level2,div.village1 div#village_map img.level3,div.village1 div#village_map img.level4,div.village1 div#village_map img.level5,div.village1 div#village_map img.level6,div.village1 div#village_map img.level7,div.village1 div#village_map img.level8,div.village1 div#village_map img.level9,div.village1 div#village_map img.level10{background-image:url("/img/g/s/lvl1_10.gif?v=bc84fc51640a")}
div.village1 div#village_map img.level1_active,div.village1 div#village_map img.level2_active,div.village1 div#village_map img.level3_active,div.village1 div#village_map img.level4_active,div.village1 div#village_map img.level5_active,div.village1 div#village_map img.level6_active,div.village1 div#village_map img.level7_active,div.village1 div#village_map img.level8_active,div.village1 div#village_map img.level9_active,div.village1 div#village_map img.level10_active{background-image:url("/img/g/s/lvl1_10_active.gif?v=be340bd67296")}
div.village1 div#village_map img.level11,div.village1 div#village_map img.level12,div.village1 div#village_map img.level13,div.village1 div#village_map img.level14,div.village1 div#village_map img.level15,div.village1 div#village_map img.level16,div.village1 div#village_map img.level17,div.village1 div#village_map img.level18,div.village1 div#village_map img.level19,div.village1 div#village_map img.level20{background-image:url("/img/g/s/lvl11_20.gif?v=05c1593cade9")}
div.village1 div#village_map img.level11_active,div.village1 div#village_map img.level12_active,div.village1 div#village_map img.level13_active,div.village1 div#village_map img.level14_active,div.village1 div#village_map img.level15_active,div.village1 div#village_map img.level16_active,div.village1 div#village_map img.level17_active,div.village1 div#village_map img.level18_active,div.village1 div#village_map img.level19_active,div.village1 div#village_map img.level20_active{background-image:url("/img/g/s/lvl11_20_active.gif?v=d83f6011678b")}
div.village1 div#village_map img.level21,div.village1 div#village_map img.level22,div.village1 div#village_map img.level23,div.village1 div#village_map img.level24,div.village1 div#village_map img.level25{background-image:url("/img/g/s/lvl21_30.gif?v=9a1c8c6aa12e")}
/*div.village1 div#village_map img.level21_active,div.village1 div#village_map img.level22_active,div.village1 div#village_map img.level23_active,div.village1 div#village_map img.level24_active,div.village1 div#village_map img.level25_active{background-image:url("/img/g/s/lvl21_30_active.gif?v=6ac8d90beb76")}*/
div.village1 div#village_map img.level1,div#village_map img.level1_active,div.village1 div#village_map img.level11,div.village1 div#village_map img.level11_active,div.village1 div#village_map img.level21,div.village1 div#village_map img.level21_active{background-position:0 0}
div.village1 div#village_map img.level2,div.village1 div#village_map img.level2_active,div.village1 div#village_map img.level12,div.village1 div#village_map img.level12_active,div.village1 div#village_map img.level22,div.village1 div#village_map img.level22_active{background-position:-17px 0}
div.village1 div#village_map img.level3,div.village1 div#village_map img.level3_active,div.village1 div#village_map img.level13,div.village1 div#village_map img.level13_active,div.village1 div#village_map img.level23,div.village1 div#village_map img.level23_active{background-position:-34px 0}
div.village1 div#village_map img.level4,div.village1 div#village_map img.level4_active,div.village1 div#village_map img.level14,div.village1 div#village_map img.level14_active,div.village1 div#village_map img.level24,div.village1 div#village_map img.level24_active{background-position:-51px 0}
div.village1 div#village_map img.level5,div.village1 div#village_map img.level5_active,div.village1 div#village_map img.level15,div.village1 div#village_map img.level15_active,div.village1 div#village_map img.level25,div.village1 div#village_map img.level25_active{background-position:-68px 0}
div.village1 div#village_map img.level6,div.village1 div#village_map img.level6_active,div.village1 div#village_map img.level16,div.village1 div#village_map img.level16_active{background-position:-85px 0}
div.village1 div#village_map img.level7,div.village1 div#village_map img.level7_active,div.village1 div#village_map img.level17,div.village1 div#village_map img.level17_active{background-position:-102px 0}
div.village1 div#village_map img.level8,div.village1 div#village_map img.level8_active,div.village1 div#village_map img.level18,div.village1 div#village_map img.level18_active{background-position:-119px 0}
div.village1 div#village_map img.level9,div.village1 div#village_map img.level9_active,div.village1 div#village_map img.level19,div.village1 div#village_map img.level19_active{background-position:-136px 0}
div.village1 div#village_map img.level10,div.village1 div#village_map img.level10_active,div.village1 div#village_map img.level20,div.village1 div#village_map img.level20_active{background-position:-153px 0}

div.map img#detailed_map {
width:300px;
max-height:264px;
}

div.map img.w1 {
background-image:url("/img/m/w1.png?v=c11a7e7d9752");
}

div.map img.w2 {
background-image:url("/img/m/w2.png?v=c60a8dc1a808");
}

div.map img.w3 {
background-image:url("/img/m/w3.png?v=02997f343187");
}

div.map img.w4 {
background-image:url("/img/m/w4.png?v=3c298155196a");
}

div.map img.w5 {
background-image:url("/img/m/w5.png?v=0e3d92150f2d");
}

div.map img.w6 {
background-image:url("/img/m/w6.png?v=d06bb4a19d4b");
}

div.map img.w7 {
background-image:url("/img/m/w7.png?v=1197f15d438e");
}

div.map img.w8 {
background-image:url("/img/m/w8.png?v=44e835540428");
}

div.map img.w9 {
background-image:url("/img/m/w9.png?v=5e71cc596071");
}

div.map img.w10 {
background-image:url("/img/m/w10.png?v=ae37a9ec9ae5");
}

div.map img.w11 {
background-image:url("/img/m/w11.png?v=4c2152d17dae");
}

div.map img.w12 {
background-image:url("/img/m/w12.png?v=422d8dbaff8c");
}

div.village2 div.d2_0 {
background-image:url("/img/g/bg0.png?v=76b9595511d9");
}

div.village2 div.d2_1 {
background-image:url("/img/g/bg1.png?v=10105ce09acb");
}

div.village2 div.d2_11 {
background-image:url("/img/g/bg11.png?v=bdfd32608598");
}

div.village2 div.d2_12 {
background-image:url("/img/g/bg12.png?v=7b690603f38a");
}

div.build img.g31 {
background-image: url("/img/g/bg11.png?v=bdfd32608598");
    background-size: 100%;
    background-position: bottom;
}

div.build img.g32 {
background-image: url("/img/g/bg12.png?v=7b690603f38a");
    background-size: 100%;
    background-position: bottom;
}

div.build img.g33 {
background-image: url("/img/g/bg1.png?v=10105ce09acb");
    background-size: 100%;
    background-position: bottom;
}
    
div.village2 div#village_map img.iso {
background-image:url("/img/g/iso.gif?v=ad4fa12426bf");
}
div.village2 div#village_map img.isoo {
background-image:url("/img/g/iso1.png?v=912bd8655b0a");
}

div.village2 div#levels div {
background:url("/img/g/s/glvl.gif?v=3ce9c12aebaa");
}
/*
div.village2 div#village_map img.tur {
background-image:url("/img/special/NewyearRocket_turquoise_1a.gif?v=fb18d4fe86ae");
}

div.village2 div#village_map img.purp {
background-image:url("/img/special/NewyearRocket_purple_1a.gif?v=ec98e04ad092");
}

div.village2 div#village_map img.yell {
background-image:url("/img/special/NewyearRocket_yellow_1a.gif?v=e1a685201ffb");
}

div.village2 div#village_map img.oran {
background-image:url("/img/special/NewyearRocket_orange_1a.gif?v=7bbc02370144");
}

div.village2 div#village_map img.green {
background-image:url("/img/special/NewyearRocket_green_1a.gif?v=75825ba8a415");
}

div.village2 div#village_map img.red {
background-image:url("/img/special/NewyearRocket_red_1a.gif?v=072cecd4b441");
}
*/

div#map div#map_content div.b00 {
background-image:url("/img/m/d00.gif?v=af133b0c9e22");
}

div#map div#map_content div.b01 {
background-image:url("/img/m/d01.gif?v=a587723d8df1");
}

div#map div#map_content div.b02 {
background-image:url("/img/m/d02.gif?v=94460a8fd24e");
}

div#map div#map_content div.b03 {
background-image:url("/img/m/d03.gif?v=25c2c57c7583");
}

div#map div#map_content div.b04 {
background-image:url("/img/m/d04.gif?v=adb3a0333647");
}

div#map div#map_content div.b05 {
background-image:url("/img/m/d05.gif?v=16b576c6099c");
}

div#map div#map_content div.b06 {
background-image:url("/img/m/d06.gif?v=48c07d9193f5");
}
/*
div#map div#map_content div.b07 {
background-image:url("/img/m/d07.gif?v=1ff6ec1be3fe");
}
*/
div#map div#map_content div.b08 {
background-image:url("/img/m/d08.gif?v=fb079005f5a9");
}

div#map div#map_content div.b09 {
background-image:url("/img/m/d09.gif?v=b400fc614579");
}

div#map div#map_content div.b10 {
background-image:url("/img/m/d10.gif?v=6a8ea498e36d");
}

div#map div#map_content div.b11 {
background-image:url("/img/m/d11.gif?v=08cfd66e8976");
}

div#map div#map_content div.b12 {
background-image:url("/img/m/d12.gif?v=122da21a3171");
}

div#map div#map_content div.b13 {
background-image:url("/img/m/d13.gif?v=6e13aafde053");
}

div#map div#map_content div.b14 {
background-image:url("/img/m/d14.gif?v=f713baa737d7");
}

div#map div#map_content div.b15 {
background-image:url("/img/m/d15.gif?v=73f8e628e932");
}

div#map div#map_content div.b16 {
background-image:url("/img/m/d16.gif?v=50c2e5e843d9");
}

div#map div#map_content div.b17 {
background-image:url("/img/m/d17.gif?v=1021e013ef91");
}

div#map div#map_content div.b18 {
background-image:url("/img/m/d18.gif?v=16e43833c2f7");
}
/*
div#map div#map_content div.b19 {
background-image:url("/img/m/d19.gif?v=66d07fbf9647");
}*/

div#map div#map_content div.b20 {
background-image:url("/img/m/d20.gif?v=1717d94f9f35");
}

div#map div#map_content div.b21 {
background-image:url("/img/m/d21.gif?v=66f0444fc9d8");
}

div#map div#map_content div.b22 {
background-image:url("/img/m/d22.gif?v=e56991a23169");
}

div#map div#map_content div.b23 {
background-image:url("/img/m/d23.gif?v=c3e6108cead9");
}

div#map div#map_content div.b24 {
background-image:url("/img/m/d24.gif?v=dc9e332e7510");
}

div#map div#map_content div.b25 {
background-image:url("/img/m/d25.gif?v=5643ec5c6f11");
}

div#map div#map_content div.b26 {
background-image:url("/img/m/d26.gif?v=50535bb74da5");
}

div#map div#map_content div.b27 {
background-image:url("/img/m/d27.gif?v=dac49f6b0883");
}
/*
div#map div#map_content div.b28 {
background-image:url("/img/m/d28.gif?v=1a111ecb9d97");
}*/

div#map div#map_content div.b29 {
background-image:url("/img/m/d29.gif?v=af153b2af1fd");
}

div#map div#map_content div.b30 {
background-image:url("/img/m/d30.gif?v=0f8cff663fc5");
}

div#map div#map_content div.b31 {
background-image:url("/img/m/d31.gif?v=9d7ba4f6574d");
}

div#map div#map_content div.b32 {
background-image:url("/img/m/d32.gif?v=c5bb0d30058a");
}

div#map div#map_content div.b33 {
background-image:url("/img/m/d33.gif?v=236035fee521");
}

div#map div#map_content div.b34 {
background-image:url("/img/m/d34.gif?v=c6ac0fbb0e85");
}

div#map div#map_content div.b35 {
background-image:url("/img/m/d35.gif?v=99aacb54cc5a");
}

div#map div#map_content div.o0 {
background-image:url("/img/m/o0.gif?v=b305ee437979");
}

div#map div#map_content div.o1 {
background-image:url("/img/m/o1.gif?v=f4bebd708dee");
}

div#map div#map_content div.o2 {
background-image:url("/img/m/o2.gif?v=90f415556820");
}

div#map div#map_content div.o3 {
background-image:url("/img/m/o3.gif?v=c394e0ac1b72");
}

div#map div#map_content div.o4 {
background-image:url("/img/m/o4.gif?v=db8ff9438e9c");
}

div#map div#map_content div.o5 {
background-image:url("/img/m/o5.gif?v=110def4e11a9");
}

div#map div#map_content div.o6 {
background-image:url("/img/m/o6.gif?v=d432919f1b22");
}

div#map div#map_content div.o7 {
background-image:url("/img/m/o7.gif?v=f60e5af20557");
}

div#map div#map_content div.o8 {
background-image:url("/img/m/o8.gif?v=11a8d9ea7942");
}

div#map div#map_content div.o9 {
background-image:url("/img/m/o9.gif?v=779432a4c969");
}

div#map div#map_content div.o10 {
background-image:url("/img/m/o10.gif?v=7e5c225b13e2");
}

div#map div#map_content div.o11 {
background-image:url("/img/m/o11.gif?v=2c990146732a");
}

div#map div#map_content div.o12 {
background-image:url("/img/m/o12.gif?v=dbfa27e5a8e9");
}

/* موطن التحفة — صخر بركاني أحمر خلف سياج حديدي.
   البلاطة تبقى واحة في البيانات (`odata` + `artifact_spawn`)؛ هذا الصنف يغيّر
   ما يُرى وحده، فتظل حراسة «لا احتلال» و«لا استيطان» وحامية التتار عاملة.
   والصورة مشتقّة من `o7.gif` بمولّد محفوظ (`scripts/draw_artifact_home_tile.py`)
   لتبقى هندسة المعيَّن وحوافّه مطابقة لبقية الخريطة بالبكسل. */
div#map div#map_content div.artifact-home {
background-image:url("/img/m/artifact-home.gif?v=d2d8fdcd715d");
}

/* وبعد أن تُترك التحفة وتعود: نفس الصخر بلا سياج. */
div#map div#map_content div.artifact-home-free {
background-image:url("/img/m/artifact-home-free.gif?v=20651b66bd76");
}

div#map div#map_content div.o99 {
background-image:url("/img/m/o99.gif?v=15ba54274c93");
}

div#map div#map_content div.t0 {
background-image:url("/img/m/t0.gif?v=c80ed37934e7");
}

div#map div#map_content div.t1 {
background-image:url("/img/m/t1.gif?v=69ce39fdea6e");
}

div#map div#map_content div.t2 {
background-image:url("/img/m/t2.gif?v=e51b51f98444");
}

div#map div#map_content div.t3 {
background-image:url("/img/m/t3.gif?v=5e4819aff6d1");
}

div#map div#map_content div.t4 {
background-image:url("/img/m/t4.gif?v=b8acab12a7d1");
}

div#map div#map_content div.t5 {
background-image:url("/img/m/t5.gif?v=d3b0d620b5e6");
}

div#map div#map_content div.t6,div#map div#map_content div.t13 {
background-image:url("/img/m/t6.gif?v=3bc30443a823");
}

div#map div#map_content div.t7 {
background-image:url("/img/m/t7.gif?v=61f68979a484");
}

div#map div#map_content div.t8 {
background-image:url("/img/m/t8.gif?v=3bc30443a823");
}

div#map div#map_content div.t9 {
background-image:url("/img/m/t9.gif?v=69ce39fdea6e");
}

div#map img#map_navibox {
width:100px;
height:60px;
background-image:url("/img/m/dir.gif?v=e01cf36b8bb5");
}

div.forum table#poll td.stat img {
height:12px;
}

div.forum table#poll td.stat img.stats-start {
width:5px;
background-image:url("/img/f/stats_right.gif?v=566039a623db");
}

div.forum table#poll td.stat img.stats-middle {
background-image:url("/img/f/stats_middle.gif?v=f3b6342ebc64");
background-repeat:repeat-x;
}

div.forum table#poll td.stat img.stats-end {
width:5px;
background-image:url("/img/f/stats_left.gif?v=6ab914ce9408");
}

div.messages div#write_content a#adbook img {
width:48px;
height:29px;
background-image:url("/img/a/friends.gif?v=f62a0f3566af");
}

div.player div#gpack_popup img.logo {
width:40px;
height:40px;
}

div.player div#gpack_popup img.firefox {
background-image:url("/img/a/firefox.gif?v=c634448a2401");
}

div.player div#gpack_popup img.opera {
background-image:url("/img/a/opera.gif?v=bf607441ac1b");
}

div.player div#gpack_popup img.ie {
background-image:url("/img/a/ie.gif?v=e6979730f164");
}

div.player div#gpack_popup img.unknown {
background-image:url("/img/a/unknown.gif?v=639671c3f7e7");
}

div.player div#gpack_popup div#gpack_activate img#preview {
width:0;
height:0;
background-image:none;
}

body.manual img.troops {
width:140px;
height:89px;
background-image:url("/img/a/troops.gif?v=7b9346428c71");
}

body.manual img.buildings {
width:140px;
height:89px;
background-image:url("/img/a/buildings.gif?v=66b88164d616");
}

body.manual img.navi {
width:116px;
height:18px;
background-image:url("/img/a/navi.gif?v=c7f5fd55de6c");
}

body.manual img#big_unit {
width:150px;
height:120px;
}

body.manual img.big_u1 {
background-image:url("/img/u2rtl/u1.gif?v=25cc315db62b");
}

body.manual img.big_u2 {
background-image:url("/img/u2rtl/u2.gif?v=de343fcea08b");
}

body.manual img.big_u3 {
background-image:url("/img/u2rtl/u3.gif?v=e18b9b29b1e5");
}

body.manual img.big_u4 {
background-image:url("/img/u2rtl/u4.gif?v=be9245241508");
}

body.manual img.big_u5 {
background-image:url("/img/u2rtl/u5.gif?v=5862a7d9707b");
}

body.manual img.big_u6 {
background-image:url("/img/u2rtl/u6.gif?v=03dadce75133");
}

body.manual img.big_u7 {
background-image:url("/img/u2rtl/u7.gif?v=be4954105a21");
}

body.manual img.big_u8 {
background-image:url("/img/u2rtl/u8.gif?v=de60891f22d8");
}

body.manual img.big_u9 {
background-image:url("/img/u2rtl/u9.gif?v=f6abc30ea2da");
}

body.manual img.big_u10 {
background-image:url("/img/u2rtl/u10.gif?v=baef8d676b4f");
}

 img.big_u41 {
background-image:url("/img/u2/u41.gif?v=1cafad803d68");
}

 img.big_u42 {
background-image:url("/img/u2/u42.gif?v=462f7176071e");
}

 img.big_u43 {
background-image:url("/img/u2/u43.gif?v=5f1493ca40fc");
}

 img.big_u44 {
background-image:url("/img/u2/u44.gif?v=1fc01456ea4c");
}

 img.big_u45 {
background-image:url("/img/u2/u45.gif?v=b883d6b16355");
}

 img.big_u46 {
background-image:url("/img/u2/u46.gif?v=15020f237773");
}

 img.big_u47 {
background-image:url("/img/u2/u47.gif?v=6e844c12af8e");
}

 img.big_u48 {
background-image:url("/img/u2/u48.gif?v=88ea63c57deb");
}

 img.big_u49 {
background-image:url("/img/u2/u49.gif?v=ea9e976faa02");
}

 img.big_u50 {
background-image:url("/img/u2/u50.gif?v=a0930c00b254");
}

body.manual img.big_u11 {
background-image:url("/img/u2rtl/u11.gif?v=2223266d4687");
}

body.manual img.big_u12 {
background-image:url("/img/u2rtl/u12.gif?v=7b1772cdf6f8");
}

body.manual img.big_u13 {
background-image:url("/img/u2rtl/u13.gif?v=2e12676c86b7");
}

body.manual img.big_u14 {
background-image:url("/img/u2rtl/u14.gif?v=1b97fe1ca614");
}

body.manual img.big_u15 {
background-image:url("/img/u2rtl/u15.gif?v=7964a7029b9d");
}

body.manual img.big_u16 {
background-image:url("/img/u2rtl/u16.gif?v=edc22d3c63e4");
}

body.manual img.big_u17 {
background-image:url("/img/u2rtl/u17.gif?v=53bdea6ab39e");
}

body.manual img.big_u18 {
background-image:url("/img/u2rtl/u18.gif?v=d33d11f24784");
}

body.manual img.big_u19 {
background-image:url("/img/u2rtl/u19.gif?v=73c7432b5612");
}

body.manual img.big_u20 {
background-image:url("/img/u2rtl/u20.gif?v=72c1a0478fc7");
}

body.manual img.big_u21 {
background-image:url("/img/u2rtl/u21.gif?v=7656b3dfe39c");
}

body.manual img.big_u22 {
background-image:url("/img/u2rtl/u22.gif?v=2ade1384f812");
}

body.manual img.big_u23 {
background-image:url("/img/u2rtl/u23.gif?v=43a418e7e2d1");
}

body.manual img.big_u24 {
background-image:url("/img/u2rtl/u24.gif?v=bdd6db50fdf8");
}

body.manual img.big_u25 {
background-image:url("/img/u2rtl/u25.gif?v=2a2010418d8e");
}

body.manual img.big_u26 {
background-image:url("/img/u2rtl/u26.gif?v=a623a5ad8516");
}

body.manual img.big_u27 {
background-image:url("/img/u2rtl/u27.gif?v=31b6689ecb98");
}

body.manual img.big_u28 {
background-image:url("/img/u2rtl/u28.gif?v=882b5ea214be");
}

body.manual img.big_u29 {
background-image:url("/img/u2rtl/u29.gif?v=bf48f8de3ad6");
}

body.manual img.big_u30 {
background-image:url("/img/u2rtl/u30.gif?v=e7c5a8efcdbd");
}

body.manual img.big_u51 {
background-image:url("/img/u2/u51.gif?v=1ce0e6662ef8");
}

body.manual img.big_u52 {
background-image:url("/img/u2/u52.gif?v=55f4129c0db3");
}

body.manual img.big_u53 {
background-image:url("/img/u2/u53.gif?v=da4f71676b87");
}

body.manual img.big_u54 {
background-image:url("/img/u2/u54.gif?v=a83a7dea8e10");
}

body.manual img.big_u55 {
background-image:url("/img/u2/u55.gif?v=d1625d2fcd0b");
}

body.manual img.big_u56 {
background-image:url("/img/u2/u56.gif?v=bc23ba174533");
}

body.manual img.big_u57 {
background-image:url("/img/u2/u57.gif?v=9329293fd7c3");
}

body.manual img.big_u58 {
background-image:url("/img/u2/u58.gif?v=84332db39c92");
}

body.manual img.big_u59 {
background-image:url("/img/u2/u59.gif?v=f305678f26c5");
}

body.manual img.big_u60 {
background-image:url("/img/u2/u60.gif?v=e36a349af683");
}

body.manual img.big_u61 {
background-image:url("/img/u2rtl/u61.gif?v=b67a0e7e6da8");
}

body.manual img.big_u62 {
background-image:url("/img/u2rtl/u62.gif?v=53bd38a1e887");
}

body.manual img.big_u63 {
background-image:url("/img/u2rtl/u63.gif?v=b225ec0cff25");
}

body.manual img.big_u64 {
background-image:url("/img/u2rtl/u64.gif?v=4cf4b47270e0");
}

body.manual img.big_u65 {
background-image:url("/img/u2rtl/u65.gif?v=9b5a7c7cf187");
}

body.manual img.big_u66 {
background-image:url("/img/u2rtl/u66.gif?v=6f8aaa43f864");
}

body.manual img.big_u67 {
background-image:url("/img/u2rtl/u67.gif?v=5efe8c6bb56d");
}

body.manual img.big_u68 {
background-image:url("/img/u2rtl/u68.gif?v=b4f5dd18820d");
}

body.manual img.big_u69 {
background-image:url("/img/u2rtl/u69.gif?v=3483f3fcf58c");
}

body.manual img.big_u70 {
background-image:url("/img/u2rtl/u70.gif?v=e365e0bcfcd7");
}

body.manual img.big_u70 {
background-image:url("/img/u2/u70.png?v=94418c957998");
    background-size: cover;
}

body.manual img.big_u71 {
background-image:url("/img/u2/u71.png?v=c72c4d3eb09e");
}

body.manual img.big_u72 {
background-image:url("/img/u2/u72.png?v=8f8c7b5041fa");
}

body.manual img.big_u73 {
background-image:url("/img/u2/u73.png?v=c80a68ae6a92");
}

body.manual img.big_u74 {
background-image:url("/img/u2/u74.png?v=25b56ddca71e");
}

body.manual img.big_u75 {
background-image:url("/img/u2/u75.png?v=35b2b3cdfd8a");
}

body.manual img.big_u76 {
background-image:url("/img/u2/u76.png?v=584b0c949ee8");
}

body.manual img.big_u77 {
background-image:url("/img/u2/u77.png?v=8a2f20c23944");
}

body.manual img.big_u78 {
background-image:url("/img/u2/u78.png?v=05cde81abd3e");
}

body.manual img.big_u79 {
background-image:url("/img/u2/u79.png?v=984ba3f61e8a");
}

body.manual img.big_u80 {
background-image:url("/img/u2/u80.png?v=2ad41685f23c");
}


body.manual img.big_u100 {
background-image:url("/img/u2/u100.gif?v=1cafad803d68");
}

body.manual img.big_u101 {
background-image:url("/img/u2/u101.gif?v=462f7176071e");
}

body.manual img.big_u102 {
background-image:url("/img/u2/u102.gif?v=5f1493ca40fc");
}

body.manual img.big_u103 {
background-image:url("/img/u2/u103.gif?v=1fc01456ea4c");
}

body.manual img.big_u104 {
background-image:url("/img/u2/u104.gif?v=b883d6b16355");
}

body.manual img.big_u105 {
background-image:url("/img/u2/u105.gif?v=15020f237773");
}

body.manual img.big_u106 {
background-image:url("/img/u2/u106.gif?v=6e844c12af8e");
}

body.manual img.big_u107 {
background-image:url("/img/u2/u107.gif?v=88ea63c57deb");
}

body.manual img.big_u108 {
background-image:url("/img/u2/u108.gif?v=ea9e976faa02");
}

body.manual img.big_u109 {
background-image:url("/img/u2/u109.gif?v=a0930c00b254");
}

div.plus table#gold_features td.preview img {
width:150px;
height:150px;
}

div.plus table#gold_features td.preview img.p1_25 {
background-image:url("/img/p/p1_25.jpg?v=b8108c5cc750");
}

div.plus table#gold_features td.preview img.p2_25 {
background-image:url("/img/p/p2_25.jpg?v=f356998d9ad7");
}

div.plus table#gold_features td.preview img.p3_25 {
background-image:url("/img/p/p3_25.jpg?v=37e0ee36d3f3");
}

div.plus table#gold_features td.preview img.p4_25 {
background-image:url("/img/p/p4_25.jpg?v=961f7d7f5e41");
}

div.plus table#gold_features td.preview img.off10 {
background-image:url("/img/p/off10.jpg?v=9a84edddc4c3");
}

div.plus table#gold_features td.preview img.def10 {
background-image:url("/img/p/def10.jpg?v=25d24dda49ef");
}

div.plus table#gold_features td.preview img.bau0 {
background-image:url("/img/p/bau0.jpg?v=92a2eeb58432");
}

div.plus table#gold_features td.preview img.npc {
background-image:url("/img/p/npc.jpg?v=987d52aac9d5");
}

div.plus table#gold_features td.preview img.gid19 {
background-image:url("/img/p/gid19.gif?v=c68c944d4f0c");
}

div.logout img.roman,div.signup img.roman {
width:156px;
height:156px;
background-image:url("/h-css/roemer.png?v=19f2e6356934");
}

div.error_site img.e403 {
width:165px;
height:211px;
background-image:url("/img/misc/403.gif?v=b060baf02243");
}

div.error_site img.e404 {
width:190px;
height:155px;
background-image:url("/img/misc/404.gif?v=6be3679fc9a2");
}

div.error_site img.e500 {
width:254px;
height:207px;
background-image:url("/img/misc/500.gif?v=9aece4f569ae");
}

div.peace {
font-size:18pt;
left:110px;
position:absolute;
top:-5px;
z-index:999;
}

div.peace.active {
color:#FF8000;
}

div.peace.comming {
color:#dddddd;
}

img.day {
width:18px;
height:18px;
position:absolute;
right:104px;
top:-5px;
background-image:url("/img/l/day.gif?v=083ca88b2a99");
}

img.night {
width:18px;
height:18px;
position:absolute;
right:104px;
top:-5px;
background-image:url("/img/l/night.gif?v=46d4d221006d");
}

img.loading {
width:20px;
height:20px;
position:absolute;
right:104px;
top:-5px;
background-image:url("/img/l/loading.svg?v=ffc9f5e4fdee");
}

img.g35 {
background-image: url("/img/g/gid35.png?v=9bc8183e2886");
    background-size: 110%;
    background-position: bottom;
}

img.g35b {
background-image:url("/img/g/g35b.gif?v=f152e23f90f4");
}

div.plus div#payment table td {
border:none;
}

div.plus div#payment table table tr.rbg td {
font-weight:bold;
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

div.plus div#payment table {
border-collapse:separate;
}

div.plus div#payment table td {
padding:2px;
text-align:center;
}

div.plus div#payment table tr.s7 td {
text-align:right;
}

div.plus div#payment table table td.th_bg {
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

body {
overflow-y:scroll;
}

body.manual {
overflow-y:hidden;
}

body.ie6 {
overflow-y:hidden;
}

body.ie7 {
overflow-y:hidden;
}

html,body {
height:100%;
}

.wrapper {
height:auto!important;
height:100%;
min-height:100%;
position:relative;
}

/* شريط رأس الصفحة. كان `header-line.png` — وهو **1×100** يُكرَّر أفقياً، أي
   تدرّج رأسي بحت: سماء تخفت إلى بياض حتى 80%، ثم خطّ أرضٍ من 85% إلى النهاية.
   استُبدل بتدرّج CSS يعيد الشكل نفسه بالبكسل ويجعل خطّ الأرض برونزَ الهوية
   `#cbb98a` بدل الأخضر `#b1cb8e`. **الملف باقٍ على القرص** فالرجوع سطر واحد.

   🪤 وموضع الحكم عليه ليس صفحات اللعبة: هناك تغطّيه لوحة الرأس فلا يُرى.
   يظهر على الصفحات القصيرة بلا لوحة — «الشروط» و«الخصوصية» — وعندها كان
   خطاً أخضر تحت عنوان برونزي. (قِيست محطات الصورة بـcanvas قبل الاستبدال،
   ورُئي الطرفان جنباً إلى جنب قبل الحسم.) */
.wrapper {
background: transparent linear-gradient(to bottom,
    #d5f2ff 0%, #f8fdff 80%, #cbb98a 85%, #cbb98a 100%) repeat-x right top;
background-size: 1px 100px;
}

.ie6 .wrapper {
text-align:center;
}

.ie6 .wrapper * {
text-align:right;
}

table.row_table_data tr.hlight td {
background-color:#fffaf0;
}

table.row_table_data tr.marked td {
background-color:#fff8dc;
}

body {
background-color:#FFF;
}

body.manual {
background-image:none;
}

body.mod1 div#dynamic_header div.dyn1,body.mod1 div#dynamic_header div.dyn2,body.mod2 div#dynamic_header div.dyn1,body.mod2 div#dynamic_header div.dyn2,body.mod3 div#dynamic_header div.dyn1,body.mod3 div#dynamic_header div.dyn2,body.mod1 iframe#ad_iframe {
display:none;
}

div#dynamic_header,body.mod1 div#dynamic_header,body.mod2 div#dynamic_header,body.mod3 div#dynamic_header {
background:transparent var(--Hdr) center top no-repeat;
height:100px;
}

div#header {
    background: #efefef;
    background-image: linear-gradient(#fff,#d7d7d7);
    border-top: 1px solid silver;
    box-shadow: 0 4px 4px 0 #b9b9b9;
    margin-bottom: 40px;
    height: 45px;
}

div#mtop,body.mod1 div#mtop,body.mod2 div#mtop,body.mod3 div#mtop {
height:72px;
right:50%;
margin-right:-241px;
z-index:2;
}

a#n0 img,a#n1 img,a#n2 img,a#n3 img,a#n4 img,a#n6 img,div#n5,a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img,a#_n6 img,div#_n5 {
height:72px;
}

a#x1 img,a#x2 img,a#x3 img,a#x4 img,a#x5 img {
height:72px;
}

div#mtop div#n5 .reports {
float:left;
}

div#mtop div#n5 .messages {
float:right;
}

body.v35 a#n0 img,body.v35 a#_n0 img {
background-image:url("/img/vip/n0-rtl.png?v=6149ce6ab106");
}
body.v35 a#n1 img,body.v35 a#_n1 img {
background-image:url("/img/vip/n1-rtl.png?v=a59c57397472");
}

body.v35 a#n2 img,body.v35 a#_n2 img {
background-image:url("/img/vip/n2-rtl.png?v=dfc1e1910fa5");
}

body.v35 a#n3 img,body.v35 a#_n3 img {
background-image:url("/img/vip/n3-rtl.png?v=bd60d39fa635");
}

body.v35 a#n4 img,body.v35 a#_n4 img {
background-image:url("/img/vip/n4-rtl.png?v=5dd39ee97f74");
}

/* قصر الأبطال — الأيقونة السادسة (نظام البطل الجديد). Same 70x200 sheet and the
   same two frames as its neighbours, built on their own plate so the ring, the
   shadow and the band line up pixel for pixel. */
body.v35 a#n6 img,body.v35 a#_n6 img {
background-image:url("/img/vip/n6-rtl.png?v=88b3a21fbd3b");
}

/* شارة المغامرات — دائرة المصدر الزرقاء إلى يسار البطل. `data-badge` فارغ
   عندما لا توجد مغامرات، فيختفي العنصر بالكامل. */
div#mtop a#n6 {
position:relative;
}

div#mtop a#n6[data-badge]:not([data-badge=""])::after {
content:attr(data-badge);
position:absolute;
top:8px;
left:-9px;
transform:none;
min-width:25px;
height:25px;
padding:0 4px;
box-sizing:border-box;
border-radius:50%;
background:#3f6f8a;
border:0;
color:#fff;
font:bold 11px/25px Tahoma,Arial,sans-serif;
text-align:center;
box-shadow:0 1px 3px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.28);
pointer-events:none;
z-index:8;
}

/* حلقة تنبض عندما يوجد أسير أو بطل أسير (§18). */
div#mtop a#n6.ui-topbar__hero--alert::before {
content:"";
position:absolute;
top:50%;
left:50%;
width:56px;
height:56px;
margin:-28px 0 0 -28px;
border-radius:50%;
border:2px solid rgba(180,35,24,0.85);
animation:heroAlertPulse 2.2s ease-in-out infinite;
pointer-events:none;
z-index:2;
}

@keyframes heroAlertPulse {
0%,100% { transform:scale(0.94); opacity:0.85; }
50% { transform:scale(1.04); opacity:0.25; }
}

body.v35 a#x1 img {
background-image:url("/img/vip/serv1.png?v=7c96cee89a19");
}

body.v35 a#x2 img {
background-image:url("/img/vip/serv2.png?v=7d1fc8508930");
}

body.v35 a#x3 img {
background-image:url("/img/vip/serv3.png?v=82da7cb5af65");
}

body.v35 a#x4 img {
background-image:url("/img/vip/serv4.png?v=20ba3539e8af");
}

body.v35 a#x5 img {
background-image:url("/img/vip/serv5.png?v=657568aaf820");
}

body.v35 div.i1 {
background-image:url("/img/vip/m1-rtl.png?v=b45d8bd385a4");
}

body.v35 div.i2 {
background-image:url("/img/vip/m2-rtl.png?v=b701999723fe");
}

body.v35 div.i3 {
background-image:url("/img/vip/m3-rtl.png?v=4156b0799796");
}

body.v35 div.i4 {
background-image:url("/img/vip/m4-rtl.png?v=560b58ce7531");
}

div#mtop a#plus {
background:transparent url("/img/vip/plus-rtl.png?v=8e2ce3d70e1b") no-repeat 0 -21px;
display:block;
font-size:13px;
height:40px;
padding-right:12px;
padding-top:21px;
position:relative;
width:79px;
}

img#btn_plus {
background-color:transparent;
background-position:right top;
background-repeat:no-repeat;
height:21px;
right:62px;
position:absolute;
top:19px;
width:21px;
}

img#btn_plus.active {
background-image:url("/img/vip/plus-active.png?v=ad0fc4f8fb2a");
}

img#btn_plus.inactive {
background-image:url("/img/vip/plus-inactive.png?v=aca016715a32");
}

img.day,img.night {
right:5px;
top:-57px;
}

div.peace {
left:5px;
top:-65px;
}

div#stime {
display:inline;
height:0;
right:0;
top:0;
width:0;
}

div#ltime,body.mod1 div#ltime,body.mod2 div#ltime,body.mod3 div#ltime {
right:0;
top:111px;
width:100%;
z-index:1;
}

div#ltime div#ltimeWrap {
margin:0 auto 0 auto;
width:910px;
}

div#res,body.mod1 div#res,body.mod2 div#res,body.mod3 div#res {
right:0;
top:170px;
width:100%;
z-index:2;
}

div#resWrap {
right:50%;
margin-right:-345px;
position:relative;
width:572px;
}

div#res table {
background-color:transparent;
}

div#res table td.res {
width:78px;
font-weight: bold;
color:#fff;
background-color: rgb(84,197,113);
border-radius: 5px;
text-align: center;
}

div#mid {
background-image:none;
float:none;
height:auto;
margin:0 auto;
width:1000px;
}

div#content,body.mod1 div#content,body.mod2 div#content,body.mod3 div#content {
height:auto!important;
height:450px;
min-height:450px;
}

div#side_navi {
background:transparent url("/img/vip/shadow-a-rtl.png?v=d7f85fe6d802") no-repeat left top;
height:100%!important;
height:453px;
min-height:453px;
width:155px;
}

div#side_navi a#logo {
visibility:hidden;
}

div#side_navi a#logo img {
height:28px;
}

div#side_navi a:hover {
background:transparent url("/img/vip/menu-bg-rtl.gif?v=2eace2ddb1b3") no-repeat right top;
}

div#side_info,body.mod1 div#side_info,body.mod2 div#side_info,body.mod3 div#side_info {
background:transparent url("/img/vip/shadow-b-rtl.png?v=4a16029b455c") no-repeat right top;
height:100%!important;
height:453px;
margin-right:0;
min-height:453px;
padding-right:16px;
width:257px;
z-index:3;
}

.footer-stopper {
float:right;
margin-bottom:100px;
}

.ie6 .footer-stopper,.ie7 .footer-stopper {
height:100px;
}

div#footer {
background:#F1F1F1 url("/img/vip/footer-line.png?v=144e27595bac") repeat-x center top;
bottom:0;
height:50px;
right:0;
min-width:980px;
position:absolute;
left:0;
}

div#footer div#mfoot {
margin:0 auto;
width:905px;
}

.ie6 div#footer div#mfoot {
}

div#footer div.footer-menu {
color:#797979;
font-size:.8em;
}

div#footer div#mfoot a,div#footer div#mfoot a:visited,div#footer div#mfoot a:active {
color:#797979;
}

div#footer div#mfoot div.copyright {
text-align:left;
}

div#footer ul.menu {
list-style-type:none;
margin:0;
padding:0;
position:absolute;
width:70%;
}

div#footer ul.menu.menu2 {
right:210px;
}

div#footer ul.menu li {
float:right;
margin:0 5px;
}

div#footer ul.menu li a {
color:#797979;
margin:0 3px;
}

div#footer ul.menu li.copyright {
direction:ltr;
}
div#build.gid27 p.artifact-strongest-note {
    color: red;
    font-weight: bold;
}

div#build.gid27 table#show_artefacts td.al {
width:20%;
}

div#build.gid27 table#art_details tbody th {
width:35%;
}

div#build.gid27 table.art_details {
margin-top:25px;
}

div#build.gid27 table td.icon img {
width:16px;
height:16px;
background-image:url("/img/misc/artefacts.gif?v=6899cd487c54");
}

div#build.gid27 table td.icon img.artefact_icon_1 {
background-position:0 0;
}

div#build.gid27 table td.icon img.artefact_icon_2 {
background-position:-16px 0;
}

div#build.gid27 table td.icon img.artefact_icon_3 {
background-position:-32px 0;
}

div#build.gid27 table td.icon img.artefact_icon_4 {
background-position:-48px 0;
}

div#build.gid27 table td.icon img.artefact_icon_5 {
background-position:-64px 0;
}

div#build.gid27 table td.icon img.artefact_icon_6 {
background-position:-80px 0;
}

div#build.gid27 table td.icon img.artefact_icon_7 {
background-position:-96px 0;
}

div#build.gid27 table td.icon img.artefact_icon_8 {
background-position:-112px 0;
}

div#build.gid27 table td.icon img.artefact_icon_9 {
background-position:-128px 0;
}


img.cropfinder_icon{width:20px;height:20px;background-image:url("/img/misc/cropfinder.gif?v=f6df43d0e0db");}

div#build.gid27 div.artefact.image-ww{padding-bottom:223px;background-image:url("/img/artefact/type-ww.gif?v=34d4df0ecddd");}
div#build.gid27 div.artefact.image-1{padding-bottom:160px;background-image:url("/img/artefact/type-1.gif?v=ff61ddb3384e");}
div#build.gid27 div.artefact.image-2{padding-bottom:200px;background-image:url("/img/artefact/type-2.gif?v=ccd337d7fabb");}
div#build.gid27 div.artefact.image-3{padding-bottom:157px;background-image:url("/img/artefact/type-3.gif?v=9844a25e87cd");}
div#build.gid27 div.artefact.image-4{padding-bottom:170px;background-image:url("/img/artefact/type-4.gif?v=0a1bb2fe1423");}
div#build.gid27 div.artefact.image-5{padding-bottom:160px;background-image:url("/img/artefact/type-5.gif?v=8b7fb67fb342");}
div#build.gid27 div.artefact.image-6{padding-bottom:198px;background-image:url("/img/artefact/type-6.gif?v=977608793c54");}
div#build.gid27 div.artefact.image-7{padding-bottom:161px;background-image:url("/img/artefact/type-7.gif?v=9ed5355bf558");}
div#build.gid27 div.artefact.image-8{padding-bottom:161px;background-image:url("/img/artefact/type-8.gif?v=8c66a0a10e9f");}
div#build.gid27 div.artefact.image-9{padding-bottom:161px;background-image:url("/img/artefact/type-9.gif?v=47e1eb7c612e");}
div#build.gid27 div.artefact.image-fool{padding-bottom:252px;background-image:url("/img/artefact/type-fool.gif?v=ebe29a5564f5");}

div#build.gid27 div.artefact {
background-position:center bottom;
background-repeat:no-repeat;
}

div#build.gid27 div.artefact.image-1 {
background-image:url("/img/artefact/type-1.jpg?v=a7370f794c7c");
}

div#build.gid27 div.artefact.image-2 {
background-image:url("/img/artefact/type-2.gif?v=ccd337d7fabb");
}

div#build.gid27 div.artefact.image-3 {
background-image:url("/img/artefact/type-3.jpg?v=da2b18a2cf70");
}

div#build.gid27 div.artefact.image-4 {
background-image:url("/img/artefact/type-4.jpg?v=eec4985e0f8a");
}

div#build.gid27 div.artefact.image-5 {
background-image:url("/img/artefact/type-5.gif?v=8b7fb67fb342");
}

div#build.gid27 div.artefact.image-6 {
background-image:url("/img/artefact/type-6.gif?v=977608793c54");
}

div#build.gid27 div.artefact.image-7 {
background-image:url("/img/artefact/type-7.jpg?v=0b260482d488");
}

div#build.gid27 div.artefact.image-8 {
background-image:url("/img/artefact/type-8.jpg?v=b4546a3ae32d");
}

div#build.gid27 div.artefact.image-9 {
background-image:url("/img/artefact/type-9.jpg?v=424290a15040");
}

div#build.gid27 div.artefact.image-10 {
    background-image: url("/img/artefact/type-10.jpg?v=6ee090f47367");
}


div.player img.t223_1{background-image:url("/img/t/t223_1.jpg?v=2bceaa75e8c7");}
div.player img.t224_1{background-image:url("/img/t/t224_1.jpg?v=2bceaa75e8c7");}


div.player img.t200_1 {
background-image:url("/img/t/t200_1.jpg?v=8fa0793fb073");
}

div.player img.t201_1 {
background-image:url("/img/t/t201_1.jpg?v=9c7bcb33cd51");
}

div.player img.t202_1 {
background-image:url("/img/t/t202_1.jpg?v=df10b0bc2b3f");
}

div.player img.t210_1 {
background-image:url("/img/t/t210_1.jpg?v=511c36f97d8c");
}

div.player img.t211_1 {
background-image:url("/img/t/t211_1.jpg?v=1b083b5cf5ac");
}

div.player img.t212_1 {
background-image:url("/img/t/t212_1.jpg?v=558ef03dc84d");
}

div.player img.t220_1 {
background-image:url("/img/t/t220_1.jpg?v=580caf2bc770");
}

div.player img.t221_1 {
background-image:url("/img/t/t221_1.jpg?v=d0ad78568097");
}

div.player img.t222_1 {
background-image:url("/img/t/t222_1.jpg?v=2bceaa75e8c7");
}
div.player img.t130_1{background-image: url("/img/t/t122_1.jpg?v=2689f9f133ad");}
div.player img.t170_1{background-image: url("/img/t/t162_1.jpg?v=7fd833583c69");}
div.player img.t110_1{background-image: url("/img/t/t102_1.jpg?v=e09db4d8c0b6");}



 div.questWrapper div.achievement div.nextReset{color:#7b624c;text-align:center;margin-bottom:3px;font-size:10px}
 
  div.questWrapper div.achievement div.nextReset{font-size:11px}
  div.content div.birthdayRibbonContainer div.headline{color:#911d1d;font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;text-shadow:1px 0 1px rgba(251,236,201,0.4),1px 1px 1px rgba(251,236,201,0.4),0 1px 1px rgba(251,236,201,0.4),-1px 1px 1px rgba(251,236,201,0.4),-1px 0 1px rgba(251,236,201,0.4),-1px -1px 1px rgba(251,236,201,0.4),0 -1px 1px rgba(251,236,201,0.4),1px -1px 1px rgba(251,236,201,0.4);font-size:22px;line-height:3em;letter-spacing:.2em;display:none}
div.content div.birthdayRibbonContainer div.headline{font-family:IRANSans,Arial,Helvetica,Verdana,sans-serif}
  div.content div.birthdayRibbonContainer div.headline{font-size:23px;}
 div.content div.pointsAndAchievements{margin-top:10px}
 div.content div.achievementPoints{background-image:url("/img/qu/kranz.png?v=f0bdf9d343a9");height:109px;padding:1px;text-align:center;width:122px;float:right}
 div.content div.achievementPoints div.points{font-size:25px;margin-top:25px;padding-left:5px}
  div.content div.achievementPoints div.points{font-size:26px}
  div.content div.achievementPoints div.pointstext{font-size:14px;padding-left:5px;padding-top:16px}
  div.content div.achievementPoints div.pointstext{font-size:15px}
 div.content #achievementRewardList div.achievement{float:right;position:relative;}
 div.content #achievementRewardList div.achievement div.hook.points_25 img{left:57px;top:-2px}
 div.content #achievementRewardList div.achievement div.hook.points_50 img{left:49px;top:-2px}
 div.content #achievementRewardList div.achievement div.hook.points_75 img{left:45px;top:-2px}
 div.content #achievementRewardList div.achievement div.hook.points_100 img{left:45px;top:-2px}
div#achievementRewardList div.achievement div.pointAmount{z-index:9;color:black;font-weight:normal}
div.achievement img.inactive {    filter: grayscale(1);}
div#achievementRewardList div.achievement div.pointAmount.points_25{font-size:21px;left:42px;position:absolute;top:20px}
 div#achievementRewardList div.achievement div.pointAmount.points_25{font-size:22px}
div#achievementRewardList div.achievement div.pointAmount.points_50{font-size:21px;left:32px;position:absolute;top:20px}
 div#achievementRewardList div.achievement div.pointAmount.points_50{font-size:22px}
div#achievementRewardList div.achievement div.pointAmount.points_75{font-size:21px;left:30px;position:absolute;top:20px}
 div#achievementRewardList div.achievement div.pointAmount.points_75{font-size:22px}
div#achievementRewardList div.achievement div.pointAmount.points_100{font-size:21px;left:24px;position:absolute;top:20px}
 div#achievementRewardList div.achievement div.pointAmount.points_100{font-size:22px}
/* Milestone chest payout, advertised under each chest so the player can see
   what it pays before earning it. Stacking the chest and its caption keeps the
   absolutely positioned .pointAmount offsets above valid. */
div.content #achievementRewardList div.achievement{display:flex;flex-direction:column;align-items:center}
div#achievementRewardList div.achievement div.chestReward{margin-top:4px;display:grid;grid-template-columns:auto;gap:1px;justify-items:center;font-size:10px;line-height:14px;color:#3f2c19;white-space:nowrap}
div#achievementRewardList div.achievement div.chestReward span.chestReward__res{display:inline-flex;align-items:center;gap:3px}
div#achievementRewardList div.achievement div.chestReward span.chestReward__plus{grid-column:1 / -1;text-align:center;font-weight:bold;color:#5a4632}

div.bigSpeechBubble {
    background: url("/img/qu/speechBalloonLarge-rtl.png?v=928304df9ec5");
    width: 55px;
    height: 44px;
}

 div.content #achievementRewardList div.achievement .bigSpeechBubble.rewardReady img{background-image:url("/img/qu/exclamationMark-rtl.png?v=1218ee5ad2a6")}
 div.content #achievementRewardList div.achievement .bigSpeechBubble{position:absolute;right:-12px;top:76px}
 div.content #achievementRewardList div.achievementArrow{background:url("/img/qu/pfeil-rtl.png?v=216e8df2b5aa") no-repeat center center;float:right;width:9px;height:112px;margin-right:5px;margin-left:3px}
 div.content #achievementRewardList div.verticalLine{background-color:#ddd9ce;float:right;width:1px;height:112px;margin-right:10px;margin-left:3px}
 div.content #achievementRewardList img.points_25{width:89px;height:112px;background:url("/img/qu/btn_brown_25.png?v=4174664dcccc") -18px center}
 div.content #achievementRewardList img.points_50{width:89px;height:112px;background:url("/img/qu/btn_brown_50.png?v=3f63c5916e46") -25px center}
 div.content #achievementRewardList img.points_75{width:89px;height:112px;background:url("/img/qu/btn_brown_75.png?v=569609db41bb") -28px center}
 div.content #achievementRewardList img.points_100{width:89px;height:112px;background:url("/img/qu/btn_brown_100.png?v=edf1eeb812fb") -28px center}
 div.content #achievementRewardList img.points_25.active{background:url("/img/qu/btn_green_25.png?v=0fd8a80e6bf2") -4px center}
 div.content #achievementRewardList img.points_50.active{background:url("/img/qu/btn_green_50.png?v=0c0672344b04") -25px center}
 div.content #achievementRewardList img.points_75.active{background:url("/img/qu/btn_green_75.png?v=9fecf37c6577") -28px center}
 div.content #achievementRewardList img.points_100.active{background:url("/img/qu/btn_green_100.png?v=398639c7b257") -28px center}
 div.content #achievementQuestList{margin-top: 10px;background-color:#f2f2f2;border-collapse:collapse}
 div.content #achievementQuestList tr{height:32px} div.content #achievementQuestList td{background-color:transparent;border-bottom:2px solid #fff}
 div.content #achievementQuestList tr.zebra td{background-color:#efecdb}
 div.content #achievementQuestList img.hook{width:30px;height:30px} div.content #achievementQuestList img.hook.working{background-image:url("/img/qu/haken_weiss.png?v=9cf6ae40118e")}
 div.content #achievementQuestList img.hook.done{background-image:url("/img/qu/haken_gruen.png?v=2c7ee0baac88")}
 div.content #achievementQuestList tr{height:41px} div.content #achievementQuestList tr:nth-child(even){background-color:#fcfaef}
 div.content #achievementQuestList tr:nth-child(odd){background-color:#f4f4f4}
 div.content #achievementQuestList td.hook{width:35px} div.content #achievementQuestList td.steps{width:35px}
 div.content #achievementQuestList td.points{width:70px;color:#99c01a;font-weight:bold}
 div.content span.questList {
    color: #7b624c;
    text-align: center;
}
div.content span {
    font-size: 19px;
}
.bigSpeechBubble img {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 6px;
    top: 6px;
}

div.popup_map {
    border: 0 solid #000;
    display: inline;
    padding-right: 80px;
    padding-left: 80px;
    padding-top: 31px;
    position: relative;
    top: 0;
    z-index: 80;
}
div.popup_map div#drag2 {
    cursor: pointer;
    height: 20px;
    width: 20px;
    z-index: 2;
}

/* ===== 07-modern-components.css ===== */
#Frame {
    top: 0;
    z-index: 1000;
}


div#mbig {
    background-color: #fff;
}
div#mbig {
    border: 1px solid #5a595a;
    height: 572px;
    width: 622px;
}
div#mbig div#lightframe {
    border: 2px solid #dedfde;
    height: 554px;
    right: 7px;
    position: relative;
    top: 7px;
    width: 604px;
}
div#mbig div#darkframe {
    border: 2px solid #9c9a9c;
    height: 550px;
    width: 600px;
}
div#mbig a#map_popclose {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
}
div#mbig a#map_popclose img {
    background-image: url("/img/a/close.gif?v=d91a09a522a6");
    cursor: pointer;
    height: 22px;
    width: 22px;
}

  .questWrapper .questImage {
    float: left;
    width: 130px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.questWrapper .questText {
    margin-top: 20px;
}
.questWrapper .questButtons {
    position: relative;
    margin-top: 10px;
    height: 25px;
}
.questWrapper.achievements .difficulty.moderate{color:#006400}
.questWrapper.achievements .difficulty.challenging{color:#ff8c00}.questWrapper.achievements .difficulty.hard{color:#8b0000}
 #presentation {min-height: 110px;}
 #presentation #tribeSelectors {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}
 #presentation #tribeSelectors input {
  display: none;
}
 #presentation #tribeSelectors input + .selector {
    flex: 1;
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    border: solid 1px silver;
    border-radius: 10px;
    margin-left: 7px;
    background-color: white;
    box-shadow: 2px 2px 30px #e3e3e3 inset, -2px -2px 30px #e3e3e3 inset;
    position: relative;
    cursor: pointer;
    display: block;
    transition-duration: 150ms;
 }
 #presentation #tribeSelectors input + .selector[data-text]:before {
    content: attr(data-text);
    position: absolute;
    bottom: -24px;
    left: 17px;
    z-index: 2;
    line-height: 150%;
    font-weight: bold;}
 #presentation #tribeSelectors input + .selector:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: 0 80px;
}
 #presentation #tribeSelectors input + .selector:hover:after {
  background-position: 0 0;
}
 #presentation #tribeSelectors input:not(:checked):active + .selector {
  box-shadow: none;
}
 #presentation #tribeSelectors input:checked + .selector {
    border: solid 1px #71d002;
    box-shadow: 2px 2px 30px #71d002 inset, -2px -2px 30px #ffffff inset;
    cursor: default;
 }
 #presentation #tribeSelectors input:checked + .selector:after {
  background-position: 0 0;
}
 #presentation #tribeSelectors input[value="1"] + .selector:after {
  background-image: url("/images/tribe1.png?v=6f65f436f16c");
}
 #presentation #tribeSelectors input[value="2"] + .selector:after {
  background-image: url("/images/tribe2.png?v=26bfe9c00fc3");
}
 #presentation #tribeSelectors input[value="3"] + .selector:after {
  background-image: url("/images/tribe3.png?v=e51f5527c68f");
  background-position-x: -8px;
}
 #presentation #tribeSelectors input[value="6"] + .selector:after {
  background-image: url("/images/tribe6.png?v=73fa23cf131a");
}
 #presentation #tribeSelectors input[value="7"] + .selector:after {
  background-image: url("/images/tribe7.png?v=db1631036d2d");
}

button.icon,
a.button.icon {
  width: 24px;
  height: 24px;
  background-image: url("/images/buttonSmall-rtl.png?v=c85b0212ffe2");
  padding: 0;
  border: none;
}

button.icon:hover,
a.button.icon:hover {
  background-position: right -34px;
}

button.icon.disabled:hover,
a.button.icon.disabled:hover {
  background-position: right top;
}

button.icon.iconActive,
button.icon.iconActive.disabled,
a.button.icon.iconActive,
a.button.icon.iconActive.disabled {
  background-position: right -68px;
}

button.icon.gold,
a.button.icon.gold {
  background-position: right -140px;
}

button.icon img {
  position: relative;
}

.Tit {z-index:10;position: relative;display: inline-block;padding-left: 7px;}
.Tit .Text {visibility: hidden;width: max-content;background-color: #fffca8;border: solid 1px var(--swd-tile-rule);color: #000;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index:10;bottom: 125%;left: 50%;transform:translateX(-50%);opacity: 0;transition: opacity 0.3s;}
.Tit .Text::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -3px;border-width: 6px;border-style: solid;border-color: var(--swd-tile-rule) transparent transparent transparent;}
.Tit:hover .Text{visibility: visible;opacity: 1;}    

.autocomplete {
  position: relative;
  display: inline-block;
    box-sizing: border-box;
}


.autocomplete-items {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.Pulse{animation:Pulse .8s infinite;-moz-animation:Pulse .8s infinite;-webkit-animation:Pulse .8s infinite}
@keyframes Pulse{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}

input:not([type]):hover, input[type=email]:hover, input[type=text]:hover, input[type=password]:hover {box-shadow: 0 0 8px var(--swd-bronze-lift);}


div#map div#map_content div.Dark {filter: saturate(0.2);}


a.Gold{
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    padding: 3px 3px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    position: relative;
    border-radius: .375rem;
    /* Reference client keeps the badge at its flow position; the mobile #UBar
       is a flex row with align-items:flex-end and puts it at y=7. Only the
       desktop copy inside #mtop is nudged (see below). */
    top: 0;
    font-weight: 600;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    transition-timing-function: linear;
    right:10px;
}

/* #mtop sets font-size:0, so baseline alignment would drop the badge 43px below
   the icon strip. Aligning to the top of the line box makes `top` the whole
   offset, landing it 19px down — the reference client's desktop position. */
#mtop a.Gold {
    vertical-align: top;
    top: 19px;
}

a.Gold div.Gold1{
font-weight: 700;
        align-items: center;
        display: flex;}

a.Gold div.Gold2{
     box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
    padding: .25rem;
    --tw-bg-opacity: 0.75;
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: 9999px;
    margin-left: .25rem;
    width: 12px;
    height: 12px;}
    
    
        div.barWrapper{
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    height: 25px;
    width:100%;
    }
    div.barWrapper b{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 1.8em;
    padding-right: 10px;
    font-size:14px;
    }
    div#Res{
    width: 16px;
    position: relative;
    z-index: 11;
    top: -1px;    
    border: none;
    border-radius: 0;
    background: #0000;
    line-height: 1.8em;
    }
    
    div#res table td{
    padding:0!important;
    }
    div.bares {
    background: var(--linear);
    height: 25px;
    border-radius: 4px;
    margin-top: -1px;
    }
    div#res table td.res {
    color: white;
    background-color: var(--Back);
    height: 20px!important;
    border: 1px solid var(--Bar);
    border-radius: 5px;
    width:25%;
    }
    div#res table img {
    margin-top: 4px;
    }

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/********************** New *******************************/
#UBar{
display:none;
direction: rtl;
position: fixed;    
will-change: transform;
margin: 0!important;
padding: 8px 0px 5px 0px;
max-width: 100%;
width: 100%;
top: 0;
text-align: right;
z-index: 10000;
background-image: linear-gradient(to top,#fdfdfde6,#e5e5e5,#fdfdfde6);
border-radius: 0px;
border:unset;
border-bottom:1px solid silver;
font-weight: 800;
font-size: 17px;
height: 25px;
right: 0px;
}


a[href] {min-width: 10px;display: inline-block;}
input[type=radio] ,input[type=checkbox] {
    width: 20px!important;
}
option , select {
    height: 26px!important;
    font-size: 17px;
    max-width:140px;
}

table tr.hl th:first-child, table tr.hl td:first-child {
    border-right: 1px solid orange;
}

table tr.hl th:last-child, table tr.hl td:last-child {
    border-left: 1px solid orange;
}


/* 🪤 نسخةٌ ثانية من قاعدة `tr.hl` — والأولى في `03-shared-pages.css` كانت
   قد نُقلت إلى الهوية، **وهذه بقيت على أصفر ترافيان وبرتقاليّه**. وهي متأخرة
   في المنيفست (07 بعد 03) فكانت **تغلب المحوَّلة وتعيد اللون القديم في كل
   صفحة فيها صفٌّ مميَّز**.

   ولم تظهر لأن أوضح موضع لها — صفحات `/dorf4` — محجوبة خلف بلاس، فلا تُرى
   إلا بحساب مشترِك. القيم الآن مطابقة لنسخة 03 حرفاً. */
table tr.hl th, table tr.hl td {
    background-color: var(--swd-tile);
    border-top: 1px solid var(--swd-bronze);
    border-bottom: 1px solid var(--swd-bronze);
}

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

table.row_table_data tr.marked td {
    background-color: #e7e7e7;
}
div#content, body.mod1 div#content, body.mod2 div#content, body.mod3 div#content {
    height: auto!important;
    height: 550px;
    min-height: 650px;
}
.InBar.xPh {
    top: 110px;
    left: 0;
}
.diC {
    display: table;
    margin: 0 auto;
}
.InBar {
    width: 480px;
    height: 30px;
    top: 80px;
    left: 120px;
}.InBar a:first-child {
    color: #a20327;
}
.InBar a {
    margin: 0 35px;
    color: #333;
    height: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    text-shadow: 1px 1px 1px #fff;
    padding: 3px 10px;
    top: 5px;
    left: 10px;
}
*[onclick],*[n] ,*[n-href],*[data-medals],#CoC_0,#CoC_1 {
    cursor: pointer;
    color: var(--swd-link);
}
*[bottom] {
    cursor: pointer;
}

.InBar a:hover {
    border: 1px solid #e6e6e6;
}
c#EyePwd_Eye{color:silver;font-weight:200 !important;right:20px;position:relative;;}
.NoSelect {
  -webkit-touch-callout:none;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
}
div#dynamic_header span {
    display: none!important;
}


.Avtar{
    width: 270px;
    height: 185px;
    max-height: 185px;
    max-width: 270px;
}
#plse {
animation: plse 1s infinite;
transition: all ease-in 200ms;
}

@keyframes plse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
@keyframes ahov {
  0% { transform: scale(1); }
  50% { transform: scale(0.95); }
  100% { transform: scale(1); }
}


/* ===== 08-mobile-and-interactions.css ===== */
@media screen and (max-width:768px){

div.Note{
    width: 100%!important;
}

div#side_info td.dot {
padding:3px 6px;
}

div.village2 table#building_contract,div.village1 table#building_contract{
    width:100%!important;
}

div.player table#edit td.desc2 textarea,div.player table#edit td.desc1 textarea,div.alliance table#edit textarea{
    width:97%!important;
}
div.player table#edit input.text:not(input.year,input.day){
    width:100px!important;
}
    a.Comp {display:none!important;}
#Nw{
        display: block!important;
}
#UBar  {
        display: flex!important;
        align-items: flex-end!important;
        justify-content: space-around;
}
div#side_info{
    width: auto!important;
    background: #ffffffe6!important;
    top: 0px;
}

div#side_info table {
    width: 100%;
    background-color: #fff0;
}

div#side_info table thead td, div#side_info table tfoot td {
    background-color: #f3f3f300!important;
}
div#side_info table tbody th, div#side_info table tbody td {
    background-color: #fff0;
}
div#side_info td.link {
    font-size: 17px;
}    


div.village2 div#village_map {
    position: absolute!important;
    left: 50%!important;
    transform: translate(-50%, 0)!important;
}
div.village1 div#village_map{
    float: unset!important;
       margin: 15px auto;
}
div.village1 div#map_details{
    float: unset;
    display: flex;
    justify-content: space-between;
}
/*
.DivVillage1 {
    float: right;
    width: 50%!important;
}
.DivVillage2 {
    float: left;
    width: 50%!important;
}
*/
div.map div#map {
    top: 34px;
    position: absolute!important;
    left: 50%!important;
    transform: translate(-50%, 0)!important;
}

div.map div#map img#map_navibox {
    left: 90px;
}
div#dynamic_header span {
    display: flex!important;
}
div.map div#map div#map_coords {
    bottom: 0px;
    right: 91px;
}
div.map div#map table#map_infobox {
    top: 0;
    left: 79px;
}
div#map table#map_infobox {
    width: 130px;
}
div.bares{
background: var(--From);

}
/*
div.bares:not(#Res){
    -webkit-animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
}*/

@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}

div#res table td.res {
   /* كان أبيض، وسطح المكتب برونزياً — طبقتان مختلفتان لشريط واحد. وُحِّدتا على
      طبقة السعة المشتقّة نفسها (`--Back`) فصار الشريط واحداً في المقاسين. */
   background-color: var(--Back);
}
div#res table td.res,div.bares{
    border-radius: 7px;
}
div#res table img {
    margin-top: 3px;
    
}
div#Res {
    width: 26px;
    height: 26px;
    border: 0px solid;
    border-radius: 60px;
    /*background:rgb(255 255 255/0.75);*/
        top: -2px;
        right: -3px;
}
div#res table td.res, div.bares, div.barWrapper {
    height: 21.5px;
}

div.barWrapper b {
    position: absolute;
    top: 1px;
    bottom: 0;
    line-height: unset;
        color:  black;
        font-size:14px;
}
    #side_info{
        font-size:15px !important;
        background: linear-gradient(270deg, white, #ffffff8c)!important;
        left:0;
        transition: 0.1s;
        width: 50% !important;
        padding: 10px;
        box-shadow: 0 0 20px #000;
    }


html,body,div#mid{min-height:1000px;}
.leftBar{
    background-color: #0000003b;border-radius: 15px;float:left;margin:5px;position:relative;padding: 5px;display:block !important;
}
.wrapper {
    top: 28px;
}

    div#mtop{max-width: 100%;right: 1px !important;}
    #ltime,#footer,.time_of_day{display:none;}
    div#res {
    right:unset;
        top: 195px;
    }
    html,body,.wrapper,#dynamic_header{
        width:auto;
        /*min-width:450px;*/
    }
    div#dynamic_header,div#header,div#mid,div#footer,div#footer div#mfoot,div#res,div#ltime,div#ltime div#ltimeWrap,div#content{
        width:100%;
        /*min-width:450px;*/
        direction:rtl;
    }
    div#content{
        padding-top: 30px;
        width: 99% !important;
        min-width: 95% !important;
        padding-right: 2px !important;
        padding-left: 0 !important;
        padding-bottom: 50px;
        margin-bottom: 100px;
    }
    div#content {
      overflow-x: scroll; 
      scrollbar-width: none; 
      -ms-overflow-style: none; 
    }

    div#content::-webkit-scrollbar {
      display: none; 
    }

    div#dynamic_header{
        background-position-x: center;
        display: grid;
        justify-content: end;
        justify-items: center;
    }
    div#side_navi div.ServerChange{
    display: none!important;
    }
    div.ServerChange{
    position: absolute;
    top: 16px;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    color: #666;
    right: 3px;
    display: flex!important;
    font-weight: 700;
    }
    
    div#ltime div#ltimeWrap{
            margin-right: 10px;
    }
    .hammenu{
    display: none !important;
    position: fixed;
    will-change: transform;
    bottom: 50px;
    /* Reference client insets the strip 42px from both edges; without an
       explicit inset the fixed bar falls back to its static position. */
    left: 42px;
    right: 42px;
    padding: 5px;
    z-index: 1000;
    }
    .leftham ,._leftham , .rightham{
    cursor: pointer;
    }
    .leftham{
        float:right;
    }
    .rightham{
        float:left;
    }
    
    ._leftham{
    width: 50px;
    zoom:150%;
    border: 1px solid black;
    background: beige;
    border-radius: 90px;
    }

div.village2 table#building_contract {
    position: absolute;
    bottom: 10px;
    right: 0px;
}    div#ltime, body.mod1 div#ltime, body.mod2 div#ltime, body.mod3 div#ltime{
        right:5px;
        top:100px;
    }
    img#btn_plus{
        top: 9px;
        background-size: 15px;
    }
    div#mtop a#plus b{
        margin-right:13px;
    }
    div#mtop{
        width:100%;
        position:relative;
        margin-right:unset!important;
        right:unset!important;
        display: flex;
        justify-content: center;
        margin-right: unset;
        top: 10px;
    }
    
    div#mtop a#plus{
        float:left;
        position: absolute;
        width: 71px;
        left: 55px;
        top: -78px;
        font-size: 12px;
        height: 34px;
        background-size: 65px;
        padding-top: 7px;
        padding-right: 12px;
        font-size: 10px;
    }
    div#mtop a#n1, div#mtop a#n2, div#mtop a#n3, div#mtop a#n4, div#mtop a#n6, div#mtop a#n7, div#mtop div#n5, div#mtop div#_n5, div#mtop div#_n4, div#mtop div#_n3, div#mtop div#_n2, div#mtop div#_n1, div#mtop div#_n0{
        float:right;
    }
    div#resWrap{
        width:100%;
        right:unset;
        margin-right:unset;
    }
    div#side_info,div#side_navi{
        display:none;
    }
    .blackShadow{
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 501;
        background: black;
        opacity: 0.3;
        cursor: pointer;
            -webkit-animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;

    }
    
    

    #side_navi{
        position: fixed !important;
        font-size:15px !important;
        z-index: 10001;
        background: hsla(0,0%,100%,.9) !important;
        transition: 0.1s;
    right:0;
    top:0;
    width: 30% !important;
    padding: 10px;
    box-shadow: 0 0 20px #000;
        overflow-y: scroll;
            height: 100%!important;
   }
    #side_info{
    position: fixed!important;
    height: 100%!important;
    top: 0px!important;
    z-index: 10001!important;
    overflow-y: scroll;
    font-size:15px !important;
    background: #fff !important;
    left:0;
    transition: 0.1s;
    width: min-content !important;
    padding: 10px;
    box-shadow: 0 0 20px #000;
    }
    
       #side_navi a{
            line-height: 28px;
    font-weight: bold;
    font-size: 15px;

    }
    div.village1{
        padding-top: 90px;
        padding-left: 0;
        padding-right:0;
    }
    div.village1 div#map_details{
    width: 75% !important;
    margin: 0 auto !important;
    }
    div.map div#map_details {
        width: 37% !important;
        margin: 0 auto !important;
    }
    /*
    div.map table#options {
    width: auto!important;
    }*/
    a#n7 img{
        background-position: 0 -97px !important;
    }
    div#res table img{
        margin-right:0;
    }
    div#footer ul.menu.menu2{
        right:10px;
        width:100%;
    }
    
    
    div#anm{
        right:0px!important;
    }

    

    /***Responsiveness for build pages******/
    
    div#build{
        width:100% !important;
    }
    div.gid16{
        overflow-x: auto;
        padding-left:0px !important;
        padding-right:0px !important;
    }
    div.gid17{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    div.gid17 form#_fm1{
        overflow-x: auto;
    }
    div#build {
    padding: 0 !important;
    }
    /*
    div#build p{
        width:75% !important;
    }*/
    div#build div#textmenu{
        width:100% !important;
    }
    div#build h1{
        width:100% !important;
    }
    div#build p.switch{
        width:100% !important;
    }
    
   
   /***Responsiveness for war character popup******/
    
    div#ce div.popup3 iframe#Frame{
        width:90% !important;
    }
    body.manual img#big_unit{
        right:185px !important;
    }
    div#ce div.popup3{
        top:20px !important;
        right:10px !important;
    }
    
    div.quest div#qstd {
    margin: 0 auto;
    }

   /***Responsiveness for report and message menu bar******/
   
   div#n5 img{
       width:26px !important;
   }
   
   
   /***Responsiveness for write messages******/
   
   div.messages div#write_head,div.messages div#write_content,div.messages div#write_foot{
        width: 95% !important;
        background-size: 100% !important;
   }
   div.messages div#write_content textarea,div.messages div#write_content span{
       width: 90% !important;
   }
   div.messages div#write_content #line{
       width: 100% !important;
   }
   
   
   div.cropfinder div.cropfinder_input div.row span.cropfinder_head{
        width: fit-content !important;
        padding-left: 10px !important;
   }
    
    /*PLUS*/
    table.product {
    width:  24%!important;;
        margin: 10px 0.5px 5px!important;
    }
    div.plus div#products table.product td.pic img{
    width: 100%!important;
    height: 100%!important;
    }
    
    /*village2 page mobile design*/
    
    div.village2 div#village_map{
        margin:0 auto;
    }

    /*map page mobile design*/
    
    div.map div#map{
        margin:0 auto;
    }
    
     /*plus page mobile design*/
     
    div.plus div#products{
      width:100% !important;
      padding-right:0 !important;
    }
    
    /*rally point build page mobile design*/
     
    div.forum center img{
        width: 100% !important;
        height: auto !important;
    }
    
    
    /*Outer pages - non logged in*/
    div.map img#detailed_map {
    background-size: contain;
    width: 63%;
    }
    body {direction:inherit !important;}
    
    /* Login Page */
    
    
div.login,div.signup {
    padding: 0px!important;
}    

         img.unitSection {
        transform: translate(30%, 0)!important;
         }
         div#build div.bigUnitSection {
    width: 30%!important;
         }
    /*Guideline page*/
    
    #lmid1 , #lmid2 div.wholebox{
        width:99% !important;
        padding-right:2px !important;
    }
    body.manual table#troop_info{
        width:100% !important;
    }
    body.manual table#troop_details{
        float:right;
    }
    body.manual div#t_desc{
        clear:both;
    }
    
div.messages div.msg_head {
    height: 30px;
}
div.messages div.msg_foot {
    height: 14px;
}
div.messages #write_content div#heading input {
    width: auto;
}

div.right table td.vname input {
    max-width: 100px!important;
}
div.right table td.target input{
    min-width: 36px!important;
}

div#build.gid17 table#target_select td.coo input.text {
    margin: 0 2px!important;
}
div#build.gid17 table.res_target {
    width: 40%!important;
        margin-right: 5px!important;
}

div#build div.action {
    padding: 4px 2px!important;
}
img.logo {
display:none;}

.Avtar{
    width: 100%!important;
    height: 185px!important;
    max-height: 185px!important;
    max-width: 270px!important;
}
    div.player table#edit td.desc1 textarea{
        width:100% !important;
    }
    div#side_navi p.Lnk:hover {	
    background: transparent!important;	
    border-top: 1px solid black;	
    border-bottom: 1px solid black;	
    }	
    div.popup_map{
    zoom:90%;
    }
    a#map_popclose{    right: 569px!important;
    width: 100%;}
    iframe{right:2px!important;    width: -webkit-fill-available!important;}
    div#mtop{ top : -6px; }


div.village2 h1 {
    margin-right: 12px!important;
}

div.map img#detailed_map {
    right: 1px!important;
}
div.map h1 {
    margin-right: 10px!important;
}
div.map table#village_info {
    width: auto!important;
}
div.map table#distribution {
    width: auto!important;
}
div.map table#troop_info {
    width: auto!important;
}
div.map div#map_details {
    position: absolute;
    left: 0;
}


#textmenu {
    width: auto;
    min-width: max-content;
    overflow: visible;
}
div.statistics #textmenu,div.reports #textmenu{
    display: flex;
justify-content: space-evenly;
    
}


div.plus table.rate_details td.desc img{
    max-width:100%!important;
}
div.village3 table.Village4 {
    word-break: inherit!important;
}

a[href] {min-width: 10px;display: inline-block;}
input[type=radio] ,input[type=checkbox] {
    width: 20px!important;
}
option , select {
    height: 26px!important;
    font-size: 17px;
    max-width:140px;
}
p.MoHi,p.deltimer,a#logo,div.village1 table#production td.res, div.village1 table#troops td.un{
        display: none;
}

div#cropfinder_form{
    bottom: 100px;
    position: fixed;
} 




}
p.Lnk{
    display: flex;
    align-items: center;
    margin: 0!important;
}
div#side_navi p.Lnk a:hover {
    background: unset;
}
div#side_navi p.Lnk:hover {
    background: transparent url("/img/vip/menu-bg-rtl.gif?v=2eace2ddb1b3") no-repeat right top;
}

div.village1 table td.num {
    text-align: right!important;
}

.gray {
 filter: opacity(0.6) grayscale(0.4); 
}
    a.plusNedded,p.plusNedded{
    color: gray;
    font-weight: 700;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    text-align: center;
    }
    
    a#offers{position: relative;}
    a#offers::after {
    content: attr(off);
    position: absolute;
    top: -7px;
    left: -3px;
    font-size: 11px;
    color: red;
}

input.text:not(#receiver,#subject){
    text-align:center;
}

@-webkit-keyframes wiggle {
   0% { -webkit-transform: translate(2px, 0px); }
   5% { -webkit-transform: translate(-2px, 0px); }
   10% { -webkit-transform: translate(2px, 0px); }
   15% { -webkit-transform: translate(-2px, 0px); }
   20% { -webkit-transform: translate(2px, 0px); }
   25% { -webkit-transform: translate(0px, 0px); }
}

.wiggle-anim {
   -webkit-animation-name: wiggle;
   -webkit-animation-duration: 1s;
   animation-iteration-count: infinite;
   -webkit-transform-origin: 50% 50%;
}
a , label, img{
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
     a:active:not(.build_logo) {animation: ahov 100ms 1;transition: all ease-in 200ms;}
     .Anmi{animation: ahov 100ms 1;transition: all ease-in 200ms;}
     button:hover{ transform: scale(1.05); }
     button,textarea{transition: all ease-in 100ms;}
    div#build a.build_logo img.g40{background-image: url("/img/g/g40.gif?v=03e7533ec176");background-size: contain;width: 150px;height: 163px;}
    
body.v35 a#n1 img, body.v35 a#_n1 img {
    background-image: url("/img/vip/villageMap.jpg?v=0f4794629c67");
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n1 img:hover, body.v35 a#_n1 img {
    filter: unset;
}

body.v35 a#n2 img, body.v35 a#_n2 img {
    background-image: url("/img/vip/villageCenter.jpg?v=907ba2e7d8c3");
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n2 img:hover, body.v35 a#_n2 img {
    filter: unset;
}


body.v35 a#n3 img, body.v35 a#_n3 img {
    background-image: url("/img/vip/kap.jpg?v=995f05103665");
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n3 img:hover, body.v35 a#_n3 img {
    filter: unset;
}


body.v35 a#n4 img, body.v35 a#_n4 img {
    background-image: url("/img/vip/stats.jpg?v=5f036334d706");
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n4 img:hover, body.v35 a#_n4 img {
    filter: unset;
}

/* قصر الأبطال — الأيقونة السادسة. On a phone every #mtop icon drops the
   70x200 sprite sheet for a single full-bleed tile, grey at rest. Without this
   rule n6 kept the desktop sprite and sat there in colour while its five
   neighbours were grey. */
body.v35 a#n6 img, body.v35 a#_n6 img {
    background-image: url("/img/vip/heroPalace.png?v=2e7e51e22f28");
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n6 img:hover, body.v35 a#_n6 img {
    filter: unset;
}

body.v35 div.i4 {
    background-image: url("/img/vip/inbox0.jpg?v=6006d83dc72d");
    background-size: cover;
    background-position: unset;
}
body.v35 div.i3 {
    background-image: url("/img/vip/inbox2.jpg?v=6eaecf69c5e9");
    background-size: cover;
    background-position: unset;
}
body.v35 div.i2 {
    background-image: url("/img/vip/inbox1.jpg?v=6fea477279d5");
    background-size: cover;
    background-position: unset;
}
body.v35 div.i1 {
    background-image: url("/img/vip/inbox3.jpg?v=c285d6a7abfd");
    background-size: cover;
    background-position: unset;
}

div#n5 {
    background-position: unset;
}

div#mtop {
    top: -10px!important;
}


div.login h1{
    color: gray;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div.login div.info {
display: flex;
justify-content: space-around;
align-items: center;
}

div.login div.Stat{
    display: flex;
    flex-direction: column;
    width:30%;
    padding: 6px;
    border: dashed Silver 1px;
}
div.login b.Val{
    float: left;
    margin-left: 10px;
}
div.login div.info div:nth-child(1){
width:60%;
    
}
div.login div.info a{
color:orange;        
padding-top: 10px;
}

div.login div.Ban{
    background-image: url("/assets/banner.webp?v=1cf861ce1399");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    cursor: default;
    margin-top: 15px;
    max-height: 450px;
    max-width: 600px;
    padding: 10px;
    height:120px;
    box-shadow: inset 0px 0px 10px 10px white;
}

div.login div.Ban a:nth-child(1){
border-radius: 5px;
    border: 1px solid var(--swd-bronze-deep);
    background-image: linear-gradient(to bottom,var(--swd-bronze-lift),var(--swd-bronze));
    cursor: pointer;
    color: #6faf24;
    text-shadow: 0px 0px 3px white, 0 0 2px white, 0 0 2px white;
    text-align: center;
    font-weight: 700;
        width: 125px;
    height: 30px;font-family: sans-serif;
    float: right;
        display: flex;
    align-items: center;
    justify-content: space-around;
        margin-top: 80px;font-size: 1.5rem;
}
div.login div.Ban a:nth-child(2){
border-radius: 5px;
    border: 1px solid var(--swd-bronze-deep);
    background-image: linear-gradient(to bottom,var(--swd-bronze-lift),var(--swd-bronze));
    cursor: pointer;
    color: #6faf24;
    text-shadow: 0px 0px 3px white, 0 0 2px white, 0 0 2px white;
    text-align: center;
    font-weight: 700;
        width: 125px;font-family: sans-serif;
    height: 30px;
    float: left;
        display: flex;
    align-items: center;font-size: 1.5rem;
    justify-content: space-around;    margin-top: 80px;}

div.login div.Ban a:nth-child(1):hover , div.login div.Ban a:nth-child(2):hover{
filter: opacity(0.7);
}

div.login div.Ti div:nth-child(1):not(div.Sub), div.login div.Ti div:nth-child(2):not(div.Sub){
    width:50%;
}
div.login div.Ti{
padding-top:20px;display: flex;justify-content: space-around;align-items: center;
}
div.login div.Ti div.Sub{
color: #69c521;
    cursor: default;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;float: right;
}


/* ===== 09-drawers-and-overlays.css ===== */
@media screen and (min-width: 961px) {
    .navi-drawer,.side-drawer,#sn,#si {
        display:none!important;
    }
}
@media screen and (max-width: 960px) {
    #sn,#si {
        background-color: #fff;
        background: #fff;
        height: 100%;
        overflow-x: hidden;
        position: absolute;
        transition: .5s ease-in-out;
        width: 1px;
        z-index: 51;
    }
    #sn {
        box-shadow: -2px 2px 5px 0 silver;
        right: 0;
    }
    #si {
        box-shadow: 2px 2px 5px 0 silver;
        left: 0;
    }
    
div#sn a {
    font-weight:normal;
    font-size:13px;
    color:#000;
    padding-right: 12px;
    display: block;
    line-height: 20px;
}
div#sn a:hover {
color:var(--swd-link-hover);
background: transparent url("/img/vip/menu-bg-rtl.gif?v=2eace2ddb1b3") no-repeat right top;
}
div#si div.news {
    margin-right: 2px;
    width: 186px;
    padding: 6px;
    border: dashed Silver 1px;
}

    .navi-drawer,.side-drawer {
        align-items: center;
        background-color: #739936;
        border: 1px solid silver;
        color: #fff;
        cursor: pointer;
        direction: ltr;
        display: flex;
        font-weight: 700;
        height: 36px;
        transition: .5s ease-in-out;
        justify-content: center;
        padding: 0 5px;
        position: absolute;
        width: 16px;
        z-index: 52;
        position: fixed;
    }
    .navi-drawer {
        border-radius: 5px 0 0 5px;
        border-right-width: 0;
        right: 0
    }
    .side-drawer {
        border-left-width: 0;
        border-radius: 0 5px 5px 0;
        left: 0
    }
}
/* عنوان الصفحة في كل صفحات اللعبة. اسم الصنف من المصدر (أخضر عنده)، ويبقى
   كما هو لأن القوالب تعتمده — اللون وحده هو ما تغيّر. */
*.GreenWord {
    color: var(--swd-bronze);
    font-family: sans-serif;
    font-weight: 400;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div#build div.buildActionOverview {
    border: 1px solid #d3d3d3;
}
div#build div.action.first {
    border: 0;
}
div#build div.action {
    border-top: 1px dotted #d3d3d3;
    padding: 4px 8px;
    overflow: hidden;
}
div#build div.bigUnitSection {
    float: right;
    width: 30%;
    height: 120px;
    cursor: pointer;
    position: relative;
}
div#build div.action div.details {
    float: right;
    line-height: 19px;
    padding-top: 5px;
    width: 70%;
}
div#build div.action div.details div.tit span.furtherInfo {
    font-size: 12px;
}
div#build div.action div.details div.showCosts {
    margin: 5px 0 5px;
}
.showCosts {
    line-height: 24px;
}

div#build div.action div.details input.text {
    width: 85px;
    margin-right: 5px;
}
div#build div.action div.details span.value {
    font-weight: bold;
}
div#build .contractWrapper .contractCosts .showCosts .resources {
    margin-bottom: 0;
    float: none;
}
.showCosts .resources {
    margin-bottom: 5px;
}
.showCosts .resources, .showCosts .clocks, .showCosts .npcs {
    margin-left: 3px;
    margin-right: 3px;
    white-space: nowrap;
    display: inline-block;
    float: right;
}

#TDa {
    top: 0px;
    left: 0px;
    visibility: hidden;
    opacity: 0;
    max-width: 300px;
    position: absolute;
    z-index: 9999;
    border: solid 1px var(--swd-tile-rule);
    padding: 1px 1px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    font-size: 17px;
    line-height: 1.1;
    text-align: right;
    overflow: hidden;
    transition: transform 0.2s ease-out, opacity 0.15s ease-out;
    will-change: transform, opacity;
    pointer-events: none;
}
#TDa table {
    background: none;
}
#TDa table th, #TDa table td {
    background: none;
}
#TDa table th {
    width: 50px;
    padding-left: 10px;
}

x.close{
    opacity: .5;
    cursor: pointer;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 12.5px
}
x.close:before {
    transform: rotate(45deg);
}
x.close:after {
    transform: rotate(-45deg);
}
x.close:after, x.close:before {
    position: absolute;
    content: ' ';
    height: 28px;
    width: 2px;
    background-color: #333;
}

div.map div#map div#map_content div, div.map div#map div#map_rulers div {
    transition: all ease-in 100ms;
}

div.statistics table#search_navi div.navi a ,div.statistics table#search_navi div.navi b {
    margin: 0px 3px;
        font-size: large;
}

input[type="checkbox"] ,input[type="radio"] {
accent-color: var(--swd-bronze);
}
input:-webkit-autofill, input:focus:-webkit-autofill, input:hover:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 100px rgb(247, 241, 224) inset;
}

::selection {
    background: var(--swd-bronze);
    color: white;
}

::-moz-selection {
    background: var(--swd-bronze);
    color: white;
}

::-o-selection {
    background: var(--swd-bronze);
    color: white;
}

::-ms-selection {
    background: var(--swd-bronze);
    color: white;
}

::-webkit-selection {
    background: var(--swd-bronze);
    color: white;
}

input[type="file"]::file-selector-button {
  border: 2px solid #6c5ce7;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #a29bfe;
  transition: 1s;
}

input[type="file"]::-ms-browse:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

input[type="file"]::-webkit-file-upload-button:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

input[type="file"]::file-selector-button:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

#bottom-menu {
    bottom: -100%;
    left: 0;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, .1);
    transition: bottom .4s ease-in-out;
    z-index: 1000;
    max-height: 75%;
    border-radius: 15px 15px 0 0;
    height: 75%;
    position: fixed;
    width: 100%;
    max-width:700px;
    padding: 0px 0px;
    background-color: #fff;
    overflow-y: scroll;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
}

#bottom-menu.active {
    bottom: 0;
}
#bottom-menu .close {
    font-weight: 700;
    position: absolute;
    left: 25px;
    top: 0px;
    min-width: 26px;
    min-height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-color: transparent;
    z-index: 99999;
    cursor: pointer;
}
h3#BottomTitle{
    margin: 4px 0px 20px 0px;
    text-align: center;
}
div#Bottom-content{
    margin: 5px;
}

div.map div#map div#map_content,div.map div#map div#map_rulers,div.map div#map img#map_links,div.map div#map img#map_navibox,div.map img#detailed_map{
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/* ===== 10-utilities-and-extensions.css ===== */
@font-face {
  font-family: Qtatar;
  src: url("/h-css/fonts/ExpoArabic-Bold.otf?v=996667d225a3");
}


@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.hideNote {
transform: translate(-50%, -150%)!important;
opacity: 0!important;
}

div.Note{
    opacity: 1;
    color: black;
    text-align: center;
    padding: 10px 0px;
    background-image: linear-gradient(90deg, rgb(255 252 168 / 25%), rgb(255 252 168 / 80%), rgb(255 252 168 / 90%), rgb(255, 252, 168), rgb(255 252 168 / 90%), rgb(255 252 168 / 80%),rgb(255 252 168 / 25%));
    position: fixed;
    width: 60%;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;
}
div.Note::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px; 
    background: linear-gradient(90deg, #dcc7943b, #dcc794b8, #dcc794, #dcc794b8, #dcc7943b);
}
div.Note::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #dcc7943b, #dcc794b8, #dcc794, #dcc794b8, #dcc7943b);
}


b[speed] {
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
     div.left table input.disabled {
            background-color:#EEE;
            border-color:#AAA;
     }
        div.right table td,div.right table th,div.left table td,div.left table th {
            font-size: 16px;
            font-weight: bold;
            color:black;
        }
        div.right {
            float:right;
            width:30%;
        }
        div.right table{
            text-align:right;
            margin-bottom:20px;
            width:100%;
            
        }
        div.right table,div.left table {
            border-spacing: 1px;
        }
        div.right table td.target{
            font-size: 19px;
            font-weight: bold;
            margin-left: 10px;
        }
        div.left table input{
            max-width: 95px;
         }
        div.right table td.target input{
            max-width: 10px;
         }
        div.right table td.vname input{
            max-width: 140px;
         }
        
        div.left {
            float:left;
            width:68%;
            margin-bottom:20px;
            text-align:center;
            font-size: 16px;
            font-weight: bold;
        }
        div.Down{
            width:100%;
            clear: both;
            text-align: center;
        }
        table.Ty{
            cursor: pointer;
        }
        table.Ty td{
         display: flex;
         align-items: center;
        }
        table.Ty td input{
        margin-left: 10px!important;
        }
.blogtitle {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
.blogbox {
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    position: relative;
}
.blogtext p {
    margin: 0;
    line-height: 1.8;
    font-size: 15px;
    direction: rtl;
    text-align: justify;
    text-justify: inter-word;
    color: #333;
}
.blogfoot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}
.blogDate {
    font-size: 13px;
    color: #999;
}
.blogaction {
    display: flex;
    gap: 6px;
    align-items: center;
}
.blogicon {
    display: flex;
    align-items: center;
    gap: 3px;
    background: none;
    border: none;
    color: #444;
    text-decoration: none;
    font-size: 11px;
    padding: 0;
}
.blogicon img {
    display: inline-block;
    vertical-align: middle;
}
.blogicon small {
    font-size: 10px;
    margin-top: 1px;
    color:black;
}
.IsU {
    cursor: default;
    opacity: 0.5;
}
.blogpage {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #555;
}
.tooltip-title {
  position: absolute;
  background: linear-gradient(
    to bottom,
    rgba(94, 94, 94, 0.6),
    rgba(187, 191, 191, 0.9)
  );
  color: #FFFFFF;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease;
}

/* Injected: global font - ط¨ط³ ط¹ظ„ظ‰ ط§ظ„ظƒظ…ط¨ظٹظˆطھط± */
@media screen and (min-width: 1024px) {
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
}

/* Optional rendering tweaks */
html{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



/* ===== 11-shell-foundation.css ===== */

/* ===== application shell foundation ===== */
/*
 * DIV-TRAV classic game-shell rules extracted from layout/base.html.
 * This file loads after the classic skin and before page/modern overrides.
 */

/* Settler march ("استيطان") row in the dorf1/rally movements box — blue. */
table#movements .settle{ color:#1565c0; }
@media (hover:hover) and (pointer:fine) and (min-width: 992px){
  #mtop > a.No img,
  #mtop #n5 a img{
    transition: transform .12s ease, filter .12s ease;
    transform: translateZ(0);
  }
  #mtop > a.No:hover img,
  #mtop #n5 a:hover img{
    transform: scale(1.12);
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
  }
}
@media (hover:none) and (pointer:coarse){
  #mtop > a.No img,
  #mtop #n5 a img{
    transition: transform .08s ease, filter .08s ease;
    transform: translateZ(0);
    -webkit-tap-highlight-color: transparent;
  }
  #mtop > a.No:active img,
  #mtop #n5 a:active img{
    transform: scale(1.08);
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
  }
}

/* utatar: "no trainable units" notice (new Stable/Workshop before research) */
#build .trainUnits span.none { color: orange; font-weight: 900; }
/* tribe ranking icons — correct webp sprites (2nd-to-last unit = leader) */
img.unit.u9   { background-image: url("/static/img/u/__roman_small.webp?v=75ee3f442462");   }
img.unit.u19  { background-image: url("/static/img/u/___teuton_small.webp?v=8eb51fac7c18"); }
img.unit.u29  { background-image: url("/static/img/u/gauls.webp?v=5d0cf384f5e7");           }
img.unit.u39  { background-image: url("/static/img/u/egyptians.webp?v=7aeaac3d3e7e");       }
img.unit.u59  { background-image: url("/static/img/u/viking_small.webp?v=3cd366fff330");    }
img.unit.u69  { background-image: url("/static/img/u/Sparta.webp?v=d4c232bb1a4f");          }
img.unit.u108 { background-image: url("/static/img/u/huns.webp?v=0410003392df");            }
/* The roman/teuton/viking webp sheets are VERTICAL strips (16x160, one
   16px frame per unit) while the base sprite CSS positions horizontally —
   that combination always landed outside the sheet, so these three tribes
   rendered blank in the rankings. Frame 9 (index 8) is the leader. */
img.unit.u9,
img.unit.u19,
img.unit.u59 { background-position: 0 -128px; }

/* ── الهوية البصرية: برونز على رَقّ ───────────────────────────────────────────
   الجدول المرجعي في `01-work/CLAUDE.md` قسم «الهوية البصرية»، وتطبيقه العملي
   في `static/css/auth-shell.css` (التسجيل والدخول ونافذة العوالم). هذه الرموز
   تنقله إلى صفحات اللعبة الداخلية.

   المقاسات من `utatar.com` بالبكسل، **والألوان لنا**: المصدر أخضر على بيج،
   ونحن برونز على رَقّ.

   🔴 والتحويل يمسّ **أخضر الواجهة وحده** — الرابط والزر والحالة المختارة وحدّ
   الحقل. أما الأخضر الذي يقابله أحمر في نفس العائلة فهو **معنى لا هوية**:
   `.c1`–`.c4` (عائلة حالات) و`div#loyality.gr` و`.d1` (اتجاه التحرك)
   و`td.role` (صف المدافع) و`span.plus_g` و`.resWarn` الكهرماني
   و`b.res-negative` الأحمر — كلها تبقى كما هي. */
:root {
     --swd-ink:         #3b342a;
     --swd-parchment:   #fdfbf5;
     --swd-rule:        #d9cfb4;
     --swd-field-rule:  #c9be9f;
     --swd-bronze:      #8c6d1f;
     --swd-bronze-deep: #6b5216;
     --swd-bronze-lift: #b8912f;
     --swd-tile:        #f7f1e0;
     --swd-tile-rule:   #dcc794;
     --swd-tile-on:     #efe3c4;
     --swd-bronze-wash: #e0cfa0;   /* البرونز مغسولاً — طبقة السعة */

     /* ── الرابط أخضر (قرار المالك 2026-08-16) ───────────────────────────
        جُرِّب البرونز على الروابط فرُفض. والقسمة الآن صريحة:
        **الأخضر للتفاعل** — كل ما يُنقر كرابط؛
        **والبرونز للهوية** — الألواح والحدود والترويسات والأزرار وشريط
        الموارد وعناوين الصفحات.
        وهي قسمة المصدر نفسه: روابط خضراء على ألواح محايدة. */
     --swd-link:       #71d000;
     --swd-link-hover: #00c000;

     /* شريط الموارد طبقتان (قرار المالك 2026-08-16):
        **الثقيلة** هي المخزون الفعلي — برونز الهوية مصمتاً بعمق رأسي؛
        **والخفيفة تحتها** هي السعة — لونٌ مشتقٌّ منه مغسول.
        فيُقرأ الامتلاء من نسبة الثقيل إلى الخفيف بلا حاجة إلى الرقم.

        🔴 والعرض منطقٌ (مخزون ÷ سعة) لا يُمَسّ — اللون وحده. */
     --Back: var(--swd-bronze-wash);
     --linear: linear-gradient(180deg, #a4801f, #8c6d1f 55%, #7a5f18);
     --Bar: var(--swd-bronze-deep);
     --From: linear-gradient(180deg, #a4801f, #8c6d1f 55%, #7a5f18);
  --Hdr: url("/assets/default/img/vip/header-rtl.png?v=bc90ffb6bcf6");
     --tw-gradient-from: #d97706;
     --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(217,119,6,0));
     --tw-gradient-to: #fbbf24;
    } 

    .dayx {
        display: none;
    }

    @media screen and (max-width:768px){
        div#dynamic_header {
            background-position-x: calc(50% - 66.5px);
        }
        .dayx {
            display: block !important;
        }                
        .hammenu {
            display: block !important;
        }
        .bares{
            position: relative; top: 1px;
        }         
        div#res table td.res, div.bares, div.barWrapper {
            height: 20px;
        }            
        .mobile{
            display: block;
        }
    }
    
    .modal1 {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
    }

    .modal1-content {
      background: #e0e0e0;
      padding: 20px;
      border-radius: 12px;
      text-align: center;
      box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    }

    .modal1-content button {
      padding: 10px 20px;
      margin: 0 8px;
      border: none;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      transition: background 0.2s ease, transform 0.15s ease;
    }

    #confirmYes {
      background: #1976d2;
      color: #fff;
    }

    #confirmYes:hover {
      background: #1565c0;
      transform: scale(1.05);
    }

    #confirmNo {
      background: #e53935;
      color: #fff;
    }

    #confirmNo:hover {
      background: #c62828;
      transform: scale(1.05);
    }

    @media screen and (max-width: 768px) {
      div#res table td.res,
      div#res table td.res span {
        font-size: 11px !important;
        font-weight: 300 !important;
      }
      div#res table td.res img {
        width: 16px !important;
        height: 16px !important;
        vertical-align: middle;
      }
      div#res table td.res span[style*="color:red"],
      div#res table td.res span[style*="color:#f00"] {
        font-size: 10.5px !important;
      }
    }


/* ── Build contract links ──────────────────────────────────────────────────
   The reference renders these as plain <a href> and they pick up the sheet's
   link colour. Ours fire a hidden CSRF-protected POST form, so the `onclick`
   attribute pulls them into the `[onclick]` rule instead. Restore the link
   colour — now `--swd-bronze` — without giving up the POST. */
#contract a.build,
#contract a.build:visited {
    color: var(--swd-link);
}

/* New 2048×250 game masthead: fill the available strip without distortion.
   Its aspect ratio closely matches both desktop and compact shell widths. */
body.ui-shell-v1 #dynamic_header {
    background-image: var(--Hdr);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 768px) {
    body.ui-shell-v1 #dynamic_header {
        /* Keep the masthead artwork undistorted on narrow device browsers and
           centre the Arabic logo in the available 100px strip. */
        background-position: center top;
        background-size: auto 100%;
    }
}

/* ===== village shell layout ===== */
/* Shared dorf1/dorf2 presentation. Coordinate-bearing legacy rules stay in pages.css. */
body.ui-shell-v1 #village_map,
body.ui-shell-v1 #village_map img,
body.ui-shell-v1 #village_map map,
body.ui-shell-v1 #village_map area,
body.ui-shell-v1 #village_map [data-field-slot],
body.ui-shell-v1 #village_map b.rf {
    cursor: pointer !important;
    -webkit-user-select: none;
    user-select: none;
    caret-color: transparent;
}

body.ui-shell-v1 .ui-village-title {
    z-index: 100;
}

/* Only dorf2 wants a full-width heading, and only because there the heading is
 * absolutely positioned — `auto` would shrink-to-fit it to 250px. On dorf1 the
 * heading is in normal flow, where `auto` is already full width; forcing 100%
 * there over-constrained it against its own `margin-right: 10px`, so instead of
 * yielding the margin the box overflowed 10px past the container's start edge
 * (557px wide at x=396 against the reference's 547px at x=406 — ف-265).
 *
 * Scoped on `.village2`/`.village1` because that is how the reference itself
 * separates the two pages. */
body.ui-shell-v1 .village2 .ui-village-title {
    inline-size: 100%;
}

body.ui-shell-v1 .ui-village-name {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

body.ui-shell-v1 .ui-village-name:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.ui-shell-v1 .ui-next-village {
    display: inline-block;
    margin-inline: 5px;
    color: #00a000;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    vertical-align: middle;
}

body.ui-shell-v1 .ui-next-village:hover {
    color: #007700;
}

/* Measured off the reference's inline style on both dorf1 and dorf2:
 * `padding-right:10px; font-weight:301; color:silver; font-size:12px`.
 * The 301 is not a typo on their side — the same off-spec weight appears on the
 * rally-point tabs (ف-246), and we mirror it there too. */
body.ui-shell-v1 .ui-capital-label {
    padding-inline-start: 10px;
    color: silver;
    font-size: 12px;
    font-weight: 301;
}

body.ui-shell-v1 .ui-loyalty {
    font-size: 11px;
}

body.ui-shell-v1 .ui-loyalty--safe {
    color: #176d28;
}

body.ui-shell-v1 .ui-loyalty--danger {
    color: #a31919;
}

body.ui-shell-v1 .ui-resource-level {
    color: #d94700;
}

body.ui-shell-v1 .ui-resource-level--max {
    color: #751e1e;
}

body.ui-shell-v1 .ui-resource-level > span {
    padding: 2px;
}

body.ui-shell-v1 .ui-ltr-number {
    direction: ltr;
    unicode-bidi: isolate;
}

body.ui-shell-v1 .ui-ink-link,
body.ui-shell-v1 .ui-ink-text {
    color: #111;
}

body.ui-shell-v1 .ui-recall-form {
    display: inline;
    margin: 0;
    padding: 0;
}

body.ui-shell-v1 .ui-recall-button {
    display: inline-grid;
    place-items: center;
    inline-size: 28px;
    block-size: 28px;
    margin-inline-start: 3px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    color: inherit;
    background: transparent;
    vertical-align: middle;
    cursor: pointer;
}

body.ui-shell-v1 .ui-recall-button:hover {
    border-color: #c7a865;
    background: #fff6dc;
}

body.ui-shell-v1 .ui-recall-button .clock {
    pointer-events: none;
}

/* Cancel cross on an outgoing march. Sized to match the recall clock so a row
   with either control keeps the same height. */
body.ui-shell-v1 .ui-cancel-form {
    display: inline;
    margin: 0;
    padding: 0;
}

body.ui-shell-v1 .ui-cancel-button {
    display: inline-grid;
    place-items: center;
    inline-size: 18px;
    block-size: 18px;
    margin-inline-start: 4px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #c9241c;
    background: transparent;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
}

body.ui-shell-v1 .ui-cancel-button:hover {
    border-color: #c9241c;
    background: #ffe9e7;
}

body.ui-shell-v1 .ui-wingold-link {
    position: relative;
    clear: both;
    display: flex;
    float: left;
    margin-inline-start: 20px;
}

body.ui-shell-v1 .ui-wingold-badge {
    position: absolute;
    inset-block-start: 32px;
    inset-inline-start: 32px;
    inline-size: 22px;
    padding: 2px;
    border: 1px solid #111;
    border-radius: 72px;
    color: #111;
    background: linear-gradient(to top, #fdfdfd91, #e5e5e5c2, #fdfdfd91);
    backdrop-filter: blur(10px);
    text-align: center;
}

body.ui-shell-v1 .ui-building-level {
    color: #111;
}

@media (max-width: 680px) {
    body.ui-shell-v1 .ui-recall-button {
        inline-size: 44px;
        block-size: 44px;
    }
}

@media (forced-colors: active) {
    body.ui-shell-v1 .ui-recall-button,
    body.ui-shell-v1 .ui-wingold-badge {
        border-color: ButtonText;
    }
}

/* ── dorf1 production figures ─────────────────────────────────────────────────
   The figure is a link only so it can carry the store-fill tooltip; it is not
   navigable, so it shows a text caret and pure black rather than link colour. */
body.ui-shell-v1 #production .Tit > a {
    cursor: text;
    color: #000;
}

/* The troops header links to the rally point but the reference renders it in
   body-black, not link-green. */
body.ui-shell-v1 #troops thead a {
    color: #000;
}

/* An empty troops list is greyed to silver — lighter than the shared `.none`,
   and without its italics. */
body.ui-shell-v1 #troops td.ui-troops-empty {
    color: silver;
}

/* ===== shared UI primitives ===== */
/*
 * DIV-TRAV shared UI foundation (v1)
 *
 * This layer intentionally sits on top of the classic skin. Keep selectors
 * scoped to .ui-shell-v1 so old page-specific layouts remain stable while
 * shared accessibility, RTL, mobile and component fixes can evolve safely.
 */

:root {
    --ui-color-focus: #155eef;
    --ui-color-surface: #ffffff;
    --ui-color-surface-muted: #f3f4f6;
    --ui-color-text: #1f2937;
    --ui-color-danger: #b42318;
    /* الزر الأساسي في الحوارات (#confirmYes) — برونز الهوية. والأحمر أعلاه
       يبقى للهدم، فيبقى الزوج «إجراء أساسي / إجراء هادم» مقروءاً كما كان.
       أما `--ui-color-focus` الأزرق فلا يُبرنَز: حلقة التركيز يجب أن تفارق
       ألوان المحتوى لتُرى، وبرونزٌ على برونز يخفيها. */
    --ui-color-primary: var(--swd-bronze);
    --ui-radius-sm: 6px;
    --ui-radius-md: 12px;
    --ui-shadow-dialog: 0 24px 60px rgba(15, 23, 42, 0.28);
    --ui-touch-target: 44px;
}

body.ui-shell-v1 {
    min-width: 0;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.ui-shell-v1 [hidden] {
    display: none !important;
}

/* Hybrid navigation focuses the non-interactive page container so screen
   readers announce the new view. Browsers otherwise paint their native black
   outline around the full 1000px game shell; keep focus on the container but
   suppress that decorative frame. Interactive controls retain the explicit
   focus-visible rule below. */
body.ui-shell-v1 #mid:focus {
    outline: none;
}

body.ui-shell-v1 :where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid var(--ui-color-focus);
    outline-offset: 2px;
}

/* Normalises the shell's own controls. The classic gpack widgets are excluded:
   they carry their own type scale (`input.text` is 17px, `.trav_buttons` is
   bold Arial), and inheriting the 16px body font shrank every classic field
   and resized every classic button across the game pages. */
body.ui-shell-v1
    :where(button, input, select, textarea):not(
        input.text,
        select.dropdown,
        textarea,
        .trav_buttons
    ) {
    font: inherit;
}

/* The village you are standing in. The reference marks it by colouring the dot
   and the name #FF8000 and nothing else — no heavier weight and no glow. This
   used to paint a duller #d69a00 with weight 800 and a text-shadow, and because
   it was `!important` it also beat the inline colour the markup carries. */
#vlist tr.ui-current-village .dot,
#vlist tr.ui-current-village a.ui-village-name-link {
    color: #ff8000 !important;
}

/* This carries the game-wide link colour, as the reference does here too —
 * measured rgb(113,208,0) on an inactive village row, i.e. its plain link
 * green and not its *medal-link* green. The two were once swapped between this
 * rule and the medal links on /spieler?t=1 (ف-272 / ف-277), so they move
 * together: both now take `--swd-bronze`, the identity's link colour. */
#vlist a.ui-village-name-link {
    display: inline-block;
    max-width: 100%;
    color: var(--swd-link);
    text-decoration: none;
    white-space: nowrap;
}

#vlist a.ui-village-name-link:hover,
#vlist a.ui-village-name-link:focus-visible {
    color: #6fbd00;
    text-decoration: underline;
}

/* Measured on the reference's own coordinates cell: 59px wide, `padding-left:5px`
 * on top of the shared `td.aligned_coords` rule, 12px, and black even on the
 * current village — the orange stops at the village name (ف-271). */
#vlist td.aligned_coords {
    padding-left: 5px;
    font-size: 12px;
    color: #000;
}

/* `(العاصمة)` / `(معجزة)` after the name in the village list. The reference
 * styles it inline as `font-weight:300; font-size:12px; color:gray` — a lighter
 * form than the crowned one in the page heading, and we mirror both (ف-233). */
#vlist .ui-village-tag {
    font-weight: 300;
    font-size: 12px;
    color: gray;
}

#vlist tr.ui-village-row td.link {
    white-space: nowrap;
}

/* The reinforcement emblem in the village list. `img.def1` already carries the
   16x16 sprite; this only seats it on the text baseline of the count beside it
   so the row keeps its single-line height. */
#vlist img.ui-reinforcement-badge {
    vertical-align: middle;
    margin-inline-end: 2px;
}

/* Resource states and compact phone actions previously repeated in base.html. */
#res .bares.resWarn {
    filter: none;
    background: linear-gradient(270deg, transparent, #f59e0b) !important;
}

/* A full store used to turn the bar red (`#ef4444 → #b91c1c`). Removed by the
   owner 2026-08-11: red is the deficit signal, and a granary that filled up
   raised the same alarm as a granary eating the army. Red now belongs to one
   reading only — `#res b.res-negative`, the crop figure below zero. A full bar
   simply keeps whatever colour it already wears.

   The class went with the rule rather than being left dangling: a class that is
   still applied but styles nothing is the `class="dist"` trap from ف-264 — it
   reads as meaningful and is not. See `resourceTick` in `game-pages.js`. */

/* ── Artefact marks beside «القوات:» and «الإنتاج:» ───────────────────────────
   One per held piece: an arrow in the colour of what it does, then the size of
   the effect. The raider carries a running shoe instead — it moves the army
   rather than raising a number, and an arrow would say the wrong thing.

   Colours are the reading, not decoration: green rises on defence, red rises on
   attack, gold falls on a cost, purple rises on output. */
#troops thead th .artifact-badge,
#production thead th .artifact-badge {
    display: inline-block;
    margin-inline-start: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap;
    vertical-align: 1px;
    cursor: help;
}

.artifact-badge__glyph {
    margin-inline-end: 1px;
    font-size: 13px;
}

.artifact-badge--defender { color: #1f9d3a; }
.artifact-badge--attacker { color: #cc2b2b; }
.artifact-badge--diet     { color: #b8860b; }
.artifact-badge--merchant { color: #7a3fbf; }
.artifact-badge--raider   { color: #2f6f8f; }

/* ── The legendary artefact's mark beside «القوات:» ───────────────────────────
   Gold on the glyph itself, not on a box behind it: the metal is painted into
   the text with `background-clip: text`, so the ∞ *is* the gold rather than
   sitting on a gold chip. That keeps it at home in a table heading, where a
   filled badge would read as a button.

   Its own single-layer keyframes — the bar's move layer two of two, and this
   has one. Same 5s and the same rising count, so it catches the light with
   everything else.

   Unlike the rest of the gold, this one is **not** gated on
   `#res.resource-artifact-gold`: it states a fact about the village (the piece
   is held here), not the account-wide effect. It is rendered only when the
   server says so — see `holds_legendary_artifact`. */
@keyframes legendaryMarkShine {
    0%   { background-position: -90% 0; }
    100% { background-position: 190% 0; }
}

/* The hover panel reuses the page's own `.Tit`/`.Text` bubble, so it opens and
   closes exactly like every other tooltip here. Only the alignment is ours: the
   shared bubble centres its text, which reads badly for a list of effects. */
#troops thead th .legendary-tip .Text {
    text-align: right;
    line-height: 20px;
    font-weight: normal;
    white-space: nowrap;
    padding: 7px 10px;
}

#troops thead th .legendary-tip .Text b {
    display: block;
    margin-bottom: 4px;
    text-align: center;
}

#troops thead th .legendary-mark {
    display: inline-block;
    margin-inline-start: 6px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    vertical-align: -1px;
    cursor: help;
    background-image: linear-gradient(110deg,
        #8a5a00 0%,
        #c98b08 12%,
        #f0b400 24%,
        #ffeaad 38%,
        #ffffff 45%,
        #ffeaad 52%,
        #ffd447 62%,
        #b87800 78%,
        #f4c430 90%,
        #9a6500 100%);
    background-size: 300% 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* A text-shadow would paint over the clipped fill and grey the glyph out. */
    text-shadow: none;
    filter: drop-shadow(0 0 3px rgba(255,190,0,.55));
    animation: legendaryMarkShine 5s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    #troops thead th .legendary-mark { animation: none; }
}

/* ── Unit training cards wear the artefact gold ───────────────────────────────
   Barracks (19), stable (20) and workshop (21) — the pages whose unit card is
   the grey `div.action` (`#f6f6f6`, border `#bfbfbf`).

   Residence (25) and palace (26) are **excluded** by the owner. They were in
   for one build: their page is a table whose cells are white rather than grey,
   so they needed a second selector, and it is now gone rather than left inert.

   Same metal, gloss and 5s clock as the resource bar and the level badges, so
   everything gold on screen catches the light together. */
body:has(#res.resource-artifact-gold) #build.gid19 div.action,
body:has(#res.resource-artifact-gold) #build.gid20 div.action,
body:has(#res.resource-artifact-gold) #build.gid21 div.action {
    position: relative;
    background-color: transparent !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

/* The grey divider between the costs and the training field.

   🪤 `box-shadow`, never `border-bottom`. The first attempt used a border with
   `padding-bottom: 6px; margin-bottom: 8px`, which pushed the quantity row down
   10px and grew the card from 130 to 136 — the clock and the exchange-trader
   icon had not moved a pixel, but a 14px gap opened under them and they read as
   having dropped onto a line of their own. A shadow paints on the edge and
   occupies nothing, so the card's geometry is identical with the gold on or off
   (measured: every box matches to the pixel).

   The colour stays grey. Tinting the dividers gold turned every rule on the
   page into part of the decoration and the card stopped reading as a card. */
body:has(#res.resource-artifact-gold) #build.gid19 div.action div.details div.showCosts,
body:has(#res.resource-artifact-gold) #build.gid20 div.action div.details div.showCosts,
body:has(#res.resource-artifact-gold) #build.gid21 div.action div.details div.showCosts {
    box-shadow: 0 1px 0 0 #d3d3d3;
}

/* 🪤 The metal lives on `::before`, not on the card.
   `form[name="snd"] .buildActionOverview.trainUnits .action` pins
   `background-position: initial` with `!important`, and an author `!important`
   outranks a CSS animation — so a sweep declared on the card itself is computed
   and then discarded every frame. It sat frozen at position zero and looked
   like flat gold. The pseudo-element is not matched by that selector, so the
   keyframes own its position.
   `z-index: -1` keeps it behind the card's own text while still covering the
   card's (now transparent) background. */
body:has(#res.resource-artifact-gold) #build.gid19 div.action::before,
body:has(#res.resource-artifact-gold) #build.gid20 div.action::before,
body:has(#res.resource-artifact-gold) #build.gid21 div.action::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    /* A wash, not the bar's metal. These cards carry a unit portrait, five
       resource figures, a clock and an input — the saturated ramp swallowed all
       of it. Paper-pale gold, and a glint at .30 rather than a white stop, so
       the card still catches the light without competing with its contents. */
    background-image:
        linear-gradient(105deg,
            rgba(255,255,255,0)   38%,
            rgba(255,252,236,.30) 50%,
            rgba(255,255,255,0)   62%),
        linear-gradient(to bottom, #fffdf6 0%, #f8efd9 55%, #f2e5c4 100%);
    background-size: 260% 100%, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    /* Its own keyframes, not the bar's: here the **first** layer is the one that
       travels (the glint has to sit on top of the wash to be seen), and
       `resourceArtifactGoldShine` moves the second. Same 5s and the same
       rising count — both start at page load, so they stay in phase. */
    animation: resourceArtifactCardShine 5s linear infinite;
}

@keyframes resourceArtifactCardShine {
    0%   { background-position: -90% 0, 0 0; }
    100% { background-position: 190% 0, 0 0; }
}

@media (prefers-reduced-motion: reduce) {
    body:has(#res.resource-artifact-gold) #build.gid19 div.action::before,
    body:has(#res.resource-artifact-gold) #build.gid20 div.action::before,
    body:has(#res.resource-artifact-gold) #build.gid21 div.action::before {
        animation: none;
    }
}

/* ── Field level badges wear the artefact gold ────────────────────────────────
   The eighteen little circles carrying each field's level take the resource
   bar's metal, gloss and glint, on the **same 5s clock** so the badges and the
   bar catch the light together instead of shimmering out of step.

   Gated on `body:has(#res.resource-artifact-gold)` because gold means *the
   artefact is active* everywhere else in this shell, and badges that stayed
   gold without it would break that reading. The badges sit outside `#res`, so
   `:has()` is what reaches them without adding a body class in Rust. Where
   `:has()` is unsupported the badges simply keep their pale-yellow default —
   the feature degrades to its old appearance rather than to something broken.

   `background-image`, never the shorthand: the shorthand resets
   `background-position` and the glint animation needs to own it. */
body:has(#res.resource-artifact-gold) b.lv.ui-resource-level {
    color: #4a2a00;
    text-shadow: 0 1px 0 rgba(255,246,205,.8);
    background-color: transparent !important;
    background-image:
        linear-gradient(to bottom,
            rgba(255,255,255,.62) 0%,
            rgba(255,255,255,.28) 44%,
            rgba(255,255,255,0)   45%,
            rgba(255,214,120,.18) 100%),
        linear-gradient(110deg,
            #8a5a00 0%,
            #c98b08 12%,
            #f0b400 24%,
            #ffeaad 38%,
            #ffffff 45%,
            #ffeaad 52%,
            #ffd447 62%,
            #b87800 78%,
            #f4c430 90%,
            #9a6500 100%) !important;
    background-size: 100% 100%, 300% 100% !important;
    background-repeat: no-repeat, repeat !important;
    animation: resourceArtifactGoldShine 5s linear infinite;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 0 5px rgba(255,190,0,.7);
}

body:has(#res.resource-artifact-gold) b.lv.ui-resource-level span {
    color: inherit;
}

@media (prefers-reduced-motion: reduce) {
    body:has(#res.resource-artifact-gold) b.lv.ui-resource-level { animation: none; }
}

/* ── The legendary artefact's village on the map ──────────────────────────────
   One tile in the world holds the unique artefact; it gets a gold halo that
   breathes, so it reads as a landmark rather than another coloured village.

   The halo is `box-shadow`, not a background: the tile's background is the gpack
   village sprite and overwriting it would erase the village. And the pulse rides
   on `box-shadow` alone — animating `filter` or `background` here would repaint
   the sprite every frame across a 15×15 grid. */
@keyframes mapLegendaryHalo {
    0%, 100% {
        box-shadow: 0 0 5px 1px rgba(255,196,48,.70), inset 0 0 5px rgba(255,238,175,.45);
    }
    50% {
        box-shadow: 0 0 11px 4px rgba(255,214,90,.95), inset 0 0 9px rgba(255,247,208,.75);
    }
}

#map_content div.artefact-legendary {
    border-radius: 50%;
    animation: mapLegendaryHalo 2.4s ease-in-out infinite;
    /* Above its neighbours so the halo is not clipped by the next tile. */
    z-index: 5;
}

@media (prefers-reduced-motion: reduce) {
    #map_content div.artefact-legendary {
        animation: none;
        box-shadow: 0 0 8px 2px rgba(255,205,70,.85), inset 0 0 7px rgba(255,242,190,.6);
    }
}

/* A crop deficit. The granary no longer stops at zero and no longer eats the
   army to stay there, so the number itself has to carry the warning. */
#res b.res-negative {
    color: #d21f1f;
    font-weight: bold;
}

/* ── Artefact resource bar: polished gold ─────────────────────────────────────
   Two surfaces, both lustrous (owner, 2026-08-11): the cell underneath
   (`td.res`) and the fill riding on it (`.bares`).

   Each is built the same way — a metal gradient that sweeps, under a fixed
   gloss layer. Only the metal moves: `background-position` carries one pair per
   layer, and the gloss keeps `0 0` in both keyframes so the sheen stays put
   while the glint travels beneath it. Animating both would slide the highlight
   off the bar and read as a scrolling texture rather than reflected light.

   The glint is a hard white stop inside the metal ramp, not an overlay filter —
   a `brightness()` lift or a flat white inset raises the whole surface at once
   and turns gold into cream, which is exactly how this looked before. */
/* Right to left, matching the page (owner, 2026-08-11).
   Reading the direction off these numbers needs the percentage rule: the offset
   is `(container − image) × pct`, and with `background-size: 300%` that bracket
   is negative — so a **rising** percentage walks the image *leftwards*, and the
   glint with it. Right-to-left therefore means counting **up**, which is the
   opposite of what the numbers suggest at a glance. */
@keyframes resourceArtifactGoldShine {
    0%   { background-position: 0 0, -90% 0; }
    100% { background-position: 0 0, 190% 0; }
}

/* The white stripe that crosses the gold. Its own element and its own clock, so
   it can run fast (1.1s) over metal that drifts slowly (2.2s) — two speeds one
   keyframe list cannot give, since a single timeline advances every layer at
   the same rate. */
@keyframes resourceArtifactWhiteStripe {
    0%   { background-position: -70% 0; }
    100% { background-position: 170% 0; }
}

/* 🪤 `background-image`, never the `background` shorthand, while an animation
   drives `background-position`.
   The shorthand resets position to `0 0`, and with `!important` on it that reset
   **outranks the animation** — author `!important` sits above animations in the
   cascade. The metal sat frozen at frame zero for three rebuilds while the
   white stripe (which carries no `!important`) moved, so the bar looked alive
   and the glint never travelled. Declaring the longhands leaves `position`
   undeclared, which is what lets the keyframes own it. */
#res.resource-artifact-gold .bares,
#res.resource-artifact-gold .bares.resWarn {
    filter: none !important;
    background-color: transparent !important;
    background-image:
        /* gloss — bright across the top half, cut sharply at the midline so the
           edge itself reads as the specular line */
        linear-gradient(to bottom,
            rgba(255,255,255,.62) 0%,
            rgba(255,255,255,.30) 40%,
            rgba(255,255,255,.06) 47%,
            rgba(255,255,255,0)   48%,
            rgba(255,214,120,.16) 100%),
        /* metal + travelling glint */
        linear-gradient(110deg,
            #8a5a00 0%,
            #c98b08 12%,
            #f0b400 24%,
            #ffeaad 38%,
            #ffffff 45%,
            #ffeaad 52%,
            #ffd447 62%,
            #b87800 78%,
            #f4c430 90%,
            #9a6500 100%) !important;
    background-size: 100% 100%, 300% 100% !important;
    background-repeat: no-repeat, repeat !important;
    animation: resourceArtifactGoldShine 5s linear infinite;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -2px 4px rgba(120,70,0,.5),
        0 0 9px rgba(255,190,0,.85);
}

/* The cell carries the same polished gold, not a darker backdrop.

   This is the surface the player actually sees. `.bares` is the *fill*, and its
   width is stock ÷ capacity — with a 3,000,000,000 warehouse and 24M in it that
   is 0.8%, which lands on **one pixel**. Three of the four bars are therefore
   pure backdrop, so styling the fill alone changes nothing on screen. */
/* Slow enough to follow (owner, 2026-08-11): 2.2s crossed a 124px cell in a
   blink — the eye registered a flicker, not a sweep. 5s, and the white stripe
   at 2.6s instead of 1.1s with its peak dropped from .92 to .55. */
#res.resource-artifact-gold td.res {
    position: relative;
    background-color: transparent !important;
    background-image:
        linear-gradient(to bottom,
            rgba(255,255,255,.62) 0%,
            rgba(255,255,255,.30) 40%,
            rgba(255,255,255,.06) 47%,
            rgba(255,255,255,0)   48%,
            rgba(255,214,120,.16) 100%),
        linear-gradient(110deg,
            #8a5a00 0%,
            #c98b08 12%,
            #f0b400 24%,
            #ffeaad 38%,
            #ffffff 45%,
            #ffeaad 52%,
            #ffd447 62%,
            #b87800 78%,
            #f4c430 90%,
            #9a6500 100%) !important;
    background-size: 100% 100%, 300% 100% !important;
    background-repeat: no-repeat, repeat !important;
    animation: resourceArtifactGoldShine 5s linear infinite;
    border-color: #8a5900 !important;
}

/* The white stripe, riding over the gold. */
#res.resource-artifact-gold td.res::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg,
        rgba(255,255,255,0)   36%,
        rgba(255,255,255,.18) 44%,
        rgba(255,255,255,.55) 50%,
        rgba(255,255,255,.18) 56%,
        rgba(255,255,255,0)   64%);
    background-size: 240% 100%;
    background-repeat: no-repeat;
    animation: resourceArtifactWhiteStripe 2.6s linear infinite;
}

/* The stock figure stays above the stripe: a 0.92 white crossing the digits
   would blank them twice a second. Everything else it passes over.

   🪤 `z-index` only — **never** a `position` here. The figure is already
   `position: absolute`, floated over the bar; writing `relative` alongside the
   z-index (as this rule first did) dropped it back into the flow and pushed the
   cell from 27px to 47px, growing the whole bar by 20px. z-index applies to it
   as-is because it is already positioned. */
#res.resource-artifact-gold td.res b {
    z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
    #res.resource-artifact-gold .bares,
    #res.resource-artifact-gold td.res,
    #res.resource-artifact-gold td.res::after { animation: none; }
}

@media (max-width: 640px) {
    body.ui-shell-v1 a.build,
    body.ui-shell-v1 .trav_buttons {
        padding: 8px 14px;
    }
}

.ui-skip-link {
    position: fixed;
    inset-block-start: 8px;
    inset-inline-start: 8px;
    z-index: 20000;
    padding: 10px 14px;
    border-radius: var(--ui-radius-sm);
    background: #111827;
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none;
    transform: translateY(-160%);
    transition: transform 120ms ease-out;
}

.ui-skip-link:focus {
    transform: translateY(0);
}

.ui-noscript {
    position: fixed;
    inset: 0;
    z-index: 30000;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 24px;
    background: #ffffff;
    color: #7a271a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
}

/* Valid replacement for the legacy duplicate #offers selector. */
a.offers-badge {
    position: relative;
}

a.offers-badge::after {
    position: absolute;
    inset-block-start: -7px;
    inset-inline-end: -3px;
    color: #b42318;
    content: attr(data-badge);
    font-size: 11px;
    line-height: 1;
}

a.offers-badge[data-badge="0"]::after,
a.offers-badge[data-badge=""]::after {
    content: none;
}

.ui-inline-form { display: inline; }
.ui-icon-button { border: 0; background: none; cursor: pointer; padding: 0; }

.ui-topbar__menu {
    border: 0;
    background: transparent;
    color: #000000;
    cursor: pointer;
}

.ui-topbar__menu svg {
    width: 20px;
    height: 20px;
    background: transparent;
}

.ui-topbar__link {
    color: #000000;
}

.ui-topbar__chat {
    color: #6e0115;
}

.ui-topbar__support {
    color: #155eef;
    font-weight: 700;
}

.ui-topbar__villages--alert {
    border-radius: var(--ui-radius-sm);
    color: var(--ui-color-danger);
    animation: shake 0.5s 8;
}

.ui-topbar__gold {
    top: 0;
    height: 20px;
}

.ui-topbar__gold img {
    margin-block-end: 10px;
}

.ui-topbar__logout {
    display: inline-flex;
    width: 25px;
}

/* Coordinate pairs like (-31 | 25) must render left-to-right even inside
   RTL text, or the minus sign visually flips to "31-". */
.aligned_coords,
.coord,
.coords {
    direction: ltr;
    unicode-bidi: isolate;
}

.ui-logout-form {
    display: inline-flex;
    margin: 0;
    padding: 0;
}

.ui-logout-button {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    padding: 0;
}

.ui-side-logout-form {
    display: none;
}

/* Logout is a POST control so it cannot be a link, but it sits among the plain
   sidebar anchors and has to lay out exactly like them. Those come from
   `div#side_navi p a { display: block; padding-right: 12px; font-weight: normal;
   color: #000 }`, so the padding belongs on the **inline-end** side — it used to
   be on the left, which in this RTL column pushed the word past its siblings and
   needed a `translateX(4px)` nudge to look close. Matching the anchors removes
   the need for the nudge and the fixed width: measured at 1440px, the anchors
   are x=1058 w=155 and the button now lands on the same box. */
body.ui-shell-v1 #side_navi button.ui-side-logout-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 20px;
    padding: 0 12px 0 0;
    color: #000;
    font: 13px/20px "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal;
    text-align: right;
    text-decoration: none;
}

/* The sibling anchors turn green on hover; the button should not look inert. */
body.ui-shell-v1 #side_navi button.ui-side-logout-button:hover {
    color: var(--swd-link-hover);
}

.ui-account-switcher{position:relative;display:inline-block;vertical-align:middle;margin:0 4px;z-index:80}
.ui-account-switcher>summary{list-style:none;cursor:pointer;color:var(--swd-link);font-weight:bold;padding:3px 7px;border:1px solid var(--swd-tile-rule);border-radius:4px;background:linear-gradient(#fff,var(--swd-tile));white-space:nowrap}
.ui-account-switcher>summary::-webkit-details-marker{display:none}
.ui-account-switcher[open]>summary{background:#e2f0cf}
.ui-account-switcher__menu{position:absolute;top:calc(100% + 3px);right:0;min-width:175px;padding:4px;background:#fff;border:1px solid #9db676;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.22)}
.ui-account-switcher__menu form{margin:0}
.ui-account-switcher__menu button,.ui-account-switcher__menu a{display:block;box-sizing:border-box;width:100%;border:0;background:transparent;color:var(--swd-link);font:inherit;text-align:right;padding:6px 8px;cursor:pointer;text-decoration:none;white-space:nowrap}
.ui-account-switcher__menu button:hover,.ui-account-switcher__menu a:hover{background:#edf6df;text-decoration:none}

.ui-topbar__logout img {
    width: 25px;
    height: 25px;
}

/* ── إطار عدّادات الجولة في عمود القائمة (سطح المكتب) ────────────────────────
   «في إطار مثل إطار الولاء» — أمر المالك 2026-08-17. فالقيم منقولة حرفياً عن
   شريحة الولاء المقيسة على المصدر: بلاطة `--swd-tile` وحدّ `--swd-tile-rule`
   وزوايا **10px**. لوحان بلغةٍ واحدة، لا صندوقان متشابهان بالصدفة.

   🪤 و`box-sizing: border-box` ليس زينة: `#side_navi` عرضه مقيس ومطابق
   (155px)، والحدّ والحشو بلا هذه الخاصية يزيدانه 18px فيزحف العمود كله —
   وهي المصيدة المسجَّلة في `01-work/CLAUDE.md` بعينها. هنا لا تنطبق لأن
   الصندوق داخلي وعرضه 100% من أبيه، لا صفَّ قائمةٍ مقيساً. */
body.ui-shell-v1 #side_navi .svc-box {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 14px;
    padding: 8px 0 2px;
    border: 1px solid var(--swd-tile-rule);
    border-radius: 10px;
    background: var(--swd-tile);
}

/* Shared side-navigation news; scoped so admin and standalone pages stay intact. */
body.ui-shell-v1 #side_navi p.deltimer.svc-news-wrap {
    width: auto !important;
    margin: 0 0 14px !important;
}

/* داخل الإطار الإيقاع أضيق — الأربعة عشر بكسلاً كانت تفصل بطاقاتٍ مستقلة،
   وهذه صارت أسطراً في لوحٍ واحد. وآخرها بلا هامش سفلي فلا يتدلّى الحدّ. */
body.ui-shell-v1 #side_navi .svc-box p.deltimer.svc-news-wrap {
    margin: 0 0 6px !important;
}

body.ui-shell-v1 #side_navi .svc-box > :last-child {
    margin-bottom: 0 !important;
}

/* على الجوال العمود كله درجٌ مخفيّ، و`p.deltimer` داخله مخفيّة أصلاً — فلولا
   هذا لظهر **إطارٌ فارغ** لمن فتح الدرج. والعدّادات هناك في جدول الإنتاج. */
@media screen and (max-width: 768px) {
    body.ui-shell-v1 #side_navi .svc-box {
        display: none;
    }
}

/* ── زرّ إلغاء الحماية داخل عمود العدّادات ───────────────────────────────────
   جُرِّبت أولاً **شارةٌ في الرأس** بموضع المصدر وقياسه (111×42 عند 5،58)، ثم
   قرّر المالك 2026-08-17 أن تكون العدّادات **في جدول الإنتاج وحده** — فرُفعت
   الشارة وبقي زرّها هنا، بجانب كلمة «الحماية».

   🔴 **ورفعُ الشارة لا يجوز أن يُسقط الوظيفة:** زرّ الإلغاء الأصلي في
   `p.deltimer` مخفيٌّ على الجوال، فلو ذهبت الشارة وحدها لعاد لاعب الهاتف بلا
   أيّ طريقٍ لإنهاء حمايته — وهو العطب الذي أصلحته الشارة أصلاً. فالزرّ ينتقل
   معها لا يُحذف.

   والصورة `img.del` (‏16×16 ‏/img/a/dl.png) هي صورة المصدر نفسها. */
body.ui-shell-v1 .svc-cell__cancel {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0;
    line-height: 0;
    vertical-align: middle;
}

body.ui-shell-v1 .svc-cell__cancel button {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    line-height: 0;
}

/* ✕ أحمرُ صريح على الجهازين (أمر المالك 2026-08-17). سبرايت `img.del` أحمر
   أصلاً، والتشبّع يضمن أن يبقى كذلك مهما وُضع فوق بلاطة رَقّ أو شريط برونز
   — فالعلامة الحمراء هي ما يميّز «إلغاء» عن بقية الأزرار في الصفحة. */
body.ui-shell-v1 .svc-cell__cancel img.del,
body.ui-shell-v1 #side_navi button.svc-sub img.del {
    filter: saturate(1.6);
    vertical-align: middle;
}

/* ونصّ زرّ القائمة يبقى أحمر بجانبها — الصورة والكلمة بلونٍ واحد. */
body.ui-shell-v1 #side_navi button.svc-sub {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.ui-shell-v1 #side_navi a.svc-news {
    display: block;
    padding: 0 12px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-weight: 400;
    line-height: 20px;
    text-align: right !important;
}

body.ui-shell-v1 #side_navi a.svc-news:hover {
    color: var(--swd-link-hover) !important;
}

body.ui-shell-v1 #side_navi a.svc-news .svc-lbl,
body.ui-shell-v1 #side_navi a.svc-news .svc-val,
body.ui-shell-v1 #side_navi a.svc-news .svc-val .timer {
    display: block;
    color: #ff8000;
    font-weight: 700;
}

body.ui-shell-v1 #side_navi a.svc-news .svc-val .timer {
    display: inline;
}

body.ui-shell-v1 #side_navi .svc-sub-form {
    margin: 0;
}

body.ui-shell-v1 #side_navi a.svc-sub,
body.ui-shell-v1 #side_navi button.svc-sub {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    padding: 0 12px 0 0;
    color: #b91c1c !important;
    font-size: 11px;
    text-align: right;
    /* Button reset so the POST-form control matches the old <a> link. */
    background: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    line-height: inherit;
}

body.ui-shell-v1 #side_navi a.svc-sub:hover,
body.ui-shell-v1 #side_navi button.svc-sub:hover {
    text-decoration: underline;
}

body.ui-shell-v1 #side_navi > p.ui-add-shortcut-wrap {
    width: 155px;
    height: 20px;
    margin: 0 0 10px !important;
}

body.ui-shell-v1 #side_navi > p.ui-add-shortcut-wrap > a.ui-add-shortcut {
    display: flex;
    width: 155px;
    height: 20px;
    box-sizing: border-box;
    align-items: flex-start;
    padding: 0 12px 0 0;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
}

body.ui-shell-v1 #side_navi > p.ui-add-shortcut-wrap > a.ui-add-shortcut img {
    width: 12px;
    height: 12px;
    margin: 2px 5px 0 0;
}

body.ui-shell-v1 #side_navi > p.ui-add-shortcut-wrap > a.ui-add-shortcut:hover {
    color: var(--swd-link-hover);
}

body.ui-shell-v1 #side_navi > p.Extra {
    width: 155px;
    margin: 0 0 10px !important;
}

body.ui-shell-v1 #side_navi > p.Extra a {
    display: block;
    overflow: hidden;
    padding: 0 12px 0 0;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ui-shell-v1 #side_navi > p.Extra .ui-shortcut-row {
    display: flex;
    width: 155px;
    align-items: center;
}

body.ui-shell-v1 #side_navi > p.Extra .ui-shortcut-row > a {
    min-width: 0;
    flex: 1;
}

body.ui-shell-v1 #side_navi > p.Extra .ui-shortcut-row button {
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    color: #a40000;
    background: transparent;
    cursor: pointer;
    font: bold 14px/20px Tahoma, Arial, sans-serif;
}

body.ui-shell-v1 #side_navi > p.Extra .ui-shortcut-row button:hover {
    color: #e00000;
}

body.ui-shell-v1 .ui-shortcut-dialog[hidden] {
    display: none;
}

body.ui-shell-v1 .ui-shortcut-dialog {
    position: fixed;
    z-index: 10050;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 35%);
}

body.ui-shell-v1 .ui-shortcut-dialog__box {
    width: min(320px, calc(100vw - 32px));
    padding: 18px;
    border: 1px solid var(--swd-bronze-mid, #82755f);
    border-radius: 10px;
    background: linear-gradient(180deg, #fffaf0, #f3ead6);
    box-shadow: 0 12px 34px rgb(50 34 12 / 38%);
    text-align: right;
}

body.ui-shell-v1 .ui-shortcut-dialog__box strong,
body.ui-shell-v1 .ui-shortcut-dialog__box input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

body.ui-shell-v1 .ui-shortcut-dialog__box strong {
    color: var(--swd-brown-900, #4c2f12);
    font-size: 16px;
}

body.ui-shell-v1 .ui-shortcut-dialog__box label {
    display: block;
    margin: 0 2px 5px;
    color: var(--swd-brown-800, #62431f);
    font-weight: 700;
}

body.ui-shell-v1 .ui-shortcut-dialog__box input {
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #b9a37a;
    border-radius: 7px;
    background: #fffdf8;
}

body.ui-shell-v1 .ui-shortcut-dialog__box input:focus {
    border-color: var(--swd-bronze-mid, #9a6d25);
    outline: 2px solid rgb(174 124 37 / 22%);
    outline-offset: 1px;
}

body.ui-shell-v1 .ui-shortcut-dialog__box button {
    min-height: 36px;
    padding-inline: 16px;
    border: 1px solid #8c6a32;
    border-radius: 7px;
    background: linear-gradient(180deg, #d5b466, #a9782d);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

body.ui-shell-v1 .ui-shortcut-dialog__box button:last-child {
    background: linear-gradient(180deg, #fffdf8, #e8dcc4);
    color: #60431e;
}

body.ui-shell-v1 .ui-shortcut-dialog__box span {
    display: flex;
    gap: 8px;
}

body.ui-shell-v1 #side_navi > p.Extra a:hover {
    color: var(--swd-link-hover);
}

.ui-mobile-clock-icon {
    inset-block-start: 13px;
    inset-inline-end: 4px;
}

.ui-sidebar-clock-icon {
    inset-block-start: -74px;
}

/* Direction-independent centring: legacy `img.day` also sets `right`, so both
   physical sides must be resolved explicitly for the RTL shell. */
body.ui-shell-v1 #side_navi > #day.ui-sidebar-clock-icon {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

.ui-inbox-message-link {
    position: relative;
}

.ui-gold-icon {
    margin-block-end: 10px;
}

#Screen.ui-screen-overlay {
    top: 100px;
    z-index: 10001;
    display: none;
}

.ui-unread-badge {
    padding: 2px;
    border-radius: 4px;
    background: #6e0115;
    color: #ffffff;
}

body.ui-shell-v1 #side_navi a.ui-menu-gold {
    color: #ff8000 !important;
}

body.ui-shell-v1 #side_navi a.ui-menu-support {
    color: #0000ff !important;
    font-weight: 700;
}

body.ui-shell-v1 #side_info table#vlist {
    margin: 0 0 15px;
    /* Village names, coordinates and the two action icons form one classic
       row.  Keeping the cells on that row prevents the table from growing and
       reflowing after AJAX/timer paints, while the table itself remains only
       as wide as its contents. */
    width: auto;
    table-layout: auto;
    white-space: nowrap;
}

body.ui-shell-v1 #side_info table#vlist td.link > div {
    white-space: nowrap;
}

/* ── «إحصائيات القرى» بهوية المشروع (أمر المالك 2026-08-17) ──────────────────
   نفس معالجة لوحَي «الإنتاج» و«القوات» في صفحة القرية حرفياً — لوحٌ بحلقة
   `--swd-rule` وزوايا 6px، وترويسةٌ ببلاطة `--swd-tile-on` وخيطٍ برونزي
   أسفلها، وصفوفٌ متناوبة بلمسة رَقّ. ثلاثة ألواح بلغةٍ واحدة لا ثلاثة
   أشكال.

   🪤 **ولا `border` ولا `padding` ولا `margin` هنا أيضاً.** `#side_info` مقيس
   ومطابق (273×458 عند 1280، مسجَّل في هذا الملف نفسه أسفله)، وهو من الصناديق
   الثلاثة التي **يقيسها المصدر بـ`content-box`** — فأيّ حشوٍ يُضاف يتمدّد
   خارج المقاس بدل أن ينضغط داخله. الهوية كلها من `box-shadow` و`background`
   و`border-radius`، وهي الخصائص الثلاث التي لا تدخل حساب التخطيط.

   والجدول `width: auto` أعلاه، فاللوح يلبس محتواه لا العمود كله — وذلك
   مقصود: أسماء القرى تختلف طولاً. */
body.ui-shell-v1 #side_info table#vlist {
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--swd-rule),
                0 1px 2px rgba(59, 52, 42, .07);
}

body.ui-shell-v1 #side_info table#vlist thead td {
    background: var(--swd-tile-on);
    border-radius: 5px 5px 0 0;
    box-shadow: inset 0 -2px 0 0 var(--swd-bronze);
}

body.ui-shell-v1 #side_info table#vlist tbody tr:nth-child(odd) td {
    background: #fdfcf8;
}

/* رابط اسم القرية يتبع لكنة الهوية كبقية الروابط. والقرية النشطة تبقى
   برتقالية — تلك حالةٌ لا هوية، ولها نظيرها في قاعدة المشروع. */
body.ui-shell-v1 #side_info table#vlist tbody tr:not(.ui-current-village) a.ui-village-name-link {
    color: var(--swd-bronze);
}

/* Valid replacement for the four duplicate #Res nodes. */
div.resource-add {
    position: relative;
    inset-block-start: -2px;
    inset-inline-start: -3px;
    z-index: 11;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    line-height: 1.8;
}

div.resource-add img {
    width: 16px;
    height: 16px;
    margin-block-start: 3px;
}

.ui-mobile-nav {
    display: none !important;
}

.ui-mobile-nav__attack-count {
    margin: 0;
    padding-inline-end: 10px;
    color: var(--ui-color-danger);
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.ui-mobile-nav__link,
.ui-mobile-nav__villages {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin: 0;
    padding: 2px;
    border: 0;
    border-radius: var(--ui-radius-sm);
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

/* Reference client's mobile shortcut chip: a 25px icon scaled 1.5× into a
   beige circle with a hairline border, so the rendered badge is 40x40. The
   border is authored at 1px and `zoom` scales it down to the 0.67px the
   reference computes — keep the pair together or the ring thickens. */
.ui-mobile-nav__link img,
.ui-mobile-nav__villages img {
    width: 25px;
    height: 25px;
    zoom: 1.5;
    margin: 2px;
    border: 1px solid #000;
    border-radius: 90px;
    background: beige;
    object-fit: fill;
}

.ui-mobile-nav__villages--alert {
    background: #b42318;
    animation: shake 0.5s 8;
}

/* Shared confirmation dialog. It keeps legacy class names for compatibility. */
.ui-confirm {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, 0.62);
}

.ui-confirm[aria-hidden="true"] {
    display: none;
}

.ui-confirm[aria-hidden="false"] {
    display: flex !important;
}

.ui-confirm__panel {
    width: min(92vw, 420px);
    box-sizing: border-box;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: var(--ui-radius-md);
    background: var(--ui-color-surface);
    box-shadow: var(--ui-shadow-dialog);
    color: var(--ui-color-text);
    text-align: center;
}

.ui-confirm__message {
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.7;
}

.ui-confirm__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.ui-confirm__button {
    min-width: 104px;
    min-height: var(--ui-touch-target);
    padding: 9px 18px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 700;
}

#confirmYes.ui-confirm__button {
    background: var(--ui-color-primary);
}

#confirmNo.ui-confirm__button {
    background: var(--ui-color-danger);
}

@media (max-width: 768px) {
    .ui-mobile-nav {
        display: flex !important;
        min-height: var(--ui-touch-target);
        align-items: center;
        gap: 4px;
        padding-inline: 6px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    .ui-mobile-nav::-webkit-scrollbar {
        display: none;
    }

    .ui-mobile-nav__link,
    .ui-mobile-nav__villages {
        width: var(--ui-touch-target);
        min-width: var(--ui-touch-target);
        height: var(--ui-touch-target);
    }

    body.ui-shell-v1 #daym,
    body.ui-shell-v1 #loadingm {
        display: none !important;
    }

    body.ui-shell-v1 .show {
        display: block !important;
    }

    body.ui-shell-v1 :where(input, select, textarea) {
        max-width: 100%;
    }
}

@media (min-width: 769px) {
    body.ui-shell-v1 #daym,
    body.ui-shell-v1 #loadingm {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.ui-shell-v1 *,
    body.ui-shell-v1 *::before,
    body.ui-shell-v1 *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media (forced-colors: active) {
    .ui-confirm__button,
    .ui-mobile-nav__link,
    .ui-mobile-nav__villages {
        border: 1px solid ButtonText;
    }
}

/* ===== shell stability and responsive guards ===== */
/* Final deterministic shell layer. Loaded after every page-specific stylesheet. */
/* `#header`, `#content` and `#side_info` are deliberately absent: they are the
   only shell boxes carrying padding or a border, and the reference sizes them
   with `content-box` (measured 2026-08-08 at 1280x800 — #header 46px not 45,
   #content 572x693 not 557x650, #side_info 273x458 not 257x453). Forcing
   `border-box` on them swallowed that padding and cascaded a 43px shortfall
   into `#mid` and `.wrapper`. The five below carry no padding or border, so
   the box model is a no-op for them and they stay for stability. */
body.ui-shell-v1,
body.ui-shell-v1 .wrapper,
body.ui-shell-v1 #mid,
body.ui-shell-v1 #side_navi,
body.ui-shell-v1 #res {
    box-sizing: border-box;
}

body.ui-shell-v1 #mid::after,
body.ui-shell-v1 .wrapper::after {
    display: table;
    clear: both;
    content: "";
}

/* IDs stay stable for the life of the document; active state is a class. */
body.v35 #mtop > a.No.is-active img,
body.v35 #mtop > a.No[aria-current="page"] img {
    filter: none !important;
}

.ui-shell-backdrop {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Keep sprite-backed transparent placeholders from collapsing while decoded. */
body.ui-shell-v1 #mtop img,
body.ui-shell-v1 #village_map img,
body.ui-shell-v1 #res img {
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    body.ui-shell-v1.ui-side-menu-open #side_navi,
    body.ui-shell-v1.ui-village-menu-open #side_info {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.ui-shell-v1.ui-side-menu-open .ui-shell-backdrop,
    body.ui-shell-v1.ui-village-menu-open .ui-shell-backdrop {
        display: block !important;
        visibility: visible !important;
    }

    body.ui-shell-v1.ui-side-menu-open,
    body.ui-shell-v1.ui-village-menu-open {
        overflow: hidden !important;
    }

    body.ui-shell-v1:not(.ui-side-menu-open) #side_navi,
    body.ui-shell-v1:not(.ui-village-menu-open) #side_info {
        display: none !important;
    }
}

/* Hybrid GET navigation: preserve the current SSR page until the replacement
   document and its stylesheets are ready. */
html.ui-navigation-loading {
    cursor: progress;
}
html.ui-navigation-loading body::before,
html.ui-navigation-pending body::before {
    content: "";
    position: fixed;
    inset-inline-start: 0;
    top: 0;
    z-index: 10050;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(74, 119, 33, .9), transparent);
    animation: divtrav-navigation-progress 1.1s linear infinite;
    pointer-events: none;
}
@keyframes divtrav-navigation-progress {
    from { transform: translateX(-100%); }
    to { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
    html.ui-navigation-loading body::before,
    html.ui-navigation-pending body::before {
        animation: none;
    }
}

/* ===== Shared template components ===== */
.ui-inline-form { display: inline; margin: 0; }
.ui-error { color: #d33; }

/* Shared Askama building description component. */
#build .build-description {
  width: 69%;
  font-weight: 700;
}


/* ===== final desktop header/resource alignment ===== */
.ui-village-switch-form {
    display: inline;
    margin: 0;
    padding: 0;
}

.ui-village-switch-button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: start;
    cursor: pointer;
}

.ui-village-switch-button:hover,
.ui-village-switch-button:focus-visible {
    color: #ff8000;
    text-decoration: underline;
}

.ui-resource-gold {
    width: 92px;
    padding-inline-start: 8px;
    vertical-align: middle;
}

.ui-resource-gold__link {
    display: flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 2px 9px;
    border: 1px solid rgba(151, 111, 25, 0.45);
    border-radius: 14px;
    background: linear-gradient(#fff9d9, #e8c865);
    color: #5c4307;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.22);
}

.ui-resource-gold__icon {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
}

.ui-resource-gold__icon img {
    display: block;
    width: 16px;
    height: 16px;
}

@media screen and (min-width: 769px) {
    /* The reference client anchors the complete icon / hero / gold strip at
       right:50% / margin-right:-241px. Our sixth icon occupies the reference
       hero slot, so no compensating translation is needed. */
    body.ui-shell-v1 #mtop,
    body.ui-shell-v1.mod1 #mtop,
    body.ui-shell-v1.mod2 #mtop,
    body.ui-shell-v1.mod3 #mtop {
        right: 50%;
        width: 630px;
        margin-right: -241px;
        transform: none;
    }

    /* Server identity and live clock occupy the same 155px desktop header
       cell as the reference's ServerChange block. The animated masthead title
       remains a separate layer and keeps all of its sheen/glow effects. */
    body.ui-shell-v1 #side_navi > .ui-server-change {
        position: relative;
        top: -79px;
        display: flex;
        height: 34px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        color: #666;
        font-size: 11px;
        font-weight: 700;
    }

    body.ui-shell-v1 #side_navi > .ui-server-change .ui-server-change__icon {
        position: relative;
        display: block;
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }

    body.ui-shell-v1 #side_navi > .ui-server-change #day {
        position: static;
        display: block;
        width: 18px;
        height: 18px;
        transform: none;
    }

    body.ui-shell-v1 #side_navi > .ui-server-change #loading {
        display: none;
    }

    body.ui-shell-v1 #side_navi > .ui-server-change .ui-server-change__copy {
        display: flex;
        min-width: 0;
        flex-direction: column;
        color: #666;
        line-height: 16px;
        white-space: nowrap;
    }

    body.ui-shell-v1 #side_navi > .ui-server-change strong,
    body.ui-shell-v1 #side_navi > .ui-server-change small,
    body.ui-shell-v1 #side_navi > .ui-server-change #tp1 {
        color: #666;
        font: inherit;
    }

    body.ui-shell-v1 #side_navi > .ui-server-change small {
        font-size: 11px;
        font-weight: 400;
    }

    body.ui-shell-v1 #side_navi > #logo {
        display: none;
    }

    /* The reference aligns the resource strip with the content column:
       width 572px, right:50%, margin-right:-345px, inner table 500px. */
    body.ui-shell-v1 #resWrap {
        right: 50%;
        width: 572px;
        margin-right: -345px;
        margin-left: 0;
    }

    body.ui-shell-v1 #resWrap > table {
        width: 500px;
    }

    body.ui-shell-v1 #resWrap td.res {
        width: 121.75px;
    }
}

@media screen and (max-width: 768px) {
    body.ui-shell-v1 #resWrap > table {
        width: 100%;
        table-layout: fixed;
    }

    body.ui-shell-v1 #resWrap td.res {
        width: calc((100% - 68px) / 4);
    }

    .ui-resource-gold {
        display: table-cell;
        width: 68px;
        padding-inline-start: 3px;
    }

    .ui-resource-gold__link {
        min-height: 24px;
        gap: 3px;
        padding: 1px 4px;
        font-size: 11px;
    }

    .ui-resource-gold__icon,
    .ui-resource-gold__icon img {
        width: 14px;
        height: 14px;
    }
}

/* Self-clearing flashes (`data-autofade`). The class is added by the shared
   page runtime; the transition length must stay in step with the removal
   timeout in `auto-fading-flash`. */
.buildFlash {
    transition: opacity .55s ease, max-height .55s ease, margin .55s ease;
    max-height: 6em;
    opacity: 1;
}

.buildFlash.is-fading {
    opacity: 0;
    max-height: 0;
    margin-block: 0;
    overflow: hidden;
}

/* ══ هوية القوائم — برونز على رَقّ ═══════════════════════════════════════════
   القوائم هنا **مقيسة ومطابقة للمصدر عنصراً بعنصر**: `#side_navi` ‏155×453
   وصفوفه 155×20 بحشو بدايةٍ 12px وخط 13px/400؛ و`#mtop` ‏630×72 وبلاطاته
   70×72. قِيست على الطرفين عند `innerWidth = 1280` فجاءت متطابقة، فالمطلوب
   لون لا هندسة.

   🪤 ولذلك **لا `border` ولا `padding` ولا `margin` في هذه الكتلة**: كلٌّ
   منها يزحزح الصندوق فيكسر مطابقةً مقيسة ومسجَّلة. الهوية كلها من ثلاثة
   خصائص لا تدخل حساب التخطيط — `box-shadow` و`background` و`border-radius`.
   وحدّ الحافة يُرسم بـ`inset` لا بـ`border` لهذا السبب وحده. */

/* ── لوحا «الإنتاج» و«القوات» في صفحة القرية ────────────────────────────────
   قرار المالك 2026-08-16: **العمودان الأيمن والأيسر يُتركان بلا ألواح** —
   جُرِّبت على القائمة اليمنى فلم تُرِد. اللوح هنا وحده.

   الجدولان 229×136 و229×67، و`border-collapse: separate` بفراغ 1px — وذلك
   الفراغ هو ما يجعل الحلقة الداخلية تُرى: الخلايا تبدأ بعد بكسل من الحافة
   فيظهر إطار الجدول في الشريط الباقي. ولولاه لغطّت الخلايا البيضاء الحلقة.

   ولا `border` ولا `padding` هنا أيضاً — الجدولان مقيسان، والإطار من
   `box-shadow`. والظل الخارجي الخفيف لا يدخل حساب التخطيط أصلاً. */
body.ui-shell-v1 div.village1 table#production,
body.ui-shell-v1 div.village1 table#troops {
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--swd-rule),
                0 1px 2px rgba(59, 52, 42, .07);
}

/* الرأس يصير عنوان اللوح: بلاطة رَقّ وخيط برونزي أسفله. زواياه 5px لا 6px
   لتتداخل داخل زاوية اللوح بدل أن تزاحمها — الخليّة مزاحة بكسل عن الحافة.

   والبلاطة هنا `--swd-tile-on` لا `--swd-tile`: الأفتح `#f7f1e0` جُرِّب أولاً
   فذاب في الأبيض تحته ولم يُقرأ شريطاً. */
body.ui-shell-v1 div.village1 table#production thead th,
body.ui-shell-v1 div.village1 table#troops thead th {
    background: var(--swd-tile-on);
    border-radius: 5px 5px 0 0;
    box-shadow: inset 0 -2px 0 0 var(--swd-bronze);
}

/* صفوف متناوبة بلمسة رَقّ خفيفة — تُقرأ الأرقام في سطرها ولا يتغير مقاس.
   لا تُطبَّق على `thead` لأن `tbody` يقصرها على صفوف البيانات وحدها. */
body.ui-shell-v1 div.village1 table#production tbody tr:nth-child(odd) td,
body.ui-shell-v1 div.village1 table#troops tbody tr:nth-child(odd) td {
    background: #fdfcf8;
}

/* ── الجوال: «الإنتاج» و«القوات» يُرصفان رأسياً كما على سطح المكتب ──────────
   كانا وحدهما جنباً إلى جنب هنا، وسطح المكتب يرصفهما فوق بعضهما أصلاً
   (الإنتاج عند y=257 والقوات عند y=407 بنفس x). فهذا رفع شذوذ لا تصميم جديد.

   والسبب ليس الترتيب: عدد صفوف `table#troops` مفتوح — `{% for tr in troops %}`
   صفٌّ لكل نوع وحدة، فكل قبيلة معزِّزة تضيف أنواعها كلها. قِيس بمحاكاة قبيلتين
   (١٤ نوعاً): **القوات 389px والإنتاج 136px**، وتنازعا العرض حتى تلاصق
   العمودان وانضغط الإنتاج. وعمود 106px لا يسع «فارس الإمبراطور» في سطر.

   بالعرض الكامل 278px يقرأ كل اسم في سطره، ولا مقاس يُمَسّ: كلٌّ يأخذ ارتفاع
   محتواه. (أقرّه المالك بعد تجربة حيّة 2026-08-16.) */
@media (max-width: 768px) {
    body.ui-shell-v1 #map_details {
        flex-direction: column;
    }
    body.ui-shell-v1 #map_details > .DivVillage1,
    body.ui-shell-v1 #map_details > .DivVillage2,
    body.ui-shell-v1 #map_details table#production,
    body.ui-shell-v1 #map_details table#troops {
        width: 100%;
    }
}

/* ── عدّادات الجولة داخل جدول الإنتاج — الجوال وحده ─────────────────────────
   البطاقات الأربع (الحماية · التتار · إعادة الجولة · التحف) تعيش في القائمة
   اليمنى داخل `p.deltimer`، **وهي مخفية على الجوال** بالسطر:

       p.MoHi, p.deltimer, a#logo, div.village1 table#production td.res, …
       { display: none }          (08-mobile-and-interactions.css)

   فلاعب الهاتف لم يكن يرى متى تنتهي حمايته ولا متى تظهر التحف — لا في القائمة
   لأنها مخفية، ولا في مكان آخر لأنه لا مكان آخر. والسطر نفسه يخفي `td.res`
   (أسماء الموارد)، فيترك في الجدول **عموداً فارغاً** بعرض 60%. هذا العمود هو
   الذي طلب المالك وضعها فيه (2026-08-17).

   وسطح المكتب لا يتغيّر: الخلية `display:none` فلا تدخل تخطيط الجدول أصلاً،
   والعدد المرئي للأعمدة يبقى ثلاثة على الطرفين — `td.res` هنا، `td.svc-cell`
   هناك. */
div.village1 table#production td.svc-cell,
div.village1 table#production tr.svc-row {
    display: none;
}

@media (max-width: 768px) {
    body.ui-shell-v1 div.village1 table#production td.svc-cell {
        display: table-cell;
        /* عرض `td.res` نفسه الذي حلّت محلّه، فلا يتغير توزيع الجدول. */
        width: 60%;
        /* 🔴 «وسّطها … لتمتد أرقام الإنتاج بسلاسة ودون مضايقة» ثم «وسّط
           الحماية مع الوقت الخاص بها» — أمرا المالك 2026-08-17.

           والمحاذاة الأولى كانت `right`، وهي أسوأ خيار ممكن هندسياً: رقم
           الإنتاج في `td.num` محاذًى يميناً **فهو ينمو نحو اليسار** — من
           5,000 إلى 5,000,000 يزحف نحو هذه الخلية — فمحاذاة النصّ يميناً
           تضعه في وجه ذلك النمو تماماً.

           والتوسيط يحلّ الأمرين معاً: يبعد النصّ عن مدى نمو الرقم، **ويجعل
           الاسم وساعته على محورٍ واحد** فيُقرآن بنداً واحداً لا سطرين
           منفصلين — وذلك ما لم تفعله محاذاة الطرف: طرفاهما الأيسران
           يتحاذيان، ومركزاهما لا. */
        text-align: center;
        vertical-align: middle;
        /* و`nowrap` يمنع الساعة من الالتفاف على سطرين فتتسلّق صف ما تحتها. */
        white-space: nowrap;
    }

    /* ثلاث بطاقات فأكثر: صفوف مذيَّلة بالجدول تحمل بقية السطور. */
    body.ui-shell-v1 div.village1 table#production tr.svc-row {
        display: table-row;
    }

    body.ui-shell-v1 .svc-cell__line {
        /* `inline-block` لا `block`: زرّ إلغاء الحماية يجلس بجانب الكلمة في
           سطرها، و`block` كان يدفعه إلى سطرٍ ثالث فيفكّ ارتباطه بها. */
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
        font-size: 12px;
        color: var(--swd-bronze);
        text-decoration: none;
    }

    /* الساعة أخفت وزناً وأدكن لوناً من اسمها: السطران يُقرآن بندًا واحداً
       لا بندين متساويين، والاسم هو ما تبحث عنه العين أولاً. */
    body.ui-shell-v1 .svc-cell__line--time {
        font-weight: normal;
        color: var(--swd-ink);
    }
}

/* خيط برونزي أسفل الشريط العلوي يربط اللوحة بالهوية. `inset` فيبقى داخل
   الـ46px ولا يزيدها. */
body.ui-shell-v1 #header {
    box-shadow: inset 0 -2px 0 0 var(--swd-bronze);
}

/* البلاطة المختارة في شريط الأيقونات: كانت بلا علامة تُرى أصلاً — القاعدة
   القائمة تلغي مرشِّحاً فقط. الأيقونات صور، فالعلامة تحتها لا فيها. */
body.ui-shell-v1 #mtop > a.No.is-active,
body.ui-shell-v1 #mtop > a.No[aria-current="page"] {
    background: var(--swd-tile-on);
    border-radius: 6px;
    box-shadow: inset 0 -3px 0 0 var(--swd-bronze);
}

/* ── المربع الخلفي حول الأيقونة المفتوحة (أمر المالك 2026-08-17) ─────────────
   القاعدة أعلاه لم تكن تُرى: سبرايت الأيقونة **معتم ويملأ 70×67 كاملة**،
   فالخلفية تحته مغطّاة ولا يظهر منها إلا الشريط البرونزي أسفلها. طلب المالك
   «مربعاً خلفياً حولها طبقة» — فالمربع يُرسم الآن **محيطاً حول الصورة** لا
   خلفيةً تحتها.

   🪤 ورُسم بعنصر زائف مطلق لا بـ`border` ولا `padding`: `#mtop` مقيس 630×72
   ومطابق للمصدر بالبكسل، وأيُّ خاصية تدخل حساب الصندوق تزحزح الأيقونات
   الستّ كلها (القاعدة مسجَّلة في `01-work/CLAUDE.md` قسم الهوية).

   ويشمل الآن **البطل والتقارير والرسائل**: كان `#mtop > a.No` وحده، وابنا
   `div#n5` ليسا أبناء مباشرين له فلم تصلهما القاعدة أبداً. */
body.ui-shell-v1 #mtop > a.No.is-active,
body.ui-shell-v1 #mtop #n5.is-active {
    position: relative;
}

body.ui-shell-v1 #mtop > a.No.is-active::before,
body.ui-shell-v1 #mtop #n5.is-active::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 3px;
    left: 0;
    border-radius: 6px;
    /* الطبقة: غسلة برونزية شفافة تُميّز الأيقونة بلا أن تحجب رسمها، وحلقة
       برونزية صلبة هي «المحيط». الاثنتان فوق الصورة لأن ما تحتها لا يُرى. */
    background: rgba(140, 109, 31, .12);
    box-shadow: inset 0 0 0 2px var(--swd-bronze);
    pointer-events: none;
    z-index: 3;
}

/* 🔴 وصندوق البريد **يُحاط كاملاً لا نصفه** (أمر المالك 2026-08-17): الرابطان
   26×67 لكلٍّ لكنهما يتقاسمان **صورةً واحدة** 70×67، فإحاطة النصف المنقور
   تشطر الرسم في منتصفه. فالعلامة على `#n5` نفسه — يضعها JS عند تفعّل أيّ من
   الابنَين — والإطار يسع الاثنين.

   ويبقى النقر داخله حراً على أيّهما شاء: الإطار **عنصر زائف** بـ
   `pointer-events: none`، فلا يعترض لمسةً واحدة. */

/* رقم شريط الموارد يعبر الطبقتين معاً — الثقيلة والخفيفة — فلا يكفيه لونٌ
   واحد: أبيضُ يذوب في السعة المغسولة، وداكنٌ يذوب في المخزون الثقيل.
   الحل أبيض بهالة داكنة: على الثقيل يقرأ بتباين 4.9:1، وعلى الخفيف تحمله
   الهالة. ويلغي هذا اختلافاً قديماً كان الرقم فيه أبيض على سطح المكتب
   وأسود على الجوال — لأن المسارين كانا لونين مختلفين.

   🪤 و`:not(.res-negative)` ليس تجميلاً: بدونه يفوز هذا المحدِّد على
   `#res b.res-negative` بالتخصيص (1,2,3 مقابل 1,1,1) **فيبتلع أحمر المجاعة**
   ويصيّره أبيض — وقع ذلك فعلاً وقِيس قبل أن يُصلَح. */
/* 🔴 «بياض ناصع يمكن رؤيته» — أمر المالك 2026-08-17. واللون **كان أبيض
   خالصاً أصلاً** (‏`rgb(255,255,255)` بوزن 900)، فالعطب لم يكن في اللون بل في
   الهالة: `0 0 4px` هالةٌ داكنة واسعة تغشى حواف الحرف من كل جهة فتُقرأ
   رماديةً لا بيضاء — الغبش لا الخفوت.

   فحلّت محلّها **حاشية ضيّقة بأربع جهات** بمقدار بكسل واحد: تفصل الرقم عن
   الشريط بنفس القوة، ولا تلمس داخل الحرف فيبقى بياضه كاملاً. */
body.ui-shell-v1 #res div.barWrapper b:not(.res-negative) {
    color: #fff;
    text-shadow:
        0 1px 1px rgba(45, 34, 8, .95),
        0 -1px 1px rgba(45, 34, 8, .8),
        1px 0 1px rgba(45, 34, 8, .8),
        -1px 0 1px rgba(45, 34, 8, .8);
}

/* العجز يبقى أحمر — هو إشارته الوحيدة. وله هالة فاتحة لا داكنة، لأنه يقع
   غالباً على السعة المغسولة (شريط القمح الفارغ) لا على المخزون الثقيل. */
body.ui-shell-v1 #res div.barWrapper b.res-negative {
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9), 0 0 4px rgba(255, 255, 255, .95);
}

/* دوائر قائمة الجوال: رَقّ وحدّ الهوية بدل البيج والحدّ الأسود. اللون وحده
   — عرض الحدّ 0.67px يبقى كما هو فلا يتغير مقاس الدائرة. */
body.ui-shell-v1 .ui-mobile-nav img._leftham {
    background-color: var(--swd-tile);
    border-color: var(--swd-tile-rule);
}

/* ── زر اللعبة `.trav_buttons` ───────────────────────────────────────────────
   يأتي من `assets/default/lang/ar/lang.css` (حزمة اللغة) رمادياً بحدّ أخضر،
   وحزمتنا تُحمَّل بعده فيكفي تجاوز اللون. وهذه نفس المعالجة التي اعتمدها
   المالك لصفحتَي التسجيل والدخول في `static/css/auth-shell.css`، وتعليقها
   هناك يقول لماذا: الرمادي **كان يُقرأ كزرٍّ معطَّل**.

   🔴 والمقاس لا يُفرض هنا. في صفحات الدخول ثُبِّت 140×36 لأن الزر واحد، أما
   في اللعبة فلكل زرٍّ عرضٌ يمليه جدوله — فاللون والحدّ فقط.

   و`:not(:disabled)` مقصود: الزر المعطَّل يبقى رمادياً، وهو إشارته الوحيدة. */
body.ui-shell-v1 .trav_buttons:not(:disabled) {
    color: #fff;
    font-weight: 700;
    background-image: linear-gradient(180deg, var(--swd-bronze-lift), var(--swd-bronze));
    border-color: var(--swd-bronze-deep);
}

body.ui-shell-v1 .trav_buttons:not(:disabled):hover {
    background-image: linear-gradient(180deg, #c9a03a, var(--swd-bronze-lift));
}

body.ui-shell-v1 .trav_buttons:not(:disabled):active {
    background-image: linear-gradient(180deg, var(--swd-bronze-deep), var(--swd-bronze-deep));
}

/* ── شريط اللاعب العلوي ودوائره على الجوال (أمر المالك 2026-08-17) ───────────
   «نظّمها وعدّل أحجامها لتظهر مرتّبة» — والقياس يشرح ما الذي كان غير مرتّب:
   العناصر التسعة تشغل **0→394 بلا هامشٍ واحد** عند شاشة 394، والشريط ارتفاعه
   **28px** بينما اسم الحساب **29px** — أي أن المحتوى أطول من وعائه فيفيض منه.

   فالعلاج ثلاثة: وعاءٌ يسع محتواه، وفاصلٌ بين العناصر، وحجمُ خطٍّ واحد
   للروابط النصّية الخمسة بدل أن يمليه كلٌّ لنفسه. ولا شيء من هذا يمسّ سطح
   المكتب — الكتلة كلها داخل استعلام الجوال. */
@media screen and (max-width: 768px) {
    /* 🪤 **لا تلمس `position` هنا.** `#UBar` مثبَّت `fixed` في
       `07-modern-components.css` — أي **خارج التدفّق**. جُرِّب `relative`
       ليصلح مرساةً للذهب المطلق، فدخل الشريط التدفّق ودفع كل ما تحته **34px**:
       `#mtop` نزل من 119 إلى 153 فابتلع شريط الموارد كاملاً (تداخل 20px
       مقيس). والعنصر المثبَّت **مرساةٌ للمطلق أصلاً** فلا حاجة إليه.

       ولا `min-height` كذلك: صندوقه 25px + حشو 13 = 38، وعناصره صارت 22px
       فتسع فيه بلا زيادة. */
    body.ui-shell-v1 #UBar {
        box-sizing: border-box;
        align-items: center !important;
        justify-content: flex-start;
        gap: 6px;
        padding-inline: 8px;
        flex-wrap: nowrap;
    }

    /* الروابط النصّية الخمسة بحجمٍ واحد وسطرٍ واحد — كانت 17px في شريط 28. */
    body.ui-shell-v1 #UBar .ui-topbar__link,
    body.ui-shell-v1 #UBar .ui-topbar__chat,
    body.ui-shell-v1 #UBar .ui-topbar__support,
    body.ui-shell-v1 #UBar .ui-account-switcher > summary {
        font-size: 13px;
        line-height: 22px;
        white-space: nowrap;
    }

    /* اسم الحساب كان **أطول من الشريط** (29 في 28). */
    body.ui-shell-v1 #UBar .ui-account-switcher,
    body.ui-shell-v1 #UBar .ui-account-switcher > summary {
        max-width: 84px;
        height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* الطرفان يبقيان حيث كانا: ☰ في أول الشريط والخروج في آخره — وهو ما يعطيه
       ترتيب DOM نفسه مع `flex-start`. جُرِّب `order`/`margin: auto` لتثبيتهما
       فبدّلهما موضعاً، والمالك طلب تنظيماً وتحجيماً لا إعادة ترتيب. */
    body.ui-shell-v1 #UBar .ui-topbar__menu,
    body.ui-shell-v1 #UBar .ui-logout-form {
        flex: 0 0 auto;
    }

    /* ── الذهب ينزل إلى الهيدر داخل إطار الولاء نفسه ─────────────────────────
       «وداخل إطار كالولاء» — فالقيم منقولة عن شريحة الولاء حرفاً: بلاطة
       `--swd-tile` وحدّ `--swd-tile-rule` وزوايا 10px. لوحان بلغةٍ واحدة.

       ومطلقٌ داخل `#UBar` لا داخل `#dynamic_header`: الأخير يفرض على أبنائه
       `position: relative` (المصيدة المشروحة في `swords-header.css`)، فوضعُه
       هناك يعيد العطب نفسه. و`top: 34px` يُنزله أسفل الشريط أي **في الهيدر**،
       وهو ما طلبه المالك. */
    body.ui-shell-v1 #UBar .ui-topbar__gold {
        position: absolute;
        /* صندوق `#UBar` ينتهي عند 38px (25 + حشو 13)، فـ42 يُنزل الشريحة
           **تحته داخل لوحة الهيدر** لا على حافّته. */
        top: 42px;
        inset-inline-start: 8px;
        z-index: 6;
        height: auto;
        /* حشو شريحة الولاء نفسه — 2px 7px مقيسة على المصدر. */
        padding: 2px 7px;
        border: 1px solid var(--swd-tile-rule);
        border-radius: 10px;
        background: var(--swd-tile);
        line-height: 16px;
    }

    body.ui-shell-v1 #UBar .ui-topbar__gold .gold-number {
        color: var(--swd-bronze);
        font-weight: 700;
        font-size: 12px;
    }

    body.ui-shell-v1 #UBar .ui-topbar__gold img {
        margin-block-end: 0;
    }

    /* ── دوائر الجوال إلى أسفل الشاشة، كالمصدر ───────────────────────────────
       الموضع كان مضبوطاً على المصدر أصلاً (`fixed; bottom: 50px`) لكن قاعدة
       `#dynamic_header > *` كانت تبتلعه — التفصيل في `swords-header.css`.
       وبعد الاستثناء يبقى الصفّ: ستّ أيقونات عندنا وخمس عند المصدر، فتوزَّع
       بالتساوي بدل التراص من طرفٍ واحد الذي كان يدفع السادسة خارج الشاشة. */
    body.ui-shell-v1 .hammenu {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
    }

    body.ui-shell-v1 .hammenu > a {
        flex: 0 0 auto;
        min-width: 0;
    }
}

/* ── داخل لوح «إحصائيات القرى» (أمر المالك 2026-08-17) ───────────────────────
   اللوح نفسه أخذ الهوية سابقاً — حلقة وترويسة بلاطة وخيط برونزي. وهذا ما
   **بداخله**، وقد بقي على ألوانٍ ليست من اللوحة أصلاً.

   🔴 **وثلاثة أشياء لا تُمَسّ هنا، ولكلٍّ سببه المسجَّل:**

   ١ · **الروابط تبقى خضراء.** ليست سهواً: «جُرِّب البرونز على الروابط فرُفض»
       (قرار المالك 2026-08-16، مكتوب عند `--swd-link` في هذا الملف). القسمة
       المعتمدة: الأخضر للتفاعل والبرونز للهوية.

   ٢ · **برتقالي القرية النشطة يبقى.** `#FF8000` على النقطة والاسم هو ما يفعله
       المصدر بالضبط لتمييز القرية المفتوحة — حالةٌ لا هوية، ولها نظيرها في
       القاعدة الفاصلة.

   ٣ · **نصّ الجسم يبقى أسود.** قِيس فوجد أسود في **كل** ألواح اللعبة —
       الإنتاج والقوات وهذا. فتلوينه هنا وحده يصنع تنافراً جديداً بدل أن يرفعه،
       وتلوينه في الجميع أوسع مما طُلب. يبقى قراراً للمالك بسطرٍ واحد. */

/* الرمادي `#808080` على لافتة «(العاصمة)» ليس من اللوحة في شيء — بديله رمادُنا
   المسجَّل، وهو نفسه المستعمل في وصف صفحات الدخول. */
body.ui-shell-v1 #side_info #vlist .ui-village-tag {
    color: #5c564d;
}

/* والإحداثيات ثانويةٌ بطبيعتها — الاسم يُقرأ أولاً ثم موضعه. الرمادي نفسه
   يصنع هذا التدرّج بلا أن يضيف لوناً جديداً. */
body.ui-shell-v1 #side_info #vlist td.aligned_coords {
    color: #5c564d;
}

/* خيطٌ بلون حدود الألواح بين الصفوف: اللوح صار له إطار، وداخله كان كتلةً
   واحدة بلا بنية. و`inset` لا `border` — الجدول مقيس و`#side_info` من
   الصناديق الثلاثة التي يقيسها المصدر بـ`content-box`. */
body.ui-shell-v1 #side_info #vlist tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 0 var(--swd-rule);
}

/* والتمرير يغسل الصفّ ببلاطة الهوية — كان بلا أثرٍ يدلّ على أن الصفّ هدفٌ
   قابل للنقر. والقرية النشطة مستثناة: لها برتقاليّها فلا تُغسل تحته. */
@media (hover: hover) and (pointer: fine) {
    body.ui-shell-v1 #side_info #vlist tbody tr:not(.ui-current-village):hover td {
        background: var(--swd-tile);
    }
}

/* ── صفحات «إحصائيات القرى» الخمس · /dorf4 (أمر المالك 2026-08-17) ───────────
   التحركات · الموارد · الإنتاج · المخازن · القوات — خمس صفحات خلف رابط
   «إحصائيات القرى»، **ومحجوبة خلف بلاس**، ولذلك فاتت جولات الهوية كلها: لا
   تُرى أصلاً إلا بحساب مشترِك، فبقيت على ألوان ترافيان الموروثة وحدها في
   المشروع.

   قِيست قبل التعديل:

   | | كان |
   |---|---|
   | أرضية الجدول | `#dddddd` رمادي |
   | خلايا الصفوف | `#fff8d0` أصفر باهت |
   | اللوح | بلا حلقة ولا زوايا ولا ترويسة |

   وثلاثتها ليست من لوحتنا في شيء. والمعالجة هنا **هي نفسها المطبَّقة على
   «الإنتاج» و«القوات» و«إحصائيات القرى» في القائمة** — حلقة `--swd-rule`
   وزوايا 6px وترويسة `--swd-tile-on` بخيط برونزي وصفوف متناوبة. فالصفحات
   الخمس تنضم إلى اللغة نفسها بدل أن تخترع لها شكلاً سادساً.

   🔴 **والتبويبات تبقى خضراء.** قِيست على `/berichte` و`/statistiken` فوُجدت
   خضراء هناك أيضاً — فتلوينها هنا وحدها يصنع تنافراً بين الصفحات بدل أن
   يرفعها، وهي قسمة «الأخضر للتفاعل» المسجَّلة عند `--swd-link`.

   والنطاق `#content.village3` يحصرها في `/dorf4`: الصنف `row_table_data`
   تستعمله صفحات الرسائل أيضاً، وتلك خارج ما طُلب. */
body.ui-shell-v1 #content.village3 table.row_table_data {
    border-radius: 6px;
    background: var(--swd-parchment);
    box-shadow: inset 0 0 0 1px var(--swd-rule),
                0 1px 2px rgba(59, 52, 42, .07);
}

body.ui-shell-v1 #content.village3 table.row_table_data thead th {
    background: var(--swd-tile-on);
    box-shadow: inset 0 -2px 0 0 var(--swd-bronze);
}

/* الأصفر `#fff8d0` كان على كل خلية، فلا يُقرأ منه صفٌّ من صفّ. أبيضُ الرَقّ
   مع غسلة خفيفة على الفردي هي ما يفصل السطور في بقية الألواح. */
body.ui-shell-v1 #content.village3 table.row_table_data tbody td {
    background: #fff;
}

body.ui-shell-v1 #content.village3 table.row_table_data tbody tr:nth-child(odd) td {
    background: #fdfcf8;
}

/* ===== 12-page-overrides.css ===== */

/* Shared page-scoped overrides formerly loaded as a separate stylesheet. */
/* Page-specific rules that used to live in each template's {% block head_style %}.
 *
 * They were moved here so they are part of the persistent, always-loaded
 * stylesheet: the utatar `quick` links navigate by swapping page content only,
 * without reloading <head>, so per-page <style> blocks in <head> were dropped on
 * AJAX navigation and the page rendered unstyled until a full refresh. Every
 * selector below is page-scoped (#build.gidN, div.village1, …) so loading them
 * globally is inert on other pages. */

/* build/rally_point.html — the main tab strip sits in #maintabs here, while the
   reference puts it in #textmenu. Our ported `div#textmenu` rules therefore
   never reached it: the strip kept the inherited 16px instead of 15px, and the
   selected tab stayed plain green with no underline. Measured on the reference:
   `عام` is rgb(0,128,0) with `1px dashed rgb(192,192,192)`, the other five
   unchanged. These are its two declarations verbatim (ف-247).

   The movement sub-tabs below are deliberately NOT aligned — the owner prefers
   this build's green (N) counter to the reference's grey one (decision 2026-08-08).
   See assets-htatar/css/pages/build/rally_point.css. */
div#maintabs { font-size: 15px; font-weight: normal; }
div#maintabs a.selected { border-bottom: dashed 1px Silver; color: var(--swd-link); }

/* build/* — all build pages: the global a:hover rule puts a filter on the
   <a.build_logo>, which makes the anchor the containing block for the
   absolutely-positioned logo <img>, so the image teleported away on hover
   (and flickered back once the cursor lost it). Keep the hover brightness
   on the image itself, where it cannot move anything. */
div#build a.build_logo:hover { filter: none; }
div#build a.build_logo:hover img { filter: brightness(87%); }

/* build/available.html — Wonder of the World page (gid40) + new-building (gid0) */
/* Arabic Wonder page: keep TravianZ's sprite size/vertical spacing, mirrored so
   the image sits on the left and Arabic text reads cleanly on the right. */
#build.gid40 { direction: rtl; text-align: right; }
#build.gid40 h1 { position: static; top: auto; margin: 0 0 8px; padding-left: 200px; text-align: right; color: #000; font-size: 24px; line-height: 1.05; }
#build.gid40 h1.GreenWord { color: #000; }
#build.gid40 h1 span.level { color: #000; font-size: 24px; font-weight: bold; }
#build.gid40 p.build_desc { padding-left: 200px; padding-right: 0; text-align: right; min-height: 120px; }
#build.gid40 p.nam { padding-left: 200px; text-align: center; margin: 10px 0; }
#build.gid40 p.ww-rename { padding-left: 200px; text-align: center; margin: 12px 0 14px; }
#build.gid40 p#contract { line-height: 19px; padding: 0 0 0 200px; text-align: right; direction: rtl; clear: both; }
#build.gid40 p#contract b { display: inline; margin: 0; }
#build.gid40 p#contract .ww-cost-label { font-weight: bold; }
/* rtl so the costs read resources-first and the build time lands at the end
   of the line (far left), like every other build page's contract row. */
#build.gid40 p#contract .ww-cost-row { direction: rtl; display: inline-block; white-space: nowrap; }
#build.gid40 p#contract a.build { color: var(--swd-link); font-weight: bold; }
#build.gid40 a.build_logo img.g40 { background-image: url("/img/g/g40.gif?v=03e7533ec176"); background-size: auto; background-repeat: no-repeat; width: 214px; height: 154px; position: absolute; right: auto; left: 8px; top: 50px; z-index: 5; transform: none !important; scale: none !important; animation: none !important; transition: none !important; will-change: auto; }
#build.gid0 td.requ { text-align: right; font-weight: bold; line-height: 1.35; }
#build.gid0 img.g31 { background-image: url("/img/g/bg11.png?v=bdfd32608598"); background-size: 100%; background-position: bottom; }
#build.gid0 img.g32 { background-image: url("/img/g/bg12.png?v=7b690603f38a"); background-size: 100%; background-position: bottom; }
#build.gid0 img.g33 { background-image: url("/img/g/bg1.png?v=10105ce09acb"); background-size: 100%; background-position: bottom; }
#build.gid0 td.requ .req-ok { color: #71b02f; }
#build.gid0 td.requ .req-miss { color: #c92323; }

/* build/embassy.html — scoped to gid18: the unscoped version widened EVERY
   build page to 556px (it was only ever meant for the embassy). */
#build.gid18 { width: 556px; padding: 43px 10px 0; }

/* build/main_building.html (gid15) */
.mb-btn-green {
  color: #33BB33 !important;
  font: inherit;
  font-weight: bold;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}
#build.gid15 h1.GreenWord {
  margin-top: -34px;
  margin-bottom: 24px;
}
#building_list {
  direction: rtl;
  text-align: right;
}

/* build/residence.html (gid25 residence / gid26 palace) */
#build.gid25 h1.GreenWord, #build.gid26 h1.GreenWord { position: static; top: auto; margin: 0 0 8px; }
#build.gid25 .build_desc, #build.gid26 .build_desc { font-weight: 700; }
#build.gid25 #textmenu, #build.gid26 #textmenu { margin: 14px 0; }
#build.gid25 div.c, #build.gid26 div.c { color: #808080; font-size: 16px; clear: none; }
#build.gid25 #contract a.build, #build.gid26 #contract a.build { color: var(--swd-link); }
#build.gid25 .build_details .tit a, #build.gid26 .build_details .tit a { color: var(--swd-link); }
#build.gid25 #building_contract, #build.gid26 #building_contract { position: static; margin: 12px 0 0; z-index: auto; }

/* build/upgrade.html — Town Hall (gid24) celebration link colours */
#build.gid24 .build_details .tit a { color: var(--swd-link); }
#build.gid24 .build_details td.act a.build { color: var(--swd-link); }

/* village/dorf1.html */
div.village1 div#map_details { margin-top: -9px; }
div.village1 b.hover{ scale:1.2; }

/* Return-troops form. The reference styles this table through the generic
   `table td { padding: 2px 5px }` its send page carries inline, and heads it at
   16px; ours inherited neither, so the rows came out 27px against its 30px and
   the heading a size small. Measured on the reference: table border-spacing 1px,
   head 20px at 16px/700, each row 30px. */
div#content table.return-troops th,
div#content table.return-troops td {
  padding: 2px 5px;
}
div#content table.return-troops th {
  font-size: 16px;
}

/* The reference's own two declarations, verbatim: its send page wraps this form
   in a 551px box and puts the troop column at 68% of it, which is what sizes the
   table to 374.7px. Ours filled the whole 572px content column instead. */
div#content .return-troops-box {
  width: 551px;
}
div#content .return-troops-col {
  float: left;
  width: 68%;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

/* Shared compact troop-table cells used by rally point and war simulator.
 *
 * The 18px floor matters for one row only, and it is easy to miss: an incoming
 * attack hides its counts behind «?», and a row of «?» is shorter than a row of
 * digits, so without the floor it collapsed to 17px against the reference's
 * 19px while every numeric row reached 19 on its own. Kept here, on the plain
 * `troop_details`, rather than by putting `rally-movement` on the movement
 * tables — that class also carries a font, a margin and a direction, and those
 * pushed the icon row from 19px to 20px (measured 2026-08-09). */
div#build.gid16 table.troop_details tbody.units td {
  padding: 0.5px;
  height: 18px;
}

/* Rally-point march cards: classic utatar uses a neutral garrison heading,
   pale-yellow outgoing rows and pale-red hostile incoming rows. */
/* Auto layout, as the reference measures. A fixed layout freezes all ten unit
   columns at one tenth of the table whatever they hold, so a seven-digit army
   would be clipped in a track sized for «0». The reference lets the grid breathe
   — its battle reports were measured widening a column from 34px to 72px as the
   count grows — and the same rule keeps that true here. Same reasoning as the
   note in pages/berichte/read.css. */
div#build.gid16 table.troop_details.rally-garrison,
div#build.gid16 table.troop_details.rally-movement {
  width: 100%;
  margin: 5px 0;
  table-layout: auto;
  direction: rtl;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 12px;
}
div#build.gid16 table.troop_details.rally-garrison thead th {
  background: linear-gradient(#fff, #e7e7e7);
  border: 1px solid #d3d3d3;
}
div#build.gid16 table.troop_details.rally-movement thead th {
  position: relative;
  min-height: 20px;
  padding: 3px 5px;
  border: 1px solid #ddd;
  background: #fff3ad;
  color: #000;
  text-align: center;
  font-weight: 700;
}
div#build.gid16 table.troop_details.rally-incoming.rally-hostile thead th {
  background: #f7caca;
}
div#build.gid16 table.troop_details.rally-incoming.rally-friendly thead th {
  background: #ededed;
}
div#build.gid16 table.troop_details.rally-movement thead .mission {
  display: inline;
  color: #000;
  font-weight: 700;
}
div#build.gid16 table.troop_details.rally-movement thead .coords {
  color: #000;
  font-weight: 700;
}
div#build.gid16 table.troop_details.rally-movement thead .dur {
  float: left;
  direction: rtl;
  white-space: nowrap;
}
div#build.gid16 table.troop_details.rally-movement form.inlineAction {
  float: right;
  margin: -2px 0 -2px 4px;
}
div#build.gid16 table.troop_details.rally-movement button.cancelMove {
  color: #ef1111;
  font-size: 21px;
  line-height: 18px;
}
/* No `border` here on purpose. The grey grid between unit cells is the table's
   own #dddddd background showing through the 1px `border-spacing` — that is how
   the reference draws it, and its cells measure `border-width: 0px`. We drew the
   same line a second time as a real border, which cost 2px of row height and 1px
   of cell width on every troop table: rows came out 21px against the reference's
   19px and cells 54px against 55px, on the garrison tables and the movement
   tables alike (measured both sides 2026-08-09). */
div#build.gid16 table.troop_details.rally-movement tbody.units td,
div#build.gid16 table.troop_details.rally-garrison tbody.units td {
  height: 18px;
  background: #fff;
  text-align: center;
  vertical-align: middle;
}
/* No `color` here on purpose. The reference paints a unit count black
   (rgb(0,0,0)) and an empty slot grey (rgb(128,128,128)) through `.none`, so a
   present unit reads apart from a zero at a glance. A blanket `#555` flattened
   both into one grey and destroyed that distinction (measured both sides
   2026-08-08). */
div#build.gid16 table.troop_details.rally-movement tbody.units tr + tr td,
div#build.gid16 table.troop_details.rally-garrison tbody.units tr + tr td {
  line-height: 17px;
}
/* Shared ranking link interaction (players and daily-top pages). */
div.statistics td.pla a,
div.statistics #textmenu a {
  display: inline-block;
  transition: transform .12s ease, text-shadow .12s ease;
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  div.statistics td.pla a:hover,
  div.statistics #textmenu a:hover {
    transform: translateY(-1px);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  }
}

/* Phase 7 hero inventory and appearance ownership. */
/* Source template: templates/hero/items.html */
.heroInvSection{margin:8px 0;border:1px solid #cdcdcd;background:#fff;}
  .heroInvSection h2{margin:0;padding:3px 8px;font-size:12px;
    background:linear-gradient(#fff,#d7d7d7);border-bottom:1px solid #cdcdcd;}
  .heroInvTable{width:100%;border-collapse:collapse;}
  .heroInvTable th,.heroInvTable td{border:1px solid #e3e3e3;padding:3px 6px;font-size:11px;}
  .heroInvTable th{background:#f2f2f2;text-align:right;width:28%;}
  .heroInvWorn{background:#eaf7e0;}
  .heroInvWorn td{font-weight:bold;}
  .heroInvEffect{color:#3a6b12;}
  .heroInvNone{color:#888;padding:5px 8px;font-size:11px;}
  .heroInvBtn{font-size:11px;padding:1px 6px;cursor:pointer;}
  .heroInvTier{color:#666;}
/* Source template: templates/hero/appearance.html */
.heroApBox{border:1px solid #cdcdcd;background:#fff;margin:8px 0;}
  .heroApBox h2{margin:0;padding:3px 8px;font-size:12px;
    background:linear-gradient(#fff,#d7d7d7);border-bottom:1px solid #cdcdcd;}
  .heroApTable{width:100%;border-collapse:collapse;}
  .heroApTable th,.heroApTable td{border:1px solid #e3e3e3;padding:4px 6px;font-size:11px;}
  .heroApTable th{background:#f2f2f2;text-align:right;width:30%;}
  .heroApPortrait{float:left;margin:0 0 8px 8px;border:1px solid #cdcdcd;padding:2px;background:#fff;}
  .heroApNote{color:#8a6d3b;background:#fcf8e3;border:1px solid #faebcc;
    padding:5px 8px;font-size:11px;margin:8px 0;}

/* ══ صفحة الإحصائيات — تصميم المصدر الجديد بهويتنا ═══════════════════════════
   قِيس الطرفان عند `innerWidth = 1280`. **المقاسات من المصدر بالبكسل والألوان
   لنا**: عنده رمادي دافئ (`#dedbd2` · `#fbfaf6` · `#f7f6f2`)، وعندنا برونز على
   رَقّ.

   النطاق `#content.statistics` لا ورقة صفحة، لأن **عشر قوالب تتشارك هذا
   القسم وثلاثةً منها فقط لها ورقة خاصة** (`alliances` و`attack` و`heroes`
   و`news` و`simple` و`alliance_top_daily` بلا ورقة) — فالحزمة وحدها تصل
   إليها جميعاً، والتقييد بالصنف يمنعها من التسرّب إلى غيرها.

   والجدولان `separate` بفراغ 1px أصلاً (من `cellspacing="1"`)، فتغيير اللون
   والزوايا لا يزحزح خليّة. */

/* `line-height` مصرَّحٌ به في الثلاثة لأنه ما يحسم الارتفاع، لا الخط وحده:
   بدونه جاء العنوان 33px بدل 37 والشريط 38 بدل 39. قِيست من المصدر: 24px
   للعنوان و26px للشريط و20px للشريحة. */
#content.statistics h1.GreenWord {
    font-size: 18px;
    line-height: 24px;
    padding: 5px 9px 7px;
    margin: 4px 0 9px;
}

/* شريط التبويبات لوحٌ قائم بذاته عند المصدر (567×39) لا سطر روابط عارٍ. */
#content.statistics #textmenu {
    background: var(--swd-parchment);
    border: 1px solid var(--swd-rule);
    border-radius: 4px;
    padding: 5px 6px;
    margin: 0 0 8px;
    text-align: center;
    font-size: 15px;
    line-height: 26px;
}

/* والتبويبات شرائح لا روابط — وهو عين نمط «القوالب» في هويتنا. غير المختار
   يفقد لون الرابط عمداً: لو بقيت كلها برونزية لما دلّ اللون على شيء. */
#content.statistics #textmenu a {
    display: inline-block;
    padding: 2px 6px;
    margin: 0 1px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #5c564d;
}

#content.statistics #textmenu a.selected {
    background: var(--swd-tile);
    border-color: var(--swd-tile-rule);
    color: var(--swd-link);
    font-weight: 700;
}

/* `#search_navi` مستثنى: شريط بحث وترقيم لا جدول بيانات، والمصدر يتركه
   شفافاً بلا زوايا (قِيس 567×66 بخلفية شفافة). */
#content.statistics table:not(#search_navi) {
    background-color: var(--swd-rule);
    border-radius: 4px;
}

#content.statistics table:not(#search_navi) thead th {
    background-image: linear-gradient(var(--swd-tile) 0%, #ece4cd 100%);
    color: var(--swd-ink);
    font-size: 13px;
    padding: 6px 7px;
}

#content.statistics table:not(#search_navi) tbody td {
    padding: 4px 6px;
}

/* 🪤 `:not(.hl)` ضروري: `tr.hl` يبرز صفّ اللاعب نفسه، وهذا المحدِّد يغلبه
   بالتخصيص فيمحو التمييز. لم يكن الصف ظاهراً في القياس (الحساب خارج
   العشرين الأوائل) — والحارس موضوع لأنه سيظهر لمن هو داخلها. */
#content.statistics table:not(#search_navi) tbody tr:nth-child(even):not(.hl) td {
    background-color: #fdfcf8;
}

#content.statistics #search_navi input.text {
    border: 1px solid var(--swd-field-rule);
    border-radius: 3px;
    padding: 2px 6px;
}

/* ══ لغة الألواح — نسقٌ واحد لصفحات اللعبة ══════════════════════════════════
   المصدر لا يصمّم كل صفحة على حدة: له **لغة واحدة** بثلاثة مكوّنات، ويضبط
   قيمها قليلاً لكل صفحة. قِيست من `/berichte` عنده عند `innerWidth = 1280`:

     العنوان   562×33 · شريط متدرّج يخفت جانباً · 20px وزن 600
     التبويبات 562×46 · لوح بحدّ 1px وزوايا 5px وحشو 5/7
     الجدول    562×398 · بطاقة بيضاء بحدّ 1px وزوايا 4px

   فنقلنا اللغة لا النسخة: الهندسة منه، والألوان من هويتنا.

   🔴 **النطاقات مُعدَّدة صراحةً لا مستثناة.** قائمة استثناء تسحب التنسيق إلى
   كل صفحة جديدة تُضاف بلا قصد؛ والتعداد يجعل التوسيع قراراً مكتوباً. ولذلك
   `.build` غائبة عمداً — لها مطابقة دقيقة لكل `gid` على حدة، وصفحات الدخول
   والتسجيل لها `auth-shell.css` وحدها. */

/* ── 1. عنوان الصفحة: شريط يخفت نحو الطرف بحدّ بدايةٍ برونزي ──────────────
   الاتجاه `to left` مقصود في RTL: يبدأ مصمتاً عند اليمين (حيث يبدأ النص)
   ويخفت نحو اليسار، فيقود العين مع القراءة لا ضدها. */
#content.reports h1,
#content.messages h1,
#content.plus h1,
#content.alliance h1,
#content.hsPage h1,
#content.hero h1,
#content.player h1,
#content.map h1,
#content.warsim h1,
#content.a2b h1,
#content.statistics h1,
/* التحالف والمهام يعنونان بـ`h2` لا `h1` — «لا يوجد تحالف» و«تأسيس تحالف
   جديد» و«احصل على مكافآت» عناوين أقسام فعلية، وبدون هذين السطرين تبقى
   الصفحتان بلا نسق. كُشف بتدقيقٍ آليٍّ مرّ على ٢٨ صفحة. */
#content.alliance h2,
#content.messages h2,
#content.plus #dialogContent h2 {
    background-image: linear-gradient(to left, var(--swd-tile), rgba(247, 241, 224, 0));
    border-inline-start: 3px solid var(--swd-bronze);
    border-radius: 3px;
    padding: 4px 9px 5px 8px;
    margin: 4px 0 9px;
    font-size: 20px;
    font-weight: 600;
    color: var(--swd-bronze);
}

/* ── 2. لوح التبويبات ─────────────────────────────────────────────────────
   زوايا 5px هنا لا 4px كصفحة الإحصائيات — القيمة من المصدر نفسه، وهو يفرّق
   بينهما عمداً. */
#content.reports #textmenu,
#content.messages #textmenu,
#content.plus #textmenu,
#content.alliance #textmenu,
#content.hsPage #textmenu,
#content.hero #textmenu,
#content.player #textmenu,
#content.map #textmenu,
#content.warsim #textmenu,
#content.a2b #textmenu {
    background: var(--swd-parchment);
    border: 1px solid var(--swd-rule);
    border-radius: 5px;
    padding: 5px 7px;
    margin: 0 0 8px;
}

/* ── 3. بطاقة البيانات ────────────────────────────────────────────────────
   🪤 `:has(> thead)` لا `table` المجرّدة: صفحات اللعبة مليئة بجداول **تخطيط**
   لا بيانات (تُصفّ بها الأيقونات والنماذج)، وتأطيرها كلها يصنع صناديق داخل
   صناديق. وجودُ `thead` هو الفارق القاطع بين الاثنين.

   والمتصفح الذي لا يعرف `:has` يُسقط القاعدة كاملة فتبقى الصفحة كما هي —
   تدهورٌ لطيف لا عطب. */
#content.reports table:has(> thead),
#content.messages table:has(> thead),
#content.plus table:has(> thead),
#content.alliance table:has(> thead),
#content.hsPage table:has(> thead),
#content.hero table:has(> thead),
#content.player table:has(> thead),
#content.map table:has(> thead),
#content.warsim table:has(> thead),
#content.a2b table:has(> thead) {
    background-color: #fff;
    border: 1px solid var(--swd-rule);
    border-radius: 4px;
}

#content.reports table:has(> thead) > thead th,
#content.messages table:has(> thead) > thead th,
#content.plus table:has(> thead) > thead th,
#content.alliance table:has(> thead) > thead th,
#content.hsPage table:has(> thead) > thead th,
#content.hero table:has(> thead) > thead th,
#content.player table:has(> thead) > thead th,
#content.map table:has(> thead) > thead th,
#content.warsim table:has(> thead) > thead th,
#content.a2b table:has(> thead) > thead th {
    background-image: linear-gradient(var(--swd-tile) 0%, #ece4cd 100%);
    color: var(--swd-ink);
    font-weight: 700;
}

/* الصفوف المتناوبة. `:not(.hl)` يحفظ تمييز صفّ اللاعب، و`:not(.sel)` يحفظ
   الصف المختار في صندوق الرسائل — كلاهما حالةٌ يبتلعها التخطيط لولاهما،
   وقد وقع ذلك فعلاً مع أحمر المجاعة في هذه الجلسة. */
/* ── صفحات المباني والحقول (`#build.gidN`) ────────────────────────────────
   🔴 **هذه وحدها تُعامَل معاملة مختلفة، وعن قصد.** لكل `gid` مطابقة بكسلية
   مقيسة ومسجَّلة في `04-docs/المطابقة-الشاملة-مع-المصدر.md`، وإطارُ بطاقةٍ
   بعرض 1px يزيد كل جدول 2px فيهدم عشرات القياسات دفعةً واحدة.

   فتأخذ **لغة اللون دون الهندسة**: شريط العنوان (خلفية وحدّ بدايةٍ ولون —
   ولا حشو ولا حجم خط، فتلك تمليها قواعد `gid` القائمة) وتدرّج ترويسة
   الجدول. لا حدود ولا زوايا ولا تخطيط صفوف.

   وصفحة الأعجوبة `gid40` تُبقي عنوانها أسود: قاعدتها أخصّ فتغلب، وهو
   المقصود — لها لوحتها الخاصة.

   🪤 والنطاق نطاقان لا واحد: `/market` و`/rally` يحملان `#content.build`،
   أما `/build?id=N` (المباني والحقول نفسها) فيحمل **`#content.village2`**
   و`div#build` عنصرٌ داخلي فيه. كتبتُ `.build` وحدها أولاً فلم تصل صفحة
   مبنى واحدة — كشفه التدقيق الآلي على 33 صفحة. */
#content.build h1,
#content.village1 h1,
#content.village2 h1,
#content.village3 h1 {
    background-image: linear-gradient(to left, var(--swd-tile), rgba(247, 241, 224, 0));
    border-inline-start: 3px solid var(--swd-bronze);
    border-radius: 3px;
}

/* ── الاسم يتوسّط شريطه ──────────────────────────────────────────────────────
   «ارفعه قليلاً ووسّطه داخل اللون الخلفي» — أمر المالك 2026-08-17. والمقدار
   مقيس لا مقدَّر، **بحبر الحرف لا بصندوق السطر**:

   | | |
   |---|---|
   | الشريط | 244 → 273 · مركزه **258.5** |
   | حبر الاسم | 248 → 274 · مركزه **261** |

   فيجلس 2.5px تحت المركز، ويتجاوز الشريط بكسلاً من أسفل تاركاً أربعة فارغة
   من أعلى. وصندوق السطر يوهم بالسلامة (مركزه 259) — ولذلك لم يُلحَظ.

   🪤 **ولا `line-height` يصلح هذا.** توسيط `line-height` يقوم على صعود الخط
   وهبوطه (‏`Tahoma 25px` = 25 و5) بينما الحبر الفعلي 21 و5 — أي أن الحبر غير
   متمركز على خطّ الأساس أصلاً، فأيّ قيمة `line-height` تُبقي الانحراف كما هو
   وتغيّر ارتفاع الشريط معه. الإزاحة النسبية هي الإصلاح الوحيد الذي يحرّك
   الحبر دون أن يمسّ صندوقاً واحداً.

   وتشمل الثلاثة معاً — الاسم وسهم القرية التالية ولافتة العاصمة — لأنها سطر
   واحد: رفع الاسم وحده يترك جارَيه معلّقين تحته. و«الولاء» خارجها: مطلقٌ
   بـ`top` خاص به، فلا تصله الإزاحة ولا ينبغي. */
#content.build h1 > .VnO,
#content.village1 h1 > .VnO,
#content.village2 h1 > .VnO,
#content.village3 h1 > .VnO,
#content.build h1 > .switchVillage,
#content.village1 h1 > .switchVillage,
#content.village2 h1 > .switchVillage,
#content.village3 h1 > .switchVillage,
#content.build h1 > .ui-capital-label,
#content.village1 h1 > .ui-capital-label,
#content.village2 h1 > .ui-capital-label,
#content.village3 h1 > .ui-capital-label {
    /* صندوق السطر يساوي الشريط بالضبط، فيتوسّط الحبر فيه بدل أن يفيض منه.
       والقيمة ليست رقماً مختاراً: 29px هو `height` الشريط نفسه أعلاه. */
    line-height: 29px;
    vertical-align: top;
    /* والباقي بعد ضبط الصندوق: انحرافُ حبر الخط عن خطّ أساسه — صعوده وهبوطه
       غير متساويين — فيُصحَّح بالنسبة لا بالبكسل ليصمد عند أي حجم خط. */
    position: relative;
    top: -0.16em;
}

/* 🪤 اسم القرية **زرٌّ** لا نص (`button.ui-village-name` — يفتح إعادة
   التسمية)، والأزرار لا ترث `color` من أبيها، فلوّنُ العنوان لا يبلغه.
   ولهذا بقي `/dorf2` أسود رغم نزول الشريط عليه.
   و«الولاء» المجاور لا يُمَسّ: أخضره حالةٌ لا هوية. */
#content.village1 h1 .ui-village-name,
#content.village2 h1 .ui-village-name,
#content.village3 h1 .ui-village-name {
    color: var(--swd-bronze);
}

/* عناوين المباني في قائمة «بناء مبنى جديد»: لونٌ فقط بلا شريط. الشريط لكل
   مبنى من عشرين يصنع سلّماً من الأشرطة لا صفحة. */
#content.village2 h2 {
    color: var(--swd-bronze);
}

#content.build table > thead th,
#content.village2 table > thead th {
    background-image: linear-gradient(var(--swd-tile) 0%, #ece4cd 100%);
    color: var(--swd-ink);
}

/* ── Product identity for the account/support/plus/chat page family ───────
   These rules live in the persistent bundle instead of page-only <head>
   files so hybrid navigation keeps the same surface after every GET swap. */
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"],[h="chat"]) #content {
  color: var(--swd-ink, #3b342a);
}

body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > #textmenu {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
  width: 100%;
  margin: 8px 0 14px;
  padding: 4px;
  border: 1px solid var(--swd-rule, #d7c9a7);
  border-radius: 8px;
  background: var(--swd-parchment, #f8f1df);
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(59, 52, 42, .08);
}
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > #textmenu > a {
  flex: 1 1 auto;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--swd-ink, #3b342a);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > #textmenu > a:hover,
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > #textmenu > a:focus-visible {
  border-color: var(--swd-rule, #d7c9a7);
  background: #fffdf8;
}
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > #textmenu > a.selected {
  border-color: var(--swd-bronze-deep, #6b5216);
  background: linear-gradient(180deg, var(--swd-bronze-lift, #b8912f), var(--swd-bronze, #8c6d1f));
  color: #fffaf0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}

body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > table,
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > form > table {
  width: 100%;
  margin: 0 0 12px;
  border: 1px solid var(--swd-rule, #d7c9a7);
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #fffdf8;
  box-shadow: 0 1px 3px rgba(59, 52, 42, .08);
}
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > table thead th,
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > form > table thead th {
  padding: 7px 8px;
  border: 0;
  border-bottom: 2px solid var(--swd-bronze, #8c6d1f);
  background: var(--swd-tile-on, #eee2c6);
  color: var(--swd-ink, #3b342a);
  font-weight: 800;
}
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > table tbody td,
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > table tbody th,
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > form > table tbody td,
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > form > table tbody th {
  padding: 7px 8px;
  border-color: #eadfc7;
  background: #fffdf8;
}
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > table tbody tr:nth-child(even) > :is(td,th),
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > form > table tbody tr:nth-child(even) > :is(td,th) {
  background: #faf6eb;
}
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content :is(input.text,input[type="text"],input[type="password"],input[type="email"],select,textarea) {
  max-width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid #cbbd9b;
  border-radius: 6px;
  background: #fff;
  color: var(--swd-ink, #3b342a);
  font: inherit;
  box-sizing: border-box;
}
body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content :is(input,select,textarea):focus {
  outline: 2px solid rgba(140,109,31,.24);
  outline-offset: 1px;
  border-color: var(--swd-bronze, #8c6d1f);
}
body.ui-shell-v1:is([h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content button.trav_buttons {
  min-height: 34px;
  padding: 6px 15px;
  border: 1px solid var(--swd-bronze-deep, #6b5216);
  border-radius: 6px;
  background: linear-gradient(180deg, var(--swd-bronze-lift, #b8912f), var(--swd-bronze, #8c6d1f));
  color: #fffaf0;
  font-family: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}

/* Plus: turn the long feature ledger into a calm, readable control board. */
body.ui-shell-v1[h="plus"] #content.plus > h1 {
  margin: 0 0 10px;
  padding: 14px 18px;
  border: 1px solid var(--swd-rule, #d7c9a7);
  border-inline-start: 4px solid var(--swd-bronze, #8c6d1f);
  border-radius: 8px;
  background: linear-gradient(135deg,#fffdf8,#f5ecd7);
  color: var(--swd-ink, #3b342a);
  box-sizing: border-box;
}
body.ui-shell-v1[h="plus"] #content.plus > h1 p { margin: 0; }
body.ui-shell-v1[h="plus"] #content.plus table.plusFunctions td.empty { height: 8px; padding: 0; background: var(--swd-parchment, #f8f1df); }
body.ui-shell-v1[h="plus"] #content.plus table.plusFunctions td.act { text-align: center; }
body.ui-shell-v1[h="plus"] #content.plus table.plusFunctions td.act form { margin: 0; }
body.ui-shell-v1[h="plus"] #content.plus table.plusFunctions td.act a,
body.ui-shell-v1[h="plus"] #content.plus table.plusFunctions .trav_buttons {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  padding: 4px 11px;
  border: 1px solid var(--swd-bronze-deep, #6b5216);
  border-radius: 6px;
  background: var(--swd-bronze, #8c6d1f);
  color: #fffaf0;
  font-weight: 800;
  text-decoration: none;
  box-sizing: border-box;
}
body.ui-shell-v1[h="plus"] #content.plus .plus-copy-stop { margin-top: 7px !important; }

/* Support: readable message cards and a compact composition surface. */
body.ui-shell-v1[h="support"] #content.plus > h1.GreenWord { margin: 0 0 8px; color: var(--swd-bronze-deep, #6b5216); }
body.ui-shell-v1[h="support"] #content .support-thread { table-layout: fixed; }
body.ui-shell-v1[h="support"] #content .support-thread .support-message { line-height: 1.8; background: #fffdf8; }
body.ui-shell-v1[h="support"] #content .support-thread .support-admin-message { background: #f8efd2; border-inline-start: 4px solid var(--swd-bronze, #8c6d1f); }
body.ui-shell-v1[h="support"] #content textarea[name="message"] { width: 100%; min-height: 170px; resize: vertical; }
body.ui-shell-v1[h="support"] #content p.btn { margin: 10px 0 0; text-align: center; }

/* Hero pages already own the approved bronze/parchment components. Keep the
   content width bounded so the village panel remains beside it on desktop. */
body.ui-shell-v1[h="hero"] #content.hsPage { float: right; max-width: 100%; box-sizing: border-box; }
body.ui-shell-v1[h="hero"] #content.hsPage .hsNav { position: relative; z-index: 1; }

/* Membership/profile and cross-village statistics share one card language. */
body.ui-shell-v1[h="spieler"] #content.player > form { margin: 0 0 14px; }
body.ui-shell-v1[h="spieler"] #content.player table#profile > tbody > tr > td { vertical-align: top; }
body.ui-shell-v1[h="spieler"] #content.player table#profile img.Avtar { max-width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--swd-rule, #d7c9a7); }
body.ui-shell-v1[h="spieler"] #content.player p.btn { text-align: center; }
body.ui-shell-v1[h="spieler"] #content.player p.btn .trav_buttons { min-width: 110px; }
body.ui-shell-v1[h="dorf3"] #content.village3 table,
body.ui-shell-v1[h="dorf4"] #content.village3 table { display: table; width: 100%; }

/* Chat: the composer stays in the viewport instead of being buried below a
   fixed tall empty transcript. */
body.ui-shell-v1[h="chat"] #content.player {
  width: 572px;
  max-width: 100%;
  padding: 6px 10px 12px;
  box-sizing: border-box;
}
body.ui-shell-v1[h="chat"] #content.player > h1 { margin: 0 0 8px; color: var(--swd-bronze-deep, #6b5216); }
body.ui-shell-v1[h="chat"] #content.player > div[style*="c2.gif"] {
  height: auto;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--swd-rule, #d7c9a7);
  border-radius: 8px 8px 0 0;
  background: var(--swd-tile-on, #eee2c6) !important;
  color: var(--swd-ink, #3b342a);
}
body.ui-shell-v1[h="chat"] #chatbox {
  height: clamp(240px, calc(100dvh - 470px), 420px) !important;
  min-height: 240px;
  overflow-y: auto;
  padding: 10px;
  border-color: var(--swd-rule, #d7c9a7);
  border-radius: 0 0 8px 8px;
  background: #faf6eb;
}
body.ui-shell-v1[h="chat"] #chatbox + br { display: none; }
body.ui-shell-v1[h="chat"] #chatform {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: stretch;
  margin-top: 8px;
  padding: 8px;
  border: 1px solid var(--swd-rule, #d7c9a7);
  border-radius: 8px;
  background: rgba(255,253,248,.97);
  box-shadow: 0 -2px 8px rgba(59,52,42,.08);
}
body.ui-shell-v1[h="chat"] #usermsg { min-height: 56px; max-height: 110px; resize: vertical; border-color: #cbbd9b; }
body.ui-shell-v1[h="chat"] #submitmsg {
  min-width: 82px;
  margin: 0;
  padding: 7px 14px;
  border-color: var(--swd-bronze-deep, #6b5216);
  background: var(--swd-bronze, #8c6d1f);
  color: #fffaf0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

/* New-building catalogue: each candidate is a proper parchment card. */
body.ui-shell-v1 #content #build.swd-building-card.gid0 { width: 100%; box-sizing: border-box; }
body.ui-shell-v1 #content #build.swd-building-card.gid0 > h1.GreenWord {
  margin: 0 0 14px;
  padding: 11px 14px;
  border-inline-start: 4px solid var(--swd-bronze, #8c6d1f);
  border-radius: 8px;
  background: linear-gradient(135deg,#fffdf8,#f5ecd7);
  color: var(--swd-bronze-deep, #6b5216);
}
body.ui-shell-v1 #content #build.swd-building-card.gid0 > h2 {
  margin: 12px 8px 5px;
  color: var(--swd-bronze-deep, #6b5216);
  font-size: 16px;
}
body.ui-shell-v1 #content #build.swd-building-card.gid0 table.new_building {
  width: 100%;
  margin: 0 0 12px;
  border: 1px solid var(--swd-rule, #d7c9a7);
  border-radius: 8px;
  overflow: hidden;
  background: #fffdf8;
  box-shadow: 0 1px 3px rgba(59,52,42,.08);
}
body.ui-shell-v1 #content #build.swd-building-card.gid0 table.new_building td { padding: 8px 10px; border-color: #eadfc7; }
body.ui-shell-v1 #content #build.swd-building-card.gid0 table.new_building td.desc { line-height: 1.75; }
body.ui-shell-v1 #content #build.swd-building-card.gid0 table.new_building td.res { background: #faf6eb; font-weight: 700; }
body.ui-shell-v1 #content #build.swd-building-card.gid0 table.new_building td.link a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 4px 12px;
  border: 1px solid var(--swd-bronze-deep, #6b5216);
  border-radius: 6px;
  background: var(--swd-bronze, #8c6d1f);
  color: #fffaf0;
  font-weight: 800;
  text-decoration: none;
}

/* Header stays above swapped content and drawers on every game page. */
body.ui-shell-v1 #header { position: relative; z-index: 40; }
body.ui-shell-v1 #dynamic_header { isolation: isolate; }

@media (max-width: 760px) {
  body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > #textmenu { flex-wrap: wrap; }
  body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > #textmenu > a { flex: 1 1 calc(33.333% - 4px); min-width: 92px; }
  body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > table,
  body.ui-shell-v1:is([h="plus"],[h="support"],[h="spieler"],[h="dorf3"],[h="dorf4"]) #content > form > table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  body.ui-shell-v1[h="plus"] #content.plus table.plusFunctions { min-width: 540px; }
  body.ui-shell-v1[h="support"] #content .support-thread { min-width: 0; }
  body.ui-shell-v1[h="chat"] #content.player { width: auto; padding: 4px 6px 10px; }
  body.ui-shell-v1[h="chat"] #chatbox { height: clamp(220px, calc(100dvh - 390px), 360px) !important; min-height: 220px; }
  body.ui-shell-v1[h="chat"] #chatform { grid-template-columns: 1fr; }
  body.ui-shell-v1[h="chat"] #submitmsg { min-height: 42px; }
  body.ui-shell-v1 #content #build.swd-building-card.gid0 table.new_building td.bimg { width: 96px; }
}

/* ── هوية سيوف الحضارات لكل صفحات المباني ────────────────────────────────
   المصدر الحي يحدد المحتوى والوظائف؛ هذه البطاقة هي لغتنا المرئية المشتركة.
   الصنف موجود في كل قالب مبنى، لذلك لا تتسرب القواعد إلى السوق أو الصفحات
   الأخرى التي تستعمل `#content.build` لأسباب تاريخية. */
#content #build.swd-building-card:not(.gid0) {
    position: relative;
    box-sizing: border-box;
    min-height: 360px;
    padding: 18px 22px 28px;
    overflow: hidden;
    border: 1px solid var(--swd-tile-rule);
    border-radius: 14px;
    background:
        radial-gradient(circle at 8% 8%, rgba(184,145,47,.14), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.96), var(--swd-parchment) 58%, #f3ead2);
    box-shadow: 0 12px 30px rgba(74,56,20,.12), inset 0 1px 0 rgba(255,255,255,.95);
    color: var(--swd-ink);
}

#content #build.swd-building-card:not(.gid0)::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    z-index: 1;
    height: 5px;
    background: linear-gradient(90deg, var(--swd-bronze-deep), var(--swd-bronze-lift) 48%, #72833a);
}

#content #build.swd-building-card:not(.gid0) h1.GreenWord {
    box-sizing: border-box;
    min-height: 48px;
    margin: 0 -4px 12px;
    padding: 8px 14px 7px 140px;
    border: 0;
    border-bottom: 1px solid var(--swd-rule);
    border-radius: 0;
    background: linear-gradient(to left, rgba(224,207,160,.45), rgba(255,255,255,0));
    color: var(--swd-bronze-deep);
    font-size: 25px;
    line-height: 32px;
}

#content #build.swd-building-card:not(.gid0) h1.GreenWord .level {
    color: var(--swd-bronze);
    font-size: .82em;
    font-weight: 700;
}

/* The old main-building sheet pulled its title 34px upward for pixel parity;
   inside the new card that would overlap the description. */
#content #build.swd-building-card.gid15 h1.GreenWord {
    position: static;
    top: auto;
    margin: 0 -4px 12px;
}

#content #build.swd-building-card:not(.gid0) > a.build_logo {
    position: absolute;
    z-index: 2;
    top: 23px;
    left: 22px;
    display: grid;
    width: 106px;
    height: 106px;
    place-items: center;
    border: 1px solid rgba(140,109,31,.28);
    border-radius: 24px 10px 24px 10px;
    background: radial-gradient(circle, #fff 0%, #f7efd9 68%, #e9d9ac 100%);
    box-shadow: 0 8px 18px rgba(107,82,22,.13), inset 0 1px 0 #fff;
}

#content #build.swd-building-card:not(.gid0) > a.build_logo img {
    position: static;
    top: auto;
    left: auto;
    margin: 0;
    scale: 1.28;
    transform: translateY(-7px) !important;
    filter: drop-shadow(0 5px 4px rgba(66,48,13,.18));
}

#content #build.swd-building-card:not(.gid0) > p.build-description,
#content #build.swd-building-card:not(.gid0) > p.u-game-87c4bd0eff,
#content #build.swd-building-card:not(.gid0) > p.build_desc + p {
    box-sizing: border-box;
    min-height: 104px;
    margin: 0 0 14px;
    padding: 10px 10px 10px 140px;
    border: 1px solid rgba(140,109,31,.22);
    border-inline-start: 4px solid var(--swd-bronze);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(247,241,224,.88));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 4px 12px rgba(74,56,20,.05);
    color: #4c4335;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.65;
}

#content #build.swd-building-card:not(.gid0) > table {
    width: 100%;
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid var(--swd-rule);
    border-spacing: 0;
    border-radius: 10px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 5px 14px rgba(74,56,20,.06);
}

#content #build.swd-building-card:not(.gid0) > table > thead th {
    padding: 7px 10px;
    border-bottom: 2px solid var(--swd-bronze);
    background: linear-gradient(135deg, var(--swd-bronze-deep), var(--swd-bronze));
    color: #fffaf0;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

#content #build.swd-building-card:not(.gid0) > table > tbody > tr > th,
#content #build.swd-building-card:not(.gid0) > table > tbody > tr > td {
    padding-top: 6px;
    padding-bottom: 6px;
    border-top-color: rgba(217,207,180,.62);
}

#content #build.swd-building-card:not(.gid0) > table > tbody > tr:nth-child(even) > td,
#content #build.swd-building-card:not(.gid0) > table > tbody > tr:nth-child(even) > th {
    background: rgba(247,241,224,.72);
}

#content #build.swd-building-card:not(.gid0) p#contract,
#content #build.swd-building-card:not(.gid0) > p.none {
    box-sizing: border-box;
    margin-top: 16px;
    padding: 10px 12px;
    border: 1px solid rgba(140,109,31,.24);
    border-radius: 8px;
    background: rgba(247,241,224,.76);
}

/* Warehouse/granary gauges borrow the visual language of the resource bar:
   parchment counter, bronze edge and a soft gold fill instead of neon green. */
#content #build.swd-building-card:is(.gid10,.gid11,.gid38,.gid39) .ProgBar {
    overflow: hidden;
    border: 1px solid var(--swd-bronze);
    border-radius: 5px;
    background: linear-gradient(#f8f1de, #e4d2a2);
    box-shadow: inset 0 1px 2px rgba(77,57,16,.18), 0 1px 0 #fff;
}

#content #build.swd-building-card:is(.gid10,.gid11,.gid38,.gid39) .ProgBar .x1 {
    background: linear-gradient(90deg, #c6a653, #ead79f) !important;
}

#content #build.swd-building-card:is(.gid10,.gid11,.gid38,.gid39) .ProgBar .v1 {
    color: var(--swd-ink) !important;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255,255,255,.82) !important;
}

@media (max-width: 700px) {
    #content #build.swd-building-card:not(.gid0) {
        padding: 14px 12px 22px;
        border-radius: 10px;
    }
    #content #build.swd-building-card:not(.gid0) h1.GreenWord {
        min-height: 40px;
        padding-left: 94px;
        font-size: 21px;
        line-height: 26px;
    }
    #content #build.swd-building-card:not(.gid0) > a.build_logo {
        top: 19px;
        left: 14px;
        width: 72px;
        height: 72px;
        border-radius: 18px 8px 18px 8px;
    }
    #content #build.swd-building-card:not(.gid0) > a.build_logo img {
        scale: .95;
        transform: translateY(-4px) !important;
    }
    #content #build.swd-building-card:not(.gid0) > p.build-description,
    #content #build.swd-building-card:not(.gid0) > p.u-game-87c4bd0eff,
    #content #build.swd-building-card:not(.gid0) > p.build_desc + p {
        min-height: 76px;
        padding-left: 94px;
        font-size: 14px;
    }
}

#content.reports table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.messages table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.plus table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.alliance table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.hsPage table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.hero table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.player table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.map table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.warsim table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td,
#content.a2b table:has(> thead) > tbody > tr:nth-child(even):not(.hl):not(.sel) > td {
    background-color: #fdfcf8;
}

/* ── وسام الـ120 يوماً في ملف اللاعب ──────────────────────────────────────
   الوسام نوعان ولا يجوز خلطهما بالنظر: **مثبَّت** صار لصاحبه إلى الأبد،
   و**قائم** ما زال في السباق ويأخذه من يكسر الرقم (قاعدة المالك 2026-09-01).
   المثبَّت كامل الوضوح، والقائم بحدٍّ مشرشر — وهو التمييز نفسه المعتمد في
   الهوية: المشرشر يدلّ على ما لم يُحسم بعد. */
#content.player td.medal-golden {
    padding: 1px 2px;
    border-radius: 4px;
}

#content.player td.medal-golden--live {
    border: 1px dashed var(--swd-bronze, #8c6d1f);
    background: var(--swd-tile, #f7f1e0);
    /* والوسام القائم أخفت قليلاً: حاضرٌ، لكنه ليس بوزن ما ثُبِّت. */
    opacity: 0.85;
}

/* ── وسام التحالف في جدول «الميداليات» ────────────────────────────────────
   الشريط اليومي والدرع الكبير يشتركان في هذا الصنف: الدرع 1024 بكسل أصلاً،
   فبلا سقفٍ للارتفاع يبتلع الصفّ كلّه. */
#content.alliance td .medal-icon,
#content .medals .medal-icon,
table#medals .medal-icon {
    max-height: 24px;
    width: auto;
    vertical-align: middle;
}

/* ── وسام قِدَم الحساب ────────────────────────────────────────────────────
   الوحيد الذي يحمل نصّاً تحته: عمر اللعب مكتوبٌ لا مخبَّأ في التمرير، لأنه
   المعلومة نفسها لا زينةً عليها. */
/* وسامٌ من عالمٍ آخر: شريحةٌ برقم عالمه بلوحة الهوية — برونزٌ على رَقّ.
   لا صورة له لأن الأيقونة تعيش في قاعدة عالمها، والرقم يكفي للتمييز. */
#content.player td.medal-other-world {
    text-align: center;
    padding: 1px 4px;
}

#content.player td.medal-other-world span {
    display: inline-block;
    min-width: 20px;
    padding: 2px 6px;
    border: 1px solid var(--swd-tile-rule, #dcc794);
    border-radius: 5px;
    background: var(--swd-tile, #f7f1e0);
    color: var(--swd-bronze, #8c6d1f);
    font-size: 11px;
    font-weight: 700;
}

#content.player td.medal-seniority {
    text-align: center;
    padding: 1px 4px;
}

#content.player td.medal-seniority img {
    display: block;
    max-height: 26px;
    width: auto;
    margin: 0 auto;
}

#content.player td.medal-seniority span {
    display: block;
    font-size: 10px;
    line-height: 1.3;
    color: var(--swd-bronze, #8c6d1f);
    white-space: nowrap;
}

/* ── صور أوسمة الجولات في جدول الميداليات ────────────────────────────────
   المصدر يضبط العرض لكل وسام: 70 للمعجزة · 60 للخاص · 45 للخبرة. وبوابة
   معمارية CSS تمنع النمط المضمَّن، فالعرض يأتي من `data-w` عبر قاعدة لكل
   قيمة — القيم ثلاث معروفة، فلا حاجة إلى نمطٍ لكل صفّ. */
#content.player td.bb img.medal-server { width: 60px; height: auto; }
#content.player td.bb img.medal-server[data-w="70"] { width: 70px; }
#content.player td.bb img.medal-server[data-w="45"] { width: 45px; }
#content.player td.bb img.medal-server--sen { width: 45px; }

/* ── صفحة دعوة لاعب (`/plus?t=5`) ─────────────────────────────────────────
   المصدر يكتب أنماطها مضمَّنة في كل عنصر؛ وبوابة معمارية CSS تمنع ذلك،
   فهي هنا بأصنافها. القياسات والألوان من المصدر، والبرونز محلّ أخضره. */
#content.plus td.invite-cell { padding: 16px 14px; line-height: 25px; }
#content.plus .invite-head { text-align: center; font-size: 17px; font-weight: 700; margin-bottom: 7px; }
#content.plus .invite-sub { text-align: center; color: var(--swd-ink-soft, #555); margin-bottom: 14px; }

#content.plus .invite-box,
#content.plus .invite-example,
#content.plus .invite-empty {
    border-radius: 5px;
    padding: 10px 12px;
    text-align: center;
    margin-bottom: 16px;
}
#content.plus .invite-box {
    background: var(--swd-tile, #f7f1e0);
    border: 1px solid var(--swd-tile-rule, #dcc794);
}
#content.plus .invite-example,
#content.plus .invite-empty {
    background: var(--swd-panel-2, #fafafa);
    border: 1px solid var(--swd-rule, #ddd);
    margin-top: 12px;
}
#content.plus .invite-pct,
#content.plus .invite-earned {
    color: var(--swd-bronze, #8c6d1f);
    font-size: 18px;
    font-weight: 700;
}

#content.plus .invite-label { font-weight: 700; margin-bottom: 6px; }
#content.plus .invite-label--spaced { margin-top: 16px; }

/* الصفّ: الحقل يتمدّد والزرّ ثابت. `min-width:0` ضروري وإلا رفض العنصر
   المرن أن ينكمش دون عرض محتواه فخرج الزرّ من الصندوق. */
#content.plus .invite-row { display: flex; gap: 7px; direction: ltr; width: 100%; }
#content.plus .invite-link {
    flex: 1;
    min-width: 0;
    height: 35px;
    box-sizing: border-box;
    direction: ltr;
    text-align: left;
    border: 1px solid var(--swd-field-rule, #c9be9f);
    border-radius: 4px;
    color: var(--swd-bronze-deep, #6b5216);
    background: var(--swd-parchment, #fdfbf5);
    padding: 5px 8px;
}
#content.plus .invite-copy { min-width: 105px; height: 35px; border-radius: 4px; font-weight: 700; }

#content.plus .invite-code-row { margin-top: 14px; text-align: center; }
#content.plus .invite-code {
    display: inline-block;
    direction: ltr;
    margin-right: 5px;
    padding: 2px 11px;
    background: var(--swd-tile, #fff5c7);
    border: 1px solid var(--swd-tile-rule, #dfc866);
    border-radius: 12px;
    color: var(--swd-bronze-deep, #705900);
    font-weight: 700;
}

#content.plus .invite-table { width: 100%; margin-top: 7px; }
#content.plus .invite-ok { color: var(--swd-bronze, #5c9700); font-weight: 700; }
#content.plus .invite-no { color: #a83232; font-weight: 700; }

/* التحذير أحمر عمداً — هو نظير دلالةٍ لا هوية، فيبقى كما في المصدر. */
#content.plus .invite-warn {
    margin-top: 10px;
    font-size: 11px;
    color: #c0392b;
    text-align: center;
    font-weight: 700;
    line-height: 19px;
}

/* ── التلميح على اللمس ────────────────────────────────────────────────────
   القياسات من المصدر (`.heroTouchTooltipBox`)، والألوان لنا: رَقّ وحدٌّ
   برونزي بدل الأصفر. يُوضع بالجافاسكربت فيلزمه `position: absolute`. */
.touch-tip {
    display: none;
    position: absolute;
    z-index: 99999;
    max-width: 230px;
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    border-radius: 7px;
    background: var(--swd-tile, #fff8df);
    border: 1px solid var(--swd-bronze, #b79b63);
    color: var(--swd-ink, #4b3211);
    box-shadow: 0 2px 9px rgba(0, 0, 0, .25);
}

/* ── لوحة الدعوة إلى تفعيل بلاس ───────────────────────────────────────────
   يصل اللاعب إليها **محوَّلاً** من ميزةٍ مُنع منها، فأوّل ما يراه يجب أن
   يكون: ما فاته · بكم · وأين الزرّ. برونز على رَقّ، وحدٌّ برونزي عند البداية
   كلوح الرأس في الهوية. */
#content.plus .plus-cta {
    background: var(--swd-panel, #fff);
    border: 1px solid var(--swd-rule, #d9cfb4);
    border-inline-start: 3px solid var(--swd-bronze, #8c6d1f);
    border-radius: 6px;
    padding: 14px 16px;
    margin: 0 0 14px;
}

#content.plus .plus-cta__head {
    font-size: 15px;
    font-weight: 700;
    color: var(--swd-ink, #3b342a);
    margin-bottom: 9px;
}

/* «بلاس» بلون اللكنة — نفس ما تفعله بقية الصفحة بالاسم. */
#content.plus .plus-cta__brand { color: var(--swd-bronze, #8c6d1f); }

#content.plus .plus-cta__list {
    margin: 0 0 12px;
    padding-inline-start: 20px;
    columns: 2;
    column-gap: 22px;
    font-size: 13px;
    line-height: 1.9;
    color: var(--swd-ink-soft, #5c564d);
}

/* عمودٌ واحد على الضيّق: عمودان بعرض 300px يقطعان الكلمات. */
@media (max-width: 560px) {
    #content.plus .plus-cta__list { columns: 1; }
}

#content.plus .plus-cta__price {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 17px;
    color: var(--swd-bronze-deep, #6b5216);
    margin-bottom: 11px;
}

#content.plus .plus-cta__dur {
    font-size: 12px;
    font-weight: 400;
    color: var(--swd-ink-faint, #8d8475);
}

/* الزرّ بمقاس الهوية: 140×36 وتدرّجها البرونزي. */
#content.plus .plus-cta__btn {
    display: inline-block;
    min-width: 140px;
    padding: 9px 18px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid var(--swd-bronze-deep, #6b5216);
    background: linear-gradient(var(--swd-bronze-lift, #b8912f), var(--swd-bronze, #8c6d1f));
}

#content.plus .plus-cta__btn:hover {
    background: linear-gradient(var(--swd-bronze, #8c6d1f), var(--swd-bronze-deep, #6b5216));
}

/* ── شريط تكرار الاحتفالات في البلدية ─────────────────────────────────────
   الحالة مكتوبة لا مستنتَجة من مربّع: اللاعب يقرأ «مُفعّل» أو «متوقّف» ثم
   يضغط زرّاً يقول ما سيفعله. والمربّع القديم كان يقول الحالة ولا يغيّرها. */
#content.build td.cel-repeat-bar {
    background: var(--swd-tile, #f7f1e0);
    border-bottom: 1px solid var(--swd-rule, #d9cfb4);
    padding: 8px 12px;
}

#content.build .cel-repeat-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    flex-wrap: wrap;
}

#content.build .cel-repeat-state {
    font-size: 13px;
    color: var(--swd-ink, #3b342a);
}

#content.build .cel-repeat-state .cel-on { color: var(--swd-bronze, #8c6d1f); }
/* المتوقّف رماديٌّ لا أحمر: الإيقاف حالةٌ عادية لا خطأ. */
#content.build .cel-repeat-state .cel-off { color: var(--swd-ink-faint, #8d8475); }

#content.build .cel-repeat-btn {
    min-width: 120px;
    padding: 5px 14px;
    font-size: 12px;
}

/* شريط التكرار جدولٌ مستقلّ فوق جدول الاحتفالات، فيلزمه فصلٌ عمّا تحته. */
#content.build table.cel-repeat-table { margin-bottom: 6px; }

/* ===== 13-template-utilities.css ===== */

/* Static presentation formerly stored in authenticated-game templates.
 * Generated during the static inline-style migration.
 * The impossible `:not(#divtrav-inline-never)` branch supplies ID-level
 * specificity without !important, preserving the former inline cascade.
 *
 * The branch is repeated FIVE times, and the count is load-bearing. One
 * repetition was not enough: an inline style outranks every stylesheet rule,
 * but a single-ID class does not, so legacy page selectors that used to lose
 * to the inline attribute started winning once the value moved here. Two
 * measured casualties on /market — `div#build.gid17 table.send_res td.val
 * input.text` (1,4,4) beat width:86px, and `div#build.gid17
 * table#target_select td.vil input.text` (2,3,4) beat width:75% — leaving the
 * fields 47px and 108px wide against the reference's 94px and 173.3px.
 *
 * Five is derived, not guessed: the highest ID count in any single selector
 * across game.bundle.css is FOUR (map tiles, e.g. `div#mbig div#map
 * div#map_content div#i_7_3`; 196 selectors sit at four, 72 at three, 434 at
 * two). Specificity compares ID count first, so (5,1,0) outranks all of them
 * — which is exactly what the inline attribute used to do. Raise the count if
 * a selector with five or more IDs is ever introduced.
 */
.u-game-01c3a44ea6:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:8px 12px;margin:6px 0;border-radius:4px;font-weight:bold;}
.u-game-03269a5690:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:1em;}
.u-game-03dadf69af:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:4em;}
.u-game-04aedb2af6:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:inline;}
.u-game-051a81ea44:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;display:block;position:relative;}
.u-game-0695009aef:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;position:relative;}
.u-game-06b24f1e13:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){height:309px;}
.u-game-07394f15e4:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:3px 10px;border-radius:20px;border:1px solid #4caf50;color:#4caf50;display:flex;align-items:center;font-size:13px;width:166px;}
.u-game-07a375e8d1:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){min-height:15px;font-size:16px;}
.u-game-07cfdb6cdd:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:100%;display:flex;justify-content:space-around;}
.u-game-0856de74d8:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:var(--swd-link);font-weight:bold;}
.u-game-090ae91c03:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-weight:bold;margin:4px 0;}
.u-game-091de95cc0:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:5%;}
.u-game-0993bca924:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:silver;font-weight:200;display:inline-block;float:left;font-style:italic;}
.u-game-0a1c5ddd4e:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#FF8000;}
.u-game-0aa4781d69:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;margin-top:6px;}
.u-game-0c43f1d249:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:flex;justify-content:center;}
.u-game-0c7797c760:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin:0 0 3px 0;}
.u-game-0db3cbe6b3:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:20%;text-align:center;}
.u-game-0fa64f9b5a:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;font-size:17px;}
.u-game-10dc985790:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){direction:ltr;}
.u-game-11508c72a3:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;font-size:20px;}
.u-game-116851d9e1:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:red;font-weight:bold;margin-bottom:10px;}
.u-game-13c7f02089:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:grey;font-weight:400;font-size:11px;user-select:none;text-align:center;}
.u-game-141b57c42f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:flex;justify-content:space-around;align-items:center;}
.u-game-163cca8198:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin:6px 0;}
.u-game-178edace20:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;display:block;position:relative;color:var(--swd-link);cursor:pointer;}
.u-game-1933b19699:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:100px;}
.u-game-19e77d32eb:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){float:left;}
.u-game-1be91a1c53:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:20px;height:20px;vertical-align:middle;margin-left:5px;}
.u-game-1c482b659b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:silver;}
.u-game-1d042864d6:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin:6px 0 0;font-size:14px;white-space:nowrap;}
.u-game-1d1f2ca805:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;font-size:large;margin-top:25px;}
.u-game-1d350577cc:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:100%;text-align:center;}
.u-game-1ddfbe346a:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){float:left;color:#C0C0C0;font-weight:bold;text-align:left;}
.u-game-219c7ae297:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:inline;margin-right:8px;}
.u-game-22179048cf:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:50%;}
.u-game-2302d65cbe:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;color:#b22222;font-weight:bold;}
.u-game-25f53f140f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:248px;height:158px;}
.u-game-27a68d9dcc:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#bd261f;}
.u-game-28516f0b4f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:45px;}
.u-game-2869c0c871:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-bottom:20px;}
.u-game-289a076fcb:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;font-weight:bold;}
.u-game-29bcddd939:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:300px;}
.u-game-2a1053278b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){line-height:25px;}
.u-game-2caf3ce443:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){position:relative;margin-left:5px;top:4px;}
.u-game-2cb5105cf1:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){border:none;background:none;padding:0;color:var(--swd-link);font-weight:bold;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:underline;}
.u-game-2e671c3305:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:86px;}
.u-game-304c0b7011:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){position:relative;font-weight:bold;color:#e6fac6;line-height:19px;}
.u-game-317a3666c7:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:gray;font-size:11px;}
.u-game-329026462c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:black;}
.u-game-32d453c8e2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:0 10px;}
.u-game-34c4dfb319:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:block;margin-top:4px;}
.u-game-36a1cfb61b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-left:2px;background-image:url("/assets/default/img/a/report_icons.gif?v=14e4de275d54");width:19px;height:17px;background-position:0 -653px;cursor:pointer;}
.u-game-39860e8b1d:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#c33;margin:0.5em 0;}
.u-game-3b6213abcc:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){line-height:1.7;text-align:right;}
.u-game-3bc0227418:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:red !important;}
.u-game-3d6d4e747b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){float:right;width:50%;}
.u-game-3e5338939f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:inline;color:#f0b213;}
.u-game-3f26d5e445:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){cursor:pointer;display:inline;vertical-align:middle;}
.u-game-3f4e844bc3:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){white-space:nowrap;}
.u-game-40e4109696:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){border:0;background:none;padding:0;cursor:pointer;}
.u-game-411198c8a0:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-size:14px;color:#941a09;font-weight:bold;}
.u-game-413afe2b5d:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:maroon;}
.u-game-42e3a2fbab:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#c33;margin-top:1em;}
.u-game-42faffdd3a:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#bd261f;font-weight:bold;text-align:center;}
.u-game-4401861e6e:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:90%;}
.u-game-45e7db67b0:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin:0;}
.u-game-462913ae59:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:50%;float:right;}
.u-game-4650a15f05:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:12px;}
.u-game-48a2976323:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:15px;height:15px;vertical-align:middle;margin-left:5px;}
.u-game-49e3b08c17:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#FF8000;cursor:pointer;}
.u-game-4b1ed38486:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-shadow:0 0 5px #FFF, -2px -1px 0px #FFF, 0 0 15px #FFF, -2px 0px 9px #ff0000, 20px -15px 20px rgba(206, 89, 55, 0);}
.u-game-4b5d36c8a9:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:8px;}
.u-game-517ada4058:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:18px;height:18px;}
.u-game-518a84731b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:green !important;}
.u-game-5198117bb2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background:#f3f3f3;font-weight:301;text-align:center;}
.u-game-52de5dbdaf:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-weight:bolder;cursor:pointer;border:none;background:0 0;color:var(--swd-link);font-size:inherit;font-family:inherit;display:inline !important;}
.u-game-54bcb4ad0f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding-bottom:8px;text-align:right;}
.u-game-55140ccf5b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:8px;height:8px;fill:gray;transform:rotateY(180deg);border:1px solid gray;border-radius:50%;padding:2px;}
.u-game-554b6977c2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){float:right;color:darkred;}
.u-game-56072c3b14:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:4px 8px;}
.u-game-57dfd3aaf5:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:45%;}
.u-game-589194d9b3:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){max-width:220px;}
.u-game-58a95f01f2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:50px;}
.u-game-594679c847:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){word-break:break-all;border:1px solid rgba(0, 0, 0, 0.08) !important;}
.u-game-59c3e9984a:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:15.5px;color:grey;text-align:center;}
.u-game-5a57b6b3af:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-right:1em;}
.u-game-5abbe0224c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:gray;font-weight:300;}
.u-game-5ae722a895:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;color:red;font-weight:bold;}
.u-game-5b9395747d:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:none;}
.u-game-5bcd08bc73:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:5px 0px;color:darkred;font-weight:900;text-align:center;display:block;}
.u-game-5be6da2cf0:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:60%;}
.u-game-5e73cc8a5b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-size:large;}
.u-game-5eb0ce2bb2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){max-width:140px;}
.u-game-5f02402fb6:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:var(--swd-link);}
.u-game-5f598cf713:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:1px 7px;font-size:11px;}
.u-game-6067b339c0:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:5px 10px;box-sizing:border-box;width:160px;}
.u-game-626d7ad79f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#008000;font-weight:bold;text-align:center;}
.u-game-64e98933b2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-weight:normal;}
.u-game-67d3fa62dd:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background-color:#F3F3F3;padding:6px 3px 3px;}
.u-game-68891cbcda:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background-image:url("/assets/default/img/q/rank.jpg?v=3941b7a48c85");background-repeat:no-repeat;background-size:100%;padding:10px 20px;border:1px solid #c9c9c9;border-radius:15px;background-position:bottom;padding-right:0px;}
.u-game-68bcbc5ef8:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;}
.u-game-69fe6863c5:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding-bottom:10px;}
.u-game-6b77ed0713:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){max-width:70px;}
.u-game-6bbcc98c88:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){max-width:60px;margin:0;padding:2px;}
.u-game-6db39c723f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin:18px 0;display:none;}
.u-game-6f58bf21fe:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:40px;}
.u-game-6fc508491a:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-size:0.85em;color:#888;}
.u-game-6fc888dc24:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background:#fee2e2;border:1px solid #b91c1c;color:#b91c1c;border-radius:8px;padding:8px 12px;margin:0 0 10px;font-weight:600;}
.u-game-71d1d2868e:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-left:2px;}
.u-game-7318399a9c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-size:17px;}
.u-game-732bfe8cd9:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:inline;margin:0;}
.u-game-747a70f4d0:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:2px;width:26px;height:26px;}
.u-game-74a6a18051:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:-webkit-fill-available;}
.u-game-752fff1482:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding-left:5px;}
.u-game-754a577924:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-weight:bold;}
.u-game-768d53554f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;font-size:18px;color:grey;}
.u-game-794e5ed6f2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:flex;align-items:center;}
.u-game-7a546a54cd:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background-color:#fff9d1;}
.u-game-7ad79bd3e5:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:50px;padding-left:1px;padding-right:1px;}
.u-game-7bd3e9a4ec:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-left:5px;}
.u-game-7c132be317:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;font-size:16px;line-height:2;}
.u-game-7c618e7194:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-left:8px;}
.u-game-7d99a2f012:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:15%;}
.u-game-7f14eeb4af:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-size:16px;}
/* عنوانا «احصل على مكافآت مجّانية يوميّاً!» في `/quest` و`/wingold` — وهما
   الاستعمالان الوحيدان لهذا الصنف. كان أسود، وتخصيصه (خمسة مُعرِّفات بحيلة
   `:not`) يغلب أي قاعدة نطاقٍ معقولة، فلم يكن ليأخذ لون النسق من الخارج. */
.u-game-7f2c82aae1:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:var(--swd-bronze);text-align:center;}
.u-game-81955348ac:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:1rem;padding:0.5rem 1rem;border:none;border-radius:0.5rem;background-color:#e74c3c;color:white;font-size:1rem;cursor:pointer;}
.u-game-82ec8335f9:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-right:5px;}
.u-game-83a866a935:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:block;cursor:pointer;font-size:large;}
.u-game-83f4a4949d:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){float:left;color:#C0C0C0;font-weight:bold;text-align:left;width:50%;}
.u-game-83f7cb65e9:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-size:14px;max-width:600px;}
.u-game-86164256f2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:80px;}
.u-game-87c4bd0eff:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:69%;font-weight:bold;}
.u-game-88bbf0a3fd:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background-color:#ffed9c;}
.u-game-89db1c43ab:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:16px;height:16px;vertical-align:middle;margin-left:5px;}
.u-game-8a85ec4aea:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){float:right;}
.u-game-8c05dbb73a:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#9f1818;font-size:20px;}
.u-game-8ccd30f662:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){min-width:20px;min-height:15px;padding-top:4px;}
.u-game-90a48294be:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){scale:1.2;}
.u-game-9129abb4e8:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#333333;font-size:17px;font-weight:bold;}
.u-game-917590d4ab:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:14px;}
.u-game-92724fe15c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:10%;}
.u-game-9346d1caf1:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){border:1px solid var(--swd-tile-rule);border-radius:5px;background-color:var(--swd-tile);padding:3px 6px;box-sizing:border-box;margin:20px 0;display:none;}
.u-game-95dc3d5460:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:right;}
.u-game-9874d99d97:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){min-width:385px;}
.u-game-98be64d583:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:65%;}
.u-game-99d7530c36:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#FF8000;font-weight:bold;}
.u-game-9a147698b7:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#d33;}
.u-game-9a4a48b232:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){word-break:break-word;}
.u-game-9aaad86fe7:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;color:var(--swd-link);font-weight:bold;}
.u-game-9aef3d1d79:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){position:absolute;box-sizing:border-box;top:15%;width:90%;min-width:315px;left:5%;right:5%;min-height:250px;box-shadow:0px 0px 20px rgb(0 0 0 / 38%);background:#fff;border-radius:19px;padding:15px;display:none;z-index:99999999999999999999;text-align:center;}
.u-game-9ba138a52d:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:auto;height:26px;padding:2px;margin-bottom:-1px;border-bottom:0;background-repeat:repeat;text-align:center;font-weight:bolder;line-height:16px;background-image:url("/assets/default/img/a/c2.gif?v=470526dd066f");border:1px solid #dddddd;border-radius:8px 8px 0 0;}
.u-game-9be8f49754:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){word-break:break-all;padding:4px 3px;}
.u-game-9f6f121e5e:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:28px;margin-left:8px;}
.u-game-a0552632e4:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:30px 0;text-align:center;}
.u-game-a3c91ae0aa:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:100%;}
.u-game-a50fce6b0f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){float:right;margin-top:10px;}
.u-game-a68e3a3ffe:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:2px 2px;}
.u-game-a79a0d0c3c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:red;}
.u-game-a7a15d37ae:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){position:absolute;}
.u-game-a8051b0716:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:22px;}
.u-game-a8ac6469e4:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background-color:transparent;}
.u-game-a8c4cae1ae:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background:#fff;color:#b45309;border:0;border-radius:7px;padding:5px 14px;font:700 12.5px "Segoe UI",Tahoma,sans-serif;cursor:pointer;}
.u-game-aa9f4ad5fa:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#f0b213;}
.u-game-aae1246e72:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:inline-block;min-width:20px;min-height:15px;}
.u-game-ab3826be05:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:4px 8px;font-weight:bold;}
.u-game-acca14e402:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:0.5em;}
.u-game-ad22c0b544:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:100%;background-color:#85e594;}
.u-game-b1ae2ff671:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:550px;display:none;}
.u-game-b42f0c8247:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:silver;text-align:center;}
.u-game-b587221bde:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){align-content:center;color:#7b624c;text-align:center;}
.u-game-b75d00b476:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){top:unset;}
.u-game-b7cd360010:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;font-weight:500;}
.u-game-ba9c468f23:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#4a9c00;font-size:16px;display:block;text-align:center;font-weight:900;padding:5px 0px;}
.u-game-bde38e7635:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#e53935;font-weight:bold;text-align:center;}
.u-game-c01047364d:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:80px;height:80px;}
.u-game-c1127ad592:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-shadow:0 0 5px #FFF, -2px -1px 0px #FFF, 0 0 15px #FFF, -2px 0px 9px #0014ff, 20px -15px 20px rgba(206, 89, 55, 0);}
.u-game-c21c7cbd27:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:0%;}
.u-game-c2d481f562:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:75%;}
.u-game-c2e4c4774b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){min-height:15px;font-size:12px;}
.u-game-c3ffa58e31:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;position:relative;top:18px;}
.u-game-c50b8a0be1:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){unicode-bidi:-webkit-isolate;}
.u-game-c63f03a3d4:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){border:0;background:none;cursor:pointer;padding:0;}
.u-game-c6967b6316:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;color:silver;padding:10px;}
.u-game-c805e8c60a:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){position:absolute;left:-850px;top:35px;}
.u-game-c89b9637a2:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:unset;text-align:start;width:100%;}
.u-game-c9ed339114:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){vertical-align:middle;}
.u-game-ca6a6d9547:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:10px;color:orange;font-weight:900;line-height:40px;}
.u-game-cb4a31435c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-shadow:0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 2px 2px 2px rgba(206,89,55,0);}
.u-game-ccd0a8c598:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){line-height:30px;}
.u-game-cce4a863ad:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-size:11px;color:#555;margin:0 0 6px;}
.u-game-cce6aa6682:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){min-width:160px;}
.u-game-ce044d22ae:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){font-weight:300;}
.u-game-d074c4722c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:black;font-weight:normal;}
.u-game-d0d9c62d9b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){position:relative;top:-4px;}
.u-game-d2bb4ce773:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:10px;}
.u-game-d342d4a36e:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:inline;margin-left:8px;}
.u-game-d392fb1906:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:16px;height:16px;}
.u-game-d5b0a49dd7:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){min-width:377px;}
.u-game-d5d2235240:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:linear-gradient(90deg,#b45309,#d97706);color:#fff;padding:7px 16px;font:600 13px/1.4 "Segoe UI",Tahoma,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.25);}
.u-game-d924de7b7a:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:2px 2px;width:5%;}
.u-game-d9d57a358c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding-right:16px;margin:8px 0 0;}
.u-game-daaf607511:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){top:-5px;position:relative;}
.u-game-daeea8091b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){unicode-bidi:normal;}
.u-game-dbd8f08142:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-bottom:10px;font-size:14px;}
.u-game-ddff8e0516:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){padding:2px 2px;width:1%;}
.u-game-dfc8adfb01:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:120px;height:140px;visibility:hidden;}
.u-game-e81d272c49:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:silver;font-size:18px;}
.u-game-e938d4cf79:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#573703;}
.u-game-e977cd1966:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#29a6ff;}
.u-game-ea3aed7a8c:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){max-width:50px;margin:0;padding:2px;}
.u-game-ea885cdb51:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:100%;margin-bottom:8px;}
.u-game-ec517f90aa:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#888;margin-top:12px;}
.u-game-ec7b300546:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin:10px auto;}
.u-game-ecc469a7b3:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:50%;float:left;}
.u-game-ed83d53be1:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background:#dcfce7;border:1px solid #15803d;color:#15803d;border-radius:8px;padding:8px 12px;margin:0 0 10px;font-weight:600;}
.u-game-edb7ad21a1:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#888;font-size:.9em;}
.u-game-eeb277980f:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){width:60px;}
.u-game-efe44917d6:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){text-align:center;display:block;}
.u-game-f0fe4a729b:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){color:#3a7;margin:0.5em 0;}
.u-game-f1e4d5a512:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){cursor:text;color:#000;}
.u-game-f9195231af:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){background:rgb(255, 247, 210);}
.u-game-fc21cd9dab:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:flex;align-items:center;justify-content:center;}
.u-game-fca4fe7d53:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){max-width:150px;}
.u-game-fcd7459bfd:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){margin-top:1.5em;}
.u-game-ff9e5fda58:not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never):not(#divtrav-inline-never){display:inline-block;padding:1px;}

/* Phase 7 static presentation extraction. */