.wraith{
  --bg:var(--ui-color-bg);
  --bg2:var(--ui-color-bg-alt);
  --panel:var(--ui-color-panel);
  --line:var(--ui-color-line);
  --line-soft:var(--ui-color-line-soft);
  --text:var(--ui-color-text);
  --heading:var(--ui-color-heading);
  --hover-highlight:var(--ui-color-panel-head);
}

.wraith *{box-sizing:border-box}
body.wraith{
  color:var(--ui-color-text);
  font:12px/1.35 Arial, Helvetica, sans-serif;
  letter-spacing:.01em;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

.wraith .section-title{
  width:100%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}

.wraith .wraith-table-shell{
  width:100%;
  max-width:800px;
  border:1px solid var(--line);
  margin:0 auto;
}

.wraith .wraith-table-shell + .wraith-table-shell{
  margin-top:5px;
}

.wraith .wraith-table{
  width:100%;
  table-layout:fixed;
}

.wraith .wraith-table col.wraith-col-first{
  width:200px;
}

.wraith .wraith-table thead th{
  text-align:center;
}

.wraith .wraith-table tbody td:first-child{
  font-weight:700;
}

.wraith .wraith-table tbody tr[data-row="1"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="2"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="3"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="4"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="5"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="6"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="7"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="8"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="9"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="10"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="11"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="12"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="13"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="14"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="15"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="16"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="17"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="18"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="19"] td:not(:first-child){
  text-align:center;
}

.wraith .wraith-table tbody tr[data-row="20"] td:not(:first-child),
.wraith .wraith-table tbody tr[data-row="21"] td,
.wraith .wraith-table tbody tr[data-row="22"] td,
.wraith .wraith-table tbody tr[data-row="23"] td{
  text-align:right;
}

.wraith .wraith-table tbody tr[data-row="20"] td[data-wraith-hover-final-merge="7-8"],
.wraith .wraith-table tbody tr[data-wraith-hover-row="21"] td,
.wraith .wraith-table tbody tr[data-wraith-hover-row="22"] td,
.wraith .wraith-table tbody tr[data-wraith-hover-row="23"] td{
  text-align:left;
  font-weight:400;
}

.wraith .wraith-ability-title{
  font-weight:700;
}

.wraith [data-wraith-hover-root].is-hover-col-2 [data-wraith-hover-col="2"],
.wraith [data-wraith-hover-root].is-hover-col-3 [data-wraith-hover-col="3"],
.wraith [data-wraith-hover-root].is-hover-col-4 [data-wraith-hover-col="4"],
.wraith [data-wraith-hover-root].is-hover-col-5 [data-wraith-hover-col="5"],
.wraith [data-wraith-hover-root].is-hover-col-6 [data-wraith-hover-col="6"],
.wraith [data-wraith-hover-root].is-hover-col-7 [data-wraith-hover-col="7"],
.wraith [data-wraith-hover-root].is-hover-col-8 [data-wraith-hover-col="8"],
.wraith [data-wraith-hover-root]:is(.is-hover-col-2, .is-hover-col-3, .is-hover-col-4, .is-hover-col-5, .is-hover-col-6, .is-hover-col-7, .is-hover-col-8) [data-wraith-hover-row="21"] td,
.wraith [data-wraith-hover-root]:is(.is-hover-col-2, .is-hover-col-3, .is-hover-col-4, .is-hover-col-5, .is-hover-col-6, .is-hover-col-7, .is-hover-col-8) [data-wraith-hover-row="22"] td,
.wraith [data-wraith-hover-root]:is(.is-hover-col-2, .is-hover-col-3, .is-hover-col-4, .is-hover-col-5, .is-hover-col-6, .is-hover-col-7, .is-hover-col-8) [data-wraith-hover-row="23"] td,
.wraith [data-wraith-hover-root]:is(.is-hover-col-7, .is-hover-col-8) [data-wraith-hover-final-merge="7-8"]{
  background:var(--hover-highlight);
}

.wraith [data-wraith-hover-col],
.wraith [data-wraith-hover-final-merge="7-8"],
.wraith [data-wraith-hover-row="21"] td,
.wraith [data-wraith-hover-row="22"] td,
.wraith [data-wraith-hover-row="23"] td{
  transition:background-color .14s ease;
}

.wraith .footer-note{margin-top:24px}

@media (max-width: 820px){
  .wraith .wraith-table-shell{
    overflow-x:auto;
    overflow-y:hidden;
  }

  .wraith .wraith-table{
    min-width:800px;
  }
}