1 files changed, 23 insertions, 11 deletions

diff --git a/play.css b/play.css
index d1f0df0..3b41b6e 100644
--- a/play.css
+++ b/play.css
@@ -321,7 +321,7 @@ body.shift .exhausted  {
 }
 
 .marker {
-	border: 2px solid aqua;
+	border: 2px solid transparent;
 	border-radius: 8px;
 	background-size: cover;
 	background-position: center;
@@ -482,14 +482,22 @@ body.shift .exhausted  {
 	background-color: #fff6;
 }
 
+.marker.rose {
+	position: absolute;
+}
+
+.marker.depexh { position: absolute; }
+.marker.depleted { position: absolute; }
+.marker.exhausted { position: absolute; }
+
 .locale {
 	box-sizing: border-box;
 	position: absolute;
 	border: 3px solid transparent;
 }
 
-.locale.town { border-radius: 24px 24px 0 0 }
-.locale.city { border-radius: 18px 18px 0 0 }
+.locale.town { border-radius: 50% }
+.locale.city { border-radius: 50% }
 .locale.fortress { border-radius: 0 0 0 0 }
 .locale.calais { border-radius: 0 0 0 0 }
 .locale.sea { border-radius: 50% }
@@ -497,6 +505,10 @@ body.shift .exhausted  {
 
 .locale.action { border-color: white; box-shadow: 0 0 4px white; }
 
+.locale.selected {
+	border-color: cyan;
+}
+
 .locale.tip {
 	background-color: #ff08;
 	box-shadow: 0 0 8px #ff08;
@@ -532,14 +544,6 @@ body.shift .exhausted  {
 	filter: drop-shadow(0px 2px 4px #0004);
 }
 
-.cylinder.command {
-	filter:
-		drop-shadow(2px 0px 0px gold)
-		drop-shadow(0px 2px 0px gold)
-		drop-shadow(0px -2px 0px gold)
-		drop-shadow(-2px 0px 0px gold);
-}
-
 .cylinder.action {
 	filter:
 		drop-shadow(2px 0px 0px white)
@@ -556,6 +560,14 @@ body.shift .exhausted  {
 		drop-shadow(-2px 0px 0px yellow);
 }
 
+.cylinder.command {
+	filter:
+		drop-shadow(2px 0px 0px gold)
+		drop-shadow(0px 2px 0px gold)
+		drop-shadow(0px -2px 0px gold)
+		drop-shadow(-2px 0px 0px gold);
+}
+
 .cylinder > .exile {
 	position: absolute;
 	top: 6px;