@charset "utf-8";
/* © 2011-2020 Richard W. Adams */

@import "bg-score.css";

body {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
}
#choose-pane p {
	position: absolute;
	top: 50%;
	font-size: 200%;
	width: 100%;
}
#choose-pane {
	position: fixed;
	left: 10em;		/* Width of left-pane */
	right: 0;
	bottom: 0;
}
h1, h2 { margin: 0; }
h2 {
	font-variant: small-caps;
	text-align: center;
	margin: 0;
}
h1 {
	 padding-top: .5ex;
	 text-align: center;
}
[lang] { font-style: normal !important; }
:lang(en) { 	direction: ltr; }
h1:lang(en), h2:lang(en) { 	font-family: sans-serif; }
[lang=cop] { font-family: "New Athena Unicode", "MPH 2B Damase", "Arial Coptic", Quivira, Analecta, Antinoou; }
[lang=mya] { font-family: "Myanmar Text", Padauk, Parabaik, Myanmar3, Myanmar2, Myanmar1, MyMyanmar, Thanlwin, "Masterpiece Uni Sans", Zawgyione; }
[lang=sun] { font-family: "Sundanese Unicode"; }
 	
#left-pane {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 10em;
	height: 100%;
	overflow: scroll;
	background: white;
}
#left-pane h1 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}
#left-pane img {
	border: 0 none;
	margin: 0;
}
#left-pane a:hover { background-color: white; }
#left-pane ul {
	margin: 2ex 0;
	padding: 0;
}
#left-pane li {
	list-style-type: none;
	margin: .5ex 0;
	text-align: center;
}
li { 	margin-left: .7em; }
ol li { list-style: decimal; }
p { 	margin: .5em 0; }
#left-pane p, #choose-pane p { text-align: center !important; }
#right-bottom-pane {
	position: fixed;
	left: 10em;		/* Width of left-pane */
	right: 0;
	bottom: 0;
	overflow: auto;
	padding-right: 1em;
}
@media screen and (min-width: 1024px) {
	#right-bottom-pane ol {
		margin-left: -.5em;
		column-count: 2;
		column-gap: 4em;
		column-rule: 2px solid gray;
	}
}
@media screen and (min-width: 1400px) {
	#right-bottom-pane ol {
		margin-left: -.5em;
		column-count: 3;
		column-gap: 4em;
		column-rule: 2px solid gray;
	}
}
@media screen and (min-width: 1700px) {
	#right-bottom-pane ol {
		margin-left: -.5em;
		column-count: 4;
		column-gap: 4em;
		column-rule: 2px solid gray;
	}
}
#right-top-pane {
	position: fixed;
	top: 0;
	left: 10em;		/* Width of left-pane */
	right: 0;
	background: -radial-gradient( 50% 50%, ellipse cover, white, #99CCFF);
	background: -moz-radial-gradient( 50% 50%, ellipse cover, white, #99CCFF);
	background: -webkit-radial-gradient(center, white, #99CCFF);
	background: -ms-radial-gradient(center, white, #99CCFF);
}
#right-top-pane:last-child {
	 padding-bottom: 1ex;
}
#solication {
	color: red;
	margin-left: 1em;
	padding-bottom: 1em;
	text-align: center;
	border-bottom: 1px solid gray;
}