@charset "utf-8";

html
{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	display: table;
	margin: auto;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input, select, fieldset
{
	border: 1px solid;
}
button, textarea
{
	margin: 0.1em auto;
	font: inherit;
	color: black;
	background: white;
	border: 1px solid;
}
button:active
{
	color: white;
	background: black;
	border: 1px solid black;
}
button:disabled, select:disabled
{
	color: gray;
}
table, th, td
{
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border: 1px solid black;
	white-space: pre-wrap;
	user-select: text;
}
::file-selector-button
{
	display: none;
}
::-webkit-scrollbar
{
	width: 15px;
}
::-webkit-scrollbar-thumb
{
	background: white;
	border: 1px solid;
}
::-webkit-scrollbar-thumb:hover
{
	background: gray;
}
::-webkit-scrollbar-thumb:active
{
	background: dimgray;
}

#nothing
{
	font-size: 24px;
	text-align: center;
}
#tabs
{
	margin-bottom: 1em;
}
#code_check_result_status
{
	font-size: 2em;
	font-weight: bold;
}
#code_check_result_name
{
	font-size: 1.25em;
	font-weight: bold;
}
#code_check_result_rewards
{
	display: inline-flex;
	column-gap: 0.5em;
	font-weight: bold;
}
#code_check_result_rewards img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 48px;
}
#launcher_stats table
{
	width: 50%;
	margin-bottom: 1em;
}
#overlay
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(128, 128, 128, 0.75);
	justify-content: center;
}
#overlay_window
{
	position: absolute;
	min-width: 35%;
	max-height: 50%;
	max-width: 75%;
	top: 25%;
	overflow: auto;
	background-color: rgba(255, 255, 255, 1);
	border: 2px solid;
	text-align: center;
	word-wrap: break-word;
}
#overlay_window_title
{
	font-size: 26px;
	font-weight: bold;
	padding: 5px;
	border-bottom: 4px solid;
}
#overlay_window_message
{
	padding: 5px;
	overflow: auto;
}
#overlay_window button
{
	display: inline-block;
}
#warning_msg
{
	padding: 1em;
	text-align: center;
	font-size: 22px;
}

.tab
{
	margin: 1em;
	padding: 3px;
	position: relative;
	border: 1px solid;
	cursor: pointer;
}
.tab_selected
{
	color: white;
	background: black;
	border: 1px solid black;
	cursor: default;
}
.tab_disabled
{
	color: gray;
	border: 1px solid gray;
	cursor: not-allowed;
}
.tab_new
{
	position: absolute;
	top: -12px;
	right: -20px;
	color: #FEDF4C;
	font-weight: bold;
	font-style: italic;
	text-shadow: 0.5px 0.5px 0.5px #313131;
	-webkit-text-stroke: 0.5px #313131;
}
.tab_new::after
{
	content: "New!";
}
.container
{
	position: relative;
}
.input_form
{
	display: inline-block;
}
.input_forms
{
	display: inline-block;
	margin-bottom: -18px;
}
.message p
{
	margin: 0;
}
.mode
{
	margin: 0;
	float: right;
}

@media(prefers-color-scheme: dark)
{
	html
	{
		color: white;
		background: black;
	}
	input, button, select, textarea
	{
		color: white;
		background: black;
	}
	button:active
	{
		color: black;
		background: white;
		border: 1px solid white;
	}
	table, th, td
	{
		border: 1px solid white;
	}
	::-webkit-scrollbar-thumb
	{
		background: black;
	}
	
	#overlay_window
	{
		background-color: rgba(0, 0, 0, 1);
	}
	.tab_selected
	{
		color: black;
		background: white;
		border: 1px solid white;
	}
}