/* Wheel (결정 돌림판) — wheel canvas + pointer only.
   The page shell, buttons, stepper, entry rows and switcher come from
   css/game.css, which is linked first. Shared by all 8 languages. */

.container {
  max-width: 480px;
}

.section-label {
  margin-bottom: 14px;
}

/* Pulled up under the stepper it explains. */
.hint-text {
  margin: -6px 0 14px;
}

/* Setup screen: name | weight, the weight column is a fixed narrow field. */
.entry-row {
  grid-template-columns: 1fr 84px;
}

.entry-weight {
  text-align: center;
  font-variant-numeric: tabular-nums;
}

/* Larger primary CTA — "spin" is the whole point of the page. */
.btn-primary {
  padding: 14px 40px;
  font-size: 1.05rem;
}

/* Wheel screen */
.wheel-wrap {
  position: relative;
  width: 100%;
  max-width: 380px;
  margin: 0 auto 4px;
}

#wheel {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  touch-action: manipulation;
}

/* Fixed pointer at the top, pointing down into the wheel. */
.wheel-pointer {
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 26px solid #34414d;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25));
  z-index: 2;
}

.result-text {
  margin: 14px 0;
  font-size: 1.15rem;
}

.wheel-actions {
  margin-top: 14px;
}