.shogi {
	display: grid;
	grid-template-areas:
		"pageHeader board"
		"browser		board";
	grid-template-columns: minmax(25rem, 25vw) 1fr;
	grid-template-rows: max-content 1fr;
	place-items: stretch;
	gap: 1rem;
	padding: 0.5rem;
	position: relative; /* For absolute positioned children. */
	background-color: var(--primary-color);
}

	.shogi > ::deep .game-board {
		grid-area: board;
		place-self: center start;
	}

	.shogi > ::deep .pageHeader {
		grid-area: pageHeader;
	}

	.shogi > ::deep .game-browser {
		grid-area: browser;
	}

	Modals {
		display: none;
	}