body,html{padding:0;margin:0}canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.content{display:flex;height:100vh;overflow:hidden}.left-bar{width:225px;height:100%;overflow-y:auto;background-color:#fff}.left-bar>div{padding:10px}.left-bar canvas{width:200px;border:#eee solid 1px}.right-bar{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:10px}#displayMapWrapper{width:100%;height:100%;overflow:auto;justify-content:center;align-items:center;box-shadow:0 0 10px #777}#miniMap{cursor:crosshair;border:#777 solid 1px;width:200px;height:200px}.coordinatesWrapper{padding:0 0 5px}#coordinates{display:inline-block;width:66px}#pauseSteps,#generateFactions{padding:10px 15px}body{background-color:#eee}button{border-width:0;border-radius:7px;background-color:#efefef;padding:3px 10px;cursor:pointer}button:hover{background:#e0dfdf}#stepsCounter{color:#00b5dc;font-weight:600;min-width:50px;display:inline-block}#timerFps{font-weight:600}#factionsList{padding:0;list-style:none}#factionsList li span{display:inline-block;width:20px;height:20px}