.as-mine,
.as-mine * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}.as-mine .as-help,
.as-mine .as-help-panel,
.as-mine .as-remaining,
.as-mine .as-reset,
.as-mine .as-settings,
.as-mine label,
.white-shadow-font {
	font-family: sans-serif;
	text-shadow: 1px 1px 1px #333;
	color: #fff;
}.as-mine .as-help-panel,
.as-mine .as-settings-panel,
.as-mine .as-toolbar,
.white-half-border {
	border-left: 1px #fff solid;
	border-top: 1px #fff solid;
	background: #ccc;
}.as-mine {
	position: relative;
	padding: 1em;
	font-family: sans-serif;
}.as-mine .as-board-wrap {
	position: relative;
	margin-top: 2em;
}.as-mine .as-content,
.as-mine .flag:after {
	text-align: center;
	width: 100%;
	top: 50%;
	height: 16px;
	line-height: 16px;
	margin-top: -8px;
}.as-mine .as-gameboard {
	background: #fff;
	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 #fff solid;
	border-top: 1px #fff solid;
	-webkit-user-select: none;
}.as-mine .as-game-space,
.as-mine .flag {
	background: #ccc;
}.as-mine .as-game-space:hover,
.as-mine .as-help:hover,
.as-mine .as-reset:hover,
.as-mine .as-settings:hover {
	background: #007fff;
	box-shadow: 3px 3px 3px #333;
	z-index: 99;
}.as-mine .flag:after {
	content: "\26f3";
	position: absolute;
}.as-mine .flag {
	position: relative;
}.as-mine .as-content {
	position: relative;
	visibility: hidden;
}.as-mine .revealed {
	background: #fff;
}.as-mine .revealed .as-content {
	visibility: visible;
}.as-mine .as-help-panel,
.as-mine .as-settings-panel,
.as-mine .as-toolbar {
	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: none;
}.as-mine .as-help-list li {
	padding-left: 1em;
	border-top: 1px solid #fff;
}.as-mine .as-help,
.as-mine .as-reset,
.as-mine .as-settings {
	font-size: 1em;
	border-left: 1px solid #fff;
	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: #fff;
	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-failure,
.as-mine .as-screen.as-success {
	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-failure:after,
.as-mine .as-screen.as-success:after {
	content: "Congratulations you win!";
	color: #fff;
	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!";
}