.new-basecamp-remembrance {
  --memorial-brass: #d5b86d;
  --memorial-cream: #f2dfb0;
  --memorial-ink: #030908;
  display: grid;
  grid-template-columns: minmax(150px, 0.34fr) minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  min-height: 0;
  height: 100%;
}

.new-basecamp-remembrance__charter,
.new-basecamp-remembrance__ledger {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(213, 184, 109, 0.34);
  background:
    linear-gradient(145deg, rgba(9, 25, 23, 0.96), rgba(1, 7, 7, 0.98)),
    repeating-linear-gradient(0deg, rgba(213, 184, 109, 0.025) 0 1px, transparent 1px 7px);
}

.new-basecamp-remembrance__charter {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
  overflow: hidden;
}

.new-basecamp-remembrance__charter::after {
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 124px;
  height: 124px;
  border: 1px solid rgba(213, 184, 109, 0.13);
  border-radius: 50%;
  box-shadow: inset 0 0 0 14px rgba(213, 184, 109, 0.025);
  content: "";
}

.new-basecamp-remembrance__seal {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(213, 184, 109, 0.64);
  border-radius: 50%;
  color: var(--memorial-brass);
  box-shadow:
    inset 0 0 0 5px rgba(213, 184, 109, 0.05),
    0 0 18px rgba(213, 184, 109, 0.08);
  font: 400 24px/1 var(--font-menu);
}

.new-basecamp-remembrance__charter > span:not(.new-basecamp-remembrance__seal),
.new-basecamp-remembrance__section-label,
.new-basecamp-remembrance__incident {
  color: var(--basecamp-signal);
  font: 700 6px/9px var(--font-ticker);
  letter-spacing: 0.11em;
}

.new-basecamp-remembrance__charter h3 {
  margin: 0;
  color: var(--memorial-cream);
  font: 400 14px/18px var(--font-menu);
  letter-spacing: 0.045em;
}

.new-basecamp-remembrance__charter p {
  margin: 0;
  color: rgba(242, 223, 176, 0.7);
  font: 600 7px/11px var(--font-ticker);
}

.new-basecamp-remembrance__totals {
  display: grid;
  gap: 5px;
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(213, 184, 109, 0.18);
}

.new-basecamp-remembrance__totals strong {
  color: var(--memorial-brass);
  font: 400 13px/16px var(--font-menu);
}

.new-basecamp-remembrance__totals small {
  color: rgba(242, 223, 176, 0.52);
  font: 700 6px/9px var(--font-ticker);
  letter-spacing: 0.08em;
}

.new-basecamp-remembrance__ledger {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 12px;
  overflow: auto;
  scrollbar-color: rgba(213, 184, 109, 0.4) rgba(0, 0, 0, 0.2);
  scrollbar-width: thin;
}

.new-basecamp-remembrance__section {
  display: grid;
  gap: 7px;
}

.new-basecamp-remembrance__section + .new-basecamp-remembrance__section {
  padding-top: 11px;
  border-top: 1px solid rgba(213, 184, 109, 0.2);
}

.new-basecamp-remembrance__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.new-basecamp-remembrance__entry {
  position: relative;
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
  min-height: 42px;
  padding: 9px 10px 8px 13px;
  border: 1px solid rgba(213, 184, 109, 0.18);
  background:
    linear-gradient(110deg, rgba(213, 184, 109, 0.055), transparent 60%),
    rgba(0, 4, 4, 0.58);
}

.new-basecamp-remembrance__entry::before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 5px;
  width: 1px;
  background: rgba(213, 184, 109, 0.5);
  content: "";
}

.new-basecamp-remembrance__entry--incident {
  grid-column: 1 / -1;
  min-height: 58px;
}

.new-basecamp-remembrance__name {
  color: var(--memorial-cream);
  font: 400 9px/13px var(--font-menu);
  letter-spacing: 0.055em;
}

.new-basecamp-remembrance__cause {
  margin: 0;
  color: rgba(242, 223, 176, 0.68);
  font: 600 7px/11px var(--font-ticker);
}

.new-basecamp-remembrance__empty {
  display: grid;
  place-items: center;
  min-height: 140px;
  border: 1px dashed rgba(213, 184, 109, 0.28);
  color: rgba(242, 223, 176, 0.62);
  font: 700 7px/11px var(--font-ticker);
  letter-spacing: 0.08em;
  text-align: center;
}

@media (min-width: 701px) and (min-height: 521px) {
  #new-basecamp-screen[data-basecamp-presentation="equipment-room"] .new-basecamp-monitor--remembrance {
    grid-template-rows: 173px minmax(0, 1fr);
    border-color: rgba(213, 184, 109, 0.26);
    background:
      linear-gradient(145deg, rgba(10, 23, 21, 0.97), rgba(1, 6, 7, 0.99)),
      repeating-linear-gradient(0deg, rgba(213, 184, 109, 0.018) 0 1px, transparent 1px 7px);
  }

  #new-basecamp-screen[data-basecamp-presentation="equipment-room"] .new-basecamp-monitor__body--remembrance {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 700px), (max-height: 520px) {
  .new-basecamp-remembrance {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
  }

  .new-basecamp-remembrance__charter {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
  }

  .new-basecamp-remembrance__charter > :not(.new-basecamp-remembrance__seal) {
    grid-column: 2;
  }

  .new-basecamp-remembrance__seal {
    grid-row: 1 / span 4;
  }

  .new-basecamp-remembrance__ledger {
    overflow: visible;
  }
}

@media (max-width: 520px) {
  .new-basecamp-remembrance__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .new-basecamp-remembrance__entry--incident {
    grid-column: auto;
  }
}
