.player_panel
{
	position: fixed;
	left:       0px;
	top:        0px;
	width:    100vw;
	height:   100vh;
}

.pp_menu
{
	position: absolute;
	left:   0px;
	right:  0px;
	bottom: 20%;
	height: 200px;
	/* background-color: gray;*/
	text-align: center;
	font-size: 36px;
	color: white;
}
.pp_menu>table
{
	display: inline-block;
	border-collapse: collapse;
}
.pp_menu>table td
{
	border: 1px solid lightgray;
}



.pp_small_panel_top_right
{
	position: absolute;
	right:    16px;
	top:      16px;
}
.pp_small_panel_top_right_image
{
	/* object-fit: contain;*/
	/* width: 20%;*/
}



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


.pp_overview_map_container
{
	position: absolute;
	left:         10vw;
	top:          10vh;
	right:        10vw;
	bottom:       10vh;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.5);
}

.pp_overview_map
{
	max-width:  100%;
	max-height: 100%;
}

.overview_map_room
{
	fill: rgba(0, 255, 0, 0.4);
}
.overview_map_room:hover
{
	fill: rgba(0, 255, 0, 0.8);
	cursor: crosshair;
}