page-prepare {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: min-content minmax(0, 1fr);
	padding: var(--u);
	gap: var(--u);
}

/* */

page-prepare > page-play {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	left: 0;
	transform: translateX(100vw);
	z-index: 9999;
	transition-property: transform;
	transition-duration: var(--transition-time);
}

page-prepare > page-play.on {
	transform: none;
}