/* The existing result action remains a single button with its original handler. */
body[data-screen="roulette"]:has(#birthResultActions:not([hidden])) {
  --birth-result-action-height: 62px;
  --birth-result-action-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  --birth-result-action-clearance: calc(var(--birth-result-action-height) + 14px + var(--birth-result-action-bottom) + 24px);
}
body[data-screen="roulette"] #rouletteScreen:not([hidden]) #birthResultActions:not([hidden]) {
  position: fixed;
  z-index: 80;
  left: 50%;
  bottom: var(--birth-result-action-bottom);
  transform: translateX(-50%);
  box-sizing: border-box;
  width: min(420px, calc(100% - 24px));
  max-width: none;
  margin: 0;
  padding: 6px;
  background: rgba(23, 23, 25, .94);
  border: 1px solid #3c3c40;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .45);
}
body[data-screen="roulette"] #birthResultActions #acceptBirth {
  box-sizing: border-box;
  width: 100%;
  height: var(--birth-result-action-height);
  min-height: var(--birth-result-action-height);
  margin: 0;
  padding: 12px 14px;
  justify-content: center;
  text-align: center;
  white-space: normal;
  font-size: 15px;
  line-height: 20px;
}
body[data-screen="roulette"]:has(#birthResultActions:not([hidden])) #rouletteScreen:not([hidden]) {
  padding-bottom: var(--birth-result-action-clearance);
}
body[data-screen="roulette"]:has(#birthResultActions:not([hidden])) .site-footer {
  padding-bottom: var(--birth-result-action-clearance);
}