.white-shadow-font,
.as-mine .as-help-panel,
.as-mine .as-reset,
.as-mine .as-settings,
.as-mine .as-help,
.as-mine .as-remaining,
.as-mine label {
	font-family: sans-serif;
	text-shadow: 1px 1px 1px #333;
	color: #fff;
}

.white-half-border,
.as-mine .as-toolbar,
.as-mine .as-settings-panel,
.as-mine .as-help-panel {
	border-left: 1px white solid;
	border-top: 1px white solid;
	background: #ccc;
}

.as-mine {
	position: relative;
	padding: 1em;
	font-family: sans-serif;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	/* Styles for the Game board */
	/* Styles for various game spaces and their various states */
	/* Toolbar and settings bar and help */
	/* Toolbar controls */
	/* Settings inputs */
	/* Success and failure overlay */
}

.as-mine * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

.as-mine .as-board-wrap {
	position: relative;
	margin-top: 2em;
}

.as-mine .as-gameboard {
	background: white;
	width: 100%;
	box-shadow: 4px 4px 7px #888;
}

.as-mine .row {
	margin-left: 0;
	margin-right: 0;
}

.as-mine .as-game-space {
	padding: 0;
	border-left: 1px white solid;
	border-top: 1px white solid;
	-webkit-user-select: none;
}

.as-mine .as-game-space,
.as-mine .flag {
	background: #ccc;
}

.as-mine .as-game-space:hover,
.as-mine .as-settings:hover,
.as-mine .as-reset:hover,
.as-mine .as-help:hover {
	background: #007fff;
	box-shadow: 3px 3px 3px #333;
	z-index: 99;
}

.as-mine .flag:after {
	content: "\26f3";
	position: absolute;
	top: 50%;
	margin-top: -8px;
	height: 16px;
	line-height: 16px;
	width: 100%;
	text-align: center;
}

.as-mine .flag {
	position: relative;
}

.as-mine .as-content {
	width: 100%;
	text-align: center;
	top: 50%;
	height: 16px;
	line-height: 16px;
	position: relative;
	margin-top: -8px;
	visibility: hidden;
}

.as-mine .revealed {
	background: #fff;
}

.as-mine .revealed .as-content {
	visibility: visible;
}

.as-mine .as-toolbar,
.as-mine .as-settings-panel,
.as-mine .as-help-panel {
	width: 100%;
	margin-bottom: 1em;
	height: 3em;
	box-shadow: 4px 4px 7px #888;
}

.as-mine .as-help-panel-hidden,
.as-mine .as-settings-panel-hidden {
	display: none;
}

.as-mine .as-help-panel {
	height: auto;
}

.as-mine .as-help-panel .as-help-title {
	margin-left: 1em;
}

.as-mine .as-help-list {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	list-style-position: inside;
	list-style: none;
}

.as-mine .as-help-list li {
	padding-left: 1em;
	border-top: 1px solid #fff;
}

.as-mine .as-reset,
.as-mine .as-settings,
.as-mine .as-help {
	font-size: 1em;
	border-left: 1px solid white;
	line-height: 3em;
	text-align: center;
	padding: 0;
}

.as-mine .as-settings {
	font-size: 1.5em;
	line-height: 2em;
}

.as-mine .as-remaining {
	line-height: 2em;
	font-size: 1.2em;
}

.as-mine label {
	color: white;
	font-family: sans-serif;
	line-height: .9em;
	font-size: .8em;
}

.as-mine input {
	font-size: 1em;
	width: 80%;
	color: #ccc;
}

.as-mine input:focus {
	color: #000;
}

.as-mine .as-screen.as-success,
.as-mine .as-screen.as-failure {
	background: rgba(0, 0, 0, .6);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	margin-top: -1em;
	margin-bottom: -1em;
	padding: 1em;
	text-align: center;
}

.as-mine .as-screen.as-success:after,
.as-mine .as-screen.as-failure:after {
	content: "Congratulations you win!";
	color: white;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-left: 0;
	left: 0;
	margin-top: -1.5em;
	font-size: 3em;
	text-align: center;
}

.as-mine .as-screen.as-failure:after {
	content: "Sorry try again!";
}

/*# sourceMappingURL=arraysweeper.css.map */