wip attack

1 files changed, 73 insertions, 0 deletions

diff --git a/play.css b/play.css
index 7dd3022..41a2382 100644
--- a/play.css
+++ b/play.css
@@ -62,6 +62,66 @@ main { background-color: #777; }
 	}
 }
 
+/* COMBAT TABLE */
+
+.player_pool {
+	width: 500px;
+	background-color: #0003;
+	padding: 8px;
+	border-radius: 24px;
+	margin: 24px auto;
+}
+
+.player_name {
+	color: antiquewhite;
+	text-shadow: 0 0 3px goldenrod;
+	font-size: 20px;
+	text-align: center;
+	font-style: italic;
+	font-family: "Source Serif";
+	padding: 4px;
+}
+
+.table_pool {
+	display: flex;
+	justify-content: center;
+	height: 36px;
+	gap: 12px;
+	align-items: center;
+	margin: 8px;
+}
+
+.die {
+	width: 37px;
+	height: 37px;
+	border-width: 3px;
+	border-style: solid;
+	background-size: 600% 100%;
+	background-repeat: no-repeat;
+	background-image: url(images/die_gold_pips.svg);
+	box-shadow: 0 0 0 1px #333, 1px 2px 3px 1px #0004;
+}
+
+.d0 { display: none; }
+.d1 { background-position: 0% 0; }
+.d2 { background-position: 20% 0; }
+.d3 { background-position: 40% 0; }
+.d4 { background-position: 60% 0; }
+.d5 { background-position: 80% 0; }
+.d6 { background-position: 100% 0; }
+
+.attacker .die {
+	background-color: #9e302f;
+	border-color: #9c3b3a #701d1b #701d1b #9c3b3a;
+}
+
+.defender .die {
+	background-color: #c09e87;
+	border-color: #d6af95 #a18069 #a18069 #d6af95;
+}
+
+.die.action { box-shadow: 0 0 0 1px #333, 0 0 0px 3px white; }
+
 /* LOG */
 #log .h1 { background-color: silver; font-weight: bold; padding-top:4px; padding-bottom:4px; margin: 8px 0; text-align: center; }
 #log .h1 { background-image: linear-gradient(60deg, gray, turquoise, gold); text-shadow: 0 0 4px white; }
@@ -74,6 +134,19 @@ main { background-color: #777; }
 #log .h2.mi { background-color: #ebc9be }
 
 #log { font-variant-numeric: tabular-nums; }
+#log .italic { font-style: italic; }
+#log div { padding-left: 20px; text-indent: -12px; }
+#log div.indent { padding-left: 32px; text-indent: -12px; }
+
+#log .adice {
+	font-size: 14px;
+	color: #9e302f;
+}
+
+#log .ddice {
+	font-size: 14px;
+	color: #000000;
+}
 
 /* MAP */