:root {
  --main_background:#000;
  --main_color:#ccc;
  --large:4vw;
  --normal:2vw;
  --small:1.5vw;
  --smaller:1.2vw;
  --tiny:1vw;
  --tinier:0.8vw;
  --system:1.3vw;
  --info:1.3vw;
}

html {
  height: 100%;
}
body{
	background-color:#000;
	font-size:var(--small);
	color:var(--main_color);
	font-family: "JetBrains Mono", monospace;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	margin:0;
	padding:0;
	overflow: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */

	touch-action: auto;
	-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Chrome/Safari/Opera */
		 -khtml-user-select: none; /* Konqueror */
			 -moz-user-select: none; /* Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently
																	not supported by any browser */
}

body::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

button.system{
	background-color:var(--main_background);
	background-image: none;
	font-size:var(--system);
	color:var(--main_color);
	border:2px solid var(--main_color);
	margin:0;
	padding:2px 5px;
	cursor: pointer;
}
button.system:disabled{
	background-color:var(--main_color);
	background-image: none;
	font-size:var(--system);
	color:var(--main_background);
	border:2px solid var(--main_background);
	margin:0;
	padding:2px 5px;
	cursor: default;
}
button.system_small{
	background-color:var(--main_background);
	background-image: none;
	font-size:var(--tiny);
	color:#ccc;
	margin:0;
	padding:2px 5px;
	cursor: pointer;
}





button.yellow_generator{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.yellow_generator:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.factory_generator{
	background-image: linear-gradient(#3e0f0f,#581111,#3e0f0f);
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.factory_generator:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.purple_generator{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.purple_generator:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.gray_generator{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.gray_generator:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.red_generator{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.red_generator:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.dir_generator{
	background-image: linear-gradient(#0f383e,#054148,#0f383e);
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.dir_generator:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
	width: 15vw;
}
button.city_generator{
	background-image: linear-gradient(#111,#333,#333,#333,#111);
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.city_generator:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.buy_domains{
	font-size:var(--tiny);
}
button.buy_domains:disabled{
	font-size:var(--tiny);
}
button.scholar_generator{
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.scholar_generator:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.uni_buy{
	background-image: linear-gradient(#3a3a3a,#333,#3a3a3a);
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.uni_buy:disabled{
	background-image: linear-gradient(#777,#555,#333);
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.domain_mults_buy{
	background-image: linear-gradient(#3a3a3a,#333,#3a3a3a);
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.domain_mults_buy:disabled{
	background-image: linear-gradient(#777,#555,#333);
	font-size:var(--tiny);
	margin: 0.5vw;
}



button.buy_item{
	font-size:var(--tiny);
	color:deeppink;
	margin: 0.5vw;
}
button.buy_item:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.occult_generator{
	background-image: linear-gradient(blueviolet,#333,#3a3a3a);
	font-size:var(--tiny);
	color: var(--main_color);
	margin: 0.5vw;
}
button.occult_generator:disabled{
	background-image: linear-gradient(#8a70a1,#777,#7a7a7a);
	font-size:var(--tiny);
	color: var(--main_color);
	margin: 0.5vw;
}
button.occult_generator2{
	background-image: linear-gradient(#e18917,#333,#3a3a3a);
	font-size:var(--tiny);
	color: var(--main_color);
	margin: 0.5vw;
}
button.occult_generator2:disabled{
	background-image: linear-gradient(#99916b,#777,#7a7a7a);
	font-size:var(--tiny);
	color: var(--main_color);
	margin: 0.5vw;
}
button.orbitron{
	background-image: linear-gradient(#8d910e,#333,#3a3a3a);
	font-size:var(--smaller);
	color: var(--main_color);
	margin: 0.5vw;
}
button.orbitron:disabled{
	background-image: linear-gradient(#99916b,#777,#7a7a7a);
	font-size:var(--smaller);
	color: var(--main_color);
	margin: 0.5vw;
}
button.orbitron_upgrade{
	background-image: linear-gradient(#222,#333,#3a3a3a);
	font-size:var(--tiny);
	color: var(--main_color);
	margin: 0.5vw;
	padding: 0.2vw;
}
button.orbitron_upgrade:disabled{
	background-image: linear-gradient(#666,#777,#7a7a7a);
	font-size:var(--tiny);
	color: var(--main_color);
	margin: 0.5vw;
	padding: 0.2vw;
}
button.orbitron_buy{
	background-image: linear-gradient(#0e7b91,#333,#3a3a3a);
	font-size:var(--tiny);
	color: var(--main_color);
	margin: 0.5vw;
}
button.orbitron_buy:disabled{
	background-image: linear-gradient(#6b9499,#777,#7a7a7a);
	font-size:var(--tiny);
	color: var(--main_color);
	margin: 0.5vw;
}
button.puzzle{
	background-image: linear-gradient(#008800,#005500,#008800);
	font-size:var(--tiny);
	color: navajowhite;
	margin: 0.5vw;
	cursor: default;
	width: 6vw;
}
button.puzzle:disabled{
	background: #000;
	font-size:var(--tiny);
	color: navajowhite;
	margin: 0.5vw;
	width: 6vw;
}






button.purple_upgrade{
	font-size:var(--small);
	background-color: MediumOrchid;
	background-image: linear-gradient(#912daa,MediumOrchid,#912daa);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.purple_upgrade:disabled{
	font-size:var(--small);
	background-color: #af7cbc;
	background-image: none;
	color: #333;
	margin: 0vw;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.purple_upgrade2{
	font-size:var(--small);
	background-color: MediumOrchid;
	background-image: linear-gradient(#912daa,MediumOrchid,#912daa);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.purple_upgrade2:disabled{
	font-size:var(--small);
	background-color: #af7cbc;
	background-image: none;
	color: #333;
	margin: 0vw;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.purple_upgrade3{
	font-size:var(--small);
	background-color: MediumOrchid;
	background-image: linear-gradient(#912daa,MediumOrchid,#912daa);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.purple_upgrade3:disabled{
	font-size:var(--small);
	background-color: #af7cbc;
	background-image: none;
	color: #333;
	margin: 0vw;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}


button.gray_upgrade{
	font-size:var(--tiny);
	background-color: DarkBlue;
	color: #ccc;
	margin: 0.2vw;
}
button.gray_upgrade:disabled{
	font-size:var(--tiny);
	background-color: DarkBlue;
	color: #888;
	margin: 0.2vw;
}

button.white_upgrade3{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#6d6db7,#a3a3de,#6d6db7);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.white_upgrade3:disabled{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.white_upgrade2{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#6d6db7,#a3a3de,#6d6db7);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.white_upgrade2:disabled{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.white_upgrade{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#6d6db7,#a3a3de,#6d6db7);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.white_upgrade:disabled{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}


button.red_upgrade{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#752020,#c33939,#752020);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.red_upgrade:disabled{
	font-size:var(--small);
	background-color: #af7575;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.red_upgrade2{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#752020,#c33939,#752020);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.red_upgrade2:disabled{
	font-size:var(--small);
	background-color: #af7575;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.red_upgrade3{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#752020,#c33939,#752020);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.red_upgrade3:disabled{
	font-size:var(--small);
	background-color: #af7575;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}


button.research_upgrade{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade2{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade2:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade3{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade3:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade4{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade4:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade5{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade5:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade6{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade6:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade7{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade7:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade8{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade8:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade9{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#755720,#b78c27,#755720);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.research_upgrade9:disabled{
	font-size:var(--small);
	background-color: #75af85;
	background-image: linear-gradient(#afa175,#afa175,#403827 90%);
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}




button.blue_daily3{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_daily3:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_daily2{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_daily2:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_daily{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_daily:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade2{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade2:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade3{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade3:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade4{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade4:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade5{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade5:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade6{
	font-size:var(--small);
	background-color: #9797ae;
	background-image: linear-gradient(#202075,#2f2fa2,#202075);
	color: #ccc;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}
button.blue_upgrade6:disabled{
	font-size:var(--small);
	background-color: #6363aa;
	background-image: none;
	color: #333;
	margin: 0;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}

button.upgrade_sold:disabled{
	font-size:var(--small);
	background-color: #111;
	background-image: none;
	color: #777;
	margin: 0vw;
	padding: 0.2vw 0.5vw;
	border-radius: 0;
}


button.occult_restart{
	background-image: linear-gradient(#333,blueviolet,#3a3a3a);
	font-size:var(--tiny);
	color: #ccc;
	padding: 0.3vw;
}
button.occult_restart:disabled{
	font-size:var(--tiny);
	padding: 0.3vw;
}
button.reset{
	font-size:var(--tiny);
	color: #ccc;
	margin: 0;
}
button.reset:disabled{
	font-size:var(--tiny);
	margin: 0;
}
button.reset_darker{
	font-size:var(--tiny);
	color: #ccc;
	background-image: linear-gradient(#333,#222,#333);
	border: 0.2vw solid #0a86b0;
	margin: 0;
	/*animation: reset_ready 1000ms steps(1,end) infinite;*/
}
@keyframes reset_ready {
  0% {border-color:#0a86b0;}
  50% {border-color:#075d7a;}
  100% {border-color:#0a86b0;}
}
button.reset_darker:disabled{
	color: #ccc;
	background-image: linear-gradient(#555,#444,#555);
	font-size:var(--tiny);
	border: 0.2vw solid #444;
	margin: 0;
	animation: none;
}


button.dashboard{
	background-color: #111;
	background-image: linear-gradient(#111,#171717,#111);
	border: 0.2vw solid #333;
	font-size:var(--tiny);
	cursor: default;
	margin: 0.2vw;
	/*animation: dash_glow 3s infinite;*/
}
@keyframes dash_glow {
  0% {border-color: #333;}
  50% {border-color: #555;}
  100% {border-color: #333;}
}

button.bwarlock_0{
	background-color: magenta;
	background-image: radial-gradient(#610e61,black,#433689);/*dark purple 610e61*/
	color:orange;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: pointer;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_0:disabled{
	background-color: magenta;
	background-image: radial-gradient(#777,#555,#111);
	color:white;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: default;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_1{
	background-color: magenta;
	background-image: radial-gradient(#610e0e,black,#610e61);
	color:orange;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: pointer;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_1:disabled{
	background-color: magenta;
	background-image: radial-gradient(#777,#555,#111);
	color:white;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: default;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_2{
	background-color: magenta;
	background-image: radial-gradient(#610e61,black,#0e6115);
	color:orange;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: pointer;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_2:disabled{
	background-color: magenta;
	background-image: radial-gradient(#777,#555,#111);
	color:white;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: default;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_3{
	background-color: magenta;
	background-image: radial-gradient(#490e61,black,turquoise);
	color:orange;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: pointer;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_3:disabled{
	background-color: magenta;
	background-image: radial-gradient(#777,#555,#111);
	color:white;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: default;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_4{
	background-color: magenta;
	background-image: radial-gradient(#0e0f61,black,#61530e);
	color:orange;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: pointer;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_4:disabled{
	background-color: magenta;
	background-image: radial-gradient(#777,#555,#111);
	color:white;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: default;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_5{
	background-color: magenta;
	background-image: radial-gradient(turquoise,black,#611f0e);
	color:orange;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: pointer;
	margin: 1vw auto;
	text-align: center;
}
button.bwarlock_5:disabled{
	background-color: magenta;
	background-image: radial-gradient(#777,#555,#111);
	color:white;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: default;
	margin: 1vw auto;
	text-align: center;
}


button.warlock_locked{
	background-color: magenta;
	background-image: radial-gradient(#777,#555,#111);
	color:white;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 1vw;
	cursor: default;
	margin: 1vw 5vw;
}

button.entity{
	background-color: #16136f;
	background-image: none;
	color:#ccc;
	border: 0.2vw solid #444;
	font-size:var(--tiny);
	padding: 0.2vw 1vw;
	cursor: default;
	margin: 0vw;
}

button.addmult{
	background-color: transparent;
	background-image: none;
	border: 0.2vw solid #111;
	font-size:var(--tiny);
	padding: 0.2vw 0.5vw;
	cursor: default;
	margin: 0vw;
}

button.upper_tab_switch{
	background-color: transparent;
	background-image: none;
	border: 0.2vw solid #222;
	border-radius: 0.5vw 0.5vw 0 0;
	font-size:var(--tiny);
	padding: 0.2vw 2vw;
	cursor: pointer;
	margin: 0vw;
}
button.upper_tab_switch:disabled{
	color:#777;
	background-color: #111;
	background-image: none;
	border: 0.2vw solid #333;
	border-radius: 0.5vw 0.5vw 0 0;
	font-size:var(--tiny);
	padding: 0.2vw 2vw;
	cursor: default;
	margin: 0vw;
}

button.autobuy{
	background-image: linear-gradient(#502137,#651f41,#502137);
	color:#ccc;
	border: 0.2vw solid #222;
	font-size:var(--tiny);
	padding: 0.2vw 0.5vw;
	margin: 0vw;
}
button.autobuy_active{
	color:orange;
	border: 0.2vw solid #96650a;
}

button.standard{
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.standard:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.standard2{
	font-size:var(--tiny);
	color: var(--main_color);
}
button.standard2:disabled{
	font-size:var(--tiny);
	color: #333;
}
button.standard3{
	background: none;
	font-size:var(--tinier);
	border-color: #333;
	margin: 0;
	padding: 0.1vw;
}
button.standard3:disabled{
	font-size:var(--tinier);
	color: #333;
}

button.investment{
	background: none;
	color: var(--main_color);
	font-size:var(--tiny);
	margin: 0.5vw;
	cursor: default;
}
button.investment:disabled{
	background-image: linear-gradient(#7a7a7a,#777,#7a7a7a);
	color: #333;
	font-size:var(--tiny);
	margin: 0.5vw;
	cursor: default;
}
button.hfund{
	background-image: linear-gradient(#0f383e,#054148,#0e535e);
	font-size:var(--tiny);
	margin: 0.5vw;
	cursor: pointer;
}
button.hfund:disabled{
	background-image: linear-gradient(#7a7a7a,#777,#8c8c8c);
	color: #333;
	font-size:var(--tiny);
	margin: 0.5vw;
	cursor: default;
}

button.aura0{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid magenta;
	border-bottom: 2vw solid magenta;
	border-left: 2vw solid orange;
	border-right: 2vw solid orange;
	animation: aura0_glow 5s infinite;
}
@keyframes aura0_glow {
  0% {box-shadow: none;}

  50% {box-shadow: 0 0 0.5vw 0.5vw #ff7eff;}

  100% {box-shadow: none;}
}
button.aura0:disabled{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid #777;
	border-bottom: 2vw solid #777;
	border-left: 2vw solid #444;
	border-right: 2vw solid #444;
}


button.aura1{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid dodgerblue;
	border-bottom: 2vw solid dodgerblue;
	border-left: 2vw solid blueviolet;
	border-right: 2vw solid blueviolet;
	animation: aura1_glow 5s infinite;
}
@keyframes aura1_glow {
  0% {box-shadow: none;}

  50% {box-shadow: 0 0 0.5vw 0.5vw dodgerblue;}

  100% {box-shadow: none;}
}
button.aura1:disabled{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid #777;
	border-bottom: 2vw solid #777;
	border-left: 2vw solid #444;
	border-right: 2vw solid #444;
}


button.aura2{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid #0cb10c;
	border-bottom: 2vw solid MediumSpringGreen;
	/*border-bottom: 2vw solid red;*/
	border-left: 2vw solid MediumSeaGreen;
	border-right: 2vw solid MediumSeaGreen;
	animation: aura2_glow 5s infinite;
}
@keyframes aura2_glow {
  0% {box-shadow: none;}

  50% {box-shadow: 0 0 0.5vw 0.5vw #dfdfdf;}

  100% {box-shadow: none;}
}
button.aura2:disabled{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid #777;
	border-bottom: 2vw solid #777;
	border-left: 2vw solid #444;
	border-right: 2vw solid #444;
}



button.aura3{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid red;
	border-bottom: 2vw solid red;
	/*border-bottom: 2vw solid red;*/
	border-left: 2vw solid #e08040;
	border-right: 2vw solid #e08040;
	animation: aura3_glow 5s infinite;
}
@keyframes aura3_glow {
  0% {box-shadow: none;}

  50% {box-shadow: 0 0 0.5vw 0.5vw turquoise;}

  100% {box-shadow: none;}
}
button.aura3:disabled{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid #777;
	border-bottom: 2vw solid #777;
	border-left: 2vw solid #444;
	border-right: 2vw solid #444;
}


button.aura4{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid gold;
	border-bottom: 2vw solid goldenrod;
	/*border-bottom: 2vw solid red;*/
	border-left: 2vw solid #0e7b91;
	border-right: 2vw solid #0e7b91;
	animation: aura4_glow 5s infinite;
}
@keyframes aura4_glow {
  0% {box-shadow: none;}

  50% {box-shadow: 0 0 0.5vw 0.5vw gold;}

  100% {box-shadow: none;}
}
button.aura4:disabled{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid #777;
	border-bottom: 2vw solid #777;
	border-left: 2vw solid #444;
	border-right: 2vw solid #444;
}


button.aura5{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid NavajoWhite;
	border-bottom: 2vw solid NavajoWhite;
	/*border-bottom: 2vw solid red;*/
	border-left: 2vw solid darkgray;
	border-right: 2vw solid darkgray;
	animation: aura5_glow 5s infinite;
}
@keyframes aura5_glow {
  0% {box-shadow: none;}

  50% {box-shadow: 0 0 0.5vw 0.5vw gray;}

  100% {box-shadow: none;}
}
button.aura5:disabled{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:magenta;
	padding: 0.2vw;
	font-size: var(--tiny);
	background-image: linear-gradient(#222,#555,#222);
	border-top: 2vw solid #777;
	border-bottom: 2vw solid #777;
	border-left: 2vw solid #444;
	border-right: 2vw solid #444;
}



button.aura_locked{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:white;
	font-size: var(--small);
	background-image: linear-gradient(#333,#444,#333);
	border-top: 2vw solid #777;
	border-bottom: 2vw solid #777;
	border-left: 2vw solid #444;
	border-right: 2vw solid #444;
	cursor: default;
}
button.aura_locked:disabled{
	border-radius: 50%;
	width:20vw;
	height:20vw;
	color:white;
	font-size: var(--small);
	background-image: linear-gradient(#333,#444,#333);
	border-top: 2vw solid #777;
	border-bottom: 2vw solid #777;
	border-left: 2vw solid #444;
	border-right: 2vw solid #444;
	cursor: default;
}
button.item{
	background-color: magenta;
	height:4vw;
	border: 0.4vw double #9d9d9d;
	font-size:var(--smaller);
	padding: 0 0.3vw;
	text-align: center;
	cursor: default;
	margin: 0.5vw;
	text-align: center;
}
button.improve_universe{
	background-image: linear-gradient(#111,#000,#111);
	font-size:var(--tiny);
	margin: 0vw;
	width: 15vw;
}
button.improve_universe:disabled{
	background-image: linear-gradient(#484848,#444,#484848);
	font-size:var(--tiny);
	margin: 0vw;
	width: 15vw;
}
button.gravity_assist{
	background-image: linear-gradient(#111,#000,#111);
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.gravity_assist:disabled{
	background-image: linear-gradient(#484848,#444,#484848);
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.gravity_assist.border_radius_1{
	border-radius: 1vw;
}
button.gravity_assist.border_radius_left{
	border-radius: 1vw 0 0 1vw;
}
button.gravity_assist.border_radius_right{
	border-radius: 0 1vw 1vw 0;
}

button.solve_puzzles{
	background-image: linear-gradient(#111,#000,#111);
	font-size:var(--tiny);
	border-color: #333;
	margin: 0;
	width: 15vw;
}
button.solve_puzzles:disabled{
	font-size:var(--tiny);
	color: #333;
	width: 15vw;
}
button.artificial_brains{
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.artificial_brains:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
}
button.power_contrib{
	background-image: linear-gradient(#111 35%,#333 40%);
	border: 0.15vw solid gold;
	font-size:var(--tiny);
	margin: 0.5vw;
	padding: 0.1vw 0.5vw;
}
button.power_contrib:disabled{
	background-image: linear-gradient(#222 35%,#777 40%);
	border: 0.15vw solid #44433e;
	font-size:var(--tiny);
	margin: 0.5vw;
	padding: 0.1vw 0.5vw;
}
button.academic{
	background-image: linear-gradient(navajowhite,#ffcf88,#ffca7a);
	font-size:var(--tiny);
	margin: 0.5vw;
	padding: 0.2vw 0.5vw;
	width: 15vw;
}
button.academic:disabled{
	font-size:var(--tiny);
	margin: 0.5vw;
	padding: 0.2vw 0.5vw;
	width: 15vw;
}



button{
	background-color: #333;
	background-image: linear-gradient(#3a3a3a,#333,#3a3a3a);
	color: black;
	font-size:var(--small);
	font-family: "JetBrains Mono", monospace;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	border: 0.1vw solid #777;
	padding: 0.5vw;
	margin:0;
	cursor: pointer;
	border-radius: 0.5vw;
}
button:disabled{
	background-color: #777;
	background-image: linear-gradient(#7a7a7a,#777,#7a7a7a);
	color: #333;
	font-size:var(--small);
	font-family: "JetBrains Mono", monospace;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	border: 0.1vw solid #777;
	padding: 0.5vw;
	margin:0;
	cursor: default;
	border-radius: 0.5vw;
}
button:active{transform: scale(98%);}



.large{font-size:var(--large);}
.normal{font-size:var(--normal);}
.small{font-size:var(--small);}
.smaller{font-size:var(--smaller);}
.tiny{font-size:var(--tiny);}
.tinier{font-size:var(--tinier);}

.main_background{color:var(--main_background);}
.main_color{color:var(--main_color);}
.red{color:red;}
.orangered{color:OrangeRed;}
.autobuy_red{color:#651f41;}
.pink{color:pink;}
.deeppink{color:DeepPink;}
.salmon{color:salmon;}
.orange{color:orange;}
.blueviolet{color:blueviolet;}
.magenta{color:magenta;}
.realpurple{color:purple;}
.purple{color:magenta;}
.purple2{color:#c800ff;}
.green{color:#11c46a;}
.turquoise{color:Turquoise;}
.orangeyellow{color:#e0db40;}
.lightteal{color:#00adad;}
.teal{color:teal;}
.darkteal{color:#0e535e;}
.gold{color:gold;}
.gray{color:gray;}
.darkergray{color:#333;}
.darkgray{color:#555;}
.silver{color:Silver;}
.navajo{color:NavajoWhite;}
.navajoblue{color:#ffadad;}
.bronze{color:#cd7f32;}
.steelblue{color:LightSteelBlue;}
.blue{color:DodgerBlue;}
.slateblue{color:MediumSlateBlue;}
.yellow{color:yellow;}
.white{color:white;}
.black{color:black;}
.xp_text{
	background-image: linear-gradient(yellow,magenta,silver);
    color: transparent;
    background-clip: text;
}
.future_coins_text{
	background-image: linear-gradient(green,#ccc);
    color: transparent;
    background-clip: text;
}
.gravity_text{
	background-image: linear-gradient(OrangeRed,orange,red);
    color: transparent;
    background-clip: text;
	animation: gravity_text_animation 750ms steps(3,end) infinite;
}
@keyframes gravity_text_animation {
  0% {background-image: linear-gradient(OrangeRed,orange,red);}
  33% {background-image: linear-gradient(red,orangered,orange);}
  66% {background-image: linear-gradient(orange,red,orangered);}
}
.graviton_text{
	background-image: linear-gradient(DodgerBlue,MediumSlateBlue,Blue);
    color: transparent;
    background-clip: text;
	animation: graviton_text_animation 500ms steps(3,end) infinite;
}
@keyframes graviton_text_animation {
  0% {background-image: linear-gradient(DodgerBlue,MediumSlateBlue,Blue);}
  33% {background-image: linear-gradient(MediumSlateBlue,Blue,DodgerBlue);}
  66% {background-image: linear-gradient(Blue,DodgerBlue,MediumSlateBlue);}
}

.civ_text{
	background-image: linear-gradient(turquoise,orange);
    color: transparent;
    background-clip: text;
}

.sci_text{
	background-image: linear-gradient(NavajoWhite,green);
    color: transparent;
    background-clip: text;
}

.commonwealth_text{
	background-image: linear-gradient(yellow 50%,red 50%);
    color: transparent;
    background-clip: text;
}
.sovereignty_text{
	background-image: linear-gradient(blue 50%,magenta 50%);
    color: transparent;
    background-clip: text;
}
.artificial_brains_text{
	background-image: linear-gradient(deeppink 50%,salmon 50%);
    color: transparent;
    background-clip: text;
}
.influence_text{
	background-image: linear-gradient(turquoise 50%,DodgerBlue 50%);
    color: transparent;
    background-clip: text;
}
.worlds_text{
	background-image: linear-gradient(Red 40%,Yellow 50%,Magenta 100%);
    color: transparent;
    background-clip: text;
}


.reg_item{
	color:gray;
}
.bronze_item{
	color:#cd7f32;
}
.silver_item{
	color:silver;
}
.gold_item{
	color:gold;
}


.slateblue_background{background-color:MediumSlateBlue;background-image: none;}
.yelloworange_background{background-color:#c6b413;background-image: none;}
.darkgray_background{background-color:#555;background-image: none;}
.purple_background{background-color: magenta;background-image: none;}
.yellow_background{background-color: yellow;background-image: none;}
.red_background{background-color: red;background-image: none;}
.green_background{background-color: green;background-image: none;}
/*.green_background_gradient{background-image: linear-gradient(green,#008f00,green);}*/
.green_background_gradient{background-image: linear-gradient(#006000,#006f00,#006000);}
.darkgray_background_gradient{background-image: linear-gradient(#232324,#383839,#232324);}


.large_purple{font-size:var(--large);color:var(--purple);}
.large_orange{font-size:var(--large);color:var(--orange);}
.large_lightteal{font-size:var(--large);color:var(--lightteal);}
.large_green{font-size:var(--large);color:var(--green);}
.small_purple{font-size:var(--small);color:var(--purple);cursor:pointer;}
.small_red{font-size:var(--small);color:var(--red);cursor:pointer;}
.small_green{font-size:var(--small);color:var(--green);cursor:pointer;}
.small_lightteal{font-size:var(--small);color:var(--lightteal);cursor:pointer;}
.tiny_gray{font-size:var(--tiny);color:var(--gray);}

a.lv_discord:link { color:var(--main_color); text-decoration:none;padding:0; margin: 0;}
a.lv_discord:visited { color:var(--main_color); text-decoration:none;padding:0; margin:0;}
a.lv_discord:hover { color:var(--main_color); text-decoration:none;padding:0; margin:0;}

a.lv_donate:link { color:SteelBlue; text-decoration:none;padding:0; margin: 0;}
a.lv_donate:visited { color:SteelBlue; text-decoration:none;padding:0; margin:0;}
a.lv_donate:hover { color:dodgerblue; text-decoration:none;padding:0; margin:0;}

a.lv_site:link { color:var(--orange); text-decoration:none;padding:0; margin: 0;}
a.lv_site:visited { color:var(--orange); text-decoration:none;padding:0; margin:0;}
a.lv_site:hover { color:var(--orange); text-decoration:none;padding:0; margin:0;}


button.coin{
	border-radius: 50%;
	width: 1.5vw;
	height: 1.5vw;
}




div#booster_dashboard{
	padding: 0;
}

div.main_container{
	display: block;
	text-align: center;
	border: 0;
}

table{
	width: 100%;
	border-collapse: collapse;
	border: 0;
}
td{
	vertical-align: top;
}
td.game_title{
	color:yellow;
	text-align: right;
	animation: title_glow 20s infinite;
}
@keyframes title_glow {
  0% {color: yellow;}
  10% {color: magenta;}
  30% {color: gray;}
  50% {color: silver;}
  70% {color: red;}
  90% {color: dodgerblue;}
  100% {color: yellow;}
}
span#game_title{cursor: pointer;}

td.tab_item{
	cursor: pointer;
	text-align: left;
	border: 0.2vw solid gray;
	padding: 0.5vw;
}
td.tab_item_selected{
	border: 0.2vw solid gray;
	padding: 0.5vw;
	background-color: #333;
}
td.page{
	text-align: left;
	padding-left: 3vw;
}

table.generators_table{
	width: auto;
	border: 0.0vw solid gray;
	margin: 0;
	font-size: var(--tiny);
}
table.generators_table td{
	border: 0.0vw solid #777;
	vertical-align: middle;
	text-align: left;
	padding: 0 3vw 0 0;
}
table.generators_table td.center{
	text-align: center;
	padding: 0;
}
table.generators_table td.right{
	text-align: right;
}
table.generators_table td.top{
	vertical-align: top;
}
table.generators_table td.middle{
	vertical-align: middle;
}
table.generators_table td.large_padding{
	padding: 2vw 5vw;
}
table.generators_table td.standard_padding{
	padding: 0 3vw 0 0;
}
table.generators_table td.text_padding{
	padding: 1vw;
}
table.generators_table td.text_padding_sides{
	padding: 0 1vw;
}
table.generators_table td.small_padding{
	padding: 0.2vw;
}
table.generators_table td.sides_padding{
	padding: 0 4vw;
}
table.generators_table td.border{
	border: 0.2vw solid #555;
}
table.generators_table td.darkborder{
	border: 0.2vw solid #111;
}
table.generators_table td.pointer{
	cursor: pointer;
}
table.generators_table td.flex{
	display: flex;
	gap: 0;
	justify-content: center;
	text-align: center;
	padding: 0;
}







table.upgrades_table{
	width: auto;
	border: 0.0vw solid gray;
	margin: 0;
	font-size: var(--tiny);
}
table.upgrades_table td{
	border: 0px solid #777;
	vertical-align: middle;
	text-align: left;
	padding: 0;
}



table.returns_table{
	width: auto;
	border: 0.0vw solid gray;
	margin: 0;
	font-size: var(--tiny);
}
table.returns_table td{
	border: 0.2vw solid #111;
	vertical-align: middle;
	text-align: center;
	padding: 1vw;
}
table.returns_table td.header{
	font-size: var(--tiny);
}
table.returns_table td.text_padding{
	padding: 1vw;
}
table.returns_table td.noborder{
	border-width: 0vw;
}
table.returns_table td.center{
	text-align: center;
	padding: 0;
}


table.milestones_table{
	width: auto;
	border: 0.0vw solid gray;
	margin: 0;
	font-size: var(--tiny);
}
table.milestones_table td{
	border: 0.2vw solid #777;
	vertical-align: middle;
	text-align: center;
	padding: 0.5vw;
}
table.milestones_table td.header{
	font-size: var(--tiny);
}
table.milestones_table td.text_padding{
	padding: 1vw;
}

table.upper_tabs_table{
	width: auto;
	border: 0.0vw solid gray;
	margin: 0;
	font-size: var(--tiny);
}
table.upper_tabs_table td{
	border: 0.0vw solid #777;
	vertical-align: middle;
	text-align: left;
	padding: 0 0 0 0;
}


table.future_table{
	width: 30vw;
	border: 0.0vw solid gray;
	border-collapse: separate;
	margin: auto;
	padding: 1vw;
	font-size: var(--smaller);
}
table.future_table td{
	border: 0.2vw solid #292929;
	vertical-align: middle;
	text-align: left;
	padding: 0.5vw 1vw;
	border-radius: 2vw;
}
table.future_table td.center{
	text-align: center;
	padding: 0.5vw 1vw;
}





table.basic_100{
	width: 100%;
	border: 0.0vw solid gray;
	margin: 0 0.5vw;
	font-size: var(--tiny);
}
table.basic td{
	border: 0.0vw solid #777;
	vertical-align: middle;
	text-align: left;
	padding: 0 3vw 0 0;
}
table.basic td.center{
	text-align: center;
	padding: 0;
}
table.basic td.right{
	text-align: right;
}
table.basic_auto{
	width: auto;
	border: 0.0vw solid gray;
	margin: 0 0.5vw;
	font-size: var(--tiny);
}
table.basic td{
	border: 0.0vw solid #777;
	vertical-align: middle;
	text-align: left;
	padding: 0 3vw 0 0;
}
table.basic td.center{
	text-align: center;
	padding: 0;
}
table.basic td.right{
	text-align: right;
}



.gravity_buttons_container {
  display: flex;
  justify-content: center;
}





div.warlock_card{
	width: 20vw;
	border: 0.2vw solid #555;
	font-size: var(--tiny);
	border-radius: 0.8vw;
	text-align: center;
	padding: 0;
}
div.warlock_card_text{
	padding: 0 1vw 1vw 1vw;
}
div.center{
	text-align: center;
}
div.left{
	text-align: left;
}
div.right{
	text-align: right;
}
div.round{
	border-top-left-radius: 0.6vw;
	border-top-right-radius: 0.6vw;
}
div.margin_auto{
	margin: auto;
	text-align: center;
}



div.info_section{
	background: #111;
	border: 0.2vw solid #074f67;
	border-radius: 0.5vw;
	padding: 0.5vw;
}

div.universe_section{
	background: #021015;
	border: 0.2vw solid #062f3d;
	border-radius: 0.5vw;
	margin: 0.5vw 0 2vw 0;
	padding: 0.5vw;
}
div.planet_section{
	/*background: #021015;
	border: 0.2vw solid #062f3d;
	border-radius: 0.5vw;*/
	margin: 0.5vw 0 2vw 0;
}
button.civ{
	font-size:var(--tiny);
	margin: 0.5vw;
	border: 0.2vw solid #333;
	border-radius: 0.5vw;
	background: #000;
	cursor:default;
}

.civ{
	color:#ccc;
}

.civ1{
	color:#11c46a;
	animation: civ1_blink 1000ms steps(2,end) infinite;
}

@keyframes civ1_blink {
  0% {color:#11c46a;}
  100% {color:#0c8a4b;}
}

.civ2{
	color:yellow;
	animation: civ2_blink 1100ms steps(2,end) infinite;
}

@keyframes civ2_blink {
  0% {color:yellow;}
  100% {color:#989800;}
}

.civ3{
	color:magenta;
	animation: civ3_blink 1200ms steps(2,end) infinite;
}

@keyframes civ3_blink {
  0% {color:magenta;}
  100% {color:#950295;}
}

.civ4{
	color:gray;
	animation: civ4_blink 1300ms steps(2,end) infinite;
}

@keyframes civ4_blink {
  0% {color:gray;}
  100% {color:#414141;}
}

.civ5{
	color:Red;
	animation: civ5_blink 1400ms steps(2,end) infinite;
}

@keyframes civ5_blink {
  0% {color:Red;}
  100% {color:#870101;}
}

.civ6{
	color:Orange;
	animation: civ6_blink 1500ms steps(2,end) infinite;
}

@keyframes civ6_blink {
  0% {color:Orange;}
  100% {color:Coral;}
}

.civ7{
	color:MediumAquamarine;
	animation: civ7_blink 1600ms steps(2,end) infinite;
}

@keyframes civ7_blink {
  0% {color:MediumAquamarine;}
  100% {color:LightSeaGreen;}
}

.civ8{
	color:Tan;
	animation: civ8_blink 1700ms steps(2,end) infinite;
}

@keyframes civ8_blink {
  0% {color:Tan;}
  100% {color:Goldenrod;}
}

.civ9{
	color:HotPink;
	animation: civ9_blink 1800ms steps(2,end) infinite;
}

@keyframes civ9_blink {
  0% {color:HotPink;}
  100% {color:DeepPink;}
}

.civ10{
	color:MediumPurple;
	animation: civ10_blink 1900ms steps(2,end) infinite;
}

@keyframes civ10_blink {
  0% {color:MediumPurple;}
  100% {color:DarkOrchid;}
}

hr{
	color: #222;
	background-color: #222;
	padding:0 !important;
	margin:0 !important;
	height:0.15vw;
	border-width:0;
	border:0;
}







div.notification{
	display: block;
	position: absolute;
	background-color: #000;
	left:75vw;
	top:2vw;
	width:20vw;
	border: 0.2vw solid #555;
	font-size: var(--tiny);
	border-radius: 0.5vw;
	padding: 0.5vw;
	cursor: pointer;
	z-index: 1;
}




.tooltip{
	position: relative;
}
.tooltiptext{
	display: inline-block;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	width: 15vw;
	background-color: #111;
	color: #ccc;
	text-align: center;
	padding: 0.5vw;
	margin: 0;
	left: 120%;
	top: 0%;
	border-radius: 0.5vw;
	border: 0.2vw solid #333;
}
.tooltip:hover .tooltiptext{
	visibility: visible;
}

.tooltip2{
	position: relative;
}
.tooltiptext2{
	display: inline-block;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	width: 15vw;
	background-color: #111;
	color: #ccc;
	text-align: center;
	padding: 0.5vw;
	margin: 0;
	left: -100%;
	top: 120%;
	border-radius: 0.5vw;
	border: 0.2vw solid #333;
}
.tooltip2:hover .tooltiptext2{
	visibility: visible;
}

table.side_menu{
	background: #000;
	margin: 0;
}
div.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
	z-index: 1000; /* Make sure it's on top */
}
div.message{
	position:absolute;
	width:25vw;
	text-align: center;
	padding: 0.5vw 2vw;
	font-size: var(--tiny);
	background: radial-gradient(#222,#000);
	border: 0.4vw double #333;
	border-radius: 0.5vw;
	z-index: 1001;
}
span.message_title{
	letter-spacing: 1vw;
	margin-right: -1vw; /* cancel out the trailing space */
	/*animation: message_title_glow 5s infinite;*/
}
@keyframes message_title_glow {
	0% {box-shadow: none;}
	50% {box-shadow: 0 0 0.5vw 0.5vw #ff7eff;}
	100% {box-shadow: none;}
}













div.footer {
  	box-sizing: border-box;
	font-size: var(--info);
	position: fixed;
	bottom: 0%;
	margin: 0 auto 0 auto;
  	padding: 5px 0px;
	width:100%;
  	color: var(--gray);
	background-color: var(--main_background);
  	border: 0px solid var(--gray);
  	border-top: 2px solid var(--main_color);
}
.footer_item1{
	width: 100%;
	margin: none;
	padding: none;
	padding-right: 7px;
	padding-left: 5px;
	border-right: 1px solid #555;
}

.footer_item2{/*last element*/
	width: 100%;
	margin: none;
	padding: none;
	padding-right: 7px;
	padding-left: 5px;
	border-right: 0px solid #555;
}

.signature{
	border: 0px solid #777;
	float: right;
	margin-right: 0px;
}

table.settings{
  	width:45%;
	vertical-align:top;
	border:0px solid var(--main_color);
	border-collapse: separate;
	border-spacing: 2px;
	color: var(--main_color);
  	margin: 0px;
  	padding: 0px;
}
table.settings td{
	border:1px solid var(--main_color);
	padding: 2px;
	text-align: center;
}
div.textarea{
	margin: auto;
	padding: 0px;
  	font-size: var(--system);
	color:var(--main_color);
  	background-color:var(--main_background);
	height: 30px;
	width: 350px;
	text-align: justify;
	word-break:break-all;
	border: 2px solid var(--main_color);
	overflow: hidden;
}



table.settings_confirm{
	width: 50%;
	margin: 20px auto;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
	font-size: var(--tiny);
	text-align: center;
}
table.settings_confirm td{
	border:0px solid var(--main_color);
}
table.settings_confirm td.text_right{
	text-align: right;
}
table.settings_confirm td.text_left{
	text-align: left;
}



input.lever{
	height: 15px;
	background: var(--lightteal);
	outline: none;
	opacity: 1;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

input.lever::-webkit-slider-thumb{
	appearance: none;
	border-radius: 0px;
	width: 15px; /* Set a specific slider handle width */
	height: 15px; /* Slider handle height */
	background: var(--gray); /* Blue background */
	cursor: pointer; /* Cursor on hover */
}

input.lever::-moz-range-thumb {
	border-radius: 0px;
	width: 15px; /* Set a specific slider handle width */
	height: 15px; /* Slider handle height */
	background: var(--gray); /* Blue background */
	cursor: pointer; /* Cursor on hover */
}