/* Compact frameless play area. Holding never replaces the die's face rotation. */
.golden-stage {
  overflow: visible;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.dice-table {
  min-height: 145px;
  align-content: start;
  border: 0;
  border-radius: 0;
  padding: 22px 7px 8px;
  background-size: 125% auto;
  background-position: center;
  box-shadow: none;
}

.dice-row { min-height: 68px; }
.die-slot { height: 68px; }
.die-slot::after { bottom: 4px; }

.golden-stage .die-slot:disabled,
.golden-stage .category:disabled {
  opacity: 1;
}

.die-slot.is-held {
  border-radius: 15px;
  background: linear-gradient(145deg, #e0bb60, #8e6723 72%);
  box-shadow: inset 0 1px #fff8, inset 0 -7px 15px #4a300866, 0 0 13px #ffcf5566;
}

.die-slot.is-held::before { display: none; }

.die-slot.is-held .die-3d {
  z-index: 4;
  top: -5px;
  transform: var(--face-transform) !important;
  filter: none;
}

.hold-label { bottom: -2px; }
.roll-action-slot {
  display: grid;
  width: min(100%, 270px);
  min-height: 42px;
  margin: 20px auto 0;
  place-items: center;
}

.roll-action-slot .roll-button {
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding-block: 7px;
}

.choose-category-prompt {
  margin: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .035em;
  line-height: 42px;
  text-align: center;
}

.scorecard-heading { padding-top: 24px; }

.category-name { font-size: 14px; }
.category-score { font-size: 20px; }

.category.is-scored,
.category.is-scored:disabled {
  background: linear-gradient(110deg, #b8892f, #efd88c 52%, #9d7127);
  color: #141007;
  opacity: 1;
}

.category.is-scored .category-score {
  color: #171108;
  font-weight: 700;
}

@media (min-width: 700px) {
  .golden-stage { padding: 0; }
  .dice-table { min-height: 232px; }
  .die-slot { height: 96px; }
  .category-name { font-size: 15px; }
  .category-score { font-size: 21px; }
}