:root{touch-action:manipulation;height:100%}body{font-family:"Teko",sans-serif;background-color:#494949}*{margin:0;padding:0}html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,cite,a,button,em,img,strong,sub,b,u,i,ol,ul,li,form,label,legend,table,tr,td,section,article{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}h2,h3,h4,h5,h6,p,b,u,i,ol,ul,li,label,legend,span,cite{cursor:default}input,button,textarea{font-family:"Teko",sans-serif;box-sizing:border-box}.bb-white{background-color:#fff}.bb-white.bha:hover{background-color:#f6f0f0}.bb-white.bha:active{background-color:#e4dbdf}.bb-green{background-color:#0e8358}.bb-green.bha:hover{background-color:#097d53}.bb-green.bha:active{background-color:#016f46}.bb-orange{background-color:#c77904}.bb-orange.bha:hover{background-color:#bc7102}.bb-orange.bha:active{background-color:#ac6700}.bb-red{background-color:#d43d3d}.bb-red.bha:hover{background-color:#cc3636}.bb-red.bha:active{background-color:#c32828}.bb-blue{background-color:#006dd2}.bb-blue.bha:hover{background-color:#0267c5}.bb-blue.bha:active{background-color:#005db4}.bb-white:disabled,.bb-green:disabled,.bb-orange:disabled,.bb-red:disabled,.bb-blue:disabled{background-color:#626262}.bb-light-header{background-color:#e7eff6}.bb-light-content{background-color:#f1f6fa}.bs-white-2{box-shadow:0px 2px #e4d4d4}.bs-green-2{box-shadow:0px 2px #0a5f40}.bs-orange-2{box-shadow:0px 2px #885200}.bs-red-2{box-shadow:0px 2px #942222}.bs-blue-2{box-shadow:0px 2px #00488a}.bs-white-2:disabled,.bs-green-2:disabled,.bs-orange-2:disabled,.bs-red-2:disabled,.bs-blue-2:disabled{box-shadow:0px 2px #464646}.bs-white-4{box-shadow:0px 4px #e4d4d4}.bs-green-4{box-shadow:0px 4px #0a5f40}.bs-orange-4{box-shadow:0px 4px #885200}.bs-red-4{box-shadow:0px 4px #942222}.bs-blue-4{box-shadow:0px 4px #00488a}.bs-white-4:disabled,.bs-green-4:disabled,.bs-orange-4:disabled,.bs-red-4:disabled,.bs-blue-4:disabled{box-shadow:0px 4px #464646}.bh-xl{height:88px}.bh-l{height:72px}.bh-m{height:48px}@font-face{font-family:"Teko";src:url("font_teko_regular.ttf") format("truetype");font-weight:400;ascent-override:110%}@font-face{font-family:"Teko";src:url("font_teko_bold.ttf") format("truetype");font-weight:800;ascent-override:110%}.fs-xxl{font-size:28px;line-height:32px}.fs-xl{font-size:20px;line-height:28px}.fs-l{font-size:18px;line-height:24px}.fs-m{font-size:14px;line-height:16px}.fs-s{font-size:12px;line-height:14px}.fs-xs{font-size:11px;line-height:12px}.fc,.fc-default{color:#274159}.fc-white{color:#fff}.fc-gray{color:#536786}.fc-green{color:#0e8358}.fc-orange{color:#c77904}.fc-red{color:#d43d3d}.fc-inactive{color:#aeb9c3}.fs-dark{text-shadow:rgba(0,0,0,.5) 0 1px 0}.fs-light{text-shadow:rgba(255,255,255,.5) 0 1px 0}.fw-b{font-weight:700}.debugger{width:100%;height:22px;position:fixed;bottom:0;right:0;display:none;font-family:"Montserrat",sans-serif;font-weight:300;font-size:10px;color:#fff;background-color:rgba(0,0,0,.75);z-index:100000}body.debuggerActive .debugger{display:inline-block}.debuggerItem{float:left}.debuggerItemLabel{padding:5px;padding-right:0;float:left;color:#8e8e8e}.debuggerItemValue{padding:5px;float:left}.debuggerItemValue--time{min-width:50px;text-align:right}#loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:#000;z-index:1000;-webkit-user-select:none;-ms-user-select:none;user-select:none}#loader .spinner{width:150px;height:150px;border:5px solid;border-color:#fff rgba(0,0,0,0) #fff rgba(0,0,0,0);border-radius:50%;animation:spinner 2s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}body{overflow:hidden}.hide,.hidden{display:none !important}#game{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;box-sizing:border-box;z-index:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.modal{width:100%;max-width:320px;max-height:100%;display:grid;grid:"header" auto "main" 1fr/1fr;gap:0;box-sizing:border-box;position:relative;border-radius:12px;overflow:hidden}.modal__wrapper{top:0;left:0;position:absolute;width:100%;height:100%;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:rgba(0,0,0,.75);z-index:100;-webkit-user-select:none;-ms-user-select:none;user-select:none}.modal__header{width:100%;height:56px;padding:8px 56px 0 56px;position:relative;display:flex;justify-content:center;grid-area:header;overflow-x:auto;overflow-y:hidden;align-items:flex-end;background-color:#2e8ae0}.modal__header__tab{max-width:80px;max-height:48px;min-height:40px;padding:0 8px 0px 8px;margin-right:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;vertical-align:top;border-radius:4px 4px 0 0;background-color:#1669b7}.modal__header__tab--active{background-color:#247bcd}.modal__header__tab--alone{max-width:none;height:100%;padding:0 0 8px 0;max-height:auto;cursor:default;border-radius:0;justify-content:center;background-color:inherit !important;flex-direction:row}.modal__header__tab--alone img{margin-top:0 !important;margin-right:4px}.modal__header__tab--alone strong{padding:0 !important}.modal__header__tab img{margin-top:4px;width:24px;height:24px}.modal__header__tab--notitle img{margin-bottom:6px}.modal__header__tab strong{width:100%;padding-bottom:6px;display:block;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.modal__close{width:56px;height:56px;margin:12px;top:-12px;right:-12px;position:absolute;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#2e8ae0;background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(46, 138, 224) 15%)}.modal__close button{width:32px;height:32px;display:inline-block;box-sizing:border-box;border-radius:6px;cursor:pointer}.modal__close button svg *{fill:#fff}.modal__back{width:56px;height:56px;margin:12px;top:-12px;left:-12px;position:absolute;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#2e8ae0;background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(46, 138, 224) 15%)}.modal__back button{width:32px;height:32px;display:inline-block;box-sizing:border-box;border-radius:6px;cursor:pointer}.modal__back button svg *{fill:#fff}.modal__content{width:100%;display:flex;flex-direction:column;row-gap:8px;border-radius:8px}.modal__content--hidden{display:none}.modal__content__wrapper{max-height:100%;padding:8px;overflow-y:scroll;background-color:#247bcd;grid-area:main}
.modal__c__box{width:100%;padding:8px;display:flex;flex-direction:column;row-gap:8px;border-radius:8px;background-color:#fff}
.bb-white{background-color:#fff}.bb-white.bha:hover{background-color:#f6f0f0}.bb-white.bha:active{background-color:#e4dbdf}.bb-green{background-color:#0e8358}.bb-green.bha:hover{background-color:#097d53}.bb-green.bha:active{background-color:#016f46}.bb-orange{background-color:#c77904}.bb-orange.bha:hover{background-color:#bc7102}.bb-orange.bha:active{background-color:#ac6700}.bb-red{background-color:#d43d3d}.bb-red.bha:hover{background-color:#cc3636}.bb-red.bha:active{background-color:#c32828}.bb-blue{background-color:#006dd2}.bb-blue.bha:hover{background-color:#0267c5}.bb-blue.bha:active{background-color:#005db4}.bb-white:disabled,.bb-green:disabled,.bb-orange:disabled,.bb-red:disabled,.bb-blue:disabled{background-color:#626262}.bb-light-header{background-color:#e7eff6}.bb-light-content{background-color:#f1f6fa}.bs-white-2{box-shadow:0px 2px #e4d4d4}.bs-green-2{box-shadow:0px 2px #0a5f40}.bs-orange-2{box-shadow:0px 2px #885200}.bs-red-2{box-shadow:0px 2px #942222}.bs-blue-2{box-shadow:0px 2px #00488a}.bs-white-2:disabled,.bs-green-2:disabled,.bs-orange-2:disabled,.bs-red-2:disabled,.bs-blue-2:disabled{box-shadow:0px 2px #464646}.bs-white-4{box-shadow:0px 4px #e4d4d4}.bs-green-4{box-shadow:0px 4px #0a5f40}.bs-orange-4{box-shadow:0px 4px #885200}.bs-red-4{box-shadow:0px 4px #942222}.bs-blue-4{box-shadow:0px 4px #00488a}.bs-white-4:disabled,.bs-green-4:disabled,.bs-orange-4:disabled,.bs-red-4:disabled,.bs-blue-4:disabled{box-shadow:0px 4px #464646}.bh-xl{height:88px}.bh-l{height:72px}.bh-m{height:48px}.modal__c__button{width:100%;height:44px;padding:4px;margin-bottom:4px;display:flex;justify-content:center;flex-direction:column;align-items:center;justify-content:space-evenly;box-sizing:border-box;border-radius:4px;cursor:pointer}.modal__c__button strong{display:block}.modal__c__button__costs{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.modal__c__button__costs__cost{margin:0px 4px;display:flex;justify-content:center}.modal__c__button__costs__cost img{width:16px;height:16px;margin-right:4px}.modal__c__button__costs__cost span{cursor:inherit}.modal__c__button__costs__cost--lack span{opacity:.6;cursor:inherit}.modal__c__button:disabled{cursor:not-allowed}
.modal__c__row{width:100%;display:flex;flex-direction:row;align-items:center;column-gap:8px}
.bb-white{background-color:#fff}.bb-white.bha:hover{background-color:#f6f0f0}.bb-white.bha:active{background-color:#e4dbdf}.bb-green{background-color:#0e8358}.bb-green.bha:hover{background-color:#097d53}.bb-green.bha:active{background-color:#016f46}.bb-orange{background-color:#c77904}.bb-orange.bha:hover{background-color:#bc7102}.bb-orange.bha:active{background-color:#ac6700}.bb-red{background-color:#d43d3d}.bb-red.bha:hover{background-color:#cc3636}.bb-red.bha:active{background-color:#c32828}.bb-blue{background-color:#006dd2}.bb-blue.bha:hover{background-color:#0267c5}.bb-blue.bha:active{background-color:#005db4}.bb-white:disabled,.bb-green:disabled,.bb-orange:disabled,.bb-red:disabled,.bb-blue:disabled{background-color:#626262}.bb-light-header{background-color:#e7eff6}.bb-light-content{background-color:#f1f6fa}.bs-white-2{box-shadow:0px 2px #e4d4d4}.bs-green-2{box-shadow:0px 2px #0a5f40}.bs-orange-2{box-shadow:0px 2px #885200}.bs-red-2{box-shadow:0px 2px #942222}.bs-blue-2{box-shadow:0px 2px #00488a}.bs-white-2:disabled,.bs-green-2:disabled,.bs-orange-2:disabled,.bs-red-2:disabled,.bs-blue-2:disabled{box-shadow:0px 2px #464646}.bs-white-4{box-shadow:0px 4px #e4d4d4}.bs-green-4{box-shadow:0px 4px #0a5f40}.bs-orange-4{box-shadow:0px 4px #885200}.bs-red-4{box-shadow:0px 4px #942222}.bs-blue-4{box-shadow:0px 4px #00488a}.bs-white-4:disabled,.bs-green-4:disabled,.bs-orange-4:disabled,.bs-red-4:disabled,.bs-blue-4:disabled{box-shadow:0px 4px #464646}.bh-xl{height:88px}.bh-l{height:72px}.bh-m{height:48px}.modal__c__scorecard{width:100%;display:flex;flex-direction:column;align-items:center;border-radius:4px}.modal__c__scorecard__title{width:100%;padding:4px 0;height:24px;border-radius:4px;text-align:center}.modal__c__scorecard__content{height:100%;display:flex;flex-direction:row;align-items:center;column-gap:4px}.modal__c__scorecard__content img{width:auto;height:24px}
.modal__c__title{width:100%;text-align:center}
.modal__c__object{width:100%;height:114px;display:grid;grid-template-columns:64px auto 72px;grid-gap:0;cursor:pointer;border-radius:6px;overflow:hidden;background-color:#fff}.modal__c__object__preview{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal__c__object__preview__crop{overflow:hidden}.modal__c__object__preview__info{padding-right:4px;bottom:2px;left:2px;position:absolute;border-radius:4px;background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center}.modal__c__object__preview__info div{margin:4px 3px 4px 4px;width:8px;height:8px;border-radius:2px;background-color:#fff}.modal__c__object__info{width:100%;display:grid;padding:4px 8px 4px 8px}.modal__c__object__info__name{max-width:100%;height:24px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__c__object__info__description{max-width:100%;height:28px;display:inline-block;overflow:hidden}.modal__c__object__info__production{max-width:100%;height:54px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;overflow:hidden}.modal__c__object__info__production__in,.modal__c__object__info__production__out{display:flex;flex-wrap:wrap;justify-content:space-evenly;column-gap:8px}.modal__c__object__info__production__to{padding:0 5px 0;display:flex}.modal__c__object__info__production__resource{display:flex}.modal__c__object__info__production__resource img{width:16px;height:16px;margin-right:4px}.modal__c__object__button{padding:4px 4px 8px 0}.modal__c__object__button button{width:100%;height:100%}.modal__c__object--disabled{cursor:not-allowed}.modal__c__object--disabled button{cursor:not-allowed}
.modal__c__structure{width:100%;display:flex;flex-direction:column}.modal__c__structure__nav{width:100%;display:flex;flex-direction:row;row-gap:8px;flex-wrap:wrap;justify-content:space-between;margin-bottom:4px}.modal__c__structure__nav__button{width:calc(50% - 2px);height:40px;padding:8px;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border-radius:4px;cursor:pointer}.modal__c__structure__nav__button strong{display:block}.modal__c__structure__nav__button img{width:24px;height:24px;margin-right:4px}.modal__c__structure__back{width:100%;margin-bottom:8px}.modal__c__structure__back__button{width:100%;height:44px;padding:8px;margin-bottom:4px;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border-radius:4px;cursor:pointer}.modal__c__structure__back__button strong{display:block}.modal__c__structure__section{width:100%;display:flex;flex-direction:column;row-gap:8px}
#controls .button{width:40px;height:40px;padding:2px;margin:4px;position:relative;display:inline-block;box-sizing:border-box;border-radius:8px;font-size:14px;cursor:pointer;color:#000;background-color:#fff;pointer-events:auto;border:rgba(0,0,0,0) solid 2px}#controls .button::before,#controls .button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;box-sizing:border-box;border-radius:8px;pointer-events:none}#controls .button::before{top:2px;background-color:#e4d4d4;z-index:-1}#controls .button::after{top:4px;background-color:rgba(0,0,0,.1);z-index:-2}#controls .button:hover{background-color:#f6f0f0}#controls .button:active{background-color:#e4dbdf}#controls .button--active{outline:2px solid #e46ef0;box-shadow:0 0 8px #e46ef0}#controls .button--problem{animation-name:buttonProblem;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate-reverse;animation-timing-function:ease}#controls .button img{width:32px;height:32px}#controls .button--small{width:40px;height:24px;border-radius:6px}#controls .button--small::before,#controls .button--small::after{border-radius:6px}#controls .button--small img{width:16px;height:16px}#controls .button--red{color:#fff;background-color:#d43d3d}#controls .button--red svg *{fill:#fff}#controls .button--red::before{background-color:#942222}#controls .button--red:hover{background-color:#cc3636}#controls .button--red:active{background-color:#c32828}@keyframes buttonProblem{to{border-color:#d43d3d}}
#controls .controls_resourcebar{width:100%;height:100%;padding-right:30px;padding-bottom:30px;box-sizing:content-box;top:0;left:0;position:absolute;overflow-x:auto;font-size:0px;white-space:nowrap;list-style-type:none;z-index:50}#controls .controls_resourcebar__wrapper{height:40px;padding:0;margin:0;top:8px;left:8px;right:8px;position:fixed;overflow:hidden;border-radius:8px;box-shadow:0 2px 0 rgba(0,0,0,.1);background-color:rgba(255,255,255,.5)}#controls .controls_resourcebar__warehouse{width:76px;height:40px;padding:0;margin:0;top:0;left:0;position:absolute;overflow:hidden;border-radius:8px;border:2px solid #fff;background-color:#fff;z-index:55}#controls .controls_resourcebar__warehouse--full{animation-name:warehouseProblem;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate-reverse;animation-timing-function:ease}#controls .controls_resourcebar__warehouse--full strong{color:#d43d3d !important}#controls .controls_resourcebar__warehouse img{width:16px;height:16px;margin-right:4px;position:absolute;top:6px;left:6px}#controls .controls_resourcebar__warehouse strong{position:absolute;top:6px;left:26px}#controls .controls_resourcebar__warehouse small{position:absolute;top:19px;left:26px}#controls .controls_resourcebar__warehouse small.up{color:#d43d3d}#controls .controls_resourcebar__warehouse small.down{color:#0e8358}#controls .controls_resourcebar li.controls_resourcebar__spacer{width:104px;height:32px;display:inline-block}#controls .controls_resourcebar li.controls_resourcebar__item{width:72px;height:32px;margin:4px 4px 0 0;position:relative;left:80px;cursor:pointer;display:inline-block;box-sizing:border-box;border-radius:4px;border:2px solid #fff;background-color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.1)}#controls .controls_resourcebar li.controls_resourcebar__item img{width:16px;height:16px;margin-right:4px;position:absolute;top:2px;left:2px}#controls .controls_resourcebar li.controls_resourcebar__item strong{position:absolute;top:2px;left:22px}#controls .controls_resourcebar li.controls_resourcebar__item small{position:absolute;top:15px;left:22px}#controls .controls_resourcebar li.controls_resourcebar__item small.up{color:#0e8358 !important}#controls .controls_resourcebar li.controls_resourcebar__item small.down{color:#d43d3d !important}@keyframes warehouseProblem{to{border-color:#d43d3d}}
#controls{position:absolute;top:0;left:0;width:0px;height:0px;display:inline-block;overflow:visible;z-index:10;-webkit-user-select:none;-ms-user-select:none;user-select:none}#controls .controls_nav{position:fixed;width:0px;padding:0;margin:0;display:flex;align-items:center;overflow:visible;list-style-type:none;z-index:50;pointer-events:none;transition:right .25s,left .25s;transition-timing-function:ease-in-out}#controls .controls_nav--tl{top:50px;left:28px;flex-direction:column}#controls .controls_nav--bl{bottom:32px;left:28px;flex-direction:column}#controls .controls_nav--bl--out{left:160px}#controls .controls_nav--br{bottom:32px;right:28px;flex-direction:column}#controls .controls_nav--br--out{right:-160px}#controls .controls_resources{width:100%;height:100%;padding-right:30px;padding-bottom:30px;box-sizing:content-box;top:0;left:0;position:absolute;overflow-x:auto;font-size:0px;white-space:nowrap;list-style-type:none;z-index:50}#controls .controls_resources__wrapper{width:calc(100vw - 56px - 56px);height:40px;padding:0;margin:0;top:8px;left:56px;position:fixed;overflow:hidden;border-radius:8px;box-shadow:0 2px 0 rgba(0,0,0,.1);background-color:rgba(255,255,255,.5)}#controls .controls_resources li{width:72px;height:32px;margin:4px 4px 0 0;position:relative;left:4px;display:inline-block;box-sizing:border-box;border-radius:4px;background-color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.1)}#controls .controls_resources li img{width:16px;height:16px;margin-right:4px;position:absolute;top:4px;left:4px}#controls .controls_resources li strong{position:absolute;top:6px;left:24px;font-size:14px;color:#000;line-height:14px}#controls .controls_resources li small{position:absolute;top:18px;left:24px;font-size:12px;color:#000;line-height:12px}#controls .controls_resources li smallup{color:#21946a}#controls .controls_resources li smalldown{color:#e93030}