:root {
	--bmv-accent: #b8c4c9;
}

body.bmv-active h1,
body.bmv-active h2,
body.bmv-active h3 {
	font-family: 'Cinzel', serif;
	letter-spacing: 0.03em;
}

body.bmv-active .bmv-metal-font {
	font-family: 'Metal Mania', cursive;
}

#bmv-loading-screen {
	position: fixed;
	inset: 0;
	background: #050505;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: bmv-fade-out 1.8s ease forwards;
	animation-delay: .6s;
	pointer-events: none;
}

.bmv-loading-text {
	font-family: 'Metal Mania', cursive;
	color: var(--bmv-accent);
	font-size: 1.8rem;
	letter-spacing: .3em;
	text-transform: uppercase;
	animation: bmv-flicker 0.15s infinite alternate;
}

@keyframes bmv-flicker {
	0%   { opacity: 1; }
	50%  { opacity: .7; }
	100% { opacity: .9; }
}

@keyframes bmv-fade-out {
	0%   { opacity: 1; visibility: visible; }
	90%  { opacity: 0; visibility: visible; }
	100% { opacity: 0; visibility: hidden; }
}

#bmv-particle-canvas {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9998;
}

.bmv-quote {
	border-left: 3px solid var(--bmv-accent);
	padding: 1em 1.5em;
	margin: 1.5em 0;
	font-family: 'Cinzel', serif;
	font-style: italic;
	color: #d8dcdd;
	background: rgba(255, 255, 255, 0.03);
}