/* THE DD WHEEL (DDAI-DD-WHEEL-V1, 2026-11-04) — one free spin before payment, on every wheel product's checkout. th-wheel.js. Brand: paper,
   mint, deep; Satoshi 900 heading, Switzer body, Cabinet numerals; the site's own .btn. Every rule is scoped to .ddwl
   (NOT .ddw: that is the site chatbot widget, th-bot.js). */
html.ddwl-on, html.ddwl-on body { overflow: hidden; }
.ddwl { position: fixed; inset: 0; z-index: 2147483002; display: flex; align-items: center; justify-content: center;
  padding: clamp(10px, 3vw, 28px); background: rgba(2, 36, 26, .62); opacity: 0; transition: opacity .24s cubic-bezier(.16,1,.3,1);
  overflow-y: auto; -webkit-overflow-scrolling: touch; }
.ddwl.is-on { opacity: 1; }
.ddwl .ddwl__shell { width: min(460px, 100%); padding: 6px; border-radius: 30px; background: rgba(242, 247, 244, .14);
  border: 1px solid rgba(255, 255, 255, .22); margin: auto; transform: translateY(14px) scale(.98);
  transition: transform .34s cubic-bezier(.16,1,.3,1); }
.ddwl.is-on .ddwl__shell { transform: none; }
.ddwl .ddwl__core { position: relative; border-radius: 24px; background: #F2F7F4; color: #04241A; padding: clamp(18px, 4vw, 28px);
  text-align: center; font-family: Switzer, ui-sans-serif, system-ui, -apple-system, sans-serif; }
.ddwl .ddwl__x { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(2,36,25,.14);
  background: #FFFFFF; color: #04241A; display: grid; place-items: center; cursor: pointer; }
.ddwl .ddwl__x svg { width: 18px; height: 18px; }
.ddwl .ddwl__eb { margin: 2px 0 6px; font-size: .72rem; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: rgba(4,36,25,.58); }
.ddwl .ddwl__h { margin: 0; font-family: Satoshi, ui-sans-serif, system-ui, sans-serif; font-weight: 900; letter-spacing: -.045em;
  line-height: .92; font-size: clamp(2rem, 7vw, 2.6rem); color: #04241A; }
.ddwl .ddwl__l { margin: 10px auto 0; max-width: 34ch; font-size: .98rem; line-height: 1.45; color: rgba(4,36,25,.72); }
.ddwl .ddwl__stage { position: relative; width: min(300px, 74vw); aspect-ratio: 1; margin: 16px auto 6px; }
.ddwl .ddwl__svg { position: relative; width: 100%; height: 100%; display: block; }
.ddwl .ddwl__stage::before { content: ''; position: absolute; inset: 2.6%; border-radius: 50%; box-shadow: 0 10px 24px rgba(6,61,43,.22); }
.ddwl .ddwl__rot { transform-box: view-box; transform-origin: 150px 150px; }
.ddwl .ddwl__rot.is-spin { transition: transform 4.6s cubic-bezier(.12,.67,.12,1); }
.ddwl .ddwl__pin { position: absolute; left: 50%; top: -6px; z-index: 2; width: 0; height: 0; transform: translateX(-50%);
  border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 24px solid #063D2B; }
.ddwl .ddwl__n { font-family: "Cabinet Grotesk", Satoshi, ui-sans-serif, sans-serif; font-weight: 900; font-size: 26px; letter-spacing: -.02em; }
.ddwl .ddwl__u { font-family: Switzer, ui-sans-serif, sans-serif; font-weight: 600; font-size: 11.5px; }
.ddwl .ddwl__p { font-family: Satoshi, ui-sans-serif, sans-serif; font-weight: 900; font-size: 17px; }
.ddwl .ddwl__hub { font-family: Satoshi, ui-sans-serif, sans-serif; font-weight: 900; font-size: 22px; letter-spacing: -.04em; }
.ddwl .ddwl__res { margin: 8px 0 2px; }
.ddwl .ddwl__won { margin: 0; font-size: .72rem; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: #0B7A55; }
.ddwl .ddwl__what { margin: 6px 0 0; font-family: Satoshi, ui-sans-serif, sans-serif; font-weight: 900; font-size: clamp(1.2rem, 4.6vw, 1.45rem);
  letter-spacing: -.03em; line-height: 1.12; color: #04241A; }
.ddwl .ddwl__was { margin: 6px 0 0; font-size: .95rem; color: #04241A; }
.ddwl .ddwl__was s { color: rgba(4,36,25,.58); }
.ddwl .ddwl__off { display: inline-block; margin-left: 6px; padding: 2px 9px; border-radius: 999px; background: #4FD8A6; color: #02241A;
  font-weight: 700; font-size: .82rem; }
.ddwl .ddwl__only { margin: 8px auto 0; max-width: 36ch; font-size: .9rem; font-weight: 600; color: #063D2B; }
.ddwl .ddwl__fit { margin: 8px auto 0; display: inline-block; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(2,36,25,.18);
  font-size: .78rem; font-weight: 600; color: #0B7A55; }
.ddwl .ddwl__tot { margin: 10px auto 0; display: inline-block; padding: 8px 14px; border-radius: 999px; background: #FFFFFF;
  border: 1px solid rgba(2,36,25,.14); font-weight: 600; font-size: .95rem; color: #04241A; }
.ddwl .ddwl__use { margin: 10px auto 0; max-width: 38ch; font-size: .86rem; line-height: 1.4; color: rgba(4,36,25,.66); }
.ddwl .ddwl__acts { margin-top: 14px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.ddwl .ddwl__acts .btn { width: auto; max-width: 100%; min-height: 48px; white-space: normal; height: auto; padding-top: 7px; padding-bottom: 7px; text-align: left; }
.ddwl .ddwl__no { min-height: 44px; padding: 8px 16px; border: 0; background: transparent; color: #04241A; font: inherit; font-size: .95rem;
  font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ddwl button[disabled] { opacity: .6; cursor: default; }
.ddwl .ddwl__f { margin: 12px 0 0; font-size: .8rem; color: rgba(4,36,25,.6); }
.ddwl .ddwl__rules { margin: 4px auto 0; max-width: 46ch; text-align: left; font-size: .78rem; line-height: 1.45; color: rgba(4,36,25,.7); }
.ddwl .ddwl__rules summary { min-height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-weight: 600;
  color: #04241A; text-decoration: underline; text-underline-offset: 3px; list-style: none; }
.ddwl .ddwl__rules summary::-webkit-details-marker { display: none; }
.ddwl .ddwl__rl { margin: 0; padding: 0 0 0 18px; }
.ddwl .ddwl__rl li { margin: 0 0 4px; }
@media (max-height: 700px) { .ddwl .ddwl__stage { width: min(230px, 62vw); margin-top: 10px; } .ddwl .ddwl__l { display: none; } }
@media (prefers-reduced-motion: reduce) { .ddwl, .ddwl .ddwl__shell, .ddwl .ddwl__rot.is-spin { transition: none; } }