body {background-color: #a6bba6;font-family:arial;}
#header {margin:.5em 0;text-align:center;white-space:nowrap}
#header .icn {cursor:pointer}
#header div {background-color:#5d5;border:.2em solid #080;border-radius:1.5em;pointer;display:inline-table;padding:.3em}
#header img {height:2.5em;width:2.5em;vertical-align:text-bottom;}
#header #p {margin:0 .5em}
#header span {display:inline-block;font-size:2.5em;width:1.75em}

#board {border-collapse:collapse;margin:0 auto}
#board td {
	background-color:#5d5;
	background-position:center;
	background-repeat:no-repeat;
	background-size:80% 80%;
	border:.2em solid #080;
	cursor:pointer;
	height:3em;
	width:3em;
}
#board td.p1 {background-image:url('img/dark.svg')}
#board td.p2 {background-image:url('img/light.svg')}

#overlay {display:none;height:100%;width:100%;overflow:auto;text-align:center;position:fixed;top:0;left:0;z-index:1}

.dlg {
	background-color:#ddd;
	border-radius: 1em;
	box-shadow:0px 0px 2em #000;
	display:none;
	margin:2em auto 0 auto;
	max-width:30em;
	padding:1em;
	text-align:left;
}
.dlg-title {font-size:1.75em;text-align:center}
.dlg-btns {margin-top:2em;text-align:right}
.dlg-btns button {font-family:inherit;font-size:inherit;padding:.2em .7em}

#opt-dlg table {margin:1.5em auto}
#opt-dlg table td {padding:0 .25em;text-align:center}
/*#opt-dlg table td:nth-child(2) {padding:0 .75em}*/
#opt-dlg table img {height:3em;width:3em}
#opt-dlg .opt-speed {text-align:center;}
#opt-cd-secs {margin-left:1em}
.opt-cd-slider {margin-top:.5em;white-space:nowrap}
.opt-cd-slider .slider {display:inline-block;width:16em}

#msg {color:#f00;font-size:1.3em;font-weight:bold;text-align:center}
#msg.go {font-size:2em}

.ad {margin:2em 0;text-align: center;}