/**
 * In-page [retrotext] embed — responsive layout tweaks.
 */

@media (max-width: 768px) {
	.retrotext-embed {
		padding: 0.5rem;
		box-sizing: border-box;
	}
}

.retrotext--iphone.retrotext-embed {
	background: #000;
	width: 100%;
	max-width: none;
	height: var(--retrotext-app-height, 100dvh);
	min-height: var(--retrotext-app-height, 100dvh);
	max-height: var(--retrotext-app-height, 100dvh);
	overflow: hidden;
}

@media (max-width: 900px) and (orientation: landscape) {
	.retrotext-embed .retrotext-stage {
		padding: 0.25rem 0.35rem;
	}

	.retrotext-embed .retrotext-stage__center {
		flex-direction: column;
		justify-content: flex-start;
	}

	.retrotext-embed .retrotext-tv-stack .retro-tv__screen .retrotext-grid {
		width: 100%;
		height: 100%;
	}

	.retrotext--iphone.retrotext-embed .retrotext-stage {
		padding: 0;
	}
}