.armory {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to bottom, black 1dvh, transparent 10dvh calc(100% - 10dvh), black calc(100% - 1dvh)), url("./../images/backgrounds/Background.jpg");
	color: white;
	min-height: 100dvh;
	padding: 5dvh 0;
}

.mission-section-toggle {
	width: 31px;
	height: 31px;
}

.builder {
	display: flex;
	flex-direction: column;
	row-gap: 2dvh;
	width: 50%;
}

.mission-selection-item-hidden {
	display: none;
}

.builder-close {
	display: none !important;
}

.builder-start { 
	width: 50%; 
	display: block;
}

.builder-start-close {
	display: none; 
}

.section-header { 
	text-align: center; 
}

.section-text { 
	text-align: center; 
}

.section-nav li button:hover, .section-nav li a:hover { 
	box-shadow: 0 0 5px 5px var(--color-primary-purple), inset 0 0 5px 5px var(--color-primary-red); 
}

.builder-section-open {
	display: flex !important;
	flex-direction: column;
}

.builder-section {
	display: none;
}

.section-nav {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-nav li button, .section-nav li a {
	font-size: 1.5rem;
	color: white;
	background-color: black;
	border: none;
	font-family: inherit;
	border-radius: 10px;
	box-shadow: 0 0 5px 5px var(--color-primary-purple);
	text-decoration: none;
	padding: 8px;
}

.builder-finish {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 75%;
	text-align: center;
	padding: 2dvh 2dvw;
	background-color: rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 0 5px 5px black;
	border-radius: 20px;
}

.builder-finish h2 {
	margin: 5dvh 0 0 0;
}

.builder-finish p {
	margin: 0;
}

.builder-finish ul {
	padding: 2dvh 0;
}

.builder-finish-open {
	display: flex !important;
}

.builder-header:hover { 
	box-shadow: 0 0 5px 5px var(--color-primary-purple), inset 0 0 5px 5px var(--color-primary-red); 
}

.builder-header {
	font-size: 1.5rem;
	color: white;
	background-color: black;
	border: none;
	font-family: inherit;
	border-radius: 10px;
	box-shadow: 0 0 5px 5px var(--color-primary-purple);
	text-decoration: none;
	padding: 8px;
}

.builder-header:after{
	content: '';
	border: 8px solid transparent;
	border-top: 16px solid white;
	margin-left: 8px;
	display: inline-block;
	vertical-align: bottom;
}

.builder-body {
	display: flex;
	flex-direction: column;
	background-color: rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 0 5px 5px black;
	margin: 1dvh 0;
	border-radius: 20px;
	padding: 1dvh 1dvw;
}

.builder-body-close {
	display: none !important;
}

.mission-section-list {
	list-style: none;
	padding: 0.5dvh 0;
}

.mission-section-button {
	font-size: 1.5rem;
	color: white;
	background-color: black;
	border: none;
	font-family: inherit;
	border-radius: 10px;
	box-shadow: 0 0 2px 2px white;
	text-decoration: none;
	padding: 2px 8px;
	margin: 1dvh 0;
	width: 100%;
}

.button-hidden {
	display: none;
}

.mission-section-button:hover {
	box-shadow: inset 0 0 5px 5px var(--color-primary-purple), 0 0 2px 2px white;
}

.mission-section-button-active {
	box-shadow: 0 0 2px 2px var(--color-primary-purple);
}

.mission-section-button-active:hover {
	box-shadow: inset 0 0 5px 5px var(--color-primary-purple), 0 0 2px 2px var(--color-primary-purple);
}

.builder-header-text {
	text-align: center;
	margin: 0;
	font-size: 2rem;
}

.mission-choice {
	display: flex;
	flex-direction: row;
	column-gap: 1dvw;
}

.stats-button {
	width: 45.1px;
	height: min-content;
	border-radius: 50%;
	font-size: inherit;
	color: var(--color-primary-red);
	background-color: white;
	border: black;
}

.stats-button:hover {
	box-shadow: 0 0 5px 5px var(--color-primary-red);
}

.stats-button-mini {
	width: 31px;
}

.mission-text {
	margin: 0;
}

.full-stats {
	display: none;
	flex-direction: column;
	text-align: center;
	padding: 1dvh 1dvw;
	margin: 1dvh 1dvw;
	border: 1px solid var(--color-primary-purple);
	row-gap: 1dvh;
}

.full-stats p {
	margin: 0;
	padding: 0;
}

.full-stats ul li {
	text-align: start;
}

.full-stats-open {
	display: flex;
}

.confirm-disabled {
	border: white !important;
	background-color: gray !important;
	color: rgb(45, 45, 45) !important;
	box-shadow: none !important;
}

.table-estimate {
	display: grid;
	grid-template-columns: auto auto;
	border-bottom: 1px dashed white;
	width: fit-content;
	padding: 2dvh 2dvw;
}

#final_estimate {
	font-weight: bolder;
	padding-bottom: 5dvh;
	font-size: 1.5rem;
}

.est-table-header {
	font-weight: bolder;
	font-size: 2rem;	
	border-bottom: 1px dashed white;
}

.est-table-data {
	text-align: start;
}

.est-table-header-0 { 
	text-align: end; 
	padding-right: 2.5dvw; 
	border-right: 1px dashed white;
}

.est-table-header-1 { 
	text-align: start; 
	padding-left: 2.5dvw; 
}

.est-table-data-0 { 
	text-align: end; 
	padding-right: 2.5dvw; 
	border-right: 1px dashed white;
}

.est-table-data-1 { 
	text-align: start; 
	padding-left: 2.5dvw; 
}

.section-warning {
	box-shadow: 0 0 5px 5px var(--color-primary-red);
	padding: 5dvh 5dvw;
	margin: 5dvh 2dvw;
}

.section-warning h2 {
	margin: 0 !important;
}

/* Phone - Vertical */
@media screen and (width >= 320px) and (width < 768px) {
	.armory {
		font-size: 1rem;
	}
	.builder-start { 
		width: auto; 
	}
	.builder {
		width: auto;
	}
	.builder-finish {
		width: auto;
	}
	.section-nav li button, .section-nav li a, .mission-section-button {
		font-size: 1rem !important;
	}
	.builder-header, .builder-header-text, .est-table-header {
		font-size: 1.25rem !important;
	}
	#final_estimate {
		font-size: 1rem;
	}
}

/* Phone - Horizontal */
@media screen and (width >= 768px) and (width < 1300px) { 
	.builder-start { 
		width: 75%; 
	}
	.builder {
		width: 75%;
	}
}