@media screen and (orientation: portrait) {
	.groke-container {
		grid-template-columns: repeat(2, minmax(20%, 25svh));
		grid-template-rows: repeat(2, 20svh);
	}

	#game-play-page {
		flex-direction: column;
		align-items: center;
	}

	#game-groke-rect {
		width: 75%;
		height: 35svh;
	}

	#game-component-rect {
		width: 100%;
		margin-right: 0;
		height: auto;
	}

	#title-grokes {
		display: none;
	}

	#screen-play-btn {
		width: 50svw;
	}

	#game-instructions-text {
		max-width: unset;
	}

	#footer {
		justify-content: center;
	}

	#link-credits {
		display: none;
	}

	#footer-game-controls {
		padding-right: 0;
		padding-bottom: 2.5svh;
	}
}