.pp .pp-score-stepper {
  display: grid;
  grid-template-rows: 42px 68px 42px;
  gap: 6px;
  margin-top: 8px;
}

.pp .pp-score-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  border: 1px solid #edbc0088;
  border-radius: 9px;
  background: #21396b;
  color: var(--gold);
  font: inherit;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  touch-action: manipulation;
}

.pp .pp-score-arrow:hover,
.pp .pp-score-arrow:focus-visible {
  background: var(--gold);
  color: var(--navy);
}

.pp .pp-score-stepper input {
  margin: 0 !important;
  pointer-events: none;
  appearance: textfield;
  -moz-appearance: textfield;
}

.pp .pp-score-stepper input::-webkit-inner-spin-button,
.pp .pp-score-stepper input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}