body{margin:0;padding:0}body :not(input):not(textarea){font-family:Roboto,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Pattern{width:100px;height:80px;background:url(./images/hills-sprite.png);overflow:hidden}.Tile{width:100px;height:50px;pointer-events:none}.Tile.hover{opacity:.75}.Tile>.mouse-area{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:all}.Tile>.pattern{position:absolute;bottom:0;left:0;z-index:0}.Tile.elevation-1>.pattern{bottom:15px}.Tile.elevation-2>.pattern{bottom:30px}.Board{width:100%;height:100%;overflow:auto}.Board>.Tile{position:absolute}.PatternList .PatternOption>.pattern{margin:10px}.PatternDropdownButton{position:absolute;top:0;left:0;z-index:1;width:120px;height:100px;background:rgba(0,0,0,.5);padding:10px}.PatternDropdownButton>.button-label{position:absolute;bottom:10px;left:10px}.MapPage{position:relative;width:100%;height:100%}.MapPage>.board{position:absolute;top:0;left:0;z-index:0;overflow:hidden}body.page-MapPage .Dropdown{width:600px;max-height:100%;background:rgba(0,0,0,.5)}body.page-MapPage .Dropdown .PatternOption{display:inline-block;width:120px}body.page-MapPage .PatternOption.highlighted-focus{-webkit-filter:brightness(130%);filter:brightness(130%)}