.app-shell {
  padding: 10px 12px 14px;
}

.topbar {
  margin-bottom: 7px;
}

.deck-card {
  padding: 12px 12px 10px;
}

.cards-section {
  margin-top: 15px;
}

.section-heading {
  margin-bottom: 6px;
}

.card-rows {
  gap: 7px;
}

.card-row {
  padding: 6px 8px;
}

.card-actions {
  gap: 8px;
}

.probability {
  margin-right: 2px;
}

.footer-note {
  margin-top: 7px;
}

.creator-credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid rgba(169, 192, 211, 0.16);
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.2;
  text-align: center;
}

.creator-credit strong {
  color: var(--text);
  font-weight: 850;
}

.credit-separator {
  opacity: 0.65;
}

.legal-details {
  display: inline-block;
}

.legal-details summary {
  display: inline-block;
  padding: 2px 0 1px;
  border-bottom: 1px dotted var(--muted);
  color: var(--muted);
  cursor: pointer;
  list-style: none;
  font-weight: 750;
}

.legal-details summary::-webkit-details-marker {
  display: none;
}

.legal-details summary:hover,
.legal-details[open] summary {
  color: var(--text);
  border-bottom-color: var(--text);
}

.legal-copy {
  width: 100%;
  margin: 7px auto 0;
  padding: 8px 9px;
  border: 1px solid rgba(169, 192, 211, 0.18);
  border-radius: 9px;
  background: rgba(8, 28, 45, 0.62);
  color: var(--muted);
  font-size: 0.62rem;
  line-height: 1.4;
  text-align: left;
}

.legal-details[open] {
  flex-basis: 100%;
}