.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-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-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 1600ms cubic-bezier(0.16, 0.86, 0.18, 1) !important;
}

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

.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-size: 15px !important;
  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-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-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;
  }
}

/* ===== 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-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-size: 13px !important;
  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: 0 !important;
  height: 0 !important;
  top: 50% !important;
  right: -18px !important;
  bottom: auto !important;
  z-index: 30 !important;
  border-top: 14px solid transparent !important;
  border-bottom: 14px solid transparent !important;
  border-left: 0 !important;
  border-right: 32px solid var(--fortuna-accent, #cbe857) !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: -16px !important;
    border-left: 14px solid transparent !important;
    border-right: 14px solid transparent !important;
    border-top: 0 !important;
    border-bottom: 32px solid var(--fortuna-accent, #cbe857) !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;
}