@charset "UTF-8";
/* Neutralize legacy dimensions before applying the official 551.1 rules below. */
#topBar{top:0;margin:0 auto;min-width:1270px;max-width:1440px;width:100%;padding:0;box-sizing:border-box}
#bodyWrapper>#topBar{top:-1px}
@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #bodyWrapper>#topBar{top:auto}}
.mobileForced #bodyWrapper>#topBar{top:auto}
#topBar #logo{top:auto;width:auto;text-align:left;border:0;border-radius:0;background-color:transparent;box-shadow:none}
#topBar #logo svg{width:auto;display:block}
#topBar a{color:#5a9a0a}
#topBar #header #navigation>a,#topBar #header #navigation>label{grid-column-start:auto}
/* Scoped 551.1 layout-button definitions prevent the legacy gpack from restyling top-bar controls. */
#topBar .buttonFramed{position:relative;display:inline-block;box-sizing:border-box;z-index:0;border:1px solid #34220d;overflow:visible}
#topBar a.buttonFramed{padding-block:1px;padding-inline:6px}
#topBar .buttonFramed:before{content:"";z-index:2;position:absolute;inset:2px}
#topBar .buttonFramed i,#topBar .buttonFramed svg{position:relative;z-index:3;pointer-events:none}
#topBar .buttonFramed svg{overflow:visible}
#topBar .buttonFramed svg .outline path,#topBar .buttonFramed svg path.outline{stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;fill:var(--iconColor);stroke:var(--iconColor)}
#topBar .buttonFramed svg .icon{fill:#FFF9EB}
#topBar .buttonFramed.disabled>svg,#topBar .buttonFramed:active>svg,#topBar .buttonFramed:disabled>svg{opacity:.6}
#topBar .buttonFramed.green{--iconColor:#263A11}
#topBar .buttonFramed.grey{--iconColor:#424242}
#topBar .buttonFramed.round:before{border:1px solid #34220d}
#topBar .buttonFramed.round.green:before{background-color:#546e39;box-shadow:inset 0 -2px 1px 1px #63a90b,inset 2px -1px 1px 0 #578b11,inset -2px -1px 1px 0 #578b11,inset 0 2px 1px 1px #cfdcbe}
#topBar .buttonFramed.round.green:hover:before{background-color:#699128;box-shadow:inset 0 -2px 1px 1px #71bb13,inset 2px -1px 1px 0 #6da71d,inset -2px -1px 1px 0 #6da71d,inset 0 2px 1px 1px #d4e2c1}
#topBar .buttonFramed.round.green:active:before{background-color:#546e39;box-shadow:inset 0 -2px 1px 1px #88c72d,inset 2px -1px 1px 0 #8dc03a,inset -2px -1px 1px 0 #8dc03a,inset 0 2px 1px 1px #abd171}
#topBar .buttonFramed.round.green:disabled:before{background-color:#747a6a;box-shadow:inset 0 -1px 1px 1px #90b65e,inset 0 1px 1px 1px #b3c19d}
#topBar .buttonFramed.round.grey:before{box-shadow:inset 0 -2px 1px 1px #a1a1a1,inset 2px -1px 1px 0 #e0e0e0,inset -2px -1px 1px 0 #e0e0e0,inset 0 2px 1px 1px #f0f0f0}
#topBar .buttonFramed.round.grey:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background-image:linear-gradient(180deg,#e6e6e6,#bdbdbd);border-radius:50%}
#topBar .buttonFramed.round.grey:hover:before{box-shadow:inset 0 -2px 1px 1px #d6d6d6,inset 2px -1px 1px 0 #d4d4d4,inset -2px -1px 1px 0 #d4d4d4,inset 0 2px 1px 1px #fff}
#topBar .buttonFramed.round.grey:hover:after{background-image:linear-gradient(180deg,#fff,#f2f2f2)}
#topBar .buttonFramed.round.grey:active:before{box-shadow:inset 0 -2px 1px 1px #d0d0d0,inset 2px -1px 1px 0 #888,inset -2px -1px 1px 0 #888,inset 0 2px 1px 1px #919191}
#topBar .buttonFramed.round.grey:active:after{background-image:none;background-color:#b4b4b4}
#topBar .buttonFramed.withIcon{display:inline-grid;padding:0;align-items:center;justify-items:center}
#topBar .buttonFramed.withIcon svg{max-width:25px;max-height:25px}
#topBar .buttonFramed.withIcon svg{top:auto;right:auto;bottom:auto;left:auto;transform:none}
#topBar .buttonFramed.withIcon.round{width:40px;height:40px;border-radius:50%}
#topBar .buttonFramed.withIcon.round:before{border-radius:50%}
#topBar a.layoutButton{z-index:0}
#topBar a.layoutButton .content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;line-height:38px;color:#f2f2f2;text-align:center;font-weight:700;padding-top:1px;--fontFamily:Arial,Helvetica,Verdana,sans-serif;text-shadow:1px 0 0 #263a11,1px 1px 0 #263a11,0 1px 0 #263a11,-1px 1px 0 #263a11,-1px 0 0 #263a11,-1px -1px 0 #263a11,0 -1px 0 #263a11,1px -1px 0 #263a11}
#topBar nav#outOfGame .layoutButton{width:30px;height:30px;margin-block-start:4px}
#topBar nav#outOfGame .avatarSwitch svg,#topBar nav#outOfGame .layoutButton svg.profile{top:-1px}
#topBar #header a.layoutButton.referAFriend{width:30px;height:30px}
#topBar #header a.layoutButton.referAFriend svg{top:0;right:0;bottom:0;left:0;width:16px;height:16px;transform:none;stroke:#228B22}
#topBar #header a.layoutButton.referAFriend svg .outline{fill:#000;stroke:#228B22}
#topBar #stockBar i.clay_small{background-image:url(../img_ltr/global/resources/clay_small.png);width:26px;height:18px}
#topBar #stockBar i.crop_small{background-image:url(../img_ltr/global/resources/crop_small.png);width:26px;height:24px}
#topBar #stockBar i.freeCrop_small{background-image:url(../img_ltr/global/resources/freeCrop_small.png);width:26px;height:24px}
#topBar #stockBar i.iron_small{background-image:url(../img_ltr/global/resources/iron_small.png);width:26px;height:18px}
#topBar #stockBar i.lumber_small{background-image:url(../img_ltr/global/resources/lumber_small.png);width:26px;height:19px}
#servertime{position:absolute;inset-block-start:-80px;margin-inline-start:5px;max-width:var(--servertimeWidth,clamp(164px,50vi - 480px,249px));box-sizing:border-box;padding-block:4px;padding-inline:23px;border-radius:4px;border:1px solid #4b4230;background:rgba(244,239,228,.9);box-shadow:0 4px 5px 0 rgba(0,0,0,.1)}
body.ltr #servertime{font-size:11px}
body.rtl #servertime{font-size:12px}
#servertime{color:#5e463a}
#servertime span{white-space:nowrap}
#servertime .timer{--fontFamily:Arial,Helvetica,Verdana,sans-serif}
.mobileOptimized #servertime{position:relative;inset-block-start:auto;inset-inline-start:5px;background-color:rgba(61,50,42,.8);border:2px solid #5e5046;border-radius:10px;padding:3px;margin:0}
body.ltr .mobileOptimized #servertime{font-size:12px}
body.rtl .mobileOptimized #servertime{font-size:13px}
.mobileOptimized #servertime{color:#f2f2f2;width:295px;max-width:none;height:auto}
.mobileForced #servertime{position:relative;inset-block-start:auto;inset-inline-start:5px;background-color:rgba(61,50,42,.8);border:2px solid #5e5046;border-radius:10px;padding:3px;margin:0}
body.ltr .mobileForced #servertime{font-size:12px}
body.rtl .mobileForced #servertime{font-size:13px}
.mobileForced #servertime{color:#f2f2f2;width:295px;max-width:none;height:auto}
body:not(.mobileOptimized):not(.mobileForced) #bodyWrapper #servertime{inset-block-start:-81px;inset-inline-start:auto}
body div#background:before{content:"";width:100%;height:40px;position:absolute;z-index:26;background-image:linear-gradient(180deg,#453932 0,#856a59 4%,#635143 85%,#4d3c30 98%,#33281b 100%)}
body.buildingsV3 div#background:before{height:40px;z-index:26;background-color:transparent;background-image:linear-gradient(180deg,#453932 0,#856a59 4%,#635143 85%,#4d3c30 98%,#33281b 100%)}
#topBarHero .heroStatus:before{border:none}
#topBarHero .heroStatus i{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;transition:background-color 150ms}
#topBarHero .heroStatus i.heroTrapped{background-image:url(../img_ltr/hud/topBar/hero/states/heroTrapped.png)}
#topBarHero .heroStatus i.heroDead{background-image:url(../img_ltr/hud/topBar/hero/states/heroDead.png)}
#topBarHero .heroStatus i.heroHome{background-image:url(../img_ltr/hud/topBar/hero/states/heroHome.png)}
#topBarHero .heroStatus i.heroReinforcing{background-image:url(../img_ltr/hud/topBar/hero/states/heroReinforcing.png)}
#topBarHero .heroStatus i.heroReviving{background-image:url(../img_ltr/hud/topBar/hero/states/heroReviving.png)}
#topBarHero .heroStatus i.heroRunning{background-image:url(../img_ltr/hud/topBar/hero/states/heroRunning.png)}
#topBarHero .heroStatus i.heroTrapped{background-position:center 3px;background-color:#d01a1b}
.colorBlind #topBarHero .heroStatus i.heroTrapped{background-color:#0022af}
#topBarHero .heroStatus i.heroDead{background-position:center 1px;background-color:#d01a1b}
.colorBlind #topBarHero .heroStatus i.heroDead{background-color:#0022af}
#topBarHero .heroStatus i.heroHome{background-position:0 2px;background-color:#2aa82d}
#topBarHero .heroStatus i.heroReinforcing{background-position:center 3px;background-color:#2a82a8}
#topBarHero .heroStatus i.heroReviving{background-position:center 2px;background-color:#ed7a14}
#topBarHero .heroStatus i.heroRunning{background-position:center;background-color:#f8db58}
#topBarHero .heroStatus a i{position:absolute;top:0;right:0;bottom:0;left:0}
#topBarHero .heroStatus a:hover i.heroHome{background-color:#38b83b}
#topBarHero .heroStatus a:hover i.heroRunning{background-color:#fdea91}
#topBarHero .heroStatus a:active i.heroHome{background-color:#1c811f}
#topBarHero .heroStatus a:active i.heroRunning{background-color:#dfb340}
#topBar{position:relative;z-index:32;height:119px;display:grid;grid-template-columns:var(--topBarGridTemplateColumns,1fr 932px 1fr)}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #topBar{position:fixed;inset-block-end:-8px;z-index:500;width:100%;min-width:auto;padding:0;display:block;grid-template-columns:none}}.mobileForced #topBar{position:fixed;inset-block-end:-8px;z-index:500;width:100%;min-width:auto;padding:0;display:block;grid-template-columns:none}.mainLayoutDisabled #topBar{pointer-events:none}#topBar *{box-sizing:border-box}#topBar #header{grid-row-start:1;grid-column-start:2;position:relative}#topBar #header:before{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-width:0 142px 119px 149px;border-image:url(../img_ltr/hud/topBar/headerBackground.png) 0 142 119 149 fill stretch;transform:scaleX(var(--scaleXFactor))}#topBar #header.referAFriend:before{border-style:solid;border-width:0 142px 119px 149px;border-image:url(../img_ltr/hud/topBar/headerBackground_referAFriend.png) 0 142 119 149 fill stretch;transform:scaleX(var(--scaleXFactor))}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #topBar #header:before{border-inline-width:0}}.mobileForced #topBar #header:before{border-inline-width:0}#topBar #logo{grid-row-start:1;grid-column-start:1;display:block;position:relative;margin-inline-start:10px;height:40px;justify-self:start}#topBar #logo:focus-visible{box-shadow:0 0 2px 3px rgba(0,102,255,.7)}#topBar #logo svg{height:32px;margin-block-start:4px;margin-inline-start:1px}#topBar #logo svg path{fill:#F2F2F2;transition-duration:150ms}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #topBar #logo{display:none}}.mobileForced #topBar #logo{display:none}.activate #topBar,.login #topBar,.logout #topBar{box-shadow:none;border:none;height:14px}.activate #topBar:after,.activate #topBar:before,.login #topBar:after,.login #topBar:before,.logout #topBar:after,.logout #topBar:before{display:none}.activate #topBar #logo,.login #topBar #logo,.logout #topBar #logo{inset-block-start:0;inset-inline-start:0;width:300px;height:6em;margin:0;background:0 0;border:none;box-shadow:none}.activate #topBar #logo svg,.login #topBar #logo svg,.logout #topBar #logo svg{width:173px;height:60px;margin-block-start:7px}.activate #topBar #logo.light svg path,.login #topBar #logo.light svg path,.logout #topBar #logo.light svg path{fill:#F2F2F2}.activate #topBar #header:before,.login #topBar #header:before,.logout #topBar #header:before{display:none}.error_site #topBar #header:before{display:none}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized.activate #topBar,.mobileOptimized.error_site #topBar,.mobileOptimized.login #topBar,.mobileOptimized.logout #topBar{height:119px}.mobileOptimized.activate #topBar #logo,.mobileOptimized.error_site #topBar #logo,.mobileOptimized.login #topBar #logo,.mobileOptimized.logout #topBar #logo{display:block;position:absolute;inset-block-start:50%;transform:translateY(-60%);z-index:3;height:5.5em;width:300px;margin:0;background:0 0;border:none;box-shadow:none}.mobileOptimized.activate #topBar #logo svg,.mobileOptimized.error_site #topBar #logo svg,.mobileOptimized.login #topBar #logo svg,.mobileOptimized.logout #topBar #logo svg{width:173px;height:60px;inset-block-start:7px}.mobileOptimized.activate #topBar #logo.light svg path,.mobileOptimized.error_site #topBar #logo.light svg path,.mobileOptimized.login #topBar #logo.light svg path,.mobileOptimized.logout #topBar #logo.light svg path{fill:#231f20}.mobileOptimized.activate #topBar #header:before,.mobileOptimized.error_site #topBar #header:before,.mobileOptimized.login #topBar #header:before,.mobileOptimized.logout #topBar #header:before{display:block}.mobileOptimized.error_site #header:before{display:none}}.mobileForced.activate #topBar,.mobileForced.error_site #topBar,.mobileForced.login #topBar,.mobileForced.logout #topBar{height:119px}.mobileForced.activate #topBar #logo,.mobileForced.error_site #topBar #logo,.mobileForced.login #topBar #logo,.mobileForced.logout #topBar #logo{display:block;position:absolute;inset-block-start:50%;transform:translateY(-60%);z-index:3;height:5.5em;width:300px;margin:0;background:0 0;border:none;box-shadow:none}.mobileForced.activate #topBar #logo svg,.mobileForced.error_site #topBar #logo svg,.mobileForced.login #topBar #logo svg,.mobileForced.logout #topBar #logo svg{width:173px;height:60px;inset-block-start:7px}.mobileForced.activate #topBar #logo.light svg path,.mobileForced.error_site #topBar #logo.light svg path,.mobileForced.login #topBar #logo.light svg path,.mobileForced.logout #topBar #logo.light svg path{fill:#231f20}.mobileForced.activate #topBar #header:before,.mobileForced.error_site #topBar #header:before,.mobileForced.login #topBar #header:before,.mobileForced.logout #topBar #header:before{display:block}.mobileForced.error_site #header:before{display:none}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized.mainLayoutDisabled #topBar{z-index:37}}.mobileForced.mainLayoutDisabled #topBar{z-index:37}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header{width:100%;position:relative;height:120px}}.mobileForced #header{width:100%;position:relative;height:120px}#header #navigation{position:absolute;inset-inline-start:var(--navigationInsetInlineStart,160px);inset-block-start:4px;z-index:1;display:inline-grid;grid-template-columns:var(--navigationGridTemplateColumns,66px 71px 73px 63px 63px 63px 63px);grid-template-rows:66px}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header #navigation{display:grid;max-width:100%;height:66px;left:50%;transform:var(--navigationZoom,scale(1.3)) translateX(-50%);transform-origin:left;top:14px}}.mobileForced #header #navigation{display:grid;max-width:100%;height:66px;left:50%;transform:var(--navigationZoom,scale(1.3)) translateX(-50%);transform-origin:left;top:14px}#header #navigation>a,#header #navigation>label{position:relative;border:1px solid #553420;border-radius:50%;background-image:linear-gradient(to bottom,#cbb198,#7b6050);box-shadow:inset 0 1px 0 0 #ddcbb7,inset 0 -1px 0 0 #664f3d,inset 1px 0 0 0 #bba693,inset -1px 0 0 0 #7d6651,0 3px 3px 0 rgba(0,0,0,.3);display:inline-block;transition-duration:150ms;-webkit-tap-highlight-color:transparent;justify-self:end;align-self:end}#header #navigation>a:focus-visible:not(.disabled),#header #navigation>label:focus-visible:not(.disabled){box-shadow:0 0 2px 3px rgba(0,102,255,.7)}#header #navigation>a:after,#header #navigation>a:before,#header #navigation>label:after,#header #navigation>label:before{content:""}#header #navigation>a:before,#header #navigation>label:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #553420;border-radius:50%;box-shadow:0 -1px 0 0 #89735d,0 1px 0 0 #aa9789,-1px 0 0 0 #8e7360,1px 0 0 0 #8e7360,inset 0 0 3px 0 rgba(0,0,0,.5);background-color:#5e4538;transition-duration:150ms}#header #navigation>a:after,#header #navigation>label:after{width:62px;height:62px;position:absolute;background-image:url(../img_ltr/hud/topBar/navigation/navigation.png);transition:top 150ms;pointer-events:none}#header #navigation>a:focus:not(.disabled),#header #navigation>a:hover:not(.disabled),#header #navigation>label:focus:not(.disabled),#header #navigation>label:hover:not(.disabled){background-image:linear-gradient(to bottom,#dbc1a8,#b49581)}#header #navigation>a:focus:not(.disabled):before,#header #navigation>a:hover:not(.disabled):before,#header #navigation>label:focus:not(.disabled):before,#header #navigation>label:hover:not(.disabled):before{filter:saturate(.8) brightness(1.2);background-color:#7a6153;box-shadow:0 -1px 0 0 #9b856f,0 1px 0 0 #bca99b,-1px 0 0 0 #a08572,1px 0 0 0 #a08572,inset 0 0 3px 0 rgba(0,0,0,.5)}#header #navigation>a:focus:not(.disabled):after,#header #navigation>a:hover:not(.disabled):after,#header #navigation>label:focus:not(.disabled):after,#header #navigation>label:hover:not(.disabled):after{filter:none}#header #navigation>a:active:not(.disabled):before,#header #navigation>label:active:not(.disabled):before{background-color:#4a3223;box-shadow:0 -1px 0 0 #9b856f,0 1px 0 0 #bca99b,-1px 0 0 0 #a08572,1px 0 0 0 #a08572,inset 0 0 6px 0 rgba(0,0,0,.9)}#header #navigation>a.disabled,#header #navigation>label.disabled{cursor:not-allowed;filter:saturate(.1) brightness(1.1)}#header #navigation>a.village,#header #navigation>label.village{width:66px;height:66px}#header #navigation>a.village:after,#header #navigation>label.village:after{top:1px;left:1px}#header #navigation>a.village:focus:not(.disabled):after,#header #navigation>a.village:hover:not(.disabled):after,#header #navigation>label.village:focus:not(.disabled):after,#header #navigation>label.village:hover:not(.disabled):after{top:-2px}#header #navigation>a.dailyQuests,#header #navigation>a.map,#header #navigation>a.messages,#header #navigation>a.mobileMenuButton,#header #navigation>a.mobileShopButton,#header #navigation>a.reports,#header #navigation>a.seasonalRewards,#header #navigation>a.statistics,#header #navigation>label.dailyQuests,#header #navigation>label.map,#header #navigation>label.messages,#header #navigation>label.mobileMenuButton,#header #navigation>label.mobileShopButton,#header #navigation>label.reports,#header #navigation>label.seasonalRewards,#header #navigation>label.statistics{width:58px;height:58px}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header #navigation>a.dailyQuests.dailyQuests,.mobileOptimized #header #navigation>a.dailyQuests.statistics,.mobileOptimized #header #navigation>a.map.dailyQuests,.mobileOptimized #header #navigation>a.map.statistics,.mobileOptimized #header #navigation>a.messages.dailyQuests,.mobileOptimized #header #navigation>a.messages.statistics,.mobileOptimized #header #navigation>a.mobileMenuButton.dailyQuests,.mobileOptimized #header #navigation>a.mobileMenuButton.statistics,.mobileOptimized #header #navigation>a.mobileShopButton.dailyQuests,.mobileOptimized #header #navigation>a.mobileShopButton.statistics,.mobileOptimized #header #navigation>a.reports.dailyQuests,.mobileOptimized #header #navigation>a.reports.statistics,.mobileOptimized #header #navigation>a.seasonalRewards.dailyQuests,.mobileOptimized #header #navigation>a.seasonalRewards.statistics,.mobileOptimized #header #navigation>a.statistics.dailyQuests,.mobileOptimized #header #navigation>a.statistics.statistics,.mobileOptimized #header #navigation>label.dailyQuests.dailyQuests,.mobileOptimized #header #navigation>label.dailyQuests.statistics,.mobileOptimized #header #navigation>label.map.dailyQuests,.mobileOptimized #header #navigation>label.map.statistics,.mobileOptimized #header #navigation>label.messages.dailyQuests,.mobileOptimized #header #navigation>label.messages.statistics,.mobileOptimized #header #navigation>label.mobileMenuButton.dailyQuests,.mobileOptimized #header #navigation>label.mobileMenuButton.statistics,.mobileOptimized #header #navigation>label.mobileShopButton.dailyQuests,.mobileOptimized #header #navigation>label.mobileShopButton.statistics,.mobileOptimized #header #navigation>label.reports.dailyQuests,.mobileOptimized #header #navigation>label.reports.statistics,.mobileOptimized #header #navigation>label.seasonalRewards.dailyQuests,.mobileOptimized #header #navigation>label.seasonalRewards.statistics,.mobileOptimized #header #navigation>label.statistics.dailyQuests,.mobileOptimized #header #navigation>label.statistics.statistics{display:none}}.mobileForced #header #navigation>a.dailyQuests.dailyQuests,.mobileForced #header #navigation>a.dailyQuests.statistics,.mobileForced #header #navigation>a.map.dailyQuests,.mobileForced #header #navigation>a.map.statistics,.mobileForced #header #navigation>a.messages.dailyQuests,.mobileForced #header #navigation>a.messages.statistics,.mobileForced #header #navigation>a.mobileMenuButton.dailyQuests,.mobileForced #header #navigation>a.mobileMenuButton.statistics,.mobileForced #header #navigation>a.mobileShopButton.dailyQuests,.mobileForced #header #navigation>a.mobileShopButton.statistics,.mobileForced #header #navigation>a.reports.dailyQuests,.mobileForced #header #navigation>a.reports.statistics,.mobileForced #header #navigation>a.seasonalRewards.dailyQuests,.mobileForced #header #navigation>a.seasonalRewards.statistics,.mobileForced #header #navigation>a.statistics.dailyQuests,.mobileForced #header #navigation>a.statistics.statistics,.mobileForced #header #navigation>label.dailyQuests.dailyQuests,.mobileForced #header #navigation>label.dailyQuests.statistics,.mobileForced #header #navigation>label.map.dailyQuests,.mobileForced #header #navigation>label.map.statistics,.mobileForced #header #navigation>label.messages.dailyQuests,.mobileForced #header #navigation>label.messages.statistics,.mobileForced #header #navigation>label.mobileMenuButton.dailyQuests,.mobileForced #header #navigation>label.mobileMenuButton.statistics,.mobileForced #header #navigation>label.mobileShopButton.dailyQuests,.mobileForced #header #navigation>label.mobileShopButton.statistics,.mobileForced #header #navigation>label.reports.dailyQuests,.mobileForced #header #navigation>label.reports.statistics,.mobileForced #header #navigation>label.seasonalRewards.dailyQuests,.mobileForced #header #navigation>label.seasonalRewards.statistics,.mobileForced #header #navigation>label.statistics.dailyQuests,.mobileForced #header #navigation>label.statistics.statistics{display:none}#header #navigation>a.dailyQuests:after,#header #navigation>a.map:after,#header #navigation>a.messages:after,#header #navigation>a.mobileMenuButton:after,#header #navigation>a.mobileShopButton:after,#header #navigation>a.reports:after,#header #navigation>a.seasonalRewards:after,#header #navigation>a.statistics:after,#header #navigation>label.dailyQuests:after,#header #navigation>label.map:after,#header #navigation>label.messages:after,#header #navigation>label.mobileMenuButton:after,#header #navigation>label.mobileShopButton:after,#header #navigation>label.reports:after,#header #navigation>label.seasonalRewards:after,#header #navigation>label.statistics:after{top:-3px;left:-3px}#header #navigation>a.dailyQuests:focus:not(.disabled):after,#header #navigation>a.dailyQuests:hover:not(.disabled):after,#header #navigation>a.map:focus:not(.disabled):after,#header #navigation>a.map:hover:not(.disabled):after,#header #navigation>a.messages:focus:not(.disabled):after,#header #navigation>a.messages:hover:not(.disabled):after,#header #navigation>a.mobileMenuButton:focus:not(.disabled):after,#header #navigation>a.mobileMenuButton:hover:not(.disabled):after,#header #navigation>a.mobileShopButton:focus:not(.disabled):after,#header #navigation>a.mobileShopButton:hover:not(.disabled):after,#header #navigation>a.reports:focus:not(.disabled):after,#header #navigation>a.reports:hover:not(.disabled):after,#header #navigation>a.seasonalRewards:focus:not(.disabled):after,#header #navigation>a.seasonalRewards:hover:not(.disabled):after,#header #navigation>a.statistics:focus:not(.disabled):after,#header #navigation>a.statistics:hover:not(.disabled):after,#header #navigation>label.dailyQuests:focus:not(.disabled):after,#header #navigation>label.dailyQuests:hover:not(.disabled):after,#header #navigation>label.map:focus:not(.disabled):after,#header #navigation>label.map:hover:not(.disabled):after,#header #navigation>label.messages:focus:not(.disabled):after,#header #navigation>label.messages:hover:not(.disabled):after,#header #navigation>label.mobileMenuButton:focus:not(.disabled):after,#header #navigation>label.mobileMenuButton:hover:not(.disabled):after,#header #navigation>label.mobileShopButton:focus:not(.disabled):after,#header #navigation>label.mobileShopButton:hover:not(.disabled):after,#header #navigation>label.reports:focus:not(.disabled):after,#header #navigation>label.reports:hover:not(.disabled):after,#header #navigation>label.seasonalRewards:focus:not(.disabled):after,#header #navigation>label.seasonalRewards:hover:not(.disabled):after,#header #navigation>label.statistics:focus:not(.disabled):after,#header #navigation>label.statistics:hover:not(.disabled):after{top:-5px}#header #navigation>a.mobileMenuButton,#header #navigation>a.mobileShopButton,#header #navigation>label.mobileMenuButton,#header #navigation>label.mobileShopButton{display:none}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header #navigation>a.mobileMenuButton,.mobileOptimized #header #navigation>a.mobileShopButton,.mobileOptimized #header #navigation>label.mobileMenuButton,.mobileOptimized #header #navigation>label.mobileShopButton{display:block}.mobileOptimized #header #navigation>a.mobileMenuButton:first-child,.mobileOptimized #header #navigation>a.mobileShopButton:first-child,.mobileOptimized #header #navigation>label.mobileMenuButton:first-child,.mobileOptimized #header #navigation>label.mobileShopButton:first-child{grid-column-start:7}}.mobileForced #header #navigation>a.mobileMenuButton,.mobileForced #header #navigation>a.mobileShopButton,.mobileForced #header #navigation>label.mobileMenuButton,.mobileForced #header #navigation>label.mobileShopButton{display:block}.mobileForced #header #navigation>a.mobileMenuButton:first-child,.mobileForced #header #navigation>a.mobileShopButton:first-child,.mobileForced #header #navigation>label.mobileMenuButton:first-child,.mobileForced #header #navigation>label.mobileShopButton:first-child{grid-column-start:7}#header #navigation>a .indicator,#header #navigation>label .indicator{position:absolute;z-index:6;background-image:url(../img_ltr/hud/topBar/navigation/indicator.png);width:27px;height:23px;--fontFamily:Arial,Helvetica,Verdana,sans-serif;color:#fff9eb;text-align:center;padding-top:3px;font-size:10px;text-shadow:1px 0 0 #000,1px 1px 0 #000,0 1px 0 #000,-1px 1px 0 #000,-1px 0 0 #000,-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000}.colorBlind #header #navigation>a .indicator,.colorBlind #header #navigation>label .indicator{background-image:url(../img_ltr/hud/topBar/navigation/indicatorColorblind.png)}#header #navigation>a .indicator.hidden,#header #navigation>label .indicator.hidden{animation:hideIndicator 250ms ease-in-out forwards}@keyframes hideIndicator{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}100%{opacity:0;transform:translateY(5px)}}#header #navigation>a.village.resourceView:after,#header #navigation>label.village.resourceView:after{background-position:0 0}#header #navigation>a.village.resourceView:focus:not(.disabled):after,#header #navigation>a.village.resourceView:hover:not(.disabled):after,#header #navigation>label.village.resourceView:focus:not(.disabled):after,#header #navigation>label.village.resourceView:hover:not(.disabled):after{background-position:0 -62px}.perspectiveResources #header #navigation>a.village.resourceView:after,.perspectiveResources #header #navigation>label.village.resourceView:after{background-position:0 -62px}#header #navigation>a.village.buildingView:after,#header #navigation>label.village.buildingView:after{background-position:0 -124px}#header #navigation>a.village.buildingView:focus:not(.disabled):after,#header #navigation>a.village.buildingView:hover:not(.disabled):after,#header #navigation>label.village.buildingView:focus:not(.disabled):after,#header #navigation>label.village.buildingView:hover:not(.disabled):after{background-position:0 -186px}.perspectiveBuildings #header #navigation>a.village.buildingView:after,.perspectiveBuildings #header #navigation>label.village.buildingView:after{background-position:0 -186px}#header #navigation>a.map:after,#header #navigation>label.map:after{background-position:0 -248px}#header #navigation>a.map:focus:not(.disabled):after,#header #navigation>a.map:hover:not(.disabled):after,#header #navigation>label.map:focus:not(.disabled):after,#header #navigation>label.map:hover:not(.disabled):after{background-position:0 -310px}.map #header #navigation>a.map:after,.map #header #navigation>label.map:after{background-position:0 -310px}#header #navigation>a.statistics:after,#header #navigation>label.statistics:after{background-position:0 -372px}#header #navigation>a.statistics:focus:not(.disabled):after,#header #navigation>a.statistics:hover:not(.disabled):after,#header #navigation>label.statistics:focus:not(.disabled):after,#header #navigation>label.statistics:hover:not(.disabled):after{background-position:0 -434px}.statistics #header #navigation>a.statistics:after,.statistics #header #navigation>label.statistics:after{background-position:0 -434px}#header #navigation>a.reports:after,#header #navigation>label.reports:after{background-position:0 -496px}#header #navigation>a.reports:focus:not(.disabled):after,#header #navigation>a.reports:hover:not(.disabled):after,#header #navigation>label.reports:focus:not(.disabled):after,#header #navigation>label.reports:hover:not(.disabled):after{background-position:0 -558px}.reports #header #navigation>a.reports:after,.reports #header #navigation>label.reports:after{background-position:0 -558px}#header #navigation>a.messages:after,#header #navigation>label.messages:after{background-position:0 -620px}#header #navigation>a.messages:focus:not(.disabled):after,#header #navigation>a.messages:hover:not(.disabled):after,#header #navigation>label.messages:focus:not(.disabled):after,#header #navigation>label.messages:hover:not(.disabled):after{background-position:0 -682px}.messages #header #navigation>a.messages:after,.messages #header #navigation>label.messages:after{background-position:0 -682px}#header #navigation>a.dailyQuests:after,#header #navigation>label.dailyQuests:after{background-position:0 -744px}#header #navigation>a.dailyQuests:focus:not(.disabled):after,#header #navigation>a.dailyQuests:hover:not(.disabled):after,#header #navigation>label.dailyQuests:focus:not(.disabled):after,#header #navigation>label.dailyQuests:hover:not(.disabled):after{background-position:0 -806px}.dailyQuests #header #navigation>a.dailyQuests:after,.dailyQuests #header #navigation>label.dailyQuests:after{background-position:0 -806px}#header #navigation>a.mobileMenuButton:after,#header #navigation>label.mobileMenuButton:after{background-position:0 -868px}#header #navigation>a.mobileMenuButton:focus:not(.disabled):after,#header #navigation>a.mobileMenuButton:hover:not(.disabled):after,#header #navigation>label.mobileMenuButton:focus:not(.disabled):after,#header #navigation>label.mobileMenuButton:hover:not(.disabled):after{background-position:0 -930px}.mobileMenuButton #header #navigation>a.mobileMenuButton:after,.mobileMenuButton #header #navigation>label.mobileMenuButton:after{background-position:0 -930px}#header #navigation>a.seasonalRewards:after,#header #navigation>label.seasonalRewards:after{background-position:0 -992px}#header #navigation>a.seasonalRewards:focus:not(.disabled):after,#header #navigation>a.seasonalRewards:hover:not(.disabled):after,#header #navigation>label.seasonalRewards:focus:not(.disabled):after,#header #navigation>label.seasonalRewards:hover:not(.disabled):after{background-position:0 -1054px}.seasonalRewards #header #navigation>a.seasonalRewards:after,.seasonalRewards #header #navigation>label.seasonalRewards:after{background-position:0 -1054px}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header #navigation>a.village.resourceView.mobileShopButton,.mobileOptimized #header #navigation>label.village.resourceView.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileOptimized #header #navigation>a.village.resourceView.mobileShopButton:after,.mobileOptimized #header #navigation>label.village.resourceView.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileOptimized #header #navigation>a.village.buildingView.mobileShopButton,.mobileOptimized #header #navigation>label.village.buildingView.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileOptimized #header #navigation>a.village.buildingView.mobileShopButton:after,.mobileOptimized #header #navigation>label.village.buildingView.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileOptimized #header #navigation>a.map.mobileShopButton,.mobileOptimized #header #navigation>label.map.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileOptimized #header #navigation>a.map.mobileShopButton:after,.mobileOptimized #header #navigation>label.map.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileOptimized #header #navigation>a.reports.mobileShopButton,.mobileOptimized #header #navigation>label.reports.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileOptimized #header #navigation>a.reports.mobileShopButton:after,.mobileOptimized #header #navigation>label.reports.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileOptimized #header #navigation>a.messages.mobileShopButton,.mobileOptimized #header #navigation>label.messages.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileOptimized #header #navigation>a.messages.mobileShopButton:after,.mobileOptimized #header #navigation>label.messages.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileOptimized #header #navigation>a.mobileMenuButton.mobileShopButton,.mobileOptimized #header #navigation>label.mobileMenuButton.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileOptimized #header #navigation>a.mobileMenuButton.mobileShopButton:after,.mobileOptimized #header #navigation>label.mobileMenuButton.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileOptimized #header #navigation>a.mobileShopButton.mobileShopButton,.mobileOptimized #header #navigation>label.mobileShopButton.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileOptimized #header #navigation>a.mobileShopButton.mobileShopButton:after,.mobileOptimized #header #navigation>label.mobileShopButton.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}}.mobileForced #header #navigation>a.village.resourceView.mobileShopButton,.mobileForced #header #navigation>label.village.resourceView.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileForced #header #navigation>a.village.resourceView.mobileShopButton:after,.mobileForced #header #navigation>label.village.resourceView.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileForced #header #navigation>a.village.buildingView.mobileShopButton,.mobileForced #header #navigation>label.village.buildingView.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileForced #header #navigation>a.village.buildingView.mobileShopButton:after,.mobileForced #header #navigation>label.village.buildingView.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileForced #header #navigation>a.map.mobileShopButton,.mobileForced #header #navigation>label.map.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileForced #header #navigation>a.map.mobileShopButton:after,.mobileForced #header #navigation>label.map.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileForced #header #navigation>a.reports.mobileShopButton,.mobileForced #header #navigation>label.reports.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileForced #header #navigation>a.reports.mobileShopButton:after,.mobileForced #header #navigation>label.reports.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileForced #header #navigation>a.messages.mobileShopButton,.mobileForced #header #navigation>label.messages.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileForced #header #navigation>a.messages.mobileShopButton:after,.mobileForced #header #navigation>label.messages.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileForced #header #navigation>a.mobileMenuButton.mobileShopButton,.mobileForced #header #navigation>label.mobileMenuButton.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileForced #header #navigation>a.mobileMenuButton.mobileShopButton:after,.mobileForced #header #navigation>label.mobileMenuButton.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}.mobileForced #header #navigation>a.mobileShopButton.mobileShopButton,.mobileForced #header #navigation>label.mobileShopButton.mobileShopButton{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;box-shadow:none}.mobileForced #header #navigation>a.mobileShopButton.mobileShopButton:after,.mobileForced #header #navigation>label.mobileShopButton.mobileShopButton:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:3;border-radius:50%;width:52px;height:52px;background-image:url(../img_ltr/hud/topBar/shop.png);background-size:cover}#header .currency{position:absolute;top:20px;right:139px;width:165px;height:44px;display:grid;grid-template-columns:40px 1fr 30px 1fr;grid-template-rows:42px;color:#fff9eb;font-weight:700}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header .currency{height:54px;width:84px;position:fixed;top:0;right:0;grid-template-columns:24px 1fr;grid-template-rows:23px 23px;line-height:25px;padding:3px;box-sizing:border-box}}.mobileForced #header .currency{height:54px;width:84px;position:fixed;top:0;right:0;grid-template-columns:24px 1fr;grid-template-rows:23px 23px;line-height:25px;padding:3px;box-sizing:border-box}#header .currency div,#header .currency svg{position:relative;align-self:center}#header .currency svg{justify-self:center;width:22px;height:22px}#header .currency svg.goldCoin{grid-column-start:1}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header .currency svg.goldCoin{grid-row-start:1}}.mobileForced #header .currency svg.goldCoin{grid-row-start:1}#header .currency svg.silverCoin{grid-column-start:3}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header .currency svg.silverCoin{grid-column-start:1;grid-row-start:2}}.mobileForced #header .currency svg.silverCoin{grid-column-start:1;grid-row-start:2}#header .currency div{--fontFamily:Arial,Helvetica,Verdana,sans-serif;font-size:11px;padding-top:2px;justify-self:start}#header .currency div:first-of-type{grid-column-start:2}#header .currency div:last-of-type{grid-column-start:4}@media screen and (max-width:620px) and (orientation:portrait){body.ltr .mobileOptimized #header .currency div{font-size:14px}body.rtl .mobileOptimized #header .currency div{font-size:15px}.mobileOptimized #header .currency div{padding:0}.mobileOptimized #header .currency div:first-of-type{grid-row-start:1}.mobileOptimized #header .currency div:last-of-type{grid-column-start:2;grid-row-start:2}}body.ltr .mobileForced #header .currency div{font-size:14px}body.rtl .mobileForced #header .currency div{font-size:15px}.mobileForced #header .currency div{padding:0}.mobileForced #header .currency div:first-of-type{grid-row-start:1}.mobileForced #header .currency div:last-of-type{grid-column-start:2;grid-row-start:2}#header .shop{position:absolute;top:10px;right:50px;width:86px;height:86px;border-radius:50%;border:1px solid #34220d;z-index:1}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header .shop{display:none}}.mobileForced #header .shop{display:none}#header .shop:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:3;border-radius:50%;background-image:url(../img_ltr/hud/topBar/shop.png);width:78px;height:78px}#header .shop:focus:after,#header .shop:hover:after{background-position:0 -78px}#header .shop:active:after{background-position:0 -156px}#header .shopNotification{position:absolute;top:8px;right:110px;z-index:5}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header .shopNotification{width:30px;height:30px;line-height:30px}body.ltr .mobileOptimized #header .shopNotification{font-size:17px}body.rtl .mobileOptimized #header .shopNotification{font-size:18px}.mobileOptimized #header .shopNotification{right:55px;top:13px}}.mobileForced #header .shopNotification{width:30px;height:30px;line-height:30px}body.ltr .mobileForced #header .shopNotification{font-size:17px}body.rtl .mobileForced #header .shopNotification{font-size:18px}.mobileForced #header .shopNotification{right:55px;top:13px}#header a.layoutButton.referAFriend{position:absolute;top:11px;right:15px;width:30px;height:30px}#header a.layoutButton.referAFriend svg{width:16px;height:16px;stroke:#228B22}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header a.layoutButton.referAFriend{display:none}}.mobileForced #header a.layoutButton.referAFriend{display:none}#header input#mobileMenuState{display:none}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header input#mobileMenuState~#navigation label{background-image:linear-gradient(to bottom,#cbb198,#7b6050)}.mobileOptimized #header input#mobileMenuState~#navigation label:before{box-shadow:0 -1px 0 0 #89735d,0 1px 0 0 #aa9789,-1px 0 0 0 #8e7360,1px 0 0 0 #8e7360,inset 0 0 3px 0 rgba(0,0,0,.5);background-color:#5e4538;filter:none}.mobileOptimized #header input#mobileMenuState~#navigation .mobileMenuButton:after{background-position:0 -868px;top:-3px}.mobileOptimized #header input#mobileMenuState:checked~#navigation .mobileMenuButton{background-image:linear-gradient(to bottom,#dbc1a8,#b49581)}.mobileOptimized #header input#mobileMenuState:checked~#navigation .mobileMenuButton:before{filter:saturate(.8) brightness(1.2);background-color:#7a6153;box-shadow:0 -1px 0 0 #9b856f,0 1px 0 0 #bca99b,-1px 0 0 0 #a08572,1px 0 0 0 #a08572,inset 0 0 3px 0 rgba(0,0,0,.5)}.mobileOptimized #header input#mobileMenuState:checked~#navigation .mobileMenuButton:after{background-position:0 -930px;top:-5px}.mobileOptimized #header input#mobileMenuState:checked~nav#mobileMenu{pointer-events:auto;transform:rotateX(0);opacity:1}}.mobileForced #header input#mobileMenuState~#navigation label{background-image:linear-gradient(to bottom,#cbb198,#7b6050)}.mobileForced #header input#mobileMenuState~#navigation label:before{box-shadow:0 -1px 0 0 #89735d,0 1px 0 0 #aa9789,-1px 0 0 0 #8e7360,1px 0 0 0 #8e7360,inset 0 0 3px 0 rgba(0,0,0,.5);background-color:#5e4538;filter:none}.mobileForced #header input#mobileMenuState~#navigation .mobileMenuButton:after{background-position:0 -868px;top:-3px}.mobileForced #header input#mobileMenuState:checked~#navigation .mobileMenuButton{background-image:linear-gradient(to bottom,#dbc1a8,#b49581)}.mobileForced #header input#mobileMenuState:checked~#navigation .mobileMenuButton:before{filter:saturate(.8) brightness(1.2);background-color:#7a6153;box-shadow:0 -1px 0 0 #9b856f,0 1px 0 0 #bca99b,-1px 0 0 0 #a08572,1px 0 0 0 #a08572,inset 0 0 3px 0 rgba(0,0,0,.5)}.mobileForced #header input#mobileMenuState:checked~#navigation .mobileMenuButton:after{background-position:0 -930px;top:-5px}.mobileForced #header input#mobileMenuState:checked~nav#mobileMenu{pointer-events:auto;transform:rotateX(0);opacity:1}#header nav#mobileMenu{display:none}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header nav#mobileMenu{position:fixed;bottom:110px;right:0;max-width:40%;max-height:calc(100% - 164px);display:block;background-color:#e3d8c4}body.ltr .mobileOptimized #header nav#mobileMenu{font-size:24px}body.rtl .mobileOptimized #header nav#mobileMenu{font-size:25px}.mobileOptimized #header nav#mobileMenu{padding:30px 25px 10px;opacity:0;transform:rotateX(-90deg);transform-origin:bottom center;transition-duration:.5s;pointer-events:none}.mobileOptimized #header nav#mobileMenu ul{padding:0;margin:0;list-style:none}.mobileOptimized #header nav#mobileMenu ul li{line-height:21px}.mobileOptimized #header nav#mobileMenu ul li:not(:last-of-type){margin-bottom:30px}.mobileOptimized #header nav#mobileMenu ul li .inlineIcon{display:inline-grid;grid-template-columns:auto auto;vertical-align:bottom}.mobileOptimized #header nav#mobileMenu ul li .inlineIcon i,.mobileOptimized #header nav#mobileMenu ul li .inlineIcon svg{grid-column-start:1;grid-row-start:1;margin-inline-end:5px;align-self:center}.mobileOptimized #header nav#mobileMenu ul li .inlineIcon span{grid-column-start:2;grid-row-start:1;align-self:center;display:inline-block}.mobileOptimized #header nav#mobileMenu ul li .inlineIcon{grid-template-columns:20px 1fr;align-items:center;width:100%}.mobileOptimized #header nav#mobileMenu ul li .inlineIcon svg{width:22px;height:22px;fill:#5E463A}.mobileOptimized #header nav#mobileMenu ul li .inlineIcon svg.rewardAvailable{fill:#991915}.mobileOptimized #header nav#mobileMenu ul li .inlineIcon span{padding-left:20px}.mobileOptimized #header nav#mobileMenu ul li .disabledLink,.mobileOptimized #header nav#mobileMenu ul li a{color:#5e463a;font-weight:700}.mobileOptimized #header nav#mobileMenu ul li .disabledLink.disabledLink span,.mobileOptimized #header nav#mobileMenu ul li .disabledLink.disabledLink svg,.mobileOptimized #header nav#mobileMenu ul li a.disabledLink span,.mobileOptimized #header nav#mobileMenu ul li a.disabledLink svg{opacity:.5}.mobileOptimized #header nav#mobileMenu ul li a.referAFriend svg .plus{stroke:#E3D8C4}body.ltr .mobileOptimized #header nav#mobileMenu ul:last-of-type{font-size:18px}body.rtl .mobileOptimized #header nav#mobileMenu ul:last-of-type{font-size:19px}.mobileOptimized #header nav#mobileMenu ul:last-of-type li{line-height:18px}.mobileOptimized #header nav#mobileMenu ul:last-of-type li:not(:last-of-type){margin-bottom:15px}.mobileOptimized #header nav#mobileMenu:not(.mobileMenuActivate) .lobbyItem{display:none}.mobileOptimized #header nav#mobileMenu.mobileMenuActivate .loginItem,.mobileOptimized #header nav#mobileMenu.mobileMenuActivate .mainpageItem,.mobileOptimized #header nav#mobileMenu.mobileMenuActivate .registerItem{display:none}.mobileOptimized #header nav#mobileMenu svg.divider{margin:30px auto;fill:rgba(94,70,58,0.4)}.mobileOptimized #header nav#mobileMenu .avatarSelection{display:none}.mobileOptimized #header nav#mobileMenu .avatarSelection hr{margin-left:-25px;margin-right:-25px;border-style:outset;border-width:thin}body.ltr .mobileOptimized #header nav#mobileMenu .avatarSelection .title{font-size:14px}body.rtl .mobileOptimized #header nav#mobileMenu .avatarSelection .title{font-size:15px}.mobileOptimized #header nav#mobileMenu .avatarSelection .title{color:#888}.mobileOptimized #header nav#mobileMenu .avatarSelection .sittings{margin-top:10px}.mobileOptimized #header nav#mobileMenu .avatarSelection .sitting{display:grid;grid-template-columns:30px 1fr;grid-auto-flow:column;column-gap:10px;color:#5e463a;font-weight:700;align-items:center;margin-left:-25px;margin-right:-25px;padding:7px 25px}.mobileOptimized #header nav#mobileMenu .avatarSelection .sitting .slot{justify-self:start;display:inline-grid;align-content:center;justify-content:center;color:#fff;width:27px;height:27px;font-size:20px;border-radius:3px;font-weight:400}.mobileOptimized #header nav#mobileMenu .avatarSelection .sitting .slot1{background:#99c019}.mobileOptimized #header nav#mobileMenu .avatarSelection .sitting .slot2{background:#f78c1f}.mobileOptimized #header nav#mobileMenu .avatarSelection .sitting.active{background-color:#d6ccbb}.mobileOptimized #header nav#mobileMenu .avatarSelection a.exit{color:#5e463a;font-weight:700;margin-top:20px;display:block}.mobileOptimized #header nav#mobileMenu .avatarSelection a.exit .inlineIcon{display:inline-grid;vertical-align:bottom;grid-template-columns:20px 1fr;align-items:center;width:100%}.mobileOptimized #header nav#mobileMenu .avatarSelection a.exit .inlineIcon svg{width:22px;height:22px;fill:#5E463A}.mobileOptimized #header nav#mobileMenu .avatarSelection a.exit .inlineIcon span{padding-left:20px;padding-right:20px}body.ltr .mobileOptimized #header nav#mobileMenu .copyright{font-size:11px}body.rtl .mobileOptimized #header nav#mobileMenu .copyright{font-size:12px}.mobileOptimized #header nav#mobileMenu .copyright{margin-bottom:0;text-align:center}}.mobileForced #header nav#mobileMenu{position:fixed;bottom:110px;right:0;max-width:40%;max-height:calc(100% - 164px);display:block;background-color:#e3d8c4}body.ltr .mobileForced #header nav#mobileMenu{font-size:24px}body.rtl .mobileForced #header nav#mobileMenu{font-size:25px}.mobileForced #header nav#mobileMenu{padding:30px 25px 10px;opacity:0;transform:rotateX(-90deg);transform-origin:bottom center;transition-duration:.5s;pointer-events:none}.mobileForced #header nav#mobileMenu ul{padding:0;margin:0;list-style:none}.mobileForced #header nav#mobileMenu ul li{line-height:21px}.mobileForced #header nav#mobileMenu ul li:not(:last-of-type){margin-bottom:30px}.mobileForced #header nav#mobileMenu ul li .inlineIcon{display:inline-grid;grid-template-columns:auto auto;vertical-align:bottom}.mobileForced #header nav#mobileMenu ul li .inlineIcon i,.mobileForced #header nav#mobileMenu ul li .inlineIcon svg{grid-column-start:1;grid-row-start:1;margin-inline-end:5px;align-self:center}.mobileForced #header nav#mobileMenu ul li .inlineIcon span{grid-column-start:2;grid-row-start:1;align-self:center;display:inline-block}.mobileForced #header nav#mobileMenu ul li .inlineIcon{grid-template-columns:20px 1fr;align-items:center;width:100%}.mobileForced #header nav#mobileMenu ul li .inlineIcon svg{width:22px;height:22px;fill:#5E463A}.mobileForced #header nav#mobileMenu ul li .inlineIcon svg.rewardAvailable{fill:#991915}.mobileForced #header nav#mobileMenu ul li .inlineIcon span{padding-left:20px}.mobileForced #header nav#mobileMenu ul li .disabledLink,.mobileForced #header nav#mobileMenu ul li a{color:#5e463a;font-weight:700}.mobileForced #header nav#mobileMenu ul li .disabledLink.disabledLink span,.mobileForced #header nav#mobileMenu ul li .disabledLink.disabledLink svg,.mobileForced #header nav#mobileMenu ul li a.disabledLink span,.mobileForced #header nav#mobileMenu ul li a.disabledLink svg{opacity:.5}.mobileForced #header nav#mobileMenu ul li a.referAFriend svg .plus{stroke:#E3D8C4}body.ltr .mobileForced #header nav#mobileMenu ul:last-of-type{font-size:18px}body.rtl .mobileForced #header nav#mobileMenu ul:last-of-type{font-size:19px}.mobileForced #header nav#mobileMenu ul:last-of-type li{line-height:18px}.mobileForced #header nav#mobileMenu ul:last-of-type li:not(:last-of-type){margin-bottom:15px}.mobileForced #header nav#mobileMenu:not(.mobileMenuActivate) .lobbyItem{display:none}.mobileForced #header nav#mobileMenu.mobileMenuActivate .loginItem,.mobileForced #header nav#mobileMenu.mobileMenuActivate .mainpageItem,.mobileForced #header nav#mobileMenu.mobileMenuActivate .registerItem{display:none}.mobileForced #header nav#mobileMenu svg.divider{margin:30px auto;fill:rgba(94,70,58,0.4)}.mobileForced #header nav#mobileMenu .avatarSelection{display:none}.mobileForced #header nav#mobileMenu .avatarSelection hr{margin-left:-25px;margin-right:-25px;border-style:outset;border-width:thin}body.ltr .mobileForced #header nav#mobileMenu .avatarSelection .title{font-size:14px}body.rtl .mobileForced #header nav#mobileMenu .avatarSelection .title{font-size:15px}.mobileForced #header nav#mobileMenu .avatarSelection .title{color:#888}.mobileForced #header nav#mobileMenu .avatarSelection .sittings{margin-top:10px}.mobileForced #header nav#mobileMenu .avatarSelection .sitting{display:grid;grid-template-columns:30px 1fr;grid-auto-flow:column;column-gap:10px;color:#5e463a;font-weight:700;align-items:center;margin-left:-25px;margin-right:-25px;padding:7px 25px}.mobileForced #header nav#mobileMenu .avatarSelection .sitting .slot{justify-self:start;display:inline-grid;align-content:center;justify-content:center;color:#fff;width:27px;height:27px;font-size:20px;border-radius:3px;font-weight:400}.mobileForced #header nav#mobileMenu .avatarSelection .sitting .slot1{background:#99c019}.mobileForced #header nav#mobileMenu .avatarSelection .sitting .slot2{background:#f78c1f}.mobileForced #header nav#mobileMenu .avatarSelection .sitting.active{background-color:#d6ccbb}.mobileForced #header nav#mobileMenu .avatarSelection a.exit{color:#5e463a;font-weight:700;margin-top:20px;display:block}.mobileForced #header nav#mobileMenu .avatarSelection a.exit .inlineIcon{display:inline-grid;vertical-align:bottom;grid-template-columns:20px 1fr;align-items:center;width:100%}.mobileForced #header nav#mobileMenu .avatarSelection a.exit .inlineIcon svg{width:22px;height:22px;fill:#5E463A}.mobileForced #header nav#mobileMenu .avatarSelection a.exit .inlineIcon span{padding-left:20px;padding-right:20px}body.ltr .mobileForced #header nav#mobileMenu .copyright{font-size:11px}body.rtl .mobileForced #header nav#mobileMenu .copyright{font-size:12px}.mobileForced #header nav#mobileMenu .copyright{margin-bottom:0;text-align:center}.mobileOptimized.colorBlind #header nav#mobileMenu ul li a svg.rewardAvailable{fill:#0022AF}#header #dailyQuestReminder{box-sizing:border-box;position:absolute;inset-block-start:60px;inset-inline-end:337px}.seasonalRewardsEnabled #header #dailyQuestReminder{inset-inline-end:393px}#header #dailyQuestReminder:after{content:"";width:64px;height:63px;inset-block-start:-51px;inset-inline-start:50%;margin-inline-start:-34px;border-radius:50%;position:absolute;pointer-events:none}#header #dailyQuestReminder .notification{background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;border-radius:4px}#header #dailyQuestReminder .notification:before{content:"";position:absolute;inset:2px;background-color:#664e40;border:solid 1px #44321d;border-radius:1px}#header #dailyQuestReminder .notification{background-image:linear-gradient(180deg,#8fb74f 5%,#add076 13%,#add076 32%,#addd61 48%,#5b7a2a 72%,#618030 93%,#7fa246 100%);position:absolute;z-index:40;display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center;padding:10px 12px;width:250px}body.ltr #header #dailyQuestReminder .notification{font-size:12px}body.rtl #header #dailyQuestReminder .notification{font-size:13px}#header #dailyQuestReminder .notification{margin-block-start:20px;transform:translateX(-50%)}#header #dailyQuestReminder .notification:before{background-color:#f4efe4}#header #dailyQuestReminder .close,#header #dailyQuestReminder .content{position:relative;z-index:2}#header #dailyQuestReminder .content span{color:#d40000}.colorBlind #header #dailyQuestReminder .content span{color:#0022af}#header #dailyQuestReminder .close{width:24px;height:24px;padding:4px;border-radius:2px;cursor:pointer}#header #dailyQuestReminder .close svg{width:16px;height:16px;fill:#5E463A}#header #dailyQuestReminder .close:hover{background:#d2bda1}#header #dailyQuestReminder .close:active{background:#5e463a}#header #dailyQuestReminder .close:active svg{fill:#F4EFE4}#header #dailyQuestReminder .arrow{position:absolute;inset-block-start:-8px;inset-inline-start:50%;margin-inline-start:-20px;width:40px;height:12px}#header #dailyQuestReminder .arrow .background{fill:#F4EFE4}#header #dailyQuestReminder .arrow .color{fill:#8FB74F}#header #dailyQuestReminder .arrow .innerStroke{fill:#44321D}#header #dailyQuestReminder .arrow .outerStroke{fill:#34220D}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #header #dailyQuestReminder{display:none}}.mobileForced #header #dailyQuestReminder{display:none}#outOfGame{position:relative;justify-self:end;align-self:start;box-sizing:border-box;display:flex;margin-inline-end:10px;justify-content:end;column-gap:var(--outOfGameButtonsGap,4px);grid-row-start:1;grid-column-start:3}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized nav#outOfGame{display:none}}.mobileForced nav#outOfGame{display:none}nav#outOfGame .layoutButton{width:30px;height:30px;margin-block-start:4px}nav#outOfGame .layoutButton:before{inset:1px}nav#outOfGame .layoutButton svg{width:16px;height:16px}nav#outOfGame .layoutButton svg.help{--scaleXFactor:1}nav#outOfGame .layoutButton svg .icon{fill:#FFF9EB}nav#outOfGame .layoutButton svg .outline{fill:#263A11;stroke:#263A11;stroke-width:1.5}nav#outOfGame .layoutButton svg.profile{top:-1px}nav#outOfGame .layoutButton svg.logout{width:14px;height:14px}nav#outOfGame .layoutButton svg.help{--scaleX:1}nav#outOfGame .layoutButton .disabled.a{box-shadow:none}nav#outOfGame .layoutButton .disabled.a svg{opacity:.6}nav#outOfGame .avatarSwitch .content{display:inline-grid;align-content:center;justify-content:center}nav#outOfGame .avatarSwitch .content:before{content:"";border-radius:50%;position:absolute;inset:2px;opacity:.8}nav#outOfGame .avatarSwitch:hover .content:before{opacity:.5}nav#outOfGame .avatarSwitch.activeSlot1 .content:before{background:#99c019}nav#outOfGame .avatarSwitch.activeSlot2 .content:before{background:#f78c1f}nav#outOfGame .avatarSwitch svg{top:-1px}nav#outOfGame .avatarSelection{position:absolute;top:100%;left:0;background-color:#f3f2e7;border:1px solid #333;box-shadow:2px 2px 3px rgba(0,0,0,.25);border-radius:3px;min-width:120px;max-width:166px;transform:translateY(-70px) scale(.5);opacity:0;pointer-events:none}nav#outOfGame .avatarSelection.open{animation:avatarSelectionAppear 250ms ease-out forwards}@keyframes avatarSelectionAppear{0%{transform:translateY(-70px) scale(.5);opacity:0;pointer-events:none}60%{transform:translateY(5%) scale(1);opacity:1}100%{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}}nav#outOfGame .avatarSelection .description{padding:3px 8px 0;color:#888}body.ltr nav#outOfGame .avatarSelection .description{font-size:11px}body.rtl nav#outOfGame .avatarSelection .description{font-size:12px}nav#outOfGame .avatarSelection .description{font-weight:400}nav#outOfGame .avatarSelection .description:last-of-type{border-top:1px solid #b7b7b7}nav#outOfGame .avatarSelection a{padding:3px 8px;display:grid;grid-template-columns:1fr auto;grid-auto-flow:column;align-items:center;column-gap:10px;align-items:center}nav#outOfGame .avatarSelection a:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}nav#outOfGame .avatarSelection a .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:var(--readingDirection)}nav#outOfGame .avatarSelection a .slot{justify-self:start;display:inline-grid;align-content:center;justify-content:center;color:#fff;width:16px;height:16px;font-size:12px;border-radius:3px;font-weight:400}nav#outOfGame .avatarSelection a .slot1{background:#99c019}nav#outOfGame .avatarSelection a .slot2{background:#f78c1f}nav#outOfGame .avatarSelection a:hover{background-color:#fffdf8}nav#outOfGame .avatarSelection a:active{background-color:#e1e0d2}nav#outOfGame .avatarSelection a.active,nav#outOfGame .avatarSelection a.disabled{background-color:#e1e0d2;color:#777}nav#outOfGame .avatarSelection a.active svg,nav#outOfGame .avatarSelection a.disabled svg{fill:#888888}nav#outOfGame .avatarSelection a.active{pointer-events:none}#stockBar{font-size:11px;font-weight:700;position:absolute;z-index:32;inset-block-start:72px;inset-inline-start:156px;display:inline-grid;grid-template-columns:auto 5px auto;grid-template-rows:36px;box-sizing:border-box}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #stockBar{grid-template-columns:auto auto;grid-template-rows:28px;background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;border-radius:4px}.mobileOptimized #stockBar:before{content:"";position:absolute;inset:2px;background-color:#664e40;border:solid 1px #44321d;border-radius:1px}.mobileOptimized #stockBar{padding:3px;transform:scale(1.5);transform-origin:top left;position:fixed;top:0;left:0;width:362px;z-index:38}}.mobileForced #stockBar{grid-template-columns:auto auto;grid-template-rows:28px;background-image:linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;border-radius:4px}.mobileForced #stockBar:before{content:"";position:absolute;inset:2px;background-color:#664e40;border:solid 1px #44321d;border-radius:1px}.mobileForced #stockBar{padding:3px;transform:scale(1.5);transform-origin:top left;position:fixed;top:0;left:0;width:362px;z-index:38}@media screen and (max-width:620px) and (orientation:portrait){.village2.mobileOptimized #stockBar{top:0}}.village2.mobileForced #stockBar{top:0}.mainLayoutDisabled #stockBar{pointer-events:none}#stockBar *{box-sizing:border-box}#stockBar .granary,#stockBar .warehouse{position:relative;padding:3px;display:inline-grid;grid-auto-columns:var(--stockBarButtonWidth,88px)}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #stockBar .granary,.mobileOptimized #stockBar .warehouse{--stockBarButtonWidth:88px;padding:0;border:none;background:0 0}.mobileOptimized #stockBar .granary:before,.mobileOptimized #stockBar .warehouse:before{display:none}}.mobileForced #stockBar .granary,.mobileForced #stockBar .warehouse{--stockBarButtonWidth:88px;padding:0;border:none;background:0 0}.mobileForced #stockBar .granary:before,.mobileForced #stockBar .warehouse:before{display:none}#stockBar .granary .capacity,#stockBar .granary .stockBarButton,#stockBar .warehouse .capacity,#stockBar .warehouse .stockBarButton{display:inline-grid;--fontFamily:Arial,Helvetica,Verdana,sans-serif;grid-row-start:1;position:relative;height:100%}#stockBar .granary .capacity:focus-visible,#stockBar .granary .stockBarButton:focus-visible,#stockBar .warehouse .capacity:focus-visible,#stockBar .warehouse .stockBarButton:focus-visible{z-index:1}#stockBar .granary .capacity,#stockBar .warehouse .capacity{color:#fff9eb;grid-template-columns:30px 1fr;grid-template-rows:28px}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #stockBar .granary .capacity,.mobileOptimized #stockBar .warehouse .capacity{display:none}}.mobileForced #stockBar .granary .capacity,.mobileForced #stockBar .warehouse .capacity{display:none}#stockBar .granary .capacity .value,#stockBar .granary .capacity i,#stockBar .warehouse .capacity .value,#stockBar .warehouse .capacity i{grid-row-start:1;display:inline-block;align-self:center}#stockBar .granary .capacity i,#stockBar .warehouse .capacity i{grid-column-start:1;justify-self:center}#stockBar .granary .capacity .value,#stockBar .warehouse .capacity .value{grid-column-start:2}#stockBar .granary .stockBarButton,#stockBar .warehouse .stockBarButton{height:28px;width:100%;position:relative;color:#333;grid-template-columns:30px 1fr 2px;grid-template-rows:22px;background-color:#e3d4bc;border:2px solid #968879;border-bottom-color:#695b52;border-top-color:#f4e8d3;margin-left:1px}#stockBar .granary .stockBarButton:focus,#stockBar .granary .stockBarButton:hover,#stockBar .warehouse .stockBarButton:focus,#stockBar .warehouse .stockBarButton:hover{background-color:#fff3df;border:2px solid #a19487;border-bottom-color:#695b52;border-top-color:#f3e9d6}#stockBar .granary .stockBarButton:active,#stockBar .warehouse .stockBarButton:active{background-color:#ccbea7;border:2px solid #988a7a;border-bottom-color:#d0c3ad;border-top-color:#695b52}#stockBar .granary .stockBarButton>*,#stockBar .warehouse .stockBarButton>*{pointer-events:none}#stockBar .granary .stockBarButton i,#stockBar .warehouse .stockBarButton i{grid-column-start:1;justify-self:center;align-self:end}#stockBar .granary .stockBarButton svg.productionBoost,#stockBar .warehouse .stockBarButton svg.productionBoost{position:absolute;inset-block-start:0;inset-inline-start:2px;height:14px;filter:drop-shadow(1px 2px 1px rgba(0, 0, 0, .75));overflow:visible;display:none}#stockBar .granary .stockBarButton svg.productionBoost .border,#stockBar .warehouse .stockBarButton svg.productionBoost .border{stroke:var(--border);stroke-width:6}#stockBar .granary .stockBarButton svg.productionBoost.premiumFeature,#stockBar .granary .stockBarButton svg.productionBoost.quest,#stockBar .granary .stockBarButton svg.productionBoost.videoFeature,#stockBar .warehouse .stockBarButton svg.productionBoost.premiumFeature,#stockBar .warehouse .stockBarButton svg.productionBoost.quest,#stockBar .warehouse .stockBarButton svg.productionBoost.videoFeature{display:inline-block}#stockBar .granary .stockBarButton svg.productionBoost.animated,#stockBar .warehouse .stockBarButton svg.productionBoost.animated{animation:productionBoostAppear 150ms ease-out}@keyframes productionBoostAppear{0%{transform:scale(0) translateY(-10px)}80%{transform:scale(1.1) translateY(2px)}100%{transform:scale(1)}}#stockBar .granary .stockBarButton .barBox,#stockBar .granary .stockBarButton .value,#stockBar .warehouse .stockBarButton .barBox,#stockBar .warehouse .stockBarButton .value{grid-column-start:2;grid-row-start:1}#stockBar .granary .stockBarButton .value,#stockBar .warehouse .stockBarButton .value{justify-self:end}#stockBar .granary .stockBarButton .value.alert,#stockBar .warehouse .stockBarButton .value.alert{color:#b73a38}.colorBlind #stockBar .granary .stockBarButton .value.alert,.colorBlind #stockBar .warehouse .stockBarButton .value.alert{color:#0022af}#stockBar .granary .stockBarButton .value#stockBarFreeCrop,#stockBar .warehouse .stockBarButton .value#stockBarFreeCrop{align-self:center;justify-self:center}#stockBar .granary .stockBarButton .barBox,#stockBar .warehouse .stockBarButton .barBox{align-self:end;width:100%;height:7px;border:1px solid #52372a;background-color:#52372a}#stockBar .granary .stockBarButton .barBox .bar,#stockBar .warehouse .stockBarButton .barBox .bar{background-color:#699e32;height:100%}#stockBar .granary .stockBarButton .barBox .bar.stockFull,#stockBar .warehouse .stockBarButton .barBox .bar.stockFull{background-color:#b73a38}.colorBlind #stockBar .granary .stockBarButton .barBox .bar.stockFull,.colorBlind #stockBar .warehouse .stockBarButton .barBox .bar.stockFull{background-color:#0022af}#stockBar .warehouse{grid-column-start:1}#stockBar .granary{grid-column-start:3}@media screen and (max-width:620px) and (orientation:portrait){.mobileOptimized #stockBar .granary{grid-column-start:2}.mobileOptimized #stockBar .granary .stockBarButton{margin:0}.mobileOptimized #stockBar .granary .stockBarButton:last-of-type{display:none}}.mobileForced #stockBar .granary{grid-column-start:2}.mobileForced #stockBar .granary .stockBarButton{margin:0}.mobileForced #stockBar .granary .stockBarButton:last-of-type{display:none}#stockBar i.warehouse_medium{background-image:url(../img_ltr/hud/topBar/stockBar/warehouse_medium.png);width:27px;height:23px}#stockBar i.granary_medium{background-image:url(../img_ltr/hud/topBar/stockBar/granary_medium.png);width:22px;height:23px}