/* Pile of Bones compendium — GENERATED by web/tools/build_web_compendium.py; do not edit. */
  @font-face { font-family: "BoneChisel"; src: url("../assets/fonts/BoneChisel.woff2") format("woff2"); font-display: swap; }
  @font-face { font-family: "m5x7"; src: url("../assets/fonts/m5x7.woff2") format("woff2"); font-display: swap; }
  :root { --ember:#e69e00; --bone:#f5eddb; --gold:#f5cc47; --dim:#a89b83; --hairline:#3a332c; --ground:#100d08; }
  * { box-sizing: border-box; }
  html { color-scheme: dark; }
  body {
    background: var(--ground); color: var(--bone);
    font: 16px/1.5 "m5x7", monospace;
    margin: 0 auto; max-width: 1020px; padding: 24px 16px 64px;
  }
  body::before {
    content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background: var(--ground) url("../assets/art/dungeon-floor.png") repeat;
    background-size: 440px 956px; image-rendering: pixelated; opacity: .12;
  }
  .backlink { font-size: 16px; letter-spacing: 1px; margin: 0 0 24px; }
  .backlink a { color: var(--dim); text-decoration: none; }
  .backlink a:hover { color: var(--bone); }
  h1 { font-family: "BoneChisel", "m5x7", monospace; font-weight: normal; font-size: 48px;
       line-height: 1; margin: 0 0 8px; text-shadow: 0 4px 0 rgba(0,0,0,.55); }
  h2 { font-weight: normal; font-size: 32px; line-height: 1.1; margin: 56px 0 12px;
       border-bottom: 2px solid var(--hairline); padding-bottom: 8px; }
  h2 small { color: var(--dim); font-size: 16px; font-weight: normal; }
  img { image-rendering: pixelated; vertical-align: middle; }
  table { border-collapse: collapse; width: 100%; }
  td, th { padding: 6px 10px; text-align: left; border-bottom: 1px solid #241f19; vertical-align: top; }
  th { color: var(--dim); font-weight: normal; letter-spacing: 1px; }
  th.sortable { cursor: pointer; user-select: none; }
  th.sortable.asc::after { content: " \25B2"; font-size: 0.7em; }
  th.sortable.desc::after { content: " \25BC"; font-size: 0.7em; }
  td.icon { width: 34px; } td.name { white-space: nowrap; color: var(--bone); }
  td.rules { color: var(--dim); }
  .n { color: #6d6255; font-size: 0.85em; } .flag { color: var(--gold); font-size: 0.8em; }
  p.note { color: var(--dim); }
  .stack { position: relative; display: inline-block; width: 48px; height: 48px; }
  .stack img { position: absolute; left: 0; top: 0; }
  .halo { display: inline-block; padding: 4px; }
  .tk-times { background: #734cbf; color: #fff; padding: 0 3px; }
  .tk-mult { color: #b894fa; } .tk-pips { color: #9ede33; } .tk-gold { color: var(--gold); }
  .tk-turns { color: #73b8fa; } .tk-rerolls { color: #f57a6b; }
  .tk-die { color: var(--ember); } .tk-slot { color: #f08fcf; }
  nav { position: sticky; top: 0; background: #100d08f2; padding: 12px 0; z-index: 2;
        border-bottom: 2px solid var(--hairline); letter-spacing: 1px; }
  a { color: var(--ember); text-decoration: none; }
  a:hover { color: var(--bone); }
  @media (max-width: 760px) {
    table { display: block; overflow-x: auto; }
    h1 { font-size: 32px; }
  }