/* Premium prize labels: kept separate so the base visual remains easy to maintain. */
.segment-label {
  position: absolute;
  left: 50%;
  top: 50%;
  width: clamp(84px, 27vw, 112px);
  height: auto;
  min-height: 42px;
  transform-origin: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  pointer-events: none;
}

.segment-label span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 6px 8px;
  border: 1px solid #f4d98999;
  border-radius: 12px;
  background: linear-gradient(145deg, #050609ed, #211a0dd9);
  box-shadow: 0 5px 15px #000b, inset 0 1px 0 #fff2b066;
  font-family: Georgia, serif;
  font-size: clamp(10px, 2.75vw, 13px);
  line-height: 1.08;
  font-weight: 800;
  text-align: center;
  color: #fff6cf;
  text-shadow: 0 1px 3px #000, 0 0 10px #e5b54caa;
  letter-spacing: .01em;
}

.wheel {
  box-shadow: inset 0 0 0 2px #f6dc8a, inset 0 0 32px #000, 0 0 22px #c9933540;
}

.wheel-frame {
  box-shadow: 0 0 0 5px #17130c, 0 0 58px #d69d354f, inset 0 0 16px #fff7c7;
}

@media (max-width: 360px) {
  .segment-label { width: 82px; }
  .segment-label span { font-size: 10px; padding: 5px 6px; }
}