yep

Shogi.UI/Pages/Home/GameBoard.razor.css

@@ -1,5 +1,20 @@
 .game-board {
+	display: grid;
+	grid-template-areas: "board side-board";
+	grid-template-columns: 3fr minmax(10rem, 1fr);
+	gap: 0.5rem;
 	background-color: #444;
+}
+
+.board {
+	grid-area: board;
+}
+
+.side-board {
+	grid-area: side-board;
+}
+
+.board {
 	display: grid;
 	grid-template-areas:
 		"rank A9 B9 C9 D9 E9 F9 G9 H9 I9"
@@ -20,7 +35,7 @@
 	gap: 3px;
 }
 
-	.game-board[data-perspective="Player2"] {
+	.board[data-perspective="Player2"] {
 		grid-template-areas:
 			"file file file file file file file file file ."
 			"I1 H1 G1 F1 E1 D1 C1 B1 A1 rank"
@@ -41,6 +56,11 @@
 	display: grid;
 	place-content: center;
 	padding: 0.25rem;
+	overflow: hidden; /* Because SVGs are shaped weird */
+	transition: filter linear 0.25s;
+}
+.tile[data-selected] {
+	filter: invert(0.8);
 }
 
 .ruler {
@@ -54,10 +74,20 @@
 		flex-direction: column;
 	}
 
-.game-board[data-perspective="Player2"] .ruler {
+.board[data-perspective="Player2"] .ruler {
 	flex-direction: row-reverse;
 }
 
-	.game-board[data-perspective="Player2"] .ruler.vertical {
+	.board[data-perspective="Player2"] .ruler.vertical {
 		flex-direction: column-reverse;
 	}
+
+.side-board {
+	display: grid;
+	grid-template-rows: auto 1fr auto;
+}
+
+	.side-board .hand {
+		display: flex;
+		flex-wrap: wrap;
+	}