.drag-border{border:2px dashed #ff525b}.drag-handle{cursor:move;cursor:grab;cursor:-webkit-grab}.drag-handle:active{cursor:grabbing;cursor:-webkit-grabbing}.drag-hint-border{border:2px dashed #3c763d}.drag-over-border{border:2px dashed #fbbc05}.drag-transit{border:2px dashed #3500ff}@-webkit-keyframes pop{0%,100%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.9);transform:scale(.9)}40%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pop{0%,100%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.9);transform:scale(.9)}40%{-webkit-transform:scale(1.05);transform:scale(1.05)}}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{padding:0;margin:0;height:100%}body{background:#526646;font-family:Lato,sans-serif}img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}#game{width:800px;height:600px;background:#7eb172;position:relative;overflow:hidden}#hud{position:absolute;top:149.86666667px;left:277.33333333px;width:245.33333333px;font-weight:700;background:#5a5a5a;color:#fff;display:flex;justify-content:space-around;padding:10px}#temple-sprite{position:absolute;width:262px;height:252px;top:120px;left:269px}#temple-sprite.build-animation{-webkit-animation:.5s pop;animation:.5s pop}#game-over{position:absolute;top:0;bottom:0;left:0;right:0;font-size:1.5rem;z-index:10;align-items:center;justify-content:center;align-content:center;flex-direction:column;justify-content:space-between;color:#000;display:none}#worker-area{position:absolute;top:149.86666667px;left:277.33333333px;width:245.33333333px;height:244.8px}#worker-area.dropTarget{border:2px dashed #fff}#structure-container{height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-content:space-between;padding:8px 16px 16px}.structure{height:181.33333333px;width:245.33333333px;overflow:hidden;background:gray;border:2px solid #000;transition:-webkit-transform .75s ease-in-out;transition:transform .75s ease-in-out;transition:transform .75s ease-in-out,-webkit-transform .75s ease-in-out;display:flex;flex-direction:column}.structure.hidden,.structure.locked{background:#696969}.structure.hidden{-webkit-transform:translate3d(-294.4px,0,0);transform:translate3d(-294.4px,0,0)}.structure.hidden:nth-child(4){-webkit-transform:translate3d(0,-217.6px,0);transform:translate3d(0,-217.6px,0)}.structure.hidden:nth-child(5){-webkit-transform:translate3d(0,217.6px,0);transform:translate3d(0,217.6px,0)}.structure.hidden:nth-child(n+6){-webkit-transform:translate3d(294.4px,0,0);transform:translate3d(294.4px,0,0)}.structure#pyre{height:117.86666667px;margin-bottom:136px}.structure h2{flex:0 0;text-align:center;font-size:1rem;background:#5a5a5a;color:#fff;padding:5px;margin:0}.structure.upgrade-animation{-webkit-animation:.5s pop;animation:.5s pop}.meter{font-size:3rem}.active-section{flex:1 0;display:flex;align-items:center;justify-content:center;align-content:center;align-items:stretch}.hidden .active-section,.locked .active-section{display:none}.active-section .production-section{flex:1 0;display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap}#gem-cave .active-section .production-section .slot:first-child{margin-left:30%;margin-right:30%}.active-section .worker-section{flex:1 0;display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap}.upgrade-section{display:flex;align-items:center;justify-content:center;align-content:center;background:#696969;padding:5px}.hidden .upgrade-section,.upgrade-section.hidden{display:none}.locked .upgrade-section{flex:1 0;flex-direction:column}.upgrade-section .button{padding:4px 10px;font-size:.9rem}.upgrade-section .cost-section{display:flex;align-items:center;justify-content:center;align-content:center;flex-direction:row;flex-wrap:wrap}.upgrade-section .description{display:none;margin:0 8px}.locked .upgrade-section .description{display:block}.description{font-size:.9rem;font-style:italic;text-align:center;line-height:1;margin:5px 10px;color:rgba(255,255,255,.75)}.button{position:relative;background:rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.5);color:#000;font-weight:700;text-align:center;text-transform:uppercase;padding:5px 30px;align-self:center}.button:hover{background:rgba(255,255,255,.75)}.button:active{background:rgba(255,255,255,.25)}.button.disabled{background:rgba(255,255,255,.1);border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.slot{position:relative;width:40px;height:40px;margin:5px 8px 20px}.slot .view{width:100%;height:100%;border:2px solid rgba(0,0,0,.5);background:rgba(0,0,0,.2)}.slot span{display:block;margin-top:5px;width:150%;margin-left:-25%;font-size:.8rem;color:#fff;text-align:center;line-height:1}.slot.input span{white-space:nowrap}.slot.dropTarget .view{border:2px dashed #fff}.slot.output .view{-webkit-transform:scale(.9) rotate(45deg);transform:scale(.9) rotate(45deg)}.slot.unlock{margin:5px 50px 5px 5px}.slot.unlock span{position:absolute;top:3px;left:43px}.locked .slot.unlock{margin:5px 8px 35px}.locked .slot.unlock span{position:relative;top:0;left:0}.slot.worker{margin-bottom:10px}.slot.worker span{display:none}.slot.golem,.slot.human,.slot.worker{height:50px;width:36px}.slot.golem .view,.slot.human .view,.slot.worker .view{border-radius:20px 20px 0 0;-webkit-transform:none;transform:none}.has-workers .production-section .slot.unsatisfied .view{background:rgba(255,0,0,.25)}.has-workers .production-section .slot.unsatisfied.dropTarget view{border:2px dashed #fff}.resource-stack{width:32px;height:32px;position:absolute;top:-16px;left:-16px;transition:width .2s ease,height .2s ease,-webkit-transform .1s ease;transition:transform .1s ease,width .2s ease,height .2s ease;transition:transform .1s ease,width .2s ease,height .2s ease,-webkit-transform .1s ease}.resource-stack .icon{width:100%;height:100%;border-radius:50%}.resource-stack img{width:100%;height:100%}@-webkit-keyframes appear{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes disappear{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes disappear{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}.resource-stack.new-animation .icon{-webkit-animation:.3s ease-in appear;animation:.3s ease-in appear}.resource-stack.kill-animation .icon{-webkit-animation:.3s ease-out disappear;animation:.3s ease-out disappear}.resource-stack.dragging{z-index:1;transition:none}.resource-stack.worker{height:40px;top:-20px;width:26px;left:-13px}.resource-stack .count{position:absolute;bottom:0;right:0;font-weight:700;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}@-webkit-keyframes work{0%,50%{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}100%,51%{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}}@keyframes work{0%,50%{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}100%,51%{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}}.resource-stack.working .icon{-webkit-animation:.5s infinite work;animation:.5s infinite work}#sawmill h2{background:#5b3f0d}#mine h2{background:#333e5b}#quarry h2{background:#4a3f5f}#golem-factory h2{background:#095839}#forge h2{background:#761010}#gem-cave h2{background:#431d6f}#pyre h2{background:#602978}#temple-of-souls h2{background:#bb1647}.structure .active-section{background:#9095a1}.structure .upgrade-section,.structure .worker-section{background:#777b8d}