.shogi {
	display: grid;
	grid-template-areas:
		"sidebar board";
	grid-template-columns: clamp(5rem, 20vw, 25rem) 1fr;
	gap: 3px 1rem;
	position: relative; /* For absolute positioned children. */
	background-color: var(--primary-color);
}

	.shogi > .sidebar {
		grid-area: sidebar;

		display: grid;
		grid-template-rows: auto 1fr;
		gap: 3px;
	}
	.shogi > .sidebar.collapsed {
		width: 5rem;
	}

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