.menuModal{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);z-index:999;display:flex;flex-direction:column}.menuModal.hidden{display:none}.menuModal .fill{flex-grow:1}.menuModal .menuItems{flex-grow:0;list-style:none;width:50vw;margin:auto;padding:0}.menuModal .menuItem{cursor:pointer;background:#000;border:1px solid #fff;color:#fff;text-align:center;font-family:monospace;line-height:5vw;font-size:2vw;margin:1vw}.menuModal .menuItem:hover{background:#222}.menuModal .menuItem i.fa{line-height:inherit}.menuButton{position:absolute;cursor:pointer;top:2px;left:2px;background:#fff;color:#000;border:2px solid #000;text-align:center;font-family:monospace;padding:.5vw;font-size:2vw;z-index:999}.menuButton.hidden{display:none}.menuButton:hover{background:#eee}.alertModal{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:999;display:flex;flex-direction:column}.alertModal.hidden{display:none}.alertModal .fill{flex-grow:1}.alertModal .alertBody{flex-grow:0;width:50vw;margin:auto;padding:0 2vh 2vh;border-top:2vh solid #000;background:rgba(0,0,0,.7);color:#fff;font-family:monospace;line-height:5vh;font-size:2vh}.alertModal .alertContent{text-align:center;line-height:3vh;margin-bottom:1vh}.alertModal .alertButton{cursor:pointer;background:#000;border:1px solid #444;color:#fff;text-align:center}.alertModal .alertButton:hover{background:#222}.game.container{display:flex;flex-direction:column;height:100vh;background-image:url('http://apendua.github.io/KnightsJS/assets/background_01_2048.jpg');background-size:cover;background-position:50% 50%}.game.container .panel{flex-shrink:1}.game.container .panel.filling{flex-grow:1}.game.container svg{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.console{width:100%;background:rgba(0,0,0,.5)}.console.hidden{display:none}.console .menuItems{list-style:none;width:100%;margin:auto;display:flex;padding:0}.console .menuItem{flex-grow:0;display:inline-block;cursor:pointer;background:#000;border:3px solid #333;color:#fff;text-align:center;font-family:monospace;line-height:5vh;font-size:2vh;margin:1vh;padding:0 3vh}.console .menuItem i.fa{line-height:inherit}.console .menuItem.inverted{color:#000;background:#fff;border-color:#333}.console .menuItem.hidden{visibility:hidden}.console .menuItem:hover{background:#777}.console .menuItem.disabled{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 20px);border-color:#222;cursor:auto;color:#222}.console .menuItem.fill{flex-grow:1}body{margin:0;padding:0}