body {
  counter-reset: footnotes;
  margin: 0;
  background-color: white;
  color: black;
  /**
   * Inline footnotes references
   * 1. Increment the counter at each new reference
   * 2. Reset link styles to make it appear like regular text
   */
  /**
   * Actual numbered references
   * 1. Display the current state of the counter (e.g. `1`)
   * 2. Align text as superscript
   * 3. Make the number smaller (since it's superscript)
   * 4. Slightly offset the number from the text
   * 5. Reset link styles on the number to show it's usable
   */
  /**
   * Resetting the default focused styles on the number
   */
}
body #header {
  border-bottom: 4px solid;
  position: sticky;
  top: 0;
  z-index: 1;
}
body #title-card {
  font-variant-caps: small-caps;
  font-size: 45px;
  font-weight: bold;
  text-align: center;
  border-bottom: 4px solid;
  padding: 8px;
}
body #title-card, body table.ability, body hr.print-divider {
  column-span: all;
}
body #preface {
  padding: 4px;
  font-style: italic;
  font-size: 10pt;
}
body #preface span {
  font-variant-caps: small-caps;
}
body h1 {
  margin-top: 8px;
  margin-bottom: 8px;
}
body h2 {
  margin-top: 0;
  margin-bottom: 8px;
}
body h1.incomplete, body h2.incomplete, body h3.incomplete {
  font-weight: normal;
  font-style: italic;
}
body h1.incomplete::after, body h2.incomplete::after, body h3.incomplete::after {
  vertical-align: super;
  font-size: 0.5em;
  margin-left: 2px;
  content: " WIP";
}
body p, body ul, body ol, body table {
  margin-top: 9px;
  margin-bottom: 9px;
}
body ul, body ol {
  padding-left: 20px;
}
body .example {
  font-style: italic;
}
body table.ability {
  border-collapse: collapse;
  border: 2px solid;
  text-align: left;
  break-inside: avoid;
}
body table.ability th {
  color: white;
  font-weight: bold;
}
body table.ability th:nth-child(2)::after {
  content: "Cost";
}
body table.ability th:first-child, body table.ability td:first-child {
  width: 25%;
  font-weight: bold;
}
body table.ability tr:nth-child(3) td {
  font-style: italic !important;
  font-weight: normal !important;
  border-top: 2px solid;
}
body table.ability:not(body table.ability.other) th:nth-child(2), body table.ability:not(body table.ability.other) td:nth-child(2) {
  width: 10%;
}
body table.ability.other td:first-child {
  vertical-align: top;
}
body table.ability.extra th:nth-child(3)::after, body table.ability.power th:nth-child(3)::after, body table.ability.boost th:nth-child(3)::after {
  content: "Effect";
}
body table.ability.extra, body table.ability.extra th, body table.ability.extra tr td {
  border-color: gray;
}
body table.ability.extra th {
  background-color: gray;
}
body table.ability.extra th:nth-child(1)::after {
  content: "Extra";
}
body table.ability.reaction, body table.ability.reaction th, body table.ability.reaction tr td {
  border-color: teal;
}
body table.ability.reaction th {
  background-color: teal;
}
body table.ability.reaction th:nth-child(1)::after {
  content: "Reaction";
}
body table.ability.strike, body table.ability.strike th, body table.ability.strike tr td {
  border-color: red;
}
body table.ability.strike th {
  background-color: red;
}
body table.ability.strike th:nth-child(1)::after {
  content: "Strike";
}
body table.ability.strike th:nth-child(3)::after {
  content: "Targets";
}
body table.ability.strike th:nth-child(4)::after {
  content: "Range";
}
body table.ability.strike th:nth-child(5)::after {
  content: "SDL";
}
body table.ability.strike th:nth-child(6)::after {
  content: "Roll";
}
body table.ability.strike th:nth-child(7)::after {
  content: "Damage";
}
body table.ability.boost, body table.ability.boost th, body table.ability.boost tr td {
  border-color: goldenrod;
}
body table.ability.boost th {
  background-color: goldenrod;
}
body table.ability.boost th:nth-child(1)::after {
  content: "Boost";
}
body table.ability.maneuver, body table.ability.maneuver th, body table.ability.maneuver tr td {
  border-color: royalblue;
}
body table.ability.maneuver th {
  background-color: royalblue;
}
body table.ability.maneuver th:nth-child(1)::after {
  content: "Maneuver";
}
body table.ability.maneuver th:nth-child(3)::after {
  content: "Roll";
}
body table.ability.maneuver th:nth-child(4)::after {
  content: "Gain";
}
body table.ability.power, body table.ability.power th, body table.ability.power tr td {
  border-color: rebeccapurple;
}
body table.ability.power th {
  background-color: rebeccapurple;
}
body table.ability.power th:nth-child(1)::after {
  content: "Power";
}
body:not(body:has(#toggle-edits:checked)) .struck, body:not(body:has(#toggle-edits:checked)) .annotation, body:not(body:has(#toggle-edits:checked)) .abbv {
  display: none;
}
body #title-card {
  border-color: black;
}
body #header, body #preface {
  background-color: lavender;
}
body h1 {
  color: darkblue;
}
body h2, body h3 {
  color: saddlebrown;
}
body h1.incomplete, body h2.incomplete, body h3.incomplete {
  color: gray;
}
body a:not([aria-describedby=footnote-label]), body a[aria-describedby=footnote-label]::after {
  color: navy;
}
body a:visited:not([aria-describedby=footnote-label]), body a:visited[aria-describedby=footnote-label]::after {
  color: indigo;
}
body :target {
  background: lavender;
}
@media screen {
  body:not(body:has(#toggle-theme:checked)) {
    background-color: #001;
    color: white;
  }
  body:not(body:has(#toggle-theme:checked)) #title-card {
    border-color: white;
  }
  body:not(body:has(#toggle-theme:checked)) #header, body:not(body:has(#toggle-theme:checked)) #preface {
    background-color: #224;
  }
  body:not(body:has(#toggle-theme:checked)) h1 {
    color: lightsteelblue;
  }
  body:not(body:has(#toggle-theme:checked)) h2, body:not(body:has(#toggle-theme:checked)) h3 {
    color: wheat;
  }
  body:not(body:has(#toggle-theme:checked)) h1.incomplete, body:not(body:has(#toggle-theme:checked)) h2.incomplete, body:not(body:has(#toggle-theme:checked)) h3.incomplete {
    color: gray;
  }
  body:not(body:has(#toggle-theme:checked)) a, body:not(body:has(#toggle-theme:checked)) a[aria-describedby=footnote-label]::after {
    color: cornflowerblue;
  }
  body:not(body:has(#toggle-theme:checked)) a:visited, body:not(body:has(#toggle-theme:checked)) a:visited[aria-describedby=footnote-label]::after {
    color: mediumpurple;
  }
  body:not(body:has(#toggle-theme:checked)) :target {
    background: #224;
  }
  body h1 {
    margin-left: 16px;
  }
  body h2 {
    border-left: 3px solid;
    padding-left: 6px;
    margin-left: 16px;
  }
  body p, body ul, body ol, body table {
    margin-left: 28px;
    margin-right: 28px;
  }
  body table.ability {
    width: calc(100% - 56px);
  }
  body .example {
    margin-left: 36px;
    margin-right: 36px;
  }
  body hr.print-divider {
    display: none;
  }
  body:has(#toggle-edits:checked) .struck {
    text-decoration-line: line-through;
    text-decoration-thickness: 2px;
  }
  body:has(#toggle-edits:checked) .annotation {
    position: absolute;
    right: 16px;
    width: 40%;
    text-align: right;
    font-style: italic;
    text-decoration: none;
    font-size: 12pt;
    font-weight: normal;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) {
    /*.annotation {
    	color: $fg-dark;
    }*/
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) div {
    /*&.struck {
    	border-color: $mark-strike-dark;
    }*/
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) div.src1 {
    border-color: lawngreen;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) div.src2 {
    border-color: dodgerblue;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) div.src3 {
    border-color: khaki;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) div.src4 {
    border-color: mediumspringgreen;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) div.added {
    border-color: orchid;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) span .src1, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) span.src1, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h1 .src1, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h1.src1, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h2 .src1, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h2.src1 {
    color: lawngreen;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) span .src2, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) span.src2, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h1 .src2, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h1.src2, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h2 .src2, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h2.src2 {
    color: dodgerblue;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) span .src3, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) span.src3, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h1 .src3, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h1.src3, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h2 .src3, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h2.src3 {
    color: khaki;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) span .src4, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) span.src4, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h1 .src4, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h1.src4, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h2 .src4, body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) h2.src4 {
    color: mediumspringgreen;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) .struck {
    color: #cd5c5c;
    text-decoration-color: #cd5c5c;
  }
  body:has(#toggle-edits:checked):not(body:has(#toggle-edits:checked):has(#toggle-theme:checked)) .added {
    color: orchid;
    border-color: orchid;
  }
  body:has(#toggle-edits:checked) div.src1, body:has(#toggle-edits:checked) div.src2, body:has(#toggle-edits:checked) div.src3, body:has(#toggle-edits:checked) div.src4, body:has(#toggle-edits:checked) div.struck, body:has(#toggle-edits:checked) div.added {
    width: 60%;
    border-left: 3px solid;
    margin-left: 16px;
  }
  body:has(#toggle-edits:checked) div.src1 p, body:has(#toggle-edits:checked) div.src1 ul, body:has(#toggle-edits:checked) div.src1 ol, body:has(#toggle-edits:checked) div.src1 table, body:has(#toggle-edits:checked) div.src2 p, body:has(#toggle-edits:checked) div.src2 ul, body:has(#toggle-edits:checked) div.src2 ol, body:has(#toggle-edits:checked) div.src2 table, body:has(#toggle-edits:checked) div.src3 p, body:has(#toggle-edits:checked) div.src3 ul, body:has(#toggle-edits:checked) div.src3 ol, body:has(#toggle-edits:checked) div.src3 table, body:has(#toggle-edits:checked) div.src4 p, body:has(#toggle-edits:checked) div.src4 ul, body:has(#toggle-edits:checked) div.src4 ol, body:has(#toggle-edits:checked) div.src4 table, body:has(#toggle-edits:checked) div.struck p, body:has(#toggle-edits:checked) div.struck ul, body:has(#toggle-edits:checked) div.struck ol, body:has(#toggle-edits:checked) div.struck table, body:has(#toggle-edits:checked) div.added p, body:has(#toggle-edits:checked) div.added ul, body:has(#toggle-edits:checked) div.added ol, body:has(#toggle-edits:checked) div.added table {
    margin-left: 9px;
  }
  body:has(#toggle-edits:checked) div.src1 .example, body:has(#toggle-edits:checked) div.src2 .example, body:has(#toggle-edits:checked) div.src3 .example, body:has(#toggle-edits:checked) div.src4 .example, body:has(#toggle-edits:checked) div.struck .example, body:has(#toggle-edits:checked) div.added .example {
    margin-left: 18px;
  }
  body:has(#toggle-edits:checked) div.src1 h2, body:has(#toggle-edits:checked) div.src2 h2, body:has(#toggle-edits:checked) div.src3 h2, body:has(#toggle-edits:checked) div.src4 h2, body:has(#toggle-edits:checked) div.struck h2, body:has(#toggle-edits:checked) div.added h2 {
    margin-left: 3px;
    border-left: 0;
  }
}
@media print {
  body {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-fill: auto;
    height: 100%;
  }
  body .struck, body .annotation, body .abbv {
    display: none;
  }
  body h1 {
    text-align: center;
  }
  body h1, body h2, body h3 {
    break-after: avoid;
  }
  body #title-card {
    padding-top: 0;
    margin-bottom: 8px;
  }
  body #preface, body [aria-label="Back to content"], body #header {
    display: none;
  }
  body p, body table {
    margin: 8px;
  }
  body table.ability {
    width: calc(100% - 16px);
  }
  body .example {
    margin-left: 18px;
    margin-right: 18px;
  }
  body li, body ol, body .no-breaks {
    page-break-inside: avoid;
  }
}
body .apr, body .ap {
  font-weight: bold;
}
body .abbv {
  vertical-align: super;
  font-size: 0.5em;
  margin-left: 2px;
}
body a[aria-describedby=footnote-label] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none; /* 2 */
  color: inherit !important; /* 2 */
  cursor: default; /* 2 */
  outline: none; /* 2 */
}
body a[aria-describedby=footnote-label]::after {
  content: counter(footnotes); /* 1 */
  vertical-align: super;
  font-size: 0.5em;
  margin-left: 2px;
  text-decoration: underline; /* 5 */
  cursor: pointer; /* 5 */
}
body a[aria-describedby=footnote-label]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}
body [aria-label="Back to content"] {
  font-size: 0.8em;
}

.new-page {
  page-break-before: always;
}

/*# sourceMappingURL=style.css.map */