1 files changed, 24 insertions, 10 deletions

diff --git a/play.css b/play.css
index 08c5229..39a21f2 100644
--- a/play.css
+++ b/play.css
@@ -118,8 +118,6 @@ header.your_turn { background-color: orange; }
 
 /* BATTLE BOARD */
 
-#battle { top: 60px; left: 160px; }
-
 #battle { background-color: tan; }
 #battle_message { background-color: wheat; }
 #battle_header { background-color: brown; color: lemonchiffon; }
@@ -185,6 +183,16 @@ header.your_turn { background-color: orange; }
 	border-style: dashed;
 	z-index: 9;
 }
+.space.battle {
+	opacity: 1;
+	border-color: #700c;
+	background-color: #6008;
+}
+.space.sea.battle {
+	opacity: 1;
+	border-color: #037c;
+	background-color: #0368;
+}
 
 #blocks.hide_blocks {
 	display: none;
@@ -196,11 +204,12 @@ body.shift .block.known:hover {
 	z-index: 100;
 }
 
-#battle .block { position: relative; }
-#map .block { position: absolute; z-index: 2; }
-#map .block.highlight { z-index: 3; }
-#map .block.selected { z-index: 4; }
-#map .block.known:hover { z-index: 5; }
+#battle > .block { position: relative; }
+
+#blocks > .block { position: absolute; z-index: 2; }
+#blocks > .block.highlight { z-index: 3; }
+#blocks > .block.selected { z-index: 4; }
+#blocks > .block.known:hover { z-index: 5; }
 
 .block.highlight { cursor: pointer; }
 
@@ -248,6 +257,11 @@ body.shift .block.known:hover {
 	background-position: center;
 }
 
+/*
+.block.battle { filter: grayscale(60%) brightness(60%) !important }
+*/
+.block.battle { opacity: 0; pointer-events: none; }
+
 body.Observer .simple-labels .known.jupiter.Caesar { border: 2px solid #862; }
 body.Observer .simple-labels .known.jupiter.Pompeius { border: 2px solid #822; }
 body.Observer .simple-labels .known.jupiter.Cleopatra { border: 2px solid #822; }
@@ -258,9 +272,9 @@ body.Observer .columbia-labels .known.jupiter.Cleopatra { border: 3px solid #822
 .block { box-shadow: 0px 0px 4px 0px black; }
 
 .block {
-	transition-property: top, left, transform, filter;
-	transition-duration: 700ms, 700ms, 300ms, 300ms;
-	transition-timing-function: ease;
+	transition-property: top, left, transform, opacity;
+	transition-duration: 700ms, 700ms, 250ms, 250ms;
+	transition-timing-function: ease, ease, ease, linear;
 }
 
 #replay_panel {