@font-face{font-family:"Metal Mania";src:url(assets/fonts/MetalMania-Regular.ttf) format("truetype")}html,body{width:100%;height:100%;overflow:hidden;float:left;margin:0;padding:0;border:0}*{box-sizing:border-box;font-family:"Metal Mania",cursive}#root{width:100%;height:100%;position:relative;font-size:1.2rem}.game-main{position:relative;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:stretch;height:100%}.game-main .game-canvas{flex-grow:1;width:100%;height:100%;position:relative}.game-main .game-canvas canvas{position:absolute;top:0;left:0}.game-main .game-ui{position:relative;flex-grow:1;width:100%;height:100%;pointer-events:none;user-select:none;background:#000}.game-main .game-ui .game-ui-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;pointer-events:all}.game-main .game-ui .game-ui-top-bar{background-image:url(assets/ui/stone-base-long.png);background-position:top;background-size:contain;background-repeat:no-repeat;width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px;color:red;font-size:1.25rem;text-shadow:2px 2px 4px #000;text-align:center;position:fixed;top:0;left:0;z-index:100}.game-main .game-ui .game-ui-top-bar div{margin:0 8px}.game-main .game-ui .game-ui-top-bar p{margin:0}.game-main .game-ui .game-ui-bottom-bar{width:100%;background:lime}.game-main .game-ui .game-ui-button{pointer-events:all;background:#666;color:#fff;padding:4px;border:0;border-radius:4px;font-size:1.2rem}.game-main .game-ui .game-ui-building-menu,.game-main .game-ui .game-ui-summoning-menu{display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:10;top:64px;border-radius:8px;margin-bottom:8px;width:100%;flex-wrap:wrap;margin-top:80px}.game-main .game-ui .game-ui-shrine-button{width:128px;height:128px;min-height:128px;background-image:url(assets/buildings/shrine.png);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:all;transition:all .3s ease-in-out;display:block}.game-main .game-ui .game-ui-shrine-button:hover{background-image:url(assets/buildings/shrine-hover.png)}.game-main .game-ui .game-ui-layer{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.game-main .game-ui .game-ui-layer.one{z-index:1}.game-main .game-ui .game-ui-layer.two{z-index:2}.game-main .game-ui .game-ui-background{width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:150%;background-image:url(assets/ui/background.png);background-color:#000;opacity:.5;animation:background-scroll 60s ease-in-out infinite}@keyframes background-scroll{0%{background-position:0 0}20%{background-position:5% 5%}40%{background-position:15% 3%}60%{background-position:20% 12%}80%{background-position:8% 3%}100%{background-position:0 0}}.game-main .game-ui-card{width:200px;height:300px;background-image:url(assets/ui/card.png);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.game-main .game-ui-card .game-ui-card-image-box,.game-main .game-ui-card .game-ui-card-content{position:absolute;top:0;left:0}.game-main .game-ui-card .game-ui-card-image-box{margin-top:24px;width:160px;height:120px;margin-left:20px;background-color:rgba(0,0,0,.5);border-radius:8px;display:flex;align-items:center;justify-content:center}.game-main .game-ui-card .game-ui-card-content{margin-top:152px;margin-left:20px;color:red;padding:10px;background-color:rgba(0,0,0,.5);border-radius:8px;width:160px;height:120px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.game-main .game-ui-card .game-ui-card-content .game-ui-card-title{font-size:.85rem}.game-main .game-ui-card .game-ui-card-content .game-ui-card-description{font-size:.7rem}.game-main .game-ui-card .game-ui-card-content .game-ui-card-description p{margin:0}.game-main .game-ui-card .game-ui-card-content .game-ui-card-description div{margin-top:8px;margin-bottom:8px}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action{border-radius:8px;position:relative;width:100%;height:32px}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action .game-ui-card-action-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,0,0,.5);border-radius:8px;transition:background-color .1s ease-in-out}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action:active .game-ui-card-action-background{background-color:rgba(255,0,0,.7)}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action .game-ui-card-action-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.95rem;text-shadow:2px 2px 4px #000}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action-holdable{border-radius:8px;position:relative;width:100%;height:32px}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action-holdable .game-ui-card-action-progress{width:0;height:100%;background-color:rgba(255,255,255,.2);border-radius:8px;position:absolute;top:0;left:0}@keyframes activate{0%{width:0}100%{width:100%}}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action-holdable .game-ui-card-action-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,0,0,.5);border-radius:8px;transition:background-color .1s ease-in-out}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action-holdable.held .game-ui-card-action-background{background-color:rgba(255,0,0,.7)}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action-holdable.held .game-ui-card-action-progress{width:100%}.game-main .game-ui-card .game-ui-card-content .game-ui-card-action-holdable .game-ui-card-action-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.95rem;text-shadow:2px 2px 4px #000}.game-main .game-ui-card img{height:100%;text-align:center}.game-main .game-over{position:relative;width:100%;height:100%;background:#000}.game-main .game-over .game-over-background{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(assets/ui/background.png);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.5}.game-main .game-over .game-over-content{position:absolute;width:100%;height:100%;top:0;left:0;color:red;font-size:2rem;text-shadow:2px 2px 4px #000;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-main .game-loading{background:#000;color:red;font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%}.white{color:#fff}