p {
	line-height: 29px;
	margin: 0;
}

.page-container {
	padding: 100px 0;
	width: 100%;
	height: 100%;
	font-family: "Pkmn";
	font-size: 32px;
	image-rendering: pixelated;
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.infocard {
	padding: 24px;
	max-width: 768px;
	margin: 0 auto 16px auto;
	color: #0a0748;
	display: flex;
	justify-content: space-between;
}

.controls-card {
	display: block;
}

.infocard-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.infocard-column {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.logo {
	color: #22c55e;
	margin-bottom: 1rem;
	font-weight: normal;
	text-shadow: -2px 2px 0 rgba(0, 0, 0, 0.5);
	text-align: center;
	filter: saturate(1.5);
	zoom: 1.5;
	font-size: 48px;
	line-height: 35px;
}

.infocard-subheading {
	color: #88590a;
	margin-bottom: 8px;
}

.infocard-description {
	padding: 10px;
	line-height: 29px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	max-width: 400px;
}

.embed-wrapper {
	aspect-ratio: 16 / 9;
	background: url(data:image/avif;base64,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) no-repeat center center;
	background-size: contain;
}

.embed-button {
	text-align: center;
	background: #fde68a;
	color: #78350f;
	text-decoration: underline;
	border: 1px solid #b45309;
	padding: 4px;
	text-underline-offset: 2px;
	text-decoration-thickness: 0.5 px;
	text-decoration-color: #b45309;
	font-size: 16px;
	zoom: 2;
}

.controls-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 1.5rem;
	flex-wrap: wrap;
}

.controls-group {
	display: flex;
	flex-direction: row;
	gap: 16px;
	justify-content: center;
	width: max-content;
}

.controls-col {
	width: 168px;
}

.leaderboard-wrapper {
	display: flex;
	justify-content: center;
	width: 100%;
}

.leaderboard-card {
	background: #047857;
	color: #064e3b;
	font-size: 24px;
}

.leaderboard-title {
	text-align: center;
	font-size: 30px;
	color: #16a34a;
	margin-bottom: 16px;
}

.controller-image {
	flex-shrink: 0;
}

.cmd {
	background-color: #141517;
	color: rgb(226, 226, 226);
	border: 1px solid gray;
	font-family: monospace;
	font-size: 14px;
	padding: 3px 6px;
	margin: 8px 4px;
}

#leaderboard-container {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap: 45px;
	flex-wrap: wrap;
}

.leaderboard-entry {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 3px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(26, 106, 57, 0.15);
}

@font-face {
	font-family: "Pkmn";
	font-style: normal;
	font-display: swap;
	src: url("https://cdn.kickplays.org/fonts/Pokemon-Fire-Red.woff2") format("woff2");
}

html,
body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-weight: normal;
}

.card {
	padding: 25px;
	border-radius: 25px;
	image-rendering: pixelated;
}

.card h2 {
	margin: 0;
	font-size: 32px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 15px;
}

.controls-card {
	color: #58310c;
	border-image: url(data:image/webp;base64,UklGRqYAAABXRUJQVlA4TJkAAAAvKUAKELW4jWzbacqicyIyGiCiBZrwcu/gCV8D8tK3iYK2bdhUu4fhT1HbSM7yB9J/C6PdjRZR/ydAVRPQJPXiAnnvq6gys/gQP0B/kYggR84kH02T8XxM5LIW7v6T2FEB0xAdDqzlGyY80YZgOhx8cBkzXnwcXA3BBMYEoiEMM6Lkd+fuTmIc9zOikecQQe4BQqrqJ6kXFwgA) 14 14 14 14 fill / 14px 14px 14px 14px;
}

.kp_border2 {
	border-image: url(data:image/webp;base64,UklGRq4AAABXRUJQVlA4TKEAAAAvKUAKEA63ke3GTVkqTKlSsgZl7MJV3D1xBk+3QgAcmIoiSXFkYYYfz10HGFg76AgXHJlp2wbW+APY2TMMFgid+j8BqjrYrFKrO+Tuj7oi51RsoFeJIkGO3EgCoy+eiSiTKcJ5ApL/okC8tr//4LMbTP/9RxvT4ZsrYrki7eZqzLPLRCdaMAtKEpginGciiUy4BEK08BYC5AyEVNVXqdUdAgA=) 14 14 14 14 fill / 14px 14px 14px 14px;
}

.kp_border3 {
	border-image: url(data:image/webp;base64,UklGRqoAAABXRUJQVlA4TJ0AAAAvKUAKENW4jSTbicIifx8TkwwgBM77VW/QmO//E5ZMgarnnnruKUWNJCnrXwu/VgUf6FHTthFU/ksK4PDc+gPq/wSoagbqpAYHyN2ryNqjNsRH0INEAjmyJyWTo/FSLIoFwb2vklurgDVnNv/BZsuYw4r+mRVeuMzaS8eF688cGDsQf2NalFzf3DtKLHJXE7XchwRyRxBSVe+kBgcIAA==) 14 14 14 14 fill / 14px 14px 14px 14px;
}


@media (width <=950px) {
	.page-container {
		max-width: 90%;
	}

	#leaderboard-container {
		display: flex;
		flex-direction: column;
		justify-content: start;
		gap: 0px;
	}
}