1 files changed, 33 insertions, 4 deletions

diff --git a/play.css b/play.css
index f5a4a4a..00d50ce 100644
--- a/play.css
+++ b/play.css
@@ -72,7 +72,7 @@ header.your_turn.ve { background-color: #ffbf32 }
 /* COMBAT TABLE */
 
 .player_pool {
-	width: 500px;
+	width: 375px;
 	background-color: #0003;
 	padding: 8px;
 	border-radius: 24px;
@@ -80,11 +80,9 @@ header.your_turn.ve { background-color: #ffbf32 }
 }
 
 .player_name {
-	color: antiquewhite;
-	text-shadow: 0 0 3px goldenrod;
+	color: rgb(31, 27, 23);
 	font-size: 20px;
 	text-align: center;
-	font-style: italic;
 	font-family: "Source Serif";
 	padding: 4px;
 }
@@ -190,6 +188,37 @@ header.your_turn.ve { background-color: #ffbf32 }
 #map.hide_pieces #pieces { display: none; }
 #map.hide_tokens #tokens { display: none; }
 
+/* BATTLE */
+
+#attack_table {
+	position: absolute;
+	scroll-margin: 20px;
+	z-index: 200;
+	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
+	border: 1px solid black;
+	min-width: 425px;
+	background-color: #d6c4a9;
+}
+
+@media (max-width: 400px) {
+	#attack_table {
+		min-width: 90vw;
+		min-width: 90dvw;
+	}
+}
+
+#attack_header { background-color: brown; color: gold }
+#attack_header {
+	list-style: none;
+	cursor: move;
+	padding: 2px 8px;
+	line-height: 24px;
+	min-height: 24px;
+	text-align: center;
+	font-weight: bold;
+	font-size: 18px;
+}
+
 /* SPACES */
 
 path { fill: none; stroke-width: 4; }