*{
	image-rendering:-moz-crisp-edges;
	image-rendering:pixelated;
}
body{
	/*Any part of the scene where an actor doesn't get drawn will display this
		background-color.*/
	background-color:black;
	padding:0px;
	margin:0px;
}
#screen{
	position:relative;
	overflow:clip;
}

#debugDisplay{
	position:fixed;
	width:30%;
	height:100%;
	background:#0008;
	color:#fff;
	top:0;
	left:0;
	font-family:monospace;
	font-size:1rem;
}

#hidden{
	display:none
}

.object, .container, .glyph{
	position:absolute;
	overflow:hidden;
	visibility:hidden;
	display:inline-block;
}

.glyphbox{
	position:absolute;
	visibility:hidden;
	display:inline-block;
}

.bar{
	background-color:black;
	position:fixed;
}
.flip-h{transform:scaleX(-1)}
.flip-v{transform:scaleY(-1)}
.flip-h.flip-v{transform:scaleX(-1) scaleY(-1)}
.objLabel{position:absolute;background-color:#fff8;font-family:monospace;text-align:center;padding:0.5em}
.objLabel:empty{display:none}

#alertHolder{
	position:fixed;
	left:0;
	top:0;
}

#alertHolder .alert{
	display:flex;
	max-width:25vw;
	background:#4E5A;
	padding:0.5em;
	padding-left:1em;
	border-radius:0.5em;
	border:solid 1px #4E5;
}

#alertHolder .alert.error{
	background:#F69A;
	border:solid 1px #F69;
}
#alertHolder .alert.danger{
	background:#FD5A;
	border:solid 1px #FD5;
}

#alertHolder .alert .closeBtn{
	cursor:hand;
	cursor:pointer;
	padding:0.5em;
}