#main_container
{
	position: fixed;
	top:        0px;
	left:       0px;
	width:    100vw;
	height:   100vh;
}

.player_panel
{
	position: absolute;
}

.pp_menu
{
	position: absolute;
	left:   0px;
	right:  0px;
	bottom: 0px;
	height: 200px;
	background-color: gray;
	text-align: center;
	font-size: 24px;
}
.pp_menu>table
{
	display: inline-block;
	border-collapse: collapse;
}
.pp_menu>table td
{
	border: 1px solid black;
}


.pp_small_panel_top_right
{
	position: absolute;
	right:    16px;
	top:      16px;
}

.pp_painting_overlay_panel
{
	position: absolute;
	display: none;
	left:   10%;
	top:    10%;
	right:  10%;
	bottom: 10%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

.player_map_panel_main
{
	position: absolute;
	width:  100%;
	height: 100%;
	background-color: darkgreen;
	overflow: hidden;
	z-index: 0;
}

.gpm_world
{
	position: absolute;
}

.gpm_landscape>div
{
	position: absolute;
}

.gpm_landscape>div>div
{
	position: absolute;
	background-size: contain;
}

.gpm_painting_container
{
	position: absolute;
}

.gpm_painting
{
	position: absolute;
	background-size:       contain;
	background-repeat:   no-repeat;
	background-position:    center;
	border: 2px ridge darkgoldenrod;
}

.gpm_painting_occluded
{
	position: absolute;
	background-color: rgba(255, 255, 255, 0.25);
	border: 2px dotted white;
}


.player
{
	position: absolute;
	background-size:    contain;
	background-position: center;
	background-repeat: no-repeat;
}