/* Hitlist — thin priority strip */

.hitlist-page {
  max-width: 720px;
}

.hitlist-page .panel {
  padding: 1.25rem 0 0;
}

.hitlist-head {
  padding: 0 1.25rem 1rem;
  border-bottom: 1px solid rgba(139, 105, 20, 0.2);
}

.hitlist-head h2 {
  text-align: left;
  margin-bottom: 0.25rem;
}

.hitlist-head .section-note {
  text-align: left;
  margin-bottom: 0;
  font-size: 0.85rem;
}

.hitlist {
  display: flex;
  flex-direction: column;
}

.hit-row {
  border-bottom: 1px solid rgba(61, 40, 23, 0.1);
  transition: background 0.15s;
  min-height: 44px;
}

.hit-row:hover {
  background: rgba(255, 255, 255, 0.35);
}

.hit-row:last-child {
  border-bottom: none;
}

.hit-head {
  image-rendering: pixelated;
  border: 1px solid rgba(139, 105, 20, 0.2);
  border-radius: 2px;
}

.hit-name {
  font-family: "Cinzel", serif;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--ink-soft);
  letter-spacing: 0.03em;
}

.hit-meta {
  display: flex;
  gap: 0.45rem;
  align-items: center;
}

.hit-cat {
  font-family: "Cinzel", serif;
  font-size: 0.58rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9a7b50;
}

.hit-status {
  font-family: "Cinzel", serif;
  font-size: 0.58rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.12rem 0.4rem;
  border-radius: 999px;
  border: 1px solid transparent;
}

.hit-date {
  font-size: 0.72rem;
  color: #9a7b50;
  font-variant-numeric: tabular-nums;
}

.hit-note {
  font-size: 0.72rem;
  color: #e65100;
  font-style: italic;
}

.hit-row.rel-lost .hit-name { color: #cc0000; }
.hit-row.rel-lost .hit-status {
  background: rgba(204, 0, 0, 0.1);
  color: #cc0000;
  border-color: rgba(204, 0, 0, 0.25);
}

.hit-row.rel-pending .hit-status {
  background: rgba(249, 168, 37, 0.12);
  color: #e65100;
  border-color: rgba(249, 168, 37, 0.35);
}

.hit-row.rel-undecided .hit-status {
  background: rgba(117, 117, 117, 0.12);
  color: #616161;
  border-color: rgba(117, 117, 117, 0.25);
}

.hit-row.rel-defeated .hit-status {
  background: rgba(61, 40, 23, 0.08);
  color: #7a5c30;
  border-color: rgba(61, 40, 23, 0.2);
}

.hit-empty {
  padding: 2rem 1.25rem;
  text-align: center;
  color: #9a7b50;
  font-style: italic;
}

/* Site nav — see layout.css */