.tavern-bottom-status {
  width: min(880px, calc(100% - 20px));
  margin: -2px auto 30px;
  border: 1px solid #57433b;
  border-radius: 7px;
  background:
    linear-gradient(145deg, rgba(102, 68, 56, .24), transparent 42%),
    #171311;
  color: #d8d0c7;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.018);
  overflow: hidden;
}

.tavern-status-label {
  padding: 9px 13px;
  border-bottom: 1px solid #40332e;
  color: #806d64;
  font: 9px/1.2 ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: .16em;
}

.tavern-newspaper {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid #362c28;
}

.tavern-newspaper span,
.tavern-section-title,
.tavern-ledger small {
  color: #8f8179;
  font-size: 11px;
  letter-spacing: .08em;
}

.tavern-newspaper strong {
  font-family: "Noto Serif SC", "Songti SC", serif;
  font-size: 14px;
  font-weight: 500;
}

.tavern-characters {
  padding: 7px 14px 11px;
  border-bottom: 1px solid #362c28;
}

.tavern-character {
  display: grid;
  grid-template-columns: minmax(80px,.8fr) minmax(95px,1fr) minmax(95px,1fr) minmax(120px,1.4fr);
  gap: 8px;
  padding: 6px 0;
  color: #bdb4ab;
  font-size: 12px;
}

.tavern-metrics {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: #372b27;
}

.tavern-metrics > div {
  padding: 11px 13px;
  background: #1d1715;
}

.tavern-metrics small {
  display: block;
  margin-bottom: 3px;
  color: #766b64;
  font-size: 10px;
}

.tavern-metrics strong {
  color: #e5d8ca;
  font: 16px/1.2 Georgia, "Noto Serif SC", serif;
}

.tavern-evaluation {
  padding: 11px 14px;
  border-bottom: 1px solid #362c28;
  color: #a99e96;
  font-family: "Noto Serif SC", "Songti SC", serif;
  font-size: 12px;
  font-style: italic;
}

.tavern-ledger {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;
  padding: 12px 14px;
  border-bottom: 1px solid #362c28;
  font-size: 12px;
}

.tavern-ledger > div {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 5px;
}

.tavern-ledger > strong {
  grid-column: 1 / -1;
  color: #e6d5c3;
  font-weight: 550;
}

.tavern-tasks {
  padding: 11px 14px 14px;
}

.tavern-section-title {
  margin-bottom: 7px;
}

.tavern-task {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr) auto auto;
  align-items: center;
  gap: 7px;
  padding: 6px 8px;
  border-top: 1px solid rgba(255,255,255,.04);
  color: #bbb1a8;
  font-size: 12px;
}

.tavern-task small {
  color: #776c65;
}

.tavern-task b {
  color: #aa9687;
  font-size: 10px;
  font-weight: 500;
}

.tavern-task.completed {
  opacity: .58;
}

@media (max-width: 600px) {
  .tavern-bottom-status {
    width: 100%;
    margin-bottom: 24px;
  }

  .tavern-newspaper {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .tavern-character {
    grid-template-columns: 1fr 1fr;
    gap: 4px 8px;
  }

  .tavern-ledger {
    grid-template-columns: 1fr;
  }

  .tavern-task {
    grid-template-columns: 22px minmax(0,1fr) auto;
  }

  .tavern-task b {
    grid-column: 2;
  }
}