1 files changed, 68 insertions, 1 deletions
diff --git a/style.css b/style.css
index 14e831b..80bd232 100644
--- a/style.css
+++ b/style.css
@@ -8,6 +8,16 @@ body {
 
 circle#point {
   fill: transparent;
+  stroke: black;
+  stroke-width: 2px;
+}
+
+use[href="#point"] {
+  opacity: 0;
+}
+
+use[href="#point"].active {
+  opacity: 1;
 }
 
 circle.counter[data-troop-allegiance="liao"] {
@@ -25,6 +35,8 @@ text.counter {
   fill: white;
   stroke-width: 2px;
   font-family: sans-serif;
+  cursor: default;
+  pointer-events: none;
 }
 
 rect#map {
@@ -46,6 +58,61 @@ line.firing-arc {
   opacity: 0.1;
 }
 
+line.ruler {
+  stroke-width: 0.25in;
+}
+
+.soldier-record span {
+  font-size: smaller;
+  font-family: monospace;
+  margin-right: 1em;
+}
+
+.soldier-record ul {
+  margin: 0;
+  padding: 0;
+}
+
+.soldier-record ul li {
+  display: inline;
+  margin-left: 1em;
+}
+
+.soldier-record p {
+  margin: 0;
+}
+
+.soldier-record p.damage span {
+  display: inline-block;
+}
+
+.soldier-record p.damage span input {
+  display: block;
+}
+
+input {
+  border: none;
+  outline: 2px solid deeppink;
+}
+
+input:first-of-type {
+  outline: none;
+}
+
+input:checked {
+  border: none;
+  outline: 2px solid deeppink;
+}
+
+input:has(+ input:checked) {
+  border: none;
+  outline: 2px solid deeppink;
+}
+
+input[type="radio"]:checked + input {
+  outline: none;
+}
+
 image#img1 {
   transform: scale(3.41) rotate(-0.15deg);
   /* opacity: 0.33; */
@@ -84,7 +151,7 @@ image#img2 {
   padding: 0 2px;
 }
 
-#record-sheet > div div {
+#record-sheet > div > div {
   border: 1px solid black;
   margin: 2px 0;
   padding: 2px;