html{height:100%}body{height:100%}.main-content{display:flex;display:-webkit-flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.topPanel{display:flex;display:-webkit-flex;min-height:113px;max-height:113px;border:1px solid #999;-moz-box-shadow:3px 3px 10px #7a7778;-webkit-box-shadow:3px 3px 10px #7a7778;box-shadow:3px 3px 10px #7a7778;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#7a7778')";filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,direction=135,color='#7a7778');margin:3px}.mainPanel{display:flex;display:-webkit-flex;height:100%}.mainPanel .gamePanel{display:flex;display:-webkit-flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex:1;-webkit-flex:1;flex:1}.mainPanel .gamePanel .gameCanvas{-ms-flex:1;-webkit-flex:1;flex:1;border:1px solid #999;-moz-box-shadow:3px 3px 10px #7a7778;-webkit-box-shadow:3px 3px 10px #7a7778;box-shadow:3px 3px 10px #7a7778;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#7a7778')";filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,direction=135,color='#7a7778');margin:3px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mainPanel .gamePanel .gameCanvas canvas{display:block;position:fixed}.mainPanel .gamePanel .statusBar{height:20px;border:1px solid #999;-moz-box-shadow:3px 3px 10px #7a7778;-webkit-box-shadow:3px 3px 10px #7a7778;box-shadow:3px 3px 10px #7a7778;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#7a7778')";filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,direction=135,color='#7a7778');margin:3px}.mainPanel .chatPanel{display:flex;display:-webkit-flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;min-width:300px;max-width:400px;border:1px solid #999;-moz-box-shadow:3px 3px 10px #7a7778;-webkit-box-shadow:3px 3px 10px #7a7778;box-shadow:3px 3px 10px #7a7778;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#7a7778')";filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,direction=135,color='#7a7778');margin:3px}.mainPanel .chatPanel .chatDisplay{-ms-flex:1;-webkit-flex:1;flex:1}.mainPanel .chatPanel .chatInput{height:20px}.deck{width:110px}.deck button{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#fff;background-color:#5bc0de;border-color:#46b8da;width:100px;height:100px;margin:5px}.deck button:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.deck button:hover,.deck button:focus{color:#333;text-decoration:none}.deck button:active,.deck button.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.deck button.disabled,.deck button[disabled],fieldset[disabled] .deck button{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.deck button:hover,.deck button:focus,.deck button:active,.deck button.active,.open .dropdown-toggle.deck button{color:#fff;background-color:#39b3d7;border-color:#269abc}.deck button:active,.deck button.active,.open .dropdown-toggle.deck button{background-image:none}.deck button.disabled,.deck button[disabled],fieldset[disabled] .deck button,.deck button.disabled:hover,.deck button[disabled]:hover,fieldset[disabled] .deck button:hover,.deck button.disabled:focus,.deck button[disabled]:focus,fieldset[disabled] .deck button:focus,.deck button.disabled:active,.deck button[disabled]:active,fieldset[disabled] .deck button:active,.deck button.disabled.active,.deck button[disabled].active,fieldset[disabled] .deck button.active{background-color:#5bc0de;border-color:#46b8da}.deck button .badge{color:#5bc0de;background-color:#fff}.deck img{padding:4px;line-height:1.42857143;background-color:#edeee8;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:100px;height:100px;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;transform-origin:center;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.deck-tile{padding:4px;line-height:1.42857143;background-color:#edeee8;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:100px;height:100px;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;transform-origin:center;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.moveTile{display:block;position:absolute;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:100px;height:100px;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;transform-origin:center;-moz-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;-webkit-transition:transform .2s ease-out;transition:transform .2s ease-out;border:none;z-index:0}.overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:none}.scoreboard{display:inline-flex;display:-webkit-inline-flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;justify-content:flex-start;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start;-ms-flex:1;-webkit-flex:1;flex:1}.scoreboard .player{display:flex;display:-webkit-flex;max-height:24px;border:2px solid rgba(0,0,0,0)}.scoreboard .player .name{width:200px;min-width:100px}.scoreboard .player .pieces{width:250px;max-height:20px}.scoreboard .player .score{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-ms-flex:1;-webkit-flex:1;flex:1;margin-bottom:0;text-shadow:black 1px 1px}.scoreboard .player-red.selected{border:2px solid #f21c1c}.scoreboard .player-red .progress-bar{background-color:#f54d4d}.scoreboard .player-green.selected{border:2px solid #2ce123}.scoreboard .player-green .progress-bar{background-color:#57e750}.scoreboard .player-blue.selected{border:2px solid #1c3bf2}.scoreboard .player-blue .progress-bar{background-color:#4d64f5}.scoreboard .player-yellow.selected{border:2px solid #e9e231}.scoreboard .player-yellow .progress-bar{background-color:#eee95f}.scoreboard .player-black.selected{border:2px solid #464646}.scoreboard .player-black .progress-bar{background-color:#5f5f5f}.meeple,.meeple-normal-red,.meeple-big-red,.meeple-pig-red,.meeple-builder-red{width:40px;height:40px;margin-left:-15px;display:inline-block;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5)}.meeple-move{width:40px;height:40px;margin-left:-15px;display:inline-block;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);position:absolute;display:inline;margin-left:0}.meeple-normal-red{background:url('/Content/images/meeples.png') 0 0}.meeple-normal-blue{background:url('/Content/images/meeples.png') 0 -40px}.meeple-normal-green{background:url('/Content/images/meeples.png') 0 -80px}.meeple-normal-yellow{background:url('/Content/images/meeples.png') 0 -120px}.meeple-normal-black{background:url('/Content/images/meeples.png') 0 -160px}.meeple-normal-bg{background:url('/Content/images/meeples.png') 0 -200px}.meeple-big-red{background:url('/Content/images/meeples.png') -40px 0}.meeple-big-blue{background:url('/Content/images/meeples.png') -40px -40px}.meeple-big-green{background:url('/Content/images/meeples.png') -40px -80px}.meeple-big-yellow{background:url('/Content/images/meeples.png') -40px -120px}.meeple-big-black{background:url('/Content/images/meeples.png') -40px -160px}.meeple-big-bg{background:url('/Content/images/meeples.png') -40px -200px}.meeple-pig-red{background:url('/Content/images/meeples.png') -80px 0}.meeple-pig-blue{background:url('/Content/images/meeples.png') -80px -40px}.meeple-pig-green{background:url('/Content/images/meeples.png') -80px -80px}.meeple-pig-yellow{background:url('/Content/images/meeples.png') -80px -120px}.meeple-pig-black{background:url('/Content/images/meeples.png') -80px -160px}.meeple-pig-bg{background:url('/Content/images/meeples.png') -80px -200px}.meeple-builder-red{background:url('/Content/images/meeples.png') -120px 0}.meeple-builder-blue{background:url('/Content/images/meeples.png') -120px -40px}.meeple-builder-green{background:url('/Content/images/meeples.png') -120px -80px}.meeple-builder-yellow{background:url('/Content/images/meeples.png') -120px -120px}.meeple-builder-black{background:url('/Content/images/meeples.png') -120px -160px}.meeple-builder-bg{background:url('/Content/images/meeples.png') -120px -200px}