.scorecard {
  width: 100%;
  table-layout: fixed;
  font-size: 0.62rem;
}
.scorecard tbody tr:hover { background: transparent; }
.scorecard th,
.scorecard td { padding: 0.05rem 0.02rem; text-align: center; }
.scorecard .sticky-col {
  width: 2.7rem;
  max-width: 2.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  background: var(--tc-white);
  box-shadow: 1px 0 0 var(--tc-border-light);
  text-align: left;
  padding-left: 0.1rem;
}
.scorecard thead .sticky-col { z-index: 2; background: var(--tc-panel); text-align: left; }
.scorecard .matchup-gap { height: 0.45rem; }
.scorecard .matchup-gap .sticky-col { background: var(--tc-white); }
.scorecard .tee-middle th,
.scorecard .tee-middle td,
.scorecard .tee-middle .sticky-col { background: var(--tc-tee-middle); }
.scorecard .tee-senior th,
.scorecard .tee-senior td,
.scorecard .tee-senior .sticky-col { background: var(--tc-tee-senior); }
.scorecard .hole-input {
  width: 100%;
  min-width: 0;
  height: 1.45rem;
  min-height: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 0.75rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
  box-sizing: border-box;
}