:root {
	--background-color: #0c0c0d;
	--background-color-alt: #19191a;
	--text-color: #f0f0f0;
	--radio-deseleced: #232326;
	--radio-color: #6d6d6d;
	--radio-color-yes: #136e13;
	--radio-color-no: #b30f0f;
	--card-title: #82c8b7;
	--card-subtitle: #8561e8;
	--bullet-point: #313e4d;
	--font-main: sans-serif;
}
body {
	width: 100%;
	min-height: 100vh;
	height: auto;
	margin: 0;
	background-color: var(--background-color);
	color: var(--text-color);
	font-family: var(--font-main);
}
button, input[type=text] {
	font-size: 1.2em;
	border-radius: 0.25em;
	padding: 0.25em 0.5em;
	display: inline-block;
	margin: 0.25em 0.5em;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.radio-yes {
	--radio-color: var(--radio-color-yes);
}
.radio-no {
	--radio-color: var(--radio-color-no);
}
.hidden {
	display: none !important;
}
.disabled {
	position: relative;
}
.disabled::after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--background-color);
	opacity: 0.85;
}
.scene {
	display: block;
	min-height: 100vh;
	height: auto;
	position: relative;
}
.center-contents {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	transform: translate(-50%, -50%);
}
.ms-header {
	width: 100%;
	height: auto;
	background-color: var(--background-color-alt);
	padding: 0.25em;
	box-sizing: border-box;
}
.ms-headertext {

}
.ms-servercode {

}
.confirmed-evidence {
	/*max-width: 1350px;*/
	width: 100%;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0.5em;
	column-gap: 0.5em;
	row-gap: 0.5em;
	box-sizing: border-box;
}
.confirmed-evidence>div {
	box-sizing: border-box;
	position: relative;
}
.confirmed-evidence span {
	box-sizing: border-box;
	padding: 0.2em 0.4em;
}
.confirmed-evidence label {
	background-color: var(--radio-deseleced);
	box-sizing: border-box;
	padding: 0.2em 0.4em;
	margin: 0.2em;
	display: inline-block;
	border-radius: 0.25em;
	cursor: pointer;
}
.confirmed-evidence input[type="radio"]:checked + label {
	background-color: var(--radio-color);
}
.negating-evidence,
.additional-evidence {
	/*max-width: 1350px;*/
	width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0.5em;
	column-gap: 0.5em;
	row-gap: 0.5em;
}
.negating-evidence>div,
.additional-evidence>div {
	/*display: inline-block;*/
	box-sizing: border-box;
	position: relative;
}
.negating-evidence input[type="checkbox"],
.additional-evidence input[type="checkbox"] {
	display: none;
}
.negating-evidence label,
.additional-evidence label {
	padding: 0.35em 0.55em;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	border-radius: 0.2em;
	background-color: var(--background-color-alt);
}
.negating-evidence input[type="checkbox"]:checked + label,
.additional-evidence input[type="checkbox"]:checked + label {
	background-color: var(--radio-color-yes);
}


.possible-ghosts{
	/*max-width: 1350px;*/
	width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0.5em;
	column-gap: 0.5em;
	row-gap: 0.5em;
}
.description-card {
	box-sizing: border-box;
	position: relative;
	padding: 0.35em 0.55em;
	display: block;
	border-radius: 0.2em;
	background-color: var(--background-color-alt);
}
.description-title {
	display: block;
	padding: 0;
	margin: 0.5em 0;
	text-align: center;
	color: var(--card-title);
}
.description-subtitle {
	display: block;
	font-size: 1.2em;
	margin: 0 0 0.25em 0;
	color: var(--card-subtitle);
}
.description-paragraph {
	display: block;
	margin: 0 0 1em 0;
}
.description-list {
	margin: 0 0 1em 0;
	padding: 0 0 0 1.5em;
	list-style: none;
}
.description-list>li {
	position: relative;
}
.description-list>li:nth-child(n+1) {
	margin-top: 0.5em;
}
.description-list>li::before {
	content: '';
	position: absolute;
	background-color: var(--bullet-point);
	border-radius: 50%;
	font-weight: bold;
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	top: 0.25em;
	left: -0.75em;
}
.description-evidencelist {
	margin: 0;
	padding: 0 0.5em 0.5em 0.5em;
	list-style: none;
}
.description-evidencelist>li {
	background-color: var(--radio-deseleced);
	padding: 0.25em 0.4em;
	box-sizing: border-box;
	border-radius: 0.25em;
}
.description-evidencelist>li:nth-child(n+1) {
	margin-top: 0.5em;
}
.description-evidencelist .yes {
	background-color: var(--radio-color-yes);
}
.description-evidencelist .no {
	background-color: var(--radio-color-no);
}
@media screen and (min-width: 1350px) {
	.confirmed-evidence,
	.negating-evidence,
	.additional-evidence,
	.possible-ghosts {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media screen and (min-width: 1000px) and (max-width: 1349px) {
	.confirmed-evidence,
	.negating-evidence,
	.additional-evidence,
	.possible-ghosts {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 650px) {
	.confirmed-evidence,
	.negating-evidence,
	.additional-evidence,
	.possible-ghosts {
		grid-template-columns: repeat(1, 1fr);
	}
}