* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--link: #54b669;
	/*--s*/

	/*--font-price: normal 500 28px/28px "Noto Sans", sans-serif;*/
	/*--font-header-title: normal 500 18px/20px "Noto Sans", sans-serif;*/
	--font-heading-1: normal 400 2.4rem/3rem "MinecraftSeven-v2", sans-serif;
	--font-heading-2: normal 400 2rem/2.8rem "MinecraftSeven-v2", sans-serif;
	--font-heading-3: normal 800 1.6rem/2.8rem "MinecraftSeven-v2", sans-serif;
	--font-heading-4: normal 800 1.4rem/2.4rem "MinecraftSeven-v2", sans-serif;
	--font-paragraph-14-24-r: normal 400 1.4rem/2.4rem "Noto Sans", sans-serif;
	--font-paragraph-14-24-b: normal 800 1.4rem/2.4rem "Noto Sans", sans-serif;
	--font-paragraph-14-20-r: normal 400 1.4rem/2rem "Noto Sans", sans-serif;
	--font-paragraph-14-20-b: normal 800 1.4rem/2rem "Noto Sans", sans-serif;
	--font-hint: normal 800 1.4rem/1.8rem "MinecraftSeven-v2", sans-serif;
	/*--font-big-text: normal 400 2rem/1.6rem "Noto Sans", sans-serif;*/
	/*--font-button-14: normal 400 1.4rem/1.6rem "Noto Sans", sans-serif;*/
	/*--font-button-13: normal 400 1.3rem/2rem "Noto Sans", sans-serif;*/
	--font-body-13: normal 400 1.3rem/2rem "Noto Sans", sans-serif;
	--font-body-12: normal 400 1.2rem/1.6rem "Noto Sans", sans-serif;
	--font-body-11: normal 400 1.1rem/1.6rem "Noto Sans", sans-serif;


	--color-black-alpha-16: rgba(33, 33, 33, 0.16);
	--color-mobi-shadow: rgba(0, 0, 0, 0.16);
	--color-contrast-shadow: rgba(0, 0, 0, 0.46);
	--color-black-alpha-005: rgba(33, 33, 33, 0.36);

	--shadow-default: 0 1px 8px var(--color-black-alpha-16);
	--shadow-mobi: 0 4px 20px var(--color-mobi-shadow);
	--shadow-low: 0 1px 20px var(--color-black-alpha-005);
}

html {
	font-size: 16px;

	@media (max-width: 1024px) {
		font-size: 12px;
	}
}

html,
body {
	height: 100%;
	overscroll-behavior-y: none;
}

html {
	/*font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, Arial, Helvetica, Arial Unicode MS, sans-serif;*/
	/*font: var(--font-paragraph-14-24-r);*/
	font-feature-settings: "liga", "kern";
}

body {
	color-scheme: dark;
	color: rgba(255, 255, 255, 0.70);
	background-color: #171615;
}

a {
	color: var(--link);
	text-decoration: none;
}

header {
	position: relative;
	min-height: 90vh;
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 4px solid #262423;

	> div {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;

		> a {
			display: flex;

			> img {
				animation: pulse 8s infinite;
			}
		}

		> h1 {
			font: var(--font-heading-1);
			/*font-family: "MinecraftSeven-v2", -apple-system, BlinkMacSystemFont, Arial, Helvetica, Arial Unicode MS, sans-serif;*/
			display: inline-block;
			backdrop-filter: blur(10px) grayscale(30%);
			letter-spacing: .05em;
			color: white;
			font-size: 1.5rem;
			top: 5rem;
			box-shadow: 0 0px 1px rgba(108, 108, 108, 0.421);
			text-transform: uppercase;
			text-align: center;
			background-color: rgba(20, 20, 20, 0.251);
			border-radius: 20px;
			padding: 1rem 2rem;
		}

		> div {
			font: var(--font-body-11);
			/*font-size: 0.7rem;*/
			text-shadow: 1px 1px 2px #000000;
		}
	}

	> video {
		position: absolute;
		object-fit: cover;
		inset: 0;
		width: 100%;
		height: 100%;
		/*opacity: 0.7;*/
		pointer-events: none;
		/*filter: blur(0px);*/
	}

	> img {
		position: absolute;
		object-fit: cover;
		inset: 0;
		width: 100%;
		height: 100%;
	}
}

blockquote {
	position: relative;
	color: rgba(255, 255, 255, 0.35);
	font: var(--font-hint);
	padding: 2rem;
	background: #00000020;
	border-radius: 1rem;
	margin-top: 1rem;

	&.help {
		/*font-size: 0.85rem;*/
		padding: 4rem 2rem 2rem 2rem;
		margin-top: 1.5rem;

		&::before {
			content: '> help';
			font: var(--font-heading-4);
			position: absolute;
			top: 1rem;
			left: 2rem;
		}
		> details {
			margin-top: 1rem;

			> summary {
				cursor: pointer;
			}
		}
	}
}

mc-address {
	transition: background 250ms ease-in;
	display: block;
	position: relative;
	border: 1px solid #cccccc10;
	border-radius: 1rem;
	text-align: center;
	cursor: pointer;
	padding: 1rem;

	&:hover {
		background: #2A641C;
	}

	> .copy {
		pointer-events:  none;
		z-index: 1;
		position: absolute;
		background: red;
		border-radius: 0.5rem;
		padding: 1rem;
		top: -5rem;
		left: 50%;
		transform: translate(0, -50%, 0);
		display: none;

		&.copy_show {
			display: block;
			animation: copyPopup 1s ease forwards;
		}
	}
}

@keyframes copyPopup {
	0% {
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, -20px);
	}
	40% {
		opacity: 1;
		pointer-events: all;
		transform: translate(-50%, 0);
	}
	80% {
		opacity: 1;
		pointer-events: all;
		transform: translate(-50%, 0);
	}
	100% {
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, -20px);
	}
}



section {
	font: var(--font-paragraph-14-20-r);
	/*line-height: 1.5;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*margin-top: 2rem;*/
	padding: 2rem;

	article {
		width: 100%;
		max-width: 1020px;

		& + & {
			margin-top: 3rem;
		}

		h2 {
			font: var(--font-heading-2);
			/*font-family: "MinecraftSeven-v2", -apple-system, BlinkMacSystemFont, Arial, Helvetica, Arial Unicode MS, sans-serif;*/
			/*text-shadow: 0 0 3px #666666, 0 0 6px #555555, 0 0 9px #444444, 0 0 12px #333333, 0 0 15px #222222;*/
			margin-top: 0.5rem;
			margin-bottom: 1rem;

			a {
				color: #ffffff;
			}
		}

		&.map {
			position: relative;

			> a {
				position: relative;
				display: block;
				cursor: pointer;

				> img {
					width: 100%;
				}

				> button {
					position:  absolute;
					top: calc(50% - 70px);
					left: calc(50% - 70px);
					border: unset;

					font: var(--font-heading-4);
					background: #3C8527;
					color: #ffffff;
					box-shadow: inset 0 -6px 0 #2A641C;
					letter-spacing: .03em;
					text-transform: uppercase;
					font-weight: 800;
					padding: 1rem;
				}

				&:hover {
					> button {
						/*background: #2A641C; // #2A641C;*/
						opacity: 0.8;
					}
				}
			}

			> a:last-child {
				display: inline;
				font: var(--font-heading-4);
				background: #3C8527;
				color: #ffffff;
				box-shadow: inset 0 -6px 0 #2A641C;
				letter-spacing: .03em;
				text-transform: uppercase;
				font-weight: 800;
				padding: 1rem;

				&:hover {
					opacity: 0.8;
				}
			}

			/*> div {*/
			/*	position: relative;*/
			/*	!*aspect-ratio: 16/9;*!*/

			/*	!*> a {*!*/
			/*	!*	position: absolute;*!*/
			/*	!*	font: var(--font-heading-4);*!*/
			/*	!*	background: #3C8527;*!*/
			/*	!*	color: #ffffff;*!*/
			/*	!*	box-shadow: inset 0 -6px 0 #2A641C;*!*/
			/*	!*	letter-spacing: .03em;*!*/
			/*	!*	text-transform: uppercase;*!*/
			/*	!*	font-weight: 800;*!*/
			/*	!*	padding: 1rem;*!*/

			/*	!*	&:hover {*!*/
			/*	!*		background: #2A641C;*!*/
			/*	!*	}*!*/
			/*	!*}*!*/

			/*	> img {*/
			/*		width: 100%;*/
			/*	}*/

			/*	> div {*/

			/*		> button {*/

			/*		}*/

			/*		> iframe {*/
			/*			border-radius: 20px;*/
			/*			width: 100%;*/
			/*			inset: 0;*/
			/*			border: 0;*/
			/*		}*/

			/*	}*/
			/*}*/
		}

		&.prepare {
			li {
				margin-left: 2rem;

				&::marker {

					font: var(--font-heading-4);
					/*font-family: "MinecraftSeven-v2", -apple-system, BlinkMacSystemFont, Arial, Helvetica, Arial Unicode MS, sans-serif;*/
					color: #cccccc38;
				}
			}
		}

		&.mods {
			> .list {
				display: grid;
				/*gap: 1rem;*/
				grid-template-columns: repeat(2, 1fr);
				grid-column-gap: 1rem;
				grid-row-gap: 1rem;

				> .list__item {
					display: flex;
					align-items: center;
					gap: 0.75rem;
					transition: color 250ms ease-in-out;
					color: inherit;

					&:hover {
						> img {
							filter: grayscale(0%);
						}

						/*> a {*/
						/*	color: var(--link);*/
						/*}*/
					}

					/*> a {*/
					/*	transition: color 250ms ease-in-out;*/
					/*	color: inherit;*/
					/*}*/

					> img {
						transition: filter 250ms ease-in-out;
						width: 50px;
						filter: grayscale(100%);
					}
				}
			}
		}

		&.prepare {
			> ol {
				> li + li {
					margin-top: 0.5rem;
				}
			}
		}

		&.address {
			> blockquote {
				> details {
					> video {
						border-radius: 1rem;
						margin-top: 2rem;
						width: 100%;
					}
				}
			}
			/*font-family: "MinecraftSeven-v2", -apple-system, BlinkMacSystemFont, Arial, Helvetica, Arial Unicode MS, sans-serif;*/
			/*border-radius: 1rem;*/
			/*background: url("./images/pattern.png") repeat;*/

			/*> div + div {*/
			/*	margin-top: 10px;*/
			/*}*/

			/*.value {*/
			/*	background: #000;*/
			/*	padding: 10px 10px;*/
			/*	border: 1px solid #ccc;*/

			/*	&:hover {*/
			/*		border-color: #fff;*/
			/*	}*/
			/*}*/
		}

		&.seed {
			> a {
				transition: background 250ms ease-in;
				display: block;
				position: relative;
				border: 1px solid #cccccc10;
				border-radius: 1rem;
				text-align: center;
				cursor: pointer;
				padding: 1rem;
			}
			> blockquote {
				margin-top: 1rem;
				/*opacity: 0.2;*/

				p {
					& + & {
						margin-top: 1rem;
					}
				}
			}
		}
	}
}

footer {
	padding: 2rem;
	text-align: center;
	background: url("./images/pattern.png") repeat;
	border-top: 4px solid #262423;
}

/* noto-sans-regular - cyrillic_latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/noto-sans-v39-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-800 - cyrillic_latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 800;
	src: url('./fonts/noto-sans-v39-cyrillic_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'MinecraftSeven-v2';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/Minecraft-Seven_v2.woff') format('woff');
}



@keyframes animate__popup-out {
	0% {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -20px);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1, 1) rotate(0deg);
	}

	25% {
		transform: scale(1.05, 1.05) rotate(10deg);
	}

	50% {
		transform: scale(1.1, 1.1) rotate(0deg);
	}

	75% {
		transform: scale(1.05, 1.05) rotate(-10deg);
	}

	100% {
		transform: scale(1, 1) rotate(0deg);
	}
}