2 files changed, 10 insertions, 0 deletions
diff --git a/play.html b/play.html
index 80e137d..992351a 100644
--- a/play.html
+++ b/play.html
@@ -130,6 +130,11 @@ path.state.action {
 	stroke-width: 20;
 }
 
+path.state.selected {
+	stroke: yellow;
+	stroke-width: 20;
+}
+
 path.state:hover {
 	fill: white;
 }
@@ -150,6 +155,10 @@ div.state.action {
 	border-color: white;
 }
 
+div.state.selected {
+	border-color: yellow;
+}
+
 div.state:hover {
 	background-color: #fff8;
 }
diff --git a/play.js b/play.js
index b9eb5d3..478335b 100644
--- a/play.js
+++ b/play.js
@@ -709,6 +709,7 @@ function on_update() { // eslint-disable-line no-unused-vars
 				ui.pieces.appendChild(e)
 			}
 		}
+		ui.us_states[i].classList.toggle("selected", i === view.selected_us_state)
 	}
 
 	// remove remaining unused cubes & checks & xs from DOM