*::-webkit-scrollbar-track {
	background-color: transparent;
	filter: blur(4px);
}

*::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: transparent;
	filter: blur(4px);
}

*::-webkit-scrollbar-thumb {
	background-color: rgba(200, 160, 20, 1)	;
	border: 0px;
	filter: blur(4px);
}
* { margin: 0px; padding: 0px; font-size: 15px; font-family: 'East+Sea+Dokdo', monospace; monospace; color: #f4f4f4; }
sup {
	font-size: 14px;
}
textarea, select, input, button { outline: none; }
body, html, input, option, select, em, strong, u {
	background-color: #121212;
	overflow-x: hidden;
	overflow-y: hidden;
	filter: hue-rotate(0deg);
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}
body {
	background-color: #121212;
	height: 100vh;
}
#container {
	width: 100%;
	height: 99vh;
	overflow-y: auto;
}
.scans {
	width: 100%;
	height:100vh;
	position: absolute;
	left: 0px;
	top: 0px;
	pointer-events: none;
}
.stats {
	width: 460px;
	padding: 16px;
}
.log {
	width: 100%;
	padding-top: 32px;
	height: 100%;
	overflow: hidden;
	mix-blend-mode: screen;
	opacity:0.9;
	float: left;
	filter: blur(0.5px);
}
.log li {
	list-style-type: none;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 4px;
	color: #f4f4f4;
	line-height: 1.4em;
	font-weight:bold;
	color: rgba(255,255,215,0.75);
	animation: reveal-text 0.4s linear;
}
@keyframes reveal-text {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.log li:last {
	padding-bottom: 25px;
}
.capital-word {
	font-weight:bold;
	color: orange;
	text-shadow: 0px 0px 6px rgba(255,255,255,0.25);
	cursor: pointer;
	transition: 0.2s all linear;
}
.capital-word:hover {
	color: rgba(185,255,185,0.75);
}
.areaTitle {
	font-weight:bold;
	color: lightblue;
	text-shadow: 0px 0px 6px rgba(255,255,255,0.25);
}
#controls {
	width: 100%;
	position: fixed;
	bottom: 48vh;
	left: 0px;
	height: 2vh;
	text-align: center;
}
.input {
	width: 100%;
	border: 0px solid #f4f4f4;
	text-align: center;
	margin-top: 46vh;
	font-weight: normal;
	font-size: 3.5em;
	color:#98dec1;
	background-color: transparent;
	text-shadow: 0px 0px 6px rgba(255,255,255,0.75);
	filter:blur(0.5px);
	text-transform: uppercase;
	pointer-events: none;
	caret-color: transparent;
	font-family: 'Finger Paint';
	position: fixed;
	left: 0px;
	top: 0px;
}
.mining { width: 0%; background-color: orange; height: 24px; }
#map { position: absolute; width:480px; height:480px; right: 0px; top: 0px; mix-blend-mode: screen; }
.go {
	width: 5em;
	border: 0px solid black;
	color: white;
	background: rgba(255,255,255,0.25);
	cursor: pointer;
	height: 5em;
	border-radius: 4px;
	display: none;
	transition: 0.35s all linear;
	position: fixed;
	right: 0.5em;
	bottom: 0.5em;
}
.go:hover {
	background-color: rgba(222,255,222,0.5);
	box-shadow: 0px 0px 10px rgba(222,255,222,0.5);
}
@keyframes opacity {
  0% {
	opacity: 1;
  }
  25% {
	opacity: 0.4;
  }
  50% {
	opacity: 0.6;
  }
  75% {
	opacity: 1;
  }
  100% {
	opacity: 0.8;
  }
}

@keyframes squiggly-anim
  0% {
	filter url('#squiggly-0');
  }
  25% {
	filter url('#squiggly-1');
  }
  50% {
	filter url('#squiggly-2');
  }
  75% {
	filter url('#squiggly-3');
  }
  100% {
	filter url('#squiggly-4');
  }
  #sizer {
	width: 100%;
  }
  #stats {
	width: 300px;
	height:auto;
	position:absolute;
	top: 0px;
	right: 0px;
	padding: 0.5em;
	background-color: rgba(255,255,255,0.05);
  }
  #scareBar {
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0px;
	bottom: 0px;
  }
  #scareBar #inner {
	width: 0%;
	height: 5px;
	background-color: lightblue;
  }
.scare {
	display: block;
	position: absolute;
	width:100%;
	height:100vh;
	padding-top: 45vh;
	font-size: 2.5em;
	text-transform: uppercase;
	left: 0px;
	top: 0px;
	text-align: center;
	color: red;
	text-shadow: 4px 4px 6px black;
	z-index:9999;
	font-weight: bold;
	font-family: 'Frijole';
	transition: 0.5s all linear;
	font-size: 0.1em;
	opacity: 0;
	mix-blend-mode: screen;
	filter: blur(10px);
}
.scareBig {
	font-size: 4em;
	opacity: 1;
	filter: blur(1px);
}
.scared {
	position: absolute;
	right: 0.7em;
	top: 0em;
	width: 32px;
	height: 32px;
	font-size: 2em;
}