/*
@media screen and (orientation: portrait) { }
@media screen and (orientation: landscape) { }
*/

body	{
	touch-action: none;
	margin: 0;
	padding: 0;
	border: 0 none;
	background-color: #222;
	color: #FFF;
	font-size: 13px;
	font-family: sans-serif;
	}

.Window	{
	display: none;
	border: 0 solid #FFF;
	}

.Widget	{
	border: 0px solid #66A;
	}

.space	{
	flex:1;
	display: inline;
	}

.cancel,
.ok,
.cmd	{
	width: 18px;
	margin: 0 2px;
	padding: 4px;
	background-color: #222;
	border: 2px solid #432;
	border-radius: 8px;
	color: #FFF;
	}


.cancel:hover,
.ok:hover,
.cmd:hover {
	background-color: #746454;	
	}

#escen	{
	margin: 0 2px;
	padding: 0 4px;
	background-color: #222;
	border: 2px solid #432;
	border-radius: 8px;
	color: #FFF;
	}

#escen:hover {
	background-color: #746454;	
	}

/* ---- game ---- */

.canvas	{
	border: 0px solid #654;
	}

#canvas	{
	width: 100%
	height: 100%
	}

/* ---- list ---- */

.sidebar {
	width: 10em;
	min-width: 5em;
	max-width: 25%;
	border: 0 solid #F04;
	}

.Files {
	/*
	width: 100%;
	width: 9em;
	min-width: 5em;
	max-width: 25%;
	*/
	border: 0 solid #4F4;
	scrollbar-color: #111 #333;
	scrollbar-width: thin;
	}

.Item {
	background-color: #222;
	border: 0;
	padding: 2px 6px;
	}

.Item:hover {
	background-color: #420;
	}

.Item[data-current] {
	border: 1px solid #840;
	padding: 1px 5px;
	}

.Item[data-changed] {
	color: #F88;
	text-decoration: underline;
	}

/* ---- edit ---- */

.Editor {
	margin: 0;
	border: 0 solid #333;
	background-color: #151515;
	color: #FFF;
	resize: none;
	tab-size: 4;
	font-family: monospace;
	font-size: 12px;
	}

.Editor:focus {
	outline: none;
	border-color: #654;
	}

/* ---- info ---- */

.Info	{
	max-height:25%;
	border: 0 solid #4F4;
	font-family: monospace;
	font-size: 12px;
	scrollbar-color: #444 #222;
	scrollbar-width: thin;
	}

/* ---- dlg ---- */

.FNameDlg {
	border: 0 solid #F44;
	background-color: #123;
	color: #FFF;
	text-align: right;
	font-size: 13px;
	}

.FNameDlg input {
	background-color: #151515;
	color: #FFF;	
	outline: none;
	border-color: #654;
	padding: 4px;
	}