.fortuna-widget-root,
.fortuna-widget-root * {
  box-sizing: border-box !important;
}

.fortuna-widget-root {
  all: initial;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.fortuna-widget-root * {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
}

.fortuna-widget-button {
  position: fixed !important;
  z-index: 2147483000 !important;
  border: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.fortuna-widget-button svg {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 auto !important;
}

.fortuna-widget-button span {
  max-width: 130px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.fortuna-widget-button-right {
  right: 38px !important;
  bottom: 38px !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

.fortuna-widget-button-left {
  left: 38px !important;
  bottom: 38px !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}

.fortuna-widget-button-center {
  left: 50% !important;
  bottom: 38px !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
}

.fortuna-widget-button-circle {
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

.fortuna-widget-button-pill {
  min-width: 148px !important;
  height: 66px !important;
  border-radius: 999px !important;
}

.fortuna-widget-button-square {
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  border-radius: 22px !important;
}

.fortuna-widget-button-small.fortuna-widget-button-circle,
.fortuna-widget-button-small.fortuna-widget-button-square {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
}

.fortuna-widget-button-medium.fortuna-widget-button-circle,
.fortuna-widget-button-medium.fortuna-widget-button-square {
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
}

.fortuna-widget-button-large.fortuna-widget-button-circle,
.fortuna-widget-button-large.fortuna-widget-button-square {
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
}

.fortuna-widget-button-small.fortuna-widget-button-pill {
  height: 54px !important;
  min-width: 128px !important;
}

.fortuna-widget-button-medium.fortuna-widget-button-pill {
  height: 66px !important;
  min-width: 148px !important;
}

.fortuna-widget-button-large.fortuna-widget-button-pill {
  height: 78px !important;
  min-width: 168px !important;
}

.fortuna-widget-button-animated {
  animation: fortunaWidgetPulse 1.7s ease-in-out infinite !important;
}

@keyframes fortunaWidgetPulse {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -5px;
  }
}

.fortuna-widget-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483001 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(43, 48, 58, 0.34) !important;
  backdrop-filter: blur(3px) !important;
}

.fortuna-widget-overlay-open {
  display: flex !important;
}

.fortuna-widget-overlay-mascot-intro {
  overflow: hidden !important;
}

.fortuna-widget-modal {
  position: relative !important;
  width: min(760px, calc(100vw - 44px)) !important;
  min-height: 390px !important;
  display: grid !important;
  grid-template-columns: 285px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  border: 0 !important;
  box-shadow: 0 34px 90px rgba(15, 23, 42, 0.24) !important;
  transform: scale(0.9) !important;
  transform-origin: center !important;
}

.fortuna-widget-modal-mascot-pull-intro {
  will-change: transform !important;
}

.fortuna-widget-mascot-pull-intro {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 2147483004 !important;
  display: block !important;
  pointer-events: none !important;
  will-change: transform !important;
  filter: drop-shadow(0 18px 30px rgba(15, 23, 42, 0.22)) !important;
}

.fortuna-widget-mascot-pull-intro img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.fortuna-widget-modal-display-drum {
  width: min(840px, calc(100vw - 44px)) !important;
  grid-template-columns: 330px minmax(0, 1fr) !important;
}

.fortuna-widget-close {
  position: absolute !important;
  top: 26px !important;
  right: 26px !important;
  z-index: 8 !important;
  width: 50px !important;
  height: 50px !important;
  border: 0 !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  background: color-mix(in srgb, var(--fortuna-primary, #c68dff) 14%, white) !important;
  color: var(--fortuna-primary, #c68dff) !important;
  font-size: 34px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.fortuna-widget-left {
  position: relative !important;
  min-height: 390px !important;
  overflow: hidden !important;
}

.fortuna-widget-wheel-wrap {
  position: absolute !important;
  left: -154px !important;
  top: 50% !important;
  width: 390px !important;
  height: 390px !important;
  transform: translateY(-50%) !important;
}

.fortuna-widget-pointer {
  position: absolute !important;
  top: 50% !important;
  right: -34px !important;
  z-index: 7 !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 17px solid transparent !important;
  border-bottom: 17px solid transparent !important;
  border-left: 40px solid var(--fortuna-accent, #cbe857) !important;
  transform: translateY(-50%) !important;
}

.fortuna-widget-wheel {
  width: 100% !important;
  height: 100% !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  border-width: 18px !important;
  border-style: solid !important;
  border-color: var(--fortuna-primary, #b77cff) !important;
  background: transparent !important;
  transition: transform var(--fortuna-wheel-spin-duration, 8000ms) cubic-bezier(0.16, 0.86, 0.18, 1) !important;
}

.fortuna-widget-wheel-spinning {
  transform: rotate(1080deg) !important;
}

.fortuna-widget-drum-wrap {
  position: absolute !important;
  left: 24px !important;
  top: 0 !important;
  width: 240px !important;
  height: 100% !important;
  transform: none !important;
}

.fortuna-widget-drum {
  width: 100% !important;
  height: 100% !important;
}

.fortuna-widget-drum-window {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.fortuna-widget-drum-window::before,
.fortuna-widget-drum-window::after {
  display: none !important;
}

.fortuna-widget-drum-window::before {
  top: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.34), transparent) !important;
}

.fortuna-widget-drum-window::after {
  bottom: 0 !important;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.38), transparent) !important;
}

.fortuna-widget-drum-track {
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  transform: translateY(0);
  transition: transform var(--fortuna-wheel-spin-duration, 8000ms) cubic-bezier(0.16, 0.86, 0.18, 1) !important;
}

.fortuna-widget-drum-track-idle {
  animation: fortunaWidgetDrumIdleY 26s linear infinite !important;
}

.fortuna-widget-drum-card {
  position: relative !important;
  width: 220px !important;
  min-height: 220px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 12px !important;
  color: #07133d !important;
  text-align: center !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

.fortuna-widget-drum-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.62), transparent 52%),
    linear-gradient(315deg, rgba(120, 150, 235, 0.18), transparent 60%) !important;
  pointer-events: none !important;
}

.fortuna-widget-drum-icon {
  position: relative !important;
  z-index: 1 !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  color: var(--fortuna-primary, #c68dff) !important;
  box-shadow: none !important;
}

.fortuna-widget-drum-icon img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
}

.fortuna-widget-drum-icon svg {
  width: 52px !important;
  height: 52px !important;
}

.fortuna-widget-drum-icon-svg {
  width: 58px !important;
  height: 58px !important;
  display: block !important;
  overflow: visible !important;
}

.fortuna-widget-drum-icon-mask {
  width: 58px !important;
  height: 58px !important;
  display: block !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.fortuna-widget-drum-card strong {
  position: relative !important;
  z-index: 1 !important;
  max-width: calc(100% - 26px) !important;
  color: inherit !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

@keyframes fortunaWidgetDrumIdleY {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-50%);
  }
}

.fortuna-widget-wheel svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 999px !important;
}

.fortuna-widget-sector {
  stroke-width: 2.4 !important;
  vector-effect: non-scaling-stroke !important;
}

.fortuna-widget-wheel-text {
  font-weight: 950 !important;
  text-anchor: middle !important;
  dominant-baseline: middle !important;
  letter-spacing: -0.02em !important;
  pointer-events: none !important;
  text-shadow: none !important;
  paint-order: normal !important;
}

.fortuna-widget-right {
  min-width: 0 !important;
  padding: 70px 46px 34px 0 !important;
}

.fortuna-widget-title,
.fortuna-widget-result-title {
  margin: 0 !important;
  color: inherit !important;
  font-size: 32px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.06em !important;
  font-weight: 950 !important;
}

.fortuna-widget-title span,
.fortuna-widget-result-title span {
  display: block !important;
  margin-top: 8px !important;
}

.fortuna-widget-subtitle,
.fortuna-widget-result-text {
  margin: 18px 0 0 !important;
  color: inherit !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  opacity: 0.68 !important;
  font-weight: 750 !important;
}

.fortuna-widget-fields {
  display: grid !important;
  gap: 14px !important;
  margin-top: 30px !important;
}

.fortuna-widget-input {
  width: 100% !important;
  height: 54px !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 0 18px !important;
  outline: none !important;
  background: #eeeeef !important;
  color: #323843 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.fortuna-widget-input::placeholder {
  color: rgba(50, 56, 67, 0.48) !important;
  opacity: 1 !important;
}

.fortuna-widget-submit {
  height: 58px !important;
  border: 0 !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: var(--fortuna-accent, #cbe857) !important;
  color: #323843 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.fortuna-widget-submit svg {
  width: 23px !important;
  height: 23px !important;
}

.fortuna-widget-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  opacity: 0.48 !important;
}

.fortuna-widget-consent-mark {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 auto !important;
  border-radius: 9px !important;
  border: 2px solid currentColor !important;
  opacity: 0.45 !important;
}

.fortuna-widget-consent small {
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 650 !important;
}

.fortuna-widget-result {
  min-height: 256px !important;
  display: none !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.fortuna-widget-result-open {
  display: flex !important;
}

.fortuna-widget-form-hidden {
  display: none !important;
}

.fortuna-widget-promo {
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 20px !important;
  border-radius: 16px !important;
  padding: 12px 16px !important;
  border: 1px solid currentColor !important;
}

.fortuna-widget-promo small {
  display: block !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 0.55 !important;
}

.fortuna-widget-promo strong {
  display: block !important;
  margin-top: 4px !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
}

.fortuna-widget-error {
  margin-top: 10px !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  display: none !important;
  background: rgba(244, 63, 94, 0.15) !important;
  color: #be123c !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
}

.fortuna-widget-error-open {
  display: block !important;
}

@media (max-width: 680px) {
  .fortuna-widget-overlay {
    align-items: center !important;
    padding: 14px !important;
  }

  .fortuna-widget-modal {
    width: min(360px, calc(100vw - 28px)) !important;
    min-height: 560px !important;
    max-height: calc(100vh - 28px) !important;
    grid-template-columns: 1fr !important;
    overflow: auto !important;
    border-radius: 26px !important;
    transform: scale(1) !important;
  }

  .fortuna-widget-left {
    min-height: 210px !important;
  }

  .fortuna-widget-modal-display-drum .fortuna-widget-left {
    min-height: 262px !important;
    overflow: hidden !important;
  }

  .fortuna-widget-wheel-wrap {
    left: 50% !important;
    top: -205px !important;
    width: 390px !important;
    height: 390px !important;
    transform: translateX(-50%) !important;
  }

  .fortuna-widget-pointer {
    top: auto !important;
    right: 50% !important;
    bottom: -31px !important;
    transform: translateX(50%) rotate(90deg) !important;
  }

  .fortuna-widget-drum-wrap {
    left: 50% !important;
    top: 28px !important;
    width: 560px !important;
    max-width: none !important;
    height: 172px !important;
    transform: translateX(-50%) !important;
  }

  .fortuna-widget-modal-display-drum .fortuna-widget-pointer {
    top: auto !important;
    right: 50% !important;
    bottom: 18px !important;
    border-left: 13px solid transparent !important;
    border-right: 13px solid transparent !important;
    border-top: 0 !important;
    border-bottom: 28px solid var(--fortuna-accent, #cbe857) !important;
    transform: translateX(50%) !important;
  }

  .fortuna-widget-modal-display-drum .fortuna-widget-drum-track {
    display: flex !important;
    width: max-content !important;
    height: 100% !important;
  }

  .fortuna-widget-modal-display-drum .fortuna-widget-drum-track-idle {
    animation: fortunaWidgetDrumIdleX 26s linear infinite !important;
  }

  .fortuna-widget-modal-display-drum .fortuna-widget-drum-card {
    width: 172px !important;
    min-height: 100% !important;
    flex: 0 0 172px !important;
  }

  .fortuna-widget-right {
    padding: 14px 24px 30px !important;
  }

  .fortuna-widget-title,
  .fortuna-widget-result-title {
    font-size: 28px !important;
  }

  .fortuna-widget-button-right {
    right: 16px !important;
    bottom: 16px !important;
  }

  .fortuna-widget-button-left {
    left: 16px !important;
    bottom: 16px !important;
  }

  .fortuna-widget-button-center {
    bottom: 16px !important;
  }
}

@keyframes fortunaWidgetDrumIdleX {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* ===== Production design styles ===== */

.fortuna-widget-modal-style-classic {
  isolation: isolate !important;
}

.fortuna-widget-modal-style-liquid_glass {
  background: color-mix(in srgb, var(--fortuna-popup-bg, #ffffff) 55%, transparent) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 40, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(32px) saturate(150%) !important;
}

.fortuna-widget-modal-style-liquid_glass::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.22) 0%, transparent 45%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.fortuna-widget-modal-style-liquid_glass .fortuna-widget-input {
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  background: rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

.fortuna-widget-modal-style-liquid_glass .fortuna-widget-submit {
  background: color-mix(in srgb, var(--fortuna-accent) 52%, transparent) !important;
  backdrop-filter: blur(20px) saturate(130%) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow:
    0 10px 28px color-mix(in srgb, var(--fortuna-accent) 22%, transparent),
    inset 0 1.5px 0 rgba(255, 255, 255, 0.55) !important;
}

.fortuna-widget-modal-style-liquid_glass .fortuna-widget-wheel {
  border-color: color-mix(in srgb, var(--fortuna-primary) 52%, rgba(255, 255, 255, 0.8)) !important;
  box-shadow:
    inset 0 0 28px rgba(255, 255, 255, 0.14),
    0 0 20px color-mix(in srgb, var(--fortuna-primary) 24%, transparent) !important;
}

.fortuna-widget-modal-style-liquid_glass .fortuna-widget-wheel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.08) 38%, transparent 60%) !important;
  z-index: 9 !important;
  pointer-events: none !important;
}

.fortuna-widget-modal-style-bold_doodle {
  border: 4px solid var(--fortuna-primary, #013cd5) !important;
  background: var(--fortuna-popup-bg, #f5efe4) !important;
  border-radius: 6px !important;
  box-shadow: 7px 7px 0 var(--fortuna-primary, #013cd5) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.fortuna-widget-modal-style-bold_doodle::before {
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  width: 44px !important;
  height: 44px !important;
  border: 6px solid var(--fortuna-accent, #ffd93d) !important;
  border-left-color: transparent !important;
  border-radius: 999px !important;
  transform: rotate(18deg) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.fortuna-widget-modal-style-bold_doodle::after {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  bottom: 18px !important;
  width: 58px !important;
  height: 34px !important;
  border: 6px solid var(--fortuna-accent, #ffd93d) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-radius: 0 0 0 22px !important;
  transform: rotate(-10deg) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-left,
.fortuna-widget-modal-style-bold_doodle .fortuna-widget-right {
  position: relative !important;
  z-index: 1 !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-title,
.fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title {
  text-transform: uppercase !important;
  letter-spacing: -0.05em !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-input {
  border: 2px solid color-mix(in srgb, var(--fortuna-primary) 20%, transparent) !important;
  background: color-mix(in srgb, var(--fortuna-popup-bg) 70%, white) !important;
  color: var(--fortuna-popup-text, #0d1a2e) !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-submit {
  border: 2px solid var(--fortuna-primary, #013cd5) !important;
  box-shadow: 3px 3px 0 var(--fortuna-primary, #013cd5) !important;
}

.fortuna-widget-modal-style-premium {
  background:
    radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--fortuna-primary, #c8973a) 25%, transparent), transparent 55%),
    var(--fortuna-popup-bg, #0e0910) !important;
  border: 1px solid color-mix(in srgb, var(--fortuna-primary, #c8973a) 30%, transparent) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 32px 80px rgba(0, 0, 0, 0.55) !important;
  color: var(--fortuna-popup-text, #f5edd8) !important;
}

.fortuna-widget-modal-style-premium::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--fortuna-primary, #c8973a) 55%, transparent), transparent) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.fortuna-widget-modal-style-premium::after {
  content: "" !important;
  position: absolute !important;
  inset: 16px !important;
  border-radius: 22px !important;
  border: 1px solid color-mix(in srgb, var(--fortuna-primary, #c8973a) 12%, transparent) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.fortuna-widget-modal-style-premium .fortuna-widget-left,
.fortuna-widget-modal-style-premium .fortuna-widget-right {
  position: relative !important;
  z-index: 1 !important;
}

.fortuna-widget-modal-style-premium .fortuna-widget-input {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid color-mix(in srgb, var(--fortuna-primary, #c8973a) 25%, transparent) !important;
  color: var(--fortuna-popup-text, #f5edd8) !important;
}

.fortuna-widget-modal-style-premium .fortuna-widget-input::placeholder {
  color: color-mix(in srgb, var(--fortuna-popup-text, #f5edd8) 72%, transparent) !important;
  opacity: 1 !important;
}

.fortuna-widget-modal-style-premium .fortuna-widget-submit {
  background: linear-gradient(135deg, var(--fortuna-primary, #c89040), var(--fortuna-accent, #e8b060)) !important;
  color: color-mix(in srgb, var(--fortuna-popup-bg, #0e0910) 95%, white) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--fortuna-primary, #c89040) 32%, transparent) !important;
}

.fortuna-widget-modal-style-editorial {
  background: var(--fortuna-popup-bg, #fafaf8) !important;
  border: 1px solid color-mix(in srgb, var(--fortuna-popup-text, #111111) 10%, transparent) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1) !important;
  color: var(--fortuna-popup-text, #111111) !important;
}

.fortuna-widget-modal-style-editorial::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 3px !important;
  background: var(--fortuna-primary, #111111) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.fortuna-widget-modal-style-editorial .fortuna-widget-title,
.fortuna-widget-modal-style-editorial .fortuna-widget-result-title {
  text-transform: uppercase !important;
  letter-spacing: -0.055em !important;
}

.fortuna-widget-modal-style-editorial .fortuna-widget-input {
  background: color-mix(in srgb, var(--fortuna-popup-text, #111111) 7%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fortuna-popup-text, #111111) 12%, transparent) !important;
  color: var(--fortuna-popup-text, #111111) !important;
}

.fortuna-widget-modal-style-editorial .fortuna-widget-submit {
  border-radius: 999px !important;
}

/* ===== Wheel label readability fix ===== */

.fortuna-widget-wheel-text {
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

/* ===== Bold Doodle system SVG assets ===== */

.fortuna-widget-modal-style-bold_doodle {
  border: 4px solid var(--fortuna-primary, #013cd5) !important;
  background: var(--fortuna-popup-bg, #f5efe4) !important;
  border-radius: 6px !important;
  box-shadow: 7px 7px 0 var(--fortuna-primary, #013cd5) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.fortuna-widget-modal-style-bold_doodle::before,
.fortuna-widget-modal-style-bold_doodle::after {
  content: none !important;
}

.fortuna-widget-doodle-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.fortuna-widget-doodle {
  position: absolute !important;
  display: block !important;
  background-color: var(--fortuna-accent, #013cd5) !important;
  opacity: 0.82 !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-position: center !important;
}

.fortuna-widget-doodle-1 {
  width: 66px !important;
  aspect-ratio: 147 / 125 !important;
  top: -8px !important;
  left: -8px !important;
  transform: rotate(-5deg) !important;
  mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/1.svg") !important;
  -webkit-mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/1.svg") !important;
}

.fortuna-widget-doodle-2 {
  width: 72px !important;
  aspect-ratio: 172 / 153 !important;
  top: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(3deg) !important;
  mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/2.svg") !important;
  -webkit-mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/2.svg") !important;
}

.fortuna-widget-doodle-3 {
  width: 68px !important;
  aspect-ratio: 162 / 144 !important;
  top: -4px !important;
  right: 6px !important;
  transform: rotate(8deg) !important;
  mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/3.svg") !important;
  -webkit-mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/3.svg") !important;
}

.fortuna-widget-doodle-4 {
  width: 52px !important;
  aspect-ratio: 123 / 132 !important;
  top: 50% !important;
  left: 8px !important;
  transform: translateY(-50%) rotate(-6deg) !important;
  mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/4.svg") !important;
  -webkit-mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/4.svg") !important;
}

.fortuna-widget-doodle-5 {
  width: 80px !important;
  aspect-ratio: 204 / 147 !important;
  bottom: -10px !important;
  left: 8px !important;
  transform: rotate(4deg) !important;
  mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/5.svg") !important;
  -webkit-mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/5.svg") !important;
}

.fortuna-widget-doodle-6 {
  width: 64px !important;
  aspect-ratio: 179 / 128 !important;
  top: 50% !important;
  right: 4px !important;
  transform: translateY(-60%) rotate(10deg) !important;
  mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/6.svg") !important;
  -webkit-mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/6.svg") !important;
}

.fortuna-widget-doodle-7 {
  width: 60px !important;
  aspect-ratio: 148 / 93 !important;
  bottom: -6px !important;
  right: 10px !important;
  transform: rotate(-8deg) !important;
  mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/7.svg") !important;
  -webkit-mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/7.svg") !important;
}

.fortuna-widget-doodle-8 {
  width: 72px !important;
  aspect-ratio: 177 / 84 !important;
  bottom: -4px !important;
  left: 50% !important;
  transform: translateX(-40%) rotate(-3deg) !important;
  mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/8.svg") !important;
  -webkit-mask-image: url("https://fortuna.jetnex.ru/api/public/assets/system/design-assets/bold-doodle/8.svg") !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-left,
.fortuna-widget-modal-style-bold_doodle .fortuna-widget-right,
.fortuna-widget-modal-style-bold_doodle .fortuna-widget-close {
  position: relative !important;
  z-index: 1 !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-wheel {
  filter: drop-shadow(5px 5px 0 rgba(1, 60, 213, 0.28)) !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-submit,
.fortuna-widget-modal-style-bold_doodle .fortuna-widget-button {
  border: 2px solid var(--fortuna-primary, #013cd5) !important;
  box-shadow: 3px 3px 0 var(--fortuna-primary, #013cd5) !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-title,
.fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title {
  text-transform: uppercase !important;
  letter-spacing: -0.05em !important;
}

.fortuna-widget-modal-style-bold_doodle .fortuna-widget-input {
  border: 2px solid rgba(1, 60, 213, 0.20) !important;
}

/* ===== Wheel opener button shape ===== */

.fortuna-widget-button-wheel {
  width: 96px !important;
  height: 76px !important;
  min-width: 96px !important;
  padding: 10px !important;
  border-radius: 9px !important;
  background: var(--fortuna-primary, #b77cff) !important;
  color: #111827 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
  transform-origin: center !important;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease !important;
}

.fortuna-widget-button-wheel:hover {
  transform: scale(1.12) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.32) !important;
  filter: saturate(1.08) !important;
}

.fortuna-widget-button-left.fortuna-widget-button-wheel:hover,
.fortuna-widget-button-right.fortuna-widget-button-wheel:hover {
  transform: scale(1.12) !important;
}

.fortuna-widget-button-center.fortuna-widget-button-wheel:hover {
  transform: translateX(-50%) scale(1.12) !important;
}

.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

.fortuna-widget-button-wheel-icon {
  position: relative !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  border: 2px solid #111827 !important;
  overflow: hidden !important;
  background:
    conic-gradient(
      #ff7a7a 0deg 60deg,
      #ffe46b 60deg 120deg,
      #bdf3ff 120deg 180deg,
      #a6d8ff 180deg 240deg,
      #b77cff 240deg 300deg,
      #cbe857 300deg 360deg
    ) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.62),
    0 2px 0 rgba(0, 0, 0, 0.16) !important;
}

.fortuna-widget-button-wheel-icon::before,
.fortuna-widget-button-wheel-icon::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  background: #111827 !important;
  opacity: 0.96 !important;
  transform-origin: center !important;
  z-index: 1 !important;
}

.fortuna-widget-button-wheel-icon::before {
  width: 1.5px !important;
  height: 100% !important;
}

.fortuna-widget-button-wheel-icon::after {
  width: 100% !important;
  height: 1.5px !important;
  transform: rotate(45deg) !important;
}

.fortuna-widget-button-wheel-center {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: var(--fortuna-accent, #cbe857) !important;
  border: 2px solid #111827 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
}

.fortuna-widget-button-small.fortuna-widget-button-wheel {
  width: 74px !important;
  height: 58px !important;
  min-width: 74px !important;
  padding: 7px !important;
}

.fortuna-widget-button-small.fortuna-widget-button-wheel .fortuna-widget-button-wheel-icon {
  width: 40px !important;
  height: 40px !important;
  border-width: 2px !important;
}

.fortuna-widget-button-medium.fortuna-widget-button-wheel {
  width: 96px !important;
  height: 76px !important;
  min-width: 96px !important;
}

.fortuna-widget-button-large.fortuna-widget-button-wheel {
  width: 114px !important;
  height: 90px !important;
  min-width: 114px !important;
  border-radius: 10px !important;
}

.fortuna-widget-button-large.fortuna-widget-button-wheel .fortuna-widget-button-wheel-icon {
  width: 62px !important;
  height: 62px !important;
}

.fortuna-widget-button-xl.fortuna-widget-button-wheel {
  width: 134px !important;
  height: 106px !important;
  min-width: 134px !important;
  border-radius: 12px !important;
}

.fortuna-widget-button-xl.fortuna-widget-button-wheel .fortuna-widget-button-wheel-icon {
  width: 74px !important;
  height: 74px !important;
}

.fortuna-widget-button-top-left {
  left: 38px !important;
  top: 38px !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.fortuna-widget-button-top-center {
  left: 50% !important;
  top: 38px !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
}

.fortuna-widget-button-top-center.fortuna-widget-button-wheel:hover {
  transform: translateX(-50%) scale(1.12) !important;
}

.fortuna-widget-button-top-right {
  right: 38px !important;
  top: 38px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.fortuna-widget-button-bottom-left {
  left: 38px !important;
  bottom: 38px !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}

.fortuna-widget-button-bottom-center {
  left: 50% !important;
  bottom: 38px !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
}

.fortuna-widget-button-bottom-center.fortuna-widget-button-wheel:hover {
  transform: translateX(-50%) scale(1.12) !important;
}

.fortuna-widget-button-bottom-right {
  right: 38px !important;
  bottom: 38px !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

@keyframes fortunaWidgetWheelSpin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* ===== Side-attached opener positions ===== */

.fortuna-widget-button-left {
  left: 0 !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}

.fortuna-widget-button-right {
  right: 0 !important;
  left: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}

.fortuna-widget-button-left.fortuna-widget-button-wheel {
  border-radius: 0 18px 18px 0 !important;
}

.fortuna-widget-button-right.fortuna-widget-button-wheel {
  border-radius: 18px 0 0 18px !important;
}

.fortuna-widget-button-left.fortuna-widget-button-wheel:hover {
  transform: translateY(-50%) scale(1.08) !important;
}

.fortuna-widget-button-right.fortuna-widget-button-wheel:hover {
  transform: translateY(-50%) scale(1.08) !important;
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaWidgetPulseSideLeft 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaWidgetPulseSideRight 1.7s ease-in-out infinite !important;
}

@keyframes fortunaWidgetPulseSideLeft {
  0%,
  100% {
    transform: translateY(-50%) translateX(0);
  }

  50% {
    transform: translateY(-50%) translateX(5px);
  }
}

@keyframes fortunaWidgetPulseSideRight {
  0%,
  100% {
    transform: translateY(-50%) translateX(0);
  }

  50% {
    transform: translateY(-50%) translateX(-5px);
  }
}

@media (max-width: 640px) {
  .fortuna-widget-button-left,
  .fortuna-widget-button-right {
    top: 50% !important;
    bottom: auto !important;
  }
}


.fortuna-widget-close:hover {
  background: var(--fortuna-primary, #c68dff) !important;
  color: #ffffff !important;
}

/* ===== Bold doodle desktop layout fix ===== */

@media (min-width: 681px) {
  .fortuna-widget-modal.fortuna-widget-modal-style-bold_doodle {
    width: min(920px, calc(100vw - 48px)) !important;
    min-height: 390px !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: 252px minmax(0, 1fr) !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    transform: scale(0.9) !important;
  }

  .fortuna-widget-modal-style-bold_doodle .fortuna-widget-left {
    min-height: 390px !important;
    overflow: hidden !important;
  }

  .fortuna-widget-modal-style-bold_doodle .fortuna-widget-wheel-wrap {
    position: absolute !important;
    left: -154px !important;
    top: 50% !important;
    width: 390px !important;
    height: 390px !important;
    transform: translateY(-50%) !important;
  }

  .fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer {
    top: 50% !important;
    right: -34px !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    border-top: 17px solid transparent !important;
    border-bottom: 17px solid transparent !important;
    border-left: 40px solid var(--fortuna-accent, #cbe857) !important;
    border-right: 0 !important;
  }

  .fortuna-widget-modal-style-bold_doodle .fortuna-widget-right {
    min-width: 0 !important;
    padding: 76px 52px 46px 44px !important;
  }

  .fortuna-widget-modal-style-bold_doodle .fortuna-widget-title,
  .fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title {
    font-size: 34px !important;
    line-height: 0.98 !important;
  }

  .fortuna-widget-modal-style-bold_doodle .fortuna-widget-input,
  .fortuna-widget-modal-style-bold_doodle .fortuna-widget-submit {
    width: 100% !important;
  }
}

/* ===== Force bold doodle to match editor desktop layout ===== */

.fortuna-widget-overlay .fortuna-widget-modal.fortuna-widget-modal-style-bold_doodle {
  width: min(920px, calc(100vw - 48px)) !important;
  min-height: 390px !important;
  max-height: calc(100vh - 48px) !important;
  display: grid !important;
  grid-template-columns: 252px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  transform: scale(0.9) !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-left {
  position: relative !important;
  min-height: 390px !important;
  overflow: hidden !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-wheel-wrap {
  position: absolute !important;
  left: -154px !important;
  top: 50% !important;
  width: 390px !important;
  height: 390px !important;
  transform: translateY(-50%) !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer {
  position: absolute !important;
  top: 50% !important;
  right: -34px !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  border-top: 17px solid transparent !important;
  border-bottom: 17px solid transparent !important;
  border-left: 40px solid var(--fortuna-accent, #cbe857) !important;
  border-right: 0 !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-right {
  min-width: 0 !important;
  padding: 76px 52px 46px 44px !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-title,
.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title {
  font-size: 34px !important;
  line-height: 0.98 !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-title span,
.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title span {
  display: block !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-fields {
  max-width: 100% !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-input,
.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-submit {
  width: 100% !important;
}

/* Real mobile layout only for very small screens */
@media (max-width: 520px) {
  .fortuna-widget-overlay .fortuna-widget-modal.fortuna-widget-modal-style-bold_doodle {
    width: min(360px, calc(100vw - 28px)) !important;
    min-height: 560px !important;
    max-height: calc(100vh - 28px) !important;
    grid-template-columns: 1fr !important;
    overflow: auto !important;
    border-radius: 18px !important;
    transform: scale(1) !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-left {
    min-height: 210px !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-wheel-wrap {
    left: 50% !important;
    top: -205px !important;
    width: 390px !important;
    height: 390px !important;
    transform: translateX(-50%) !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer {
    top: auto !important;
    right: 50% !important;
    bottom: -31px !important;
    transform: translateX(50%) rotate(90deg) !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-right {
    padding: 14px 24px 30px !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-title,
  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title {
    font-size: 28px !important;
  }
}

/* ===== Final bold doodle layout lock ===== */

.fortuna-widget-overlay .fortuna-widget-modal.fortuna-widget-modal-style-bold_doodle {
  width: min(920px, calc(100vw - 48px)) !important;
  min-height: 390px !important;
  max-height: calc(100vh - 48px) !important;
  display: grid !important;
  grid-template-columns: 252px minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  transform: scale(0.9) !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-left {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  min-height: 390px !important;
  height: 100% !important;
  overflow: hidden !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-right {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  align-self: center !important;
  padding: 56px 52px 46px 44px !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-wheel-wrap {
  position: absolute !important;
  left: -154px !important;
  top: 50% !important;
  width: 390px !important;
  height: 390px !important;
  transform: translateY(-50%) !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer {
  position: absolute !important;
  top: 50% !important;
  right: -34px !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  border-top: 17px solid transparent !important;
  border-bottom: 17px solid transparent !important;
  border-left: 40px solid var(--fortuna-accent, #cbe857) !important;
  border-right: 0 !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-title,
.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title {
  font-size: 34px !important;
  line-height: 0.98 !important;
  max-width: 520px !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-title span,
.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title span {
  display: block !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-fields {
  max-width: 520px !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-input,
.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-submit {
  width: 100% !important;
}

/* ===== Bold doodle close button and pointer final fix ===== */

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-close {
  position: absolute !important;
  top: 26px !important;
  right: 26px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 30 !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-left {
  overflow: visible !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer {
  z-index: 20 !important;
  right: -42px !important;
}

.fortuna-widget-overlay .fortuna-widget-modal.fortuna-widget-modal-style-bold_doodle {
  overflow: hidden !important;
}

/* ===== Final bold doodle mobile layout restore ===== */

@media (max-width: 680px) {
  .fortuna-widget-overlay .fortuna-widget-modal.fortuna-widget-modal-style-bold_doodle {
    width: min(360px, calc(100vw - 28px)) !important;
    min-height: auto !important;
    max-height: calc(100vh - 28px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 245px auto !important;
    overflow: auto !important;
    border-radius: 18px !important;
    transform: scale(1) !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 40 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
    font-size: 30px !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-left {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 245px !important;
    height: 245px !important;
    overflow: hidden !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-wheel-wrap {
    position: absolute !important;
    left: 50% !important;
    top: -245px !important;
    width: 430px !important;
    height: 430px !important;
    transform: translateX(-50%) !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer {
    position: absolute !important;
    top: auto !important;
    right: 50% !important;
    bottom: -36px !important;
    z-index: 20 !important;
    transform: translateX(50%) rotate(90deg) !important;
    border-top: 17px solid transparent !important;
    border-bottom: 17px solid transparent !important;
    border-left: 40px solid var(--fortuna-accent, #cbe857) !important;
    border-right: 0 !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-right {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    align-self: stretch !important;
    padding: 30px 26px 32px !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-title,
  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-title {
    font-size: 31px !important;
    line-height: 0.98 !important;
    max-width: 100% !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-subtitle,
  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-result-text {
    max-width: 100% !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-fields {
    max-width: 100% !important;
  }

  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-input,
  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-submit {
    width: 100% !important;
  }
}

.fortuna-widget-consent-link {
  color: var(--fortuna-primary, #c68dff) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-weight: 800 !important;
}

/* ===== Required consent checkbox ===== */

.fortuna-widget-consent {
  cursor: pointer !important;
}

.fortuna-widget-consent-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.fortuna-widget-consent-checkbox:checked + .fortuna-widget-consent-mark {
  background: var(--fortuna-primary, #c68dff) !important;
  border-color: var(--fortuna-primary, #c68dff) !important;
  opacity: 1 !important;
}

.fortuna-widget-consent-checkbox:checked + .fortuna-widget-consent-mark::after {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 4px !important;
  width: 6px !important;
  height: 11px !important;
  border-right: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
  transform: rotate(45deg) !important;
}

.fortuna-widget-consent-mark {
  position: relative !important;
}

/* ===== Result link button ===== */

.fortuna-widget-result-link {
  display: none !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 20px !important;
  min-height: 52px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--fortuna-primary, #c68dff) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease !important;
}

.fortuna-widget-result-link:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.24) !important;
}

/* ===== Result reward link button ===== */

.fortuna-widget-result-link {
  display: none !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 20px !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--fortuna-primary, #c68dff) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease !important;
}

.fortuna-widget-result-link:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.24) !important;
}

/* ===== Result reward link should look like main widget button ===== */

.fortuna-widget-result-link {
  display: none !important;
  width: 100% !important;
  min-height: 58px !important;
  margin-top: 20px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 16px !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--fortuna-accent, #cbe857) !important;
  color: #323843 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.fortuna-widget-result-link:hover {
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

/* ===== Result spacing and reward button final override ===== */

.fortuna-widget-result-title {
  margin-bottom: 18px !important;
}

.fortuna-widget-result-text {
  margin: 0 0 22px !important;
}

.fortuna-widget-result-link,
.fortuna-widget-result-link:link,
.fortuna-widget-result-link:visited,
.fortuna-widget-result-link:hover,
.fortuna-widget-result-link:active {
  display: none !important;
  width: 100% !important;
  min-height: 58px !important;
  margin-top: 22px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 16px !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--fortuna-accent, #cbe857) !important;
  color: #323843 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.fortuna-widget-result-link:hover {
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

/* ===== Win confetti ===== */

.fortuna-widget-confetti {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483005 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.fortuna-widget-confetti-piece {
  position: absolute !important;
  top: -22px !important;
  left: var(--fortuna-confetti-left, 50%) !important;
  width: var(--fortuna-confetti-size, 10px) !important;
  height: calc(var(--fortuna-confetti-size, 10px) * 1.55) !important;
  opacity: 0 !important;
  transform: translate3d(0, 0, 0) rotate(0deg) !important;
  animation: fortunaWidgetConfettiFall var(--fortuna-confetti-duration, 1.8s) ease-out var(--fortuna-confetti-delay, 0s) forwards !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
}

@keyframes fortunaWidgetConfettiFall {
  0% {
    opacity: 0 !important;
    transform: translate3d(0, -10px, 0) rotate(0deg) scale(0.75) !important;
  }

  12% {
    opacity: 1 !important;
  }

  100% {
    opacity: 0 !important;
    transform: translate3d(var(--fortuna-confetti-drift, 0px), 104vh, 0) rotate(var(--fortuna-confetti-rotate, 360deg)) scale(1) !important;
  }
}

/* ===== Final wheel geometry: smaller hub, thinner rim, correct pointer direction ===== */

.fortuna-widget-overlay .fortuna-widget-wheel {
  border-width: 8px !important;
}

.fortuna-widget-overlay .fortuna-widget-sector {
  stroke-width: 1.7 !important;
}

.fortuna-widget-overlay .fortuna-widget-pointer,
.fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer,
.fortuna-widget-overlay .fortuna-widget-modal.fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer {
  width: 34px !important;
  height: 30px !important;
  top: 50% !important;
  right: -18px !important;
  bottom: auto !important;
  z-index: 30 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--fortuna-accent, #cbe857) !important;
  clip-path: polygon(0 50%, 100% 0, 100% 100%) !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 680px) {
  .fortuna-widget-overlay .fortuna-widget-pointer,
  .fortuna-widget-overlay .fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer,
  .fortuna-widget-overlay .fortuna-widget-modal.fortuna-widget-modal-style-bold_doodle .fortuna-widget-pointer {
    top: auto !important;
    right: 50% !important;
    bottom: 18px !important;
    width: 30px !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: var(--fortuna-accent, #cbe857) !important;
    clip-path: polygon(50% 0, 0 100%, 100% 100%) !important;
    transform: translateX(50%) !important;
  }
}

/* ===== Final adaptive wheel text alignment ===== */

.fortuna-widget-overlay .fortuna-widget-wheel-text {
  text-anchor: middle !important;
  dominant-baseline: middle !important;
  paint-order: normal !important;
  text-shadow: none !important;
}

/* ===== Final two-line wheel labels ===== */
.fortuna-widget-overlay .fortuna-widget-wheel-text {
  text-anchor: middle !important;
  dominant-baseline: middle !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
}

/* ===== Final opener animation lock ===== */

.fortuna-widget-button-animated {
  animation: fortunaWidgetFinalButtonPulse 1.7s ease-in-out infinite !important;
  transform-origin: center center !important;
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation-name: fortunaWidgetFinalButtonLeftPulse !important;
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation-name: fortunaWidgetFinalButtonRightPulse !important;
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation-name: fortunaWidgetFinalButtonCenterPulse !important;
}

@keyframes fortunaWidgetFinalButtonPulse {
  0%,
  100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }

  50% {
    transform: translateY(-6px) scale(1.06);
    filter: brightness(1.08);
  }
}

@keyframes fortunaWidgetFinalButtonLeftPulse {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) scale(1);
    filter: brightness(1);
  }

  50% {
    transform: translateY(-50%) translateX(7px) scale(1.06);
    filter: brightness(1.08);
  }
}

@keyframes fortunaWidgetFinalButtonRightPulse {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) scale(1);
    filter: brightness(1);
  }

  50% {
    transform: translateY(-50%) translateX(-7px) scale(1.06);
    filter: brightness(1.08);
  }
}

@keyframes fortunaWidgetFinalButtonCenterPulse {
  0%,
  100% {
    transform: translateX(-50%) translateY(0) scale(1);
    filter: brightness(1);
  }

  50% {
    transform: translateX(-50%) translateY(-7px) scale(1.06);
    filter: brightness(1.08);
  }
}

.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetFinalWheelIconSpin 2.2s linear infinite !important;
}

@keyframes fortunaWidgetFinalWheelIconSpin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* ===== Final opener button animation: match editor behavior ===== */

/* Колёсико внутри кнопки НЕ крутится от настройки "Анимация кнопки" */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

/* Колёсико внутри кнопки крутится только при наведении */
.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* Базовая анимация всей кнопки, как в редакторе */
.fortuna-widget-button-animated {
  animation: fortunaButtonPulse 1.7s ease-in-out infinite !important;
}

/* Обычные позиции без translateX/translateY */
@keyframes fortunaButtonPulse {
  0%,
  100% {
    transform: translateY(0) !important;
  }

  50% {
    transform: translateY(-5px) !important;
  }
}

/* Центральные позиции: сохраняем translateX(-50%) */
.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaButtonPulseCenter 1.7s ease-in-out infinite !important;
}

@keyframes fortunaButtonPulseCenter {
  0%,
  100% {
    transform: translateX(-50%) translateY(0) !important;
  }

  50% {
    transform: translateX(-50%) translateY(-5px) !important;
  }
}

/* Боковая кнопка слева: сохраняем translateY(-50%) */
.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaButtonPulseSideLeft 1.7s ease-in-out infinite !important;
}

@keyframes fortunaButtonPulseSideLeft {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(5px) !important;
  }
}

/* Боковая кнопка справа: сохраняем translateY(-50%) */
.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaButtonPulseSideRight 1.7s ease-in-out infinite !important;
}

@keyframes fortunaButtonPulseSideRight {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(-5px) !important;
  }
}

/* ===== FINAL FIX: client opener button animation without position jump ===== */

.fortuna-widget-button-animated {
  animation: fortunaButtonFloatDefault 1.7s ease-in-out infinite !important;
}

@keyframes fortunaButtonFloatDefault {
  0%,
  100% {
    transform: translateY(0) !important;
  }

  50% {
    transform: translateY(-5px) !important;
  }
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaButtonFloatLeft 1.7s ease-in-out infinite !important;
}

@keyframes fortunaButtonFloatLeft {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(6px) !important;
  }
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaButtonFloatRight 1.7s ease-in-out infinite !important;
}

@keyframes fortunaButtonFloatRight {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(-6px) !important;
  }
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaButtonFloatCenter 1.7s ease-in-out infinite !important;
}

@keyframes fortunaButtonFloatCenter {
  0%,
  100% {
    transform: translateX(-50%) translateY(0) !important;
  }

  50% {
    transform: translateX(-50%) translateY(-5px) !important;
  }
}

/* колесико внутри кнопки не крутится постоянно от настройки анимации */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

/* колесико внутри кнопки крутится только при наведении */
.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== Final Fortuna client opener animation ===== */

.fortuna-widget-button {
  transform-origin: center !important;
  will-change: transform !important;
}

.fortuna-widget-button-animated {
  animation: fortunaWidgetButtonFloat 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaWidgetButtonFloatLeft 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaWidgetButtonFloatRight 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaWidgetButtonFloatCenter 1.7s ease-in-out infinite !important;
}

@keyframes fortunaWidgetButtonFloat {
  0%,
  100% {
    transform: translateY(0) !important;
  }

  50% {
    transform: translateY(-5px) !important;
  }
}

@keyframes fortunaWidgetButtonFloatLeft {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(5px) !important;
  }
}

@keyframes fortunaWidgetButtonFloatRight {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(-5px) !important;
  }
}

@keyframes fortunaWidgetButtonFloatCenter {
  0%,
  100% {
    transform: translateX(-50%) translateY(0) !important;
  }

  50% {
    transform: translateX(-50%) translateY(-5px) !important;
  }
}

/* Настройка "Анимация кнопки" НЕ должна постоянно крутить колесико внутри */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

/* Внутреннее колесико крутится только при наведении */
.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* Hover усиливает плашку, но не ломает базовую позицию */
.fortuna-widget-button-wheel:hover {
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.32) !important;
  filter: saturate(1.08) !important;
}

.fortuna-widget-button-left.fortuna-widget-button-wheel:hover {
  transform: translateY(-50%) scale(1.08) !important;
}

.fortuna-widget-button-right.fortuna-widget-button-wheel:hover {
  transform: translateY(-50%) scale(1.08) !important;
}

.fortuna-widget-button-center.fortuna-widget-button-wheel:hover,
.fortuna-widget-button-top-center.fortuna-widget-button-wheel:hover,
.fortuna-widget-button-bottom-center.fortuna-widget-button-wheel:hover {
  transform: translateX(-50%) scale(1.12) !important;
}


/* ===== FINAL FIX: client opener button floating animation ===== */

.fortuna-widget-button.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatDefault 1.7s ease-in-out infinite !important;
}

@keyframes fortunaOpenerFloatDefault {
  0%,
  100% {
    transform: translateY(0) !important;
  }

  50% {
    transform: translateY(-5px) !important;
  }
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatLeft 1.7s ease-in-out infinite !important;
}

@keyframes fortunaOpenerFloatLeft {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(5px) !important;
  }
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatRight 1.7s ease-in-out infinite !important;
}

@keyframes fortunaOpenerFloatRight {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(-5px) !important;
  }
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatCenter 1.7s ease-in-out infinite !important;
}

@keyframes fortunaOpenerFloatCenter {
  0%,
  100% {
    transform: translateX(-50%) translateY(0) !important;
  }

  50% {
    transform: translateX(-50%) translateY(-5px) !important;
  }
}

/* Внутреннее колесико не крутится постоянно от настройки анимации */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

/* Внутреннее колесико крутится только при наведении */
.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== ABSOLUTE FINAL: client floating opener animation ===== */

.fortuna-widget-root .fortuna-widget-button.fortuna-widget-button-animated {
  animation: fortunaClientButtonFloatDefault 1.7s ease-in-out infinite !important;
  will-change: transform !important;
}

@keyframes fortunaClientButtonFloatDefault {
  0%,
  100% {
    transform: translateY(0) !important;
  }

  50% {
    transform: translateY(-7px) !important;
  }
}

.fortuna-widget-root .fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaClientButtonFloatLeft 1.7s ease-in-out infinite !important;
}

@keyframes fortunaClientButtonFloatLeft {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(7px) !important;
  }
}

.fortuna-widget-root .fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaClientButtonFloatRight 1.7s ease-in-out infinite !important;
}

@keyframes fortunaClientButtonFloatRight {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(-7px) !important;
  }
}

.fortuna-widget-root .fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-root .fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-root .fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaClientButtonFloatCenter 1.7s ease-in-out infinite !important;
}

@keyframes fortunaClientButtonFloatCenter {
  0%,
  100% {
    transform: translateX(-50%) translateY(0) !important;
  }

  50% {
    transform: translateX(-50%) translateY(-7px) !important;
  }
}

.fortuna-widget-root .fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-root .fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== FINAL: client opener button floating animation ===== */

.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatDefault 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatLeft 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatRight 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatCenter 1.7s ease-in-out infinite !important;
}

@keyframes fortunaOpenerFloatDefault {
  0%,
  100% {
    transform: translateY(0) !important;
  }

  50% {
    transform: translateY(-6px) !important;
  }
}

@keyframes fortunaOpenerFloatLeft {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(7px) !important;
  }
}

@keyframes fortunaOpenerFloatRight {
  0%,
  100% {
    transform: translateY(-50%) translateX(0) !important;
  }

  50% {
    transform: translateY(-50%) translateX(-7px) !important;
  }
}

@keyframes fortunaOpenerFloatCenter {
  0%,
  100% {
    transform: translateX(-50%) translateY(0) !important;
  }

  50% {
    transform: translateX(-50%) translateY(-6px) !important;
  }
}

/* колесо внутри кнопки не крутится постоянно от настройки анимации */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

/* колесо внутри кнопки крутится только при наведении */
.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== REAL FINAL: client opener button animation via translate, without transform conflicts ===== */

.fortuna-widget-button {
  translate: 0 0 !important;
}

.fortuna-widget-button-animated {
  animation: fortunaOpenerTranslateFloatY 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaOpenerTranslateFloatRight 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaOpenerTranslateFloatLeft 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaOpenerTranslateFloatY 1.7s ease-in-out infinite !important;
}

@keyframes fortunaOpenerTranslateFloatY {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -7px;
  }
}

@keyframes fortunaOpenerTranslateFloatRight {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 8px 0;
  }
}

@keyframes fortunaOpenerTranslateFloatLeft {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: -8px 0;
  }
}

/* внутреннее колесико крутится только при наведении, а не от настройки анимации */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== ABSOLUTE FINAL: client opener button animation via margins ===== */

.fortuna-widget-button-animated {
  animation: fortunaOpenerMarginFloatY 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaOpenerMarginFloatRight 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaOpenerMarginFloatLeft 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaOpenerMarginFloatY 1.7s ease-in-out infinite !important;
}

@keyframes fortunaOpenerMarginFloatY {
  0%,
  100% {
    margin-top: 0;
  }

  50% {
    margin-top: -8px;
  }
}

@keyframes fortunaOpenerMarginFloatRight {
  0%,
  100% {
    margin-left: 0;
  }

  50% {
    margin-left: 8px;
  }
}

@keyframes fortunaOpenerMarginFloatLeft {
  0%,
  100% {
    margin-right: 0;
  }

  50% {
    margin-right: 8px;
  }
}

/* колесико внутри кнопки крутится только при наведении */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== ABSOLUTE FINAL: client opener button animation via margins ===== */

.fortuna-widget-button-animated {
  animation: fortunaOpenerMarginFloatY 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaOpenerMarginFloatRight 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaOpenerMarginFloatLeft 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaOpenerMarginFloatY 1.7s ease-in-out infinite !important;
}

@keyframes fortunaOpenerMarginFloatY {
  0%,
  100% {
    margin-top: 0;
  }

  50% {
    margin-top: -8px;
  }
}

@keyframes fortunaOpenerMarginFloatRight {
  0%,
  100% {
    margin-left: 0;
  }

  50% {
    margin-left: 8px;
  }
}

@keyframes fortunaOpenerMarginFloatLeft {
  0%,
  100% {
    margin-right: 0;
  }

  50% {
    margin-right: 8px;
  }
}

/* колесико внутри кнопки крутится только при наведении */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== TRUE FINAL: client button animation keyframes for inline JS animation ===== */

@keyframes fortunaClientButtonFloatUp {
  0%,
  100% {
    translate: 0 0;
    filter: brightness(1);
  }

  50% {
    translate: 0 -10px;
    filter: brightness(1.08);
  }
}

@keyframes fortunaClientButtonFloatRight {
  0%,
  100% {
    translate: 0 0;
    filter: brightness(1);
  }

  50% {
    translate: 10px 0;
    filter: brightness(1.08);
  }
}

@keyframes fortunaClientButtonFloatLeft {
  0%,
  100% {
    translate: 0 0;
    filter: brightness(1);
  }

  50% {
    translate: -10px 0;
    filter: brightness(1.08);
  }
}

/* внутренняя иконка-колесо крутится только при наведении */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== HARD FIX: client opener button floating via margin, no transform conflict ===== */

.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatMarginY 1.35s ease-in-out infinite !important;
  will-change: margin, filter !important;
}

.fortuna-widget-button-left.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatMarginRight 1.35s ease-in-out infinite !important;
}

.fortuna-widget-button-right.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatMarginLeft 1.35s ease-in-out infinite !important;
}

.fortuna-widget-button-center.fortuna-widget-button-animated,
.fortuna-widget-button-top-center.fortuna-widget-button-animated,
.fortuna-widget-button-bottom-center.fortuna-widget-button-animated {
  animation: fortunaOpenerFloatMarginY 1.35s ease-in-out infinite !important;
}

@keyframes fortunaOpenerFloatMarginY {
  0%,
  100% {
    margin-top: 0;
    filter: brightness(1);
  }

  50% {
    margin-top: -14px;
    filter: brightness(1.12);
  }
}

@keyframes fortunaOpenerFloatMarginRight {
  0%,
  100% {
    margin-left: 0;
    filter: brightness(1);
  }

  50% {
    margin-left: 14px;
    filter: brightness(1.12);
  }
}

@keyframes fortunaOpenerFloatMarginLeft {
  0%,
  100% {
    margin-right: 0;
    filter: brightness(1);
  }

  50% {
    margin-right: 14px;
    filter: brightness(1.12);
  }
}

/* маленькое колесико внутри кнопки крутится только при наведении */
.fortuna-widget-button-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== FINAL TRUE FIX: opener button holder animation ===== */

.fortuna-widget-button-holder {
  position: fixed !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
}

.fortuna-widget-button-holder-left {
  left: 0 !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}

.fortuna-widget-button-holder-right {
  right: 0 !important;
  left: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}

.fortuna-widget-button-holder-center {
  left: 50% !important;
  right: auto !important;
  bottom: 34px !important;
  top: auto !important;
  transform: translateX(-50%) !important;
}

.fortuna-widget-button-holder-top-left {
  left: 34px !important;
  top: 34px !important;
  right: auto !important;
  bottom: auto !important;
}

.fortuna-widget-button-holder-top-center {
  left: 50% !important;
  top: 34px !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
}

.fortuna-widget-button-holder-top-right {
  right: 34px !important;
  top: 34px !important;
  left: auto !important;
  bottom: auto !important;
}

.fortuna-widget-button-holder-bottom-left {
  left: 34px !important;
  bottom: 34px !important;
  right: auto !important;
  top: auto !important;
}

.fortuna-widget-button-holder-bottom-center {
  left: 50% !important;
  bottom: 34px !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
}

.fortuna-widget-button-holder-bottom-right {
  right: 34px !important;
  bottom: 34px !important;
  left: auto !important;
  top: auto !important;
}

.fortuna-widget-button-holder .fortuna-widget-button {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  animation: none !important;
}

.fortuna-widget-button-holder-left .fortuna-widget-button-wheel {
  border-radius: 0 18px 18px 0 !important;
}

.fortuna-widget-button-holder-right .fortuna-widget-button-wheel {
  border-radius: 18px 0 0 18px !important;
}

.fortuna-widget-button-holder-animated.fortuna-widget-button-holder-left .fortuna-widget-button {
  animation: fortunaHolderFloatRight 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-holder-animated.fortuna-widget-button-holder-right .fortuna-widget-button {
  animation: fortunaHolderFloatLeft 1.7s ease-in-out infinite !important;
}

.fortuna-widget-button-holder-animated:not(.fortuna-widget-button-holder-left):not(.fortuna-widget-button-holder-right) .fortuna-widget-button {
  animation: fortunaHolderFloatUp 1.7s ease-in-out infinite !important;
}

@keyframes fortunaHolderFloatUp {
  0%,
  100% {
    transform: translateY(0) !important;
    filter: brightness(1) !important;
  }

  50% {
    transform: translateY(-16px) !important;
    filter: brightness(1.12) !important;
  }
}

@keyframes fortunaHolderFloatLeft {
  0%,
  100% {
    transform: translateX(0) !important;
    filter: brightness(1) !important;
  }

  50% {
    transform: translateX(-16px) !important;
    filter: brightness(1.12) !important;
  }
}

@keyframes fortunaHolderFloatRight {
  0%,
  100% {
    transform: translateX(0) !important;
    filter: brightness(1) !important;
  }

  50% {
    transform: translateX(16px) !important;
    filter: brightness(1.12) !important;
  }
}

.fortuna-widget-button-holder .fortuna-widget-button-wheel:hover {
  transform: scale(1.08) !important;
}

.fortuna-widget-button-holder-animated .fortuna-widget-button-wheel:hover {
  transform: none !important;
}

.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== ABSOLUTE FINAL: holder is animated by JS, button itself has no opener animation ===== */

.fortuna-widget-button-holder .fortuna-widget-button {
  animation: none !important;
}

.fortuna-widget-button-holder-animated {
  will-change: transform, filter !important;
}

.fortuna-widget-button-holder .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-button-holder .fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== ABSOLUTE FIX: animate inner mover, not fixed holder/button ===== */

.fortuna-widget-button-holder {
  pointer-events: auto !important;
}

.fortuna-widget-button-mover {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  translate: 0 0;
  filter: brightness(1);
  will-change: translate, filter !important;
}

.fortuna-widget-button-holder .fortuna-widget-button {
  position: relative !important;
  animation: none !important;
}

.fortuna-widget-button-holder .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-button-holder .fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}

/* ===== SMOOTH FINAL: client opener button holder animation ===== */

.fortuna-widget-button-holder-animated {
  animation-duration: 2.8s !important;
  animation-timing-function: cubic-bezier(0.45, 0, 0.2, 1) !important;
  animation-iteration-count: infinite !important;
  will-change: translate !important;
}

.fortuna-widget-button-holder-left.fortuna-widget-button-holder-animated {
  animation-name: fortunaSmoothHolderFloatRight !important;
}

.fortuna-widget-button-holder-right.fortuna-widget-button-holder-animated {
  animation-name: fortunaSmoothHolderFloatLeft !important;
}

.fortuna-widget-button-holder-center.fortuna-widget-button-holder-animated,
.fortuna-widget-button-holder-top-center.fortuna-widget-button-holder-animated,
.fortuna-widget-button-holder-bottom-center.fortuna-widget-button-holder-animated,
.fortuna-widget-button-holder-top-left.fortuna-widget-button-holder-animated,
.fortuna-widget-button-holder-top-right.fortuna-widget-button-holder-animated,
.fortuna-widget-button-holder-bottom-left.fortuna-widget-button-holder-animated,
.fortuna-widget-button-holder-bottom-right.fortuna-widget-button-holder-animated {
  animation-name: fortunaSmoothHolderFloatUp !important;
}

@keyframes fortunaSmoothHolderFloatUp {
  0% {
    translate: 0 0;
  }

  50% {
    translate: 0 -5px;
  }

  100% {
    translate: 0 0;
  }
}

@keyframes fortunaSmoothHolderFloatRight {
  0% {
    translate: 0 0;
  }

  50% {
    translate: 5px 0;
  }

  100% {
    translate: 0 0;
  }
}

@keyframes fortunaSmoothHolderFloatLeft {
  0% {
    translate: 0 0;
  }

  50% {
    translate: -5px 0;
  }

  100% {
    translate: 0 0;
  }
}

/* убираем возможное мерцание от старых версий анимации */
.fortuna-widget-button-holder-animated,
.fortuna-widget-button-holder-animated .fortuna-widget-button {
  filter: none !important;
}

/* внутреннее колесико по-прежнему крутится только при наведении */
.fortuna-widget-button-holder-animated .fortuna-widget-button-wheel-icon {
  animation: none !important;
}

.fortuna-widget-button-wheel:hover .fortuna-widget-button-wheel-icon {
  animation: fortunaWidgetWheelSpin 850ms linear infinite !important;
}


/* ===== Prize icons and sector backgrounds ===== */

.fortuna-widget-sector-background {
  opacity: 0.42 !important;
  pointer-events: none !important;
}

.fortuna-widget-sector-overlay {
  opacity: 0.28 !important;
  pointer-events: none !important;
}

.fortuna-widget-prize-icon {
  pointer-events: none !important;
}

.fortuna-widget-prize-icon-png {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.14)) !important;
}

.fortuna-widget-prize-icon-svg {
  opacity: 0.96 !important;
}


/* ===== Final prize icon render fix ===== */

.fortuna-widget-prize-icon {
  pointer-events: none !important;
}

.fortuna-widget-prize-icon-mask {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.fortuna-widget-prize-icon-png {
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.16)) !important;
}

/* ===== Clean final public prize icon render ===== */

.fortuna-widget-prize-icon {
  pointer-events: none !important;
}

.fortuna-widget-prize-icon-mask {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

/* ===== Final public prize icon: closer to hub and solid primary color ===== */

.fortuna-widget-prize-icon {
  pointer-events: none !important;
}

.fortuna-widget-prize-icon-svg {
  opacity: 1 !important;
}

.fortuna-widget-prize-icon-mask {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

/* ===== Final solid public prize icon ===== */

.fortuna-widget-prize-icon {
  pointer-events: none !important;
}

.fortuna-widget-prize-icon-svg {
  opacity: 1 !important;
}

.fortuna-widget-prize-icon-mask {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-mode: alpha !important;
  mask-mode: alpha !important;
}

/* ===== Final public prize icon: render as image, no mask rectangle ===== */

.fortuna-widget-prize-icon {
  pointer-events: none !important;
  opacity: 1 !important;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.16)) !important;
}

/* ===== Render prize icons as real images, not mask rectangles ===== */

.fortuna-widget-prize-icon {
  pointer-events: none !important;
  opacity: 1 !important;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.16)) !important;
}

/* ===== Final public wheel: icon smaller, text kept in free sector space ===== */

.fortuna-widget-prize-icon {
  pointer-events: none !important;
  opacity: 1 !important;
}

.fortuna-widget-prize-icon image {
  opacity: 1 !important;
}

.fortuna-widget-wheel-text {
  text-anchor: middle !important;
  dominant-baseline: middle !important;
}

/* ===== Final wheel labels with prize icon ===== */

.fortuna-widget-prize-icon {
  pointer-events: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.fortuna-widget-wheel-text {
  text-anchor: middle !important;
  dominant-baseline: middle !important;
  paint-order: normal !important;
  text-shadow: none !important;
}

/* ===== Prize system SVG recolor via mask ===== */

.fortuna-widget-prize-icon-mask {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

/* ===== Prize blade backgrounds ===== */

.fortuna-widget-sector-background {
  opacity: 1 !important;
}

.fortuna-widget-sector-overlay {
  display: none !important;
}


/* ===== FINAL sync with editor wheel render ===== */

.fortuna-widget-wheel-svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

.fortuna-widget-sector {
  stroke-width: 2.4 !important;
  vector-effect: non-scaling-stroke !important;
}

.fortuna-widget-sector-background {
  opacity: 1 !important;
  pointer-events: none !important;
}

.fortuna-widget-sector-overlay {
  display: none !important;
  opacity: 0 !important;
}

.fortuna-widget-overlay .fortuna-widget-modal-display-drum .fortuna-widget-pointer {
  top: 50% !important;
  right: -28px !important;
  bottom: auto !important;
  z-index: 30 !important;
  width: 34px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--fortuna-accent, #cbe857) !important;
  clip-path: polygon(0 50%, 100% 0, 100% 100%) !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 680px) {
  .fortuna-widget-overlay .fortuna-widget-modal-display-drum .fortuna-widget-pointer {
    top: auto !important;
    right: 50% !important;
    bottom: -16px !important;
    width: 38px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: var(--fortuna-accent, #cbe857) !important;
    clip-path: polygon(50% 0, 0 100%, 100% 100%) !important;
    transform: translateX(50%) !important;
  }
}

.fortuna-widget-prize-icon {
  pointer-events: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.fortuna-widget-wheel-text {
  text-anchor: middle !important;
  dominant-baseline: middle !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  paint-order: normal !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

/* ===== FINAL result promo link button ===== */

.fortuna-widget-result-link {
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 16px !important;
  padding: 16px 22px !important;
  border: 0 !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: var(--fortuna-accent, #f7c829) !important;
  color: #323843 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
}

.fortuna-widget-result-link:hover {
  transform: translateY(-1px) !important;
}

/* ===== FINAL force visible result promo link with pseudo states ===== */

.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link,
.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:link,
.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:visited,
.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:hover,
.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:active {
  display: inline-flex !important;
  position: relative !important;
  z-index: 50 !important;
  width: fit-content !important;
  min-width: 190px !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin-top: 18px !important;
  padding: 0 24px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: var(--fortuna-accent, #f7c829) !important;
  color: #323843 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* ===== FINAL result screen sync with editor preview ===== */

.fortuna-widget-root .fortuna-widget-result {
  min-height: 256px !important;
  display: none !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.fortuna-widget-root .fortuna-widget-result.fortuna-widget-result-open,
.fortuna-widget-root .fortuna-widget-result-open {
  display: flex !important;
}

.fortuna-widget-root .fortuna-widget-result-title {
  margin: 0 0 18px !important;
  color: inherit !important;
  font-size: 28px !important;
  line-height: 1.03 !important;
  letter-spacing: -0.052em !important;
  font-weight: 900 !important;
}

.fortuna-widget-root .fortuna-widget-result-title span {
  display: block !important;
  margin-top: 8px !important;
  color: var(--fortuna-primary, #8a174d) !important;
}

.fortuna-widget-root .fortuna-widget-result-text {
  margin: 0 0 22px !important;
  color: color-mix(in srgb, var(--fortuna-popup-text, #323843) 62%, transparent) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
  font-weight: 650 !important;
}

.fortuna-widget-root .fortuna-widget-result .fortuna-widget-promo {
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 4px !important;
  border-radius: 16px !important;
  padding: 12px 16px !important;
  background: color-mix(in srgb, var(--fortuna-primary, #8a174d) 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fortuna-primary, #8a174d) 28%, transparent) !important;
  color: inherit !important;
}

.fortuna-widget-root .fortuna-widget-promo small {
  display: block !important;
  color: color-mix(in srgb, var(--fortuna-popup-text, #323843) 55%, transparent) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

.fortuna-widget-root .fortuna-widget-promo strong {
  display: block !important;
  margin-top: 4px !important;
  color: var(--fortuna-popup-text, #323843) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
}

.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link,
.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:link,
.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:visited,
.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:hover,
.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:active {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 58px !important;
  margin-top: 22px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 15px !important;
  background: var(--fortuna-accent, #f7c829) !important;
  color: #323843 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.fortuna-widget-root .fortuna-widget-result .fortuna-widget-result-link:hover {
  text-decoration: none !important;
  transform: none !important;
}

/* ===== Final alignment: center close icon and consent checkmark ===== */

.fortuna-widget-close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.fortuna-widget-close svg {
  display: block !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.fortuna-widget-consent-mark {
  position: relative !important;
  box-sizing: border-box !important;
}

.fortuna-widget-consent-checkbox:checked + .fortuna-widget-consent-mark::after {
  left: 50% !important;
  top: 46% !important;
  width: 7px !important;
  height: 12px !important;
  border-right-width: 2.5px !important;
  border-bottom-width: 2.5px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  transform-origin: center center !important;
}

/* ===== Final branding logo color reset: no repaint, no dimming ===== */

.fortuna-widget-safe-branding-badge,
.fortuna-widget-safe-branding-badge-open {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.fortuna-widget-safe-branding-badge img {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* ===== Final fix: never show empty result link button ===== */

.fortuna-widget-result-link:not([href]),
.fortuna-widget-result-link[href=""],
.fortuna-widget-result-link:empty {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ===== Slow idle motion and extra-small opener size ===== */

.fortuna-widget-wheel-idle {
  animation: fortunaWidgetWheelIdleSlow 54s linear infinite !important;
  transition: none !important;
}

.fortuna-widget-drum-track-idle {
  animation-duration: 54s !important;
}

.fortuna-widget-drum-track-spinning {
  animation: none !important;
}

.fortuna-widget-button-tiny.fortuna-widget-button-circle,
.fortuna-widget-button-tiny.fortuna-widget-button-square {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
}

.fortuna-widget-button-tiny.fortuna-widget-button-pill {
  height: 44px !important;
  min-width: 108px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
}

.fortuna-widget-button-tiny.fortuna-widget-button-wheel {
  width: 58px !important;
  height: 46px !important;
  min-width: 58px !important;
  padding: 6px !important;
  border-radius: 8px !important;
}

.fortuna-widget-button-holder-left .fortuna-widget-button-tiny.fortuna-widget-button-wheel {
  border-radius: 0 18px 18px 0 !important;
}

.fortuna-widget-button-holder-right .fortuna-widget-button-tiny.fortuna-widget-button-wheel {
  border-radius: 18px 0 0 18px !important;
}

.fortuna-widget-button-tiny.fortuna-widget-button-wheel .fortuna-widget-button-wheel-icon {
  width: 30px !important;
  height: 30px !important;
  border-width: 2px !important;
}

.fortuna-widget-button-tiny svg {
  width: 19px !important;
  height: 19px !important;
}

@keyframes fortunaWidgetWheelIdleSlow {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* ===== Stable result screen size ===== */

.fortuna-widget-modal-display-drum {
  min-height: 390px !important;
}

.fortuna-widget-modal-display-drum .fortuna-widget-left,
.fortuna-widget-modal-display-drum .fortuna-widget-right {
  min-height: 390px !important;
}

.fortuna-widget-root .fortuna-widget-result {
  width: 100% !important;
  min-height: 390px !important;
  height: 100% !important;
}

.fortuna-widget-root .fortuna-widget-result.fortuna-widget-result-open,
.fortuna-widget-root .fortuna-widget-result-open {
  display: flex !important;
  justify-content: center !important;
}

@media (max-width: 680px) {
  .fortuna-widget-modal-display-drum .fortuna-widget-left,
  .fortuna-widget-modal-display-drum .fortuna-widget-right {
    min-height: 0 !important;
  }

  .fortuna-widget-modal-display-drum .fortuna-widget-left {
    min-height: 238px !important;
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
  }

  .fortuna-widget-root .fortuna-widget-result {
    min-height: 360px !important;
  }

  .fortuna-widget-fields .fortuna-widget-error {
    order: 20 !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }

  .fortuna-widget-fields .fortuna-widget-submit {
    order: 30 !important;
    margin-top: 2px !important;
  }

  .fortuna-widget-fields .fortuna-widget-consent {
    order: 40 !important;
  }
}