span {
  font-size: smaller;
  font-family: monospace;
  margin-right: 1em;
}

.physical-status-track {
  text-align: center;
}

.physical-status-track span {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.physical-status-track span[slot="block-number"] {
  font-family: serif;
  font-size: unset;
}

ul {
  margin: 0;
  padding: 0;
  margin-left: 1em;
}

ul li {
  display: inline;
}

p {
  margin: 0;
}

.grenades input {
  display: none;
}

.grenades svg {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}

.grenades svg circle {
  fill: none;
  stroke: black;
  stroke-width: 2px;
}

.grenades input:checked + svg circle {
  fill: gray;
}
