Show eliminated units off to the side of the Qattara depression.

1 files changed, 10 insertions, 0 deletions

diff --git a/play.html b/play.html
index 8ad0308..d90f707 100644
--- a/play.html
+++ b/play.html
@@ -432,11 +432,13 @@ svg #lines line.axis_supply.allied_supply {
 	box-shadow: 0 0 2px 1px hsl(80, 20%, 20%);
 }
 
+.unit.axis.eliminated,
 .unit.axis.fired,
 .unit.axis.moved:not(.disrupted):not(.unsupplied) {
 	border-color: hsl(80, 20%, 40%);
 }
 
+.unit.axis.eliminated:not(.revealed),
 .unit.axis.fired:not(.revealed),
 .unit.axis.moved:not(.revealed) {
 	background-color: hsl(80, 20%, 50%);
@@ -448,11 +450,13 @@ svg #lines line.axis_supply.allied_supply {
 	box-shadow: 0 0 2px 1px hsl(30, 40%, 20%);
 }
 
+.unit.allied.eliminated,
 .unit.allied.fired,
 .unit.allied.moved:not(.disrupted):not(.unsupplied) {
 	border-color: hsl(35, 40%, 40%);
 }
 
+.unit.allied.eliminated:not(.revealed),
 .unit.allied.fired:not(.revealed),
 .unit.allied.moved:not(.revealed) {
 	background-color: hsl(35, 40%, 50%);
@@ -464,6 +468,12 @@ svg #lines line.axis_supply.allied_supply {
 	background-position: center bottom;
 }
 
+.unit.eliminated:not(.revealed) {
+	background-image: url(eliminated.svg);
+	background-size: 60%;
+	background-position: center;
+}
+
 .unit.axis.revealed {
 	background-color: #abba8e;
 }