Logging.

1 files changed, 31 insertions, 7 deletions

diff --git a/play.html b/play.html
index 61fb214..bc1e177 100644
--- a/play.html
+++ b/play.html
@@ -34,21 +34,32 @@
 	padding: 2px 8px;
 }
 
-#log .ind {
+#log .t {
+	text-align: right;
+	background-color: wheat;
+	margin: 8px 0;
+}
+
+#log .i1 {
 	padding-left: 20px;
 }
 
+#log .i2 {
+	padding-left: 32px;
+}
+
 #log .i {
 	font-style: italic;
 }
 
-#log .blue { background-color: blue; }
-#log .dkblue { background-color: navy; }
-#log .red { background-color: red; }
-#log .pink { background-color: pink; }
+#log .n { padding: 0 3px }
+#log .blue { background-color: aliceblue; }
+#log .dkblue { background-color: skyblue; }
+#log .red { background-color: pink; }
+#log .pink { background-color: mistyrose; }
 
-.role.blue, .role.dkblue { background-color: #8bf }
-.role.red, .role.pink { background-color: #f88 }
+.role.blue { background-color: #8bf }
+.role.red { background-color: #f88 }
 
 main {
 	background-color: #666;
@@ -270,6 +281,19 @@ body.shift .number { display: block; }
 	box-shadow: 0 0 0 1px #333, 1px 2px 3px 1px #0004;
 }
 
+.mini {
+	display: inline-block;
+	vertical-align: -3px;
+	width: 12px;
+	height: 12px;
+	border-width: 1px;
+	background-size: 600% 100%;
+	background-repeat: no-repeat;
+	background-image: url(images/die_black_pips.svg);
+	background-color: #ccc;
+	border: 1px solid black;
+}
+
 .d0 { background-position: -100% 0 }
 .d1 { background-position: 0% 0; }
 .d2 { background-position: 20% 0; }