:root {
	--adp-radius-sm: var(--wp--custom--radius--sm);
	--adp-radius-md: var(--wp--custom--radius--md);
	--adp-shadow-soft: var(--wp--custom--shadow--soft);
	--adp-border: 1px solid rgba(23, 23, 23, 0.14);
}

body {
	text-rendering: optimizeLegibility;
}

.wp-site-blocks {
	min-height: 100vh;
}

.adp-section {
	padding-block: clamp(2rem, 5vw, 5rem);
}

.adp-container {
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size);
	padding-inline: clamp(1rem, 4vw, 2rem);
	width: 100%;
}

.adp-stack {
	display: grid;
	gap: var(--wp--preset--spacing--50);
}

.adp-cluster {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--40);
}

.adp-grid {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.adp-panel,
.adp-card {
	background: var(--wp--preset--color--paper);
	border: var(--adp-border);
	border-radius: var(--adp-radius-md);
	box-shadow: var(--adp-shadow-soft);
}

.adp-card {
	display: grid;
	overflow: hidden;
}

.adp-card__media {
	aspect-ratio: 16 / 10;
	background: var(--wp--preset--color--mist);
	overflow: hidden;
}

.adp-card__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.adp-card__body {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--50);
}

.adp-eyebrow {
	color: var(--wp--preset--color--leaf);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 750;
	letter-spacing: 0;
	text-transform: uppercase;
}

.adp-button,
.wp-block-button__link {
	align-items: center;
	border-radius: var(--adp-radius-sm);
	display: inline-flex;
	font-weight: 750;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.75rem 1rem;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.adp-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-1px);
}

.adp-button--secondary,
.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: var(--adp-border);
	color: var(--wp--preset--color--ink);
}

.adp-app {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	min-height: 60vh;
}

.adp-toolbar {
	align-items: center;
	border-bottom: var(--adp-border);
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	justify-content: space-between;
	padding: var(--wp--preset--spacing--40);
}

.adp-game-stage {
	aspect-ratio: 16 / 9;
	background: var(--wp--preset--color--mist);
	border-radius: var(--adp-radius-md);
	display: grid;
	min-height: 18rem;
	overflow: hidden;
	place-items: center;
}

.adp-game-frame {
	background: var(--wp--preset--color--mist);
	border: 0;
	border-radius: var(--adp-radius-md);
	display: block;
	height: min(920px, 92svh);
	margin-inline: auto;
	max-width: 460px;
	min-height: 720px;
	width: 100%;
}

.adp-home-shell {
	margin-block-start: 0 !important;
	min-height: 100svh;
	padding: 0;
}

.adp-home-frame {
	background: var(--wp--preset--color--mist);
	border: 0;
	display: block;
	height: 100svh;
	min-height: 760px;
	width: 100%;
}

.admin-bar .adp-home-frame {
	height: calc(100svh - 32px);
}

@media (max-width: 700px) {
	.adp-section {
		padding-block: var(--wp--preset--spacing--70);
	}

	.adp-card__body,
	.adp-toolbar {
		padding: var(--wp--preset--spacing--40);
	}

	.adp-game-stage {
		aspect-ratio: 4 / 5;
	}

	.adp-game-frame {
		border-radius: 0;
		height: 100svh;
		min-height: 700px;
		max-width: none;
	}

	.adp-home-frame {
		min-height: 700px;
	}
}