.score-history {
  position: relative;
  font-size: var(--font-em-md);

  & > .toggle {
    cursor: pointer;
    opacity: 0.8;
    list-style: none;
    user-select: none;

    &::-webkit-details-marker {
      display: none;
    }

    &::after {
      content: " ▾";
    }
  }

  &[open] > .toggle::after {
    content: " ▴";
  }

  & > .table {
    position: absolute;
    top: calc(100% + var(--space-6));
    left: 0;
    z-index: var(--z-dropdown);
    width: max-content;
    max-width: calc(100vw - 2rem);
    max-height: 50vh;
    overflow-y: auto;
    display: block;
    border-collapse: collapse;
    background: var(--color-primary-dark);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--space-6);
    font-variant-numeric: tabular-nums;
  }

  &.-inline {
    max-width: var(--max-width-content);
    width: 100%;
    margin: 0 auto;
  }

  &.-inline > .table {
    position: static;
    display: table;
    margin-top: var(--space-8);
    width: 100%;
    max-width: none;
    max-height: none;
    box-shadow: none;
  }

  & th,
  & td {
    border: 0;
    padding: var(--space-4) var(--space-8);
    text-align: right;
    white-space: nowrap;
  }

  & th {
    font-weight: var(--font-weight-semibold);
    opacity: 0.7;
    border-bottom: 1px solid var(--glass-border);
  }

  & th:nth-child(2) {
    text-align: left;
  }

  & th:first-child,
  & td.round {
    text-align: left;
    opacity: 0.7;
  }

  & td.bid {
    text-align: left;

    & > .bidder {
      display: inline-block;
      max-width: 6em;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom;
      opacity: 0.8;
    }

    & > .outcome {
      margin-left: 0.2em;

      &.-made {
        color: var(--color-success);
      }

      &.-set {
        color: var(--color-danger);
      }
    }
  }

  & td.points {
    & > .delta {
      opacity: 0.7;
      margin-right: 0.4em;

      &.-negative {
        color: var(--color-danger);
        opacity: 1;
      }
    }

    & > .total {
      font-weight: var(--font-weight-bold);
      color: var(--color-accent);
    }
  }

  & tbody > tr:nth-child(even) {
    background: var(--color-white-alpha-5);
  }
}