.mothergameholder {
text-align:center;background:#575965;
}

.canvas-app-container {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.canvas-app-container:-webkit-full-screen {
width: auto;
height: auto;
}

.canvas-app-canvas {
max-height: 100vh;
max-width: 100%;
}

.canvas-app-progress {
position: absolute;
background-color: #1f2d33
height: 20px;
width: 1280px;
bottom: 0px;
}

.canvas-app-progress-bar {
font-size: 12px;
height: 20px;
color: #cde1c1
background-color: #88b473
text-align: center;
line-height: 20px;
}

.button {
color: #cde1c1;
background-color: #416c5a;
border-color: transparent;
font-family: consolas, monospace;
font-weight: bold;
padding: 10px 20px;
}



.customButtons{position:absolute;left:0;bottom:0px;width:100%;height:100px;z-index:3;user-select:none;display:none}
.cmnButton{position:absolute;width:75px;height:55px;line-height:55px;text-align:center;background:rgba(46,69,121,0.2);border:solid 2px rgba(255,255,255,0.3);cursor:pointer;box-sizing:unset}
.cmnButton:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/games/block-party-directembedcode/textures/arr.png);background-repeat:no-repeat;background-position:center center}
#ctrl-x:before{background-image:none}
#ctrl-c:before{background-image:none}
#ctrl-left{left:20px;top:0}
#ctrl-right{left:130px;top:0}
#ctrl-down{right:130px;top:0}
#ctrl-up{right:20px;top:0}
#ctrl-x{right:20px;top:-70px;width:120px;color:white}
#ctrl-c{left:20px;top:-70px;width:120px;color:white}
.activeBG{background:#9600e7}
#ctrl-left:before{transform:rotate(180deg)}
#ctrl-down:before{transform:rotate(90deg)}
#ctrl-up:before{transform: rotate(-90deg);}
#ctrl-x:before{transform:rotate(-90deg)}
@media(max-width:460px){
.cmnButton{width:50px;height:50px}
#ctrl-right{left:90px}
#ctrl-down{right:90px}
}
@media (hover:none) and (pointer:coarse){
.customButtons{display:block}
.clickcommon{display:block}
}