/* Hi-Lo Dice - big die + call buttons */
.hilo-arena { align-items: center; gap: 14px; }

.hl-die {
  font-size: clamp(96px, 26vw, 170px);
  line-height: 1;
  color: #f5f6fa;
  text-shadow: 0 10px 30px rgba(10, 169, 108, 0.45), 0 2px 0 #000;
  user-select: none;
  transition: transform 0.2s ease;
}
.hl-die.roll { animation: die-tumble 0.5s ease; }
@keyframes die-tumble {
  25% { transform: rotate(12deg) scale(1.08); }
  60% { transform: rotate(-9deg) scale(0.96); }
  100% { transform: none; }
}
.hl-payout { margin: 0; font-size: 0.78rem; font-weight: 700; color: var(--casino-muted, #9aa0b8); }

.hl-btns { display: flex; gap: 14px; width: min(460px, 94%); }
.hl-btn {
  flex: 1;
  padding: 16px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: 900;
  font-size: 1rem;
  letter-spacing: 0.6px;
  color: #06140d;
  cursor: pointer;
  transition: transform 0.12s ease, filter 0.12s ease;
}
.hl-btn small { display: block; font-size: 0.66rem; font-weight: 700; opacity: 0.8; }
.hl-btn.hi { background: linear-gradient(180deg, #2fd99a, #0a8f5c); }
.hl-btn.lo { background: linear-gradient(180deg, #ffd400, #e0a800); }
.hl-btn:not(:disabled):hover { transform: translateY(-2px); filter: brightness(1.08); }
.hl-btn:disabled { opacity: 0.45; cursor: not-allowed; }

@media (prefers-reduced-motion: reduce) {
  .hl-die.roll { animation: none; }
}