@font-face{font-family:goblin;src:url(../fonts/goblin.woff2) format("woff2"),url(../fonts/goblin.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box;user-select:none;font-size:100%;outline:none!important}html{background-color:#000;cursor:url(../img/png/icon-cursor.png),auto;font-family:goblin,Arial;font-size:clamp(16px,4vh,32px);line-height:clamp(16px,4vh,32px);width:100%;height:100%;overflow:hidden;min-width:40rem;min-height:22.5rem}html body{font-family:inherit;width:inherit;height:inherit;margin:0}html body a{text-decoration:none;cursor:inherit;user-select:none;-webkit-user-drag:none}html body button{cursor:inherit}html body #app{width:inherit;height:inherit}html body #app canvas{image-rendering:pixelated;position:absolute;top:0;left:0;width:inherit;height:inherit;z-index:0}html body #app .ui{overflow:hidden;position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}::-webkit-scrollbar{width:.25rem}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:white;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:white;background-clip:content-box}::selection{background:#4772B3}*:focus-visible{outline:.125rem solid #4772B3;outline-offset:-.125rem}.notifications{overflow:hidden;position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}.notifications label{color:#fff;font-weight:700;font-size:1rem;position:absolute;transform:translate(-50%,-50%);text-align:right;text-shadow:-2px -2px #000,0px -2px #000,2px -2px #000,2px 0px #000,2px 2px #000,0px 2px #000,-2px 2px #000,-2px 0px #000;white-space:nowrap}@keyframes fadeNotificationUp{0%{transform:translate(calc(-100% - .5rem),-50%);opacity:1}to{transform:translate(calc(-100% - .5rem),calc(-50% - 1rem));opacity:0}}.loading{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:all;opacity:1;z-index:1}.loading.hidden{animation:fadeLoadingOut .5s ease-in-out;animation-fill-mode:forwards;pointer-events:none}@keyframes fadeLoadingOut{0%{opacity:1}to{opacity:0}}.loading img{image-rendering:pixelated;height:3rem;width:auto;margin-bottom:1rem}.loading .bar{width:50%;padding:2px;margin:1rem 0rem;border:2px solid #fff}.loading .bar .progress{background-color:#fff;transition:all .25s ease;height:1rem}.loading label{color:#fff;font-size:1rem}.menu{display:flex;flex-direction:column;width:calc(40vw + 2rem);position:absolute;pointer-events:none;padding:1rem}@media (max-width: 560px){.menu{width:100vw}}.menu .tabs{position:relative;z-index:1}.menu .tabs ul{display:flex;list-style:none;margin:0;padding:0}.menu .tabs ul li button{background-color:#999;border:none;border-top:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(0,0,0,.25);box-shadow:-2px 0 #000,0 -2px #000,0 2px #000,2px 0 #000;color:#fff;display:flex;align-items:center;font-family:inherit;font-size:.75rem;height:2rem;padding:0rem .5rem;position:relative;pointer-events:all;text-shadow:2px 2px #000;text-transform:uppercase}.menu .tabs ul li button.selected{box-shadow:0 -2px #000,2px 0 #000,-2px 0 #000;border-bottom-color:transparent}.menu .tabs ul li button:not(.selected):hover span{opacity:1;transform:translate(0)}.menu .tabs ul li button img{image-rendering:pixelated;height:1.5rem;width:1.5rem;object-fit:contain;pointer-events:none}.menu .tabs ul li button span{background-color:inherit;border:inherit;box-shadow:0 -2px #000,2px 0 #000,0 2px #000!important;padding:.25rem;position:absolute;pointer-events:none;top:calc(0% - 2px);left:calc(100% - 4px);opacity:0;transition:all .1s ease-in-out;transform:translate(-1rem);z-index:1}.menu .panels{pointer-events:all;position:relative;transform:translateY(-1rem);z-index:0}.menu .panels ul{list-style:none;margin:0;padding:0}.menu .panels ul li{background-color:#999;box-shadow:0 -2px #000,2px 0 #000,0 2px #000,-2px 0 #000;border-top:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(0,0,0,.25);color:#fff;display:none;font-size:.75rem;overflow-y:auto;max-height:calc(100vh - 3rem);padding:1.5rem 2rem .5rem .5rem;position:relative;text-shadow:2px 2px #000;transform-origin:0 0;z-index:1;animation:bounceDown .25s ease-in-out}.menu .panels ul li.visible{display:block}.menu .panels ul li .content{padding:.5rem}.menu .panels ul li .content.click{border-top:2px solid transparent;border-bottom:2px solid transparent}.menu .panels ul li .content.click:hover{background-color:#0000001a;border-top-color:#00000040;border-bottom-color:#ffffff80}.menu .panels ul li .content.click:hover .icon{animation:wiggle .5s ease-in-out}.menu .panels ul li .content .icon{image-rendering:pixelated;height:1.5rem;width:1.5rem;margin-right:.5rem;object-fit:contain;vertical-align:middle}.menu .panels ul li .content .name{display:inline-block;padding-bottom:.5rem}.menu .panels ul li .content .description{font-size:.625rem;padding-left:2rem;padding-bottom:.5rem}.menu .panels ul li .content .analytics{padding-left:2rem}.menu .panels ul li .content .analytics .info{margin-bottom:2px;font-size:.625rem}.menu .panels ul li .content .analytics .info .name{margin-right:.5rem;padding-bottom:0rem}.menu .panels ul li .content .analytics .info .amount{margin-right:.5rem}.menu .panels ul li .content .resources{padding-left:2rem}.menu .panels ul li .content .resources .info{margin-bottom:2px}.menu .panels ul li .content .resources .info .amount{margin-right:.5rem}.menu .panels ul li .content .settings .version{display:block;margin-bottom:.5rem}.menu .panels ul li .content .settings .setting{border-top:2px solid transparent;border-bottom:2px solid transparent;display:flex;flex-wrap:wrap;align-items:stretch;padding:0 .5rem;margin:0 -.5rem}.menu .panels ul li .content .settings .setting:hover{background-color:#0000001a;border-top-color:#00000040;border-bottom-color:#ffffff80}.menu .panels ul li .content .settings .setting input[type=checkbox]{position:absolute;width:0;height:0}.menu .panels ul li .content .settings .setting label{cursor:inherit;display:flex;align-items:center;font-size:.75rem;padding:1rem 0 .5rem;vertical-align:middle;width:100%}.menu .panels ul li .content .settings .setting .checkbox{object-fit:contain;vertical-align:middle;padding:0rem 0rem 1rem}.menu .panels ul li .content .settings .setting img{image-rendering:pixelated;height:1.5rem;width:1.5rem;margin-right:.5rem}.menu .panels ul li .content .settings .setting select,.menu .panels ul li .content .settings .setting button{background:#ffffff;border:4px solid #fff;border-radius:0rem;box-shadow:2px 2px #000;color:#000;cursor:inherit;padding:.5rem;margin-bottom:.5rem;font-family:inherit}.menu .panels ul li .content .settings .setting button.delete{background-color:#dc265a;border-color:transparent;color:#fff;text-shadow:2px 2px #000;margin-left:.125rem;position:relative}.menu .panels ul li .content .settings .setting button.delete:before{content:"Double click";background-color:inherit;box-shadow:-2px 0 #000,0 -2px #000,0 2px #000,2px 0 #000;padding:.25rem .5rem;position:absolute;pointer-events:none;right:-4px;bottom:-6px;transform:translateY(-50%);transform-origin:0% 100%;transition:all .1s ease-in-out;text-shadow:inherit;opacity:0;white-space:nowrap}.menu .panels ul li .content .settings .setting button.delete:hover:before{transform:translateY(100%);opacity:1}.menu .panels .close{align-items:center;background-color:transparent;border:none;border-top:2px solid transparent;border-bottom:2px solid transparent;color:#fff;font-family:inherit;font-size:1rem;padding:0;width:2rem;height:2rem;display:flex;justify-content:center;position:absolute;right:0;top:0;text-shadow:2px 2px #000;text-align:center;z-index:1}.menu .panels .close:hover{background-color:#ffffff1a;border-top-color:#ffffff80;border-bottom-color:#00000040}.resource{background-color:#fff;box-shadow:-2px 0 #000,0 -2px #000,0 2px #000,2px 0 #000;border-top:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(0,0,0,.25);display:inline-block;margin-right:.375rem;position:relative;vertical-align:middle;height:.75rem;width:.75rem}.resource:before{content:attr(data-name);color:#fff;opacity:0;padding:.125rem .5rem;position:absolute;pointer-events:none;background-color:inherit;border:inherit;box-shadow:inherit;text-transform:capitalize;transform:translateY(-50%);transform-origin:0% 100%;transition:all .1s ease-in-out;top:-4px;left:0}.resource:hover:before{opacity:1;transform:translateY(-100%)}.resource.seed{background-color:#306e70}.resource.wood{background-color:#ad673c}.resource.stone{background-color:#bfbfbf}.resource.iron{background-color:#700e00}.resource.oil{background-color:#333}.resource-list{pointer-events:all;position:absolute;left:1rem;bottom:1rem}.resource-list .info{color:#fff;margin-bottom:2px;text-shadow:2px 2px #000;font-size:.75rem;display:flex;flex-direction:column}.resource-list .info .resource{width:auto;height:1rem;display:flex;align-items:center;justify-content:center;margin-top:.25rem;padding:0rem .25rem}.resource-list .info .resource .amount{font-size:.75rem}.context-menu{animation:fadeContextMenuUp .1s ease-in-out;animation-fill-mode:forwards;background-color:#dc265a;box-shadow:-2px 0 #000,0 -2px #000,0 2px #000,2px 0 #000;position:absolute;pointer-events:all;top:50%;left:50%}@keyframes fadeContextMenuUp{0%{transform:translate(calc(-100% + 1rem),calc(0% + 1rem));opacity:0}to{transform:translate(calc(-100% + 1rem),calc(0% - 1rem));opacity:1}}.context-menu label{border-top:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(0,0,0,.25);height:2rem;display:flex;font-size:.75rem;align-items:center;color:#fff;text-shadow:2px 2px #000000;padding:0rem 3rem 0rem 1rem}.context-menu ul{border-top:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(0,0,0,.25);margin:0;padding:0;display:flex;flex-direction:column;list-style:none}.context-menu ul li{padding:0;margin:0}.context-menu ul li button{background-color:transparent;border:none;border-top:2px solid transparent;border-bottom:2px solid transparent;color:#fff;text-shadow:2px 2px #000000;font-family:inherit;font-size:.75rem;padding:.5rem 1rem;text-align:left;width:100%;white-space:nowrap}.context-menu ul li button:hover{background-color:#0000001a;border-top-color:#00000040;border-bottom-color:#ffffff80}.context-menu .close{align-items:center;background-color:transparent;border:none;border-top:2px solid transparent;border-bottom:2px solid transparent;color:#fff;font-family:inherit;font-size:1rem;padding:0;width:2rem;height:2rem;display:flex;justify-content:center;position:absolute;right:0;top:0;text-shadow:2px 2px #000;text-align:center;z-index:1}.context-menu .close:hover{background-color:#ffffff1a;border-top-color:#ffffff80;border-bottom-color:#00000040}@keyframes bounceDown{0%{transform:scaleY(.5)}33%{transform:scaleY(1.1)}66%{transform:scaleY(.9)}to{transform:scaleY(1)}}@keyframes fadeDown{0%{transform:translateY(-1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleDown{0%{transform:scaleY(.75);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(12deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.review{position:absolute;right:1rem;bottom:1rem}.review button{background-color:#dc265a;box-shadow:-2px 0 #000,0 -2px #000,0 2px #000,2px 0 #000;border:none;border-top:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(0,0,0,.25);color:#fff;font-family:inherit;font-size:.75rem;padding:.25rem 1rem;pointer-events:all;text-shadow:2px 2px #000;white-space:nowrap}.review button:hover{border-top-color:#00000040;border-bottom-color:#ffffff80}.review button img{animation:pulse 1s ease-in-out infinite;image-rendering:pixelated;height:1.5rem;width:1.5rem;vertical-align:middle}.game-over{background-color:#000000bf;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1}.game-over.visible{animation:fadeLoadingIn 3s ease-in-out;animation-fill-mode:forwards;pointer-events:all}@keyframes fadeLoadingIn{0%{opacity:0}to{opacity:1}}.game-over .content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.game-over .content img{image-rendering:pixelated;height:3rem;width:auto;margin-bottom:6rem}.game-over .content label{color:#fff;font-size:1rem;width:100%;margin-bottom:1rem;text-align:center;text-shadow:2px 2px #000}.game-over .content label.time{color:#ffd941;font-size:.875rem}.game-over .content button{background-color:#338ccc;border:none;border-top:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(0,0,0,.25);box-shadow:-2px 0 #000,0 -2px #000,0 2px #000,2px 0 #000;color:#fff;display:block;align-items:center;font-family:inherit;font-size:.75rem;height:2rem;margin:1rem .5rem;padding:0rem 1rem;position:relative;pointer-events:all;text-shadow:2px 2px #000;text-transform:uppercase}.game-over .content button.warning{background-color:#dc265a}.game-over .content button:hover{border-top-color:#00000040;border-bottom-color:#ffffff40}