body
{
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: black;
}

.mezz_gameframe
{
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
  overflow: hidden;
  background-color: black;
  color: white;
  padding: 0;
  box-sizing: border-box;
  width:100vw;
  height:100%;
  max-height: 122.22vw;
}

.mezz_fr_safearea
{
  bottom: unset;
}

.mezz_gm_view
{
  width: 100%;
  height: 100%;
  background-color: black;
}
.mezz_sideframe,
.mezz_sidebtn
{
  position: absolute;
  top:0;
  bottom:0;
  right: 0;
  margin: auto;
  transition: right .45s cubic-bezier(.19,1.46,1,1.17);
}

.mezz_sideframe
{
  z-index: 30;
  width: 35vw;
  height: 100vh;
}

.mezz_sidebtn
{
  background-color: rgba(255, 243, 131, 0.4);
  z-index: 29;
  width: 36vw;
  height: 10vh;
  border-radius: 0.75vh;
}

.sideframe_off
{
  right:-35vw;
}