/* Betfinal Bonus Wheel 2.0 */
.bfw-root{--bfw-font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--bfw-purple:#6f2cff;--bfw-gold:#ffd54a;position:relative;z-index:99990;font-family:var(--bfw-font);color:#fff}
.bfw-root *,.bfw-root *::before,.bfw-root *::after{box-sizing:border-box}
.bfw-root button{font-family:var(--bfw-font)}

/* ---------- page push (siblings of the root) ----------
   Transform only (no filter): filters on page-sized elements drop frames on phones. Dimming is done by the overlay.
   Same curve and duration in both directions so opening and closing feel like one motion. */
body.bfw-push>:not(.bfw-root){transition:transform .46s cubic-bezier(.45,0,.15,1)}
body.bfw-push.bfw-open>:not(.bfw-root){transform:scale(.94)}
body.bfw-push.bfw-closing>:not(.bfw-root){transform:none}
html.bfw-lock{overscroll-behavior:none}

/* ---------- corner wheel ---------- */
.bfw-peek{position:fixed;right:-42px;bottom:calc(-42px + env(safe-area-inset-bottom, 0px));touch-action:manipulation;width:150px;height:150px;padding:0;border:0;background:none;z-index:99991;cursor:pointer;transform:translate(60px,60px);opacity:0;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .22s;-webkit-tap-highlight-color:transparent}
.bfw-peek svg{width:150px;height:150px;display:block;overflow:visible;filter:drop-shadow(0 0 18px rgba(111,44,255,.7))}
.bfw-peek-wheel{transform-origin:24px 24px;animation:bfw-spin 14s linear infinite}
.bfw-arrived .bfw-peek{transform:none;opacity:1;transition:transform .8s cubic-bezier(.2,.9,.3,1.12),opacity .3s}
.bfw-open .bfw-peek,.bfw-open.bfw-arrived .bfw-peek{transform:translate(24px,24px) scale(.9);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .22s}
.bfw-spent .bfw-peek-wheel{animation-play-state:paused}
.bfw-spent-lose .bfw-peek{opacity:.6}

@keyframes bfw-spin{to{transform:rotate(360deg)}}

/* ---------- bubble ---------- */
.bfw-bubble{position:fixed;text-align:start;right:102px;bottom:calc(40px + env(safe-area-inset-bottom, 0px));touch-action:manipulation;z-index:99992;background:#fff;color:#12092b;border:0;border-radius:14px;padding:10px 12px;box-shadow:0 10px 26px rgba(0,0,0,.5);opacity:0;transform:translateX(12px);pointer-events:none;white-space:nowrap;cursor:pointer}
.bfw-bubble::after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);border:7px solid transparent;border-left-color:#fff;border-right:0}
.bfw-bubble b{display:block;font:800 13.5px/1.1 var(--bfw-font)}
.bfw-bubble b .bfw-n{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}
.bfw-bubble small{max-width:200px;white-space:normal}
.bfw-bubble small{display:block;font:500 11px/1 var(--bfw-font);color:#6b6480;margin-top:4px}
.bfw-bubble .bfw-n{color:var(--bfw-purple)}
.bfw-arrived .bfw-bubble{animation:bfw-bub .5s .75s cubic-bezier(.16,1,.3,1) both;pointer-events:auto}
.bfw-arrived.bfw-nobubble .bfw-bubble{animation:none;opacity:0;pointer-events:none}
.bfw-open .bfw-bubble{opacity:0!important;transform:translateX(8px)!important;pointer-events:none!important;animation:none!important;transition:opacity .28s ease,transform .28s ease}
@keyframes bfw-bub{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

/* ---------- claim pill ---------- */
.bfw-pill{position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom, 0px));z-index:99991;display:none;align-items:center;gap:10px;height:56px;padding:0 14px 0 8px;border-radius:28px;background:linear-gradient(90deg,#16a34a,#0f7a37);color:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(22,163,74,.45);font:700 11px/1.15 var(--bfw-font);transform:translateY(90px)}
.bfw-pill .bfw-ok{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:19px;font-weight:900}
.bfw-pill b{display:block;font-size:13px;margin-top:2px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bfw-pill.bfw-show{display:flex;animation:bfw-pillin .7s cubic-bezier(.2,.9,.3,1.25) forwards}
.bfw-open .bfw-pill{display:none}
@keyframes bfw-pillin{to{transform:translateY(0)}}

/* ---------- overlay + sheet ---------- */
.bfw-ov{position:fixed;inset:0;z-index:99993;background:rgba(4,2,10,.62);opacity:0;pointer-events:none;transition:opacity .46s cubic-bezier(.45,0,.15,1)}
.bfw-open .bfw-ov{opacity:1;pointer-events:auto}
.bfw-sheet{position:fixed;left:0;right:0;bottom:0;overscroll-behavior:contain;z-index:99994;max-height:calc(100% - 24px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background:rgba(20,16,34,.55);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:22px 22px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom, 0px));box-shadow:0 24px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12);opacity:0;pointer-events:none;transform:translateY(100%)}
.bfw-sheet::-webkit-scrollbar{display:none}
@supports not (backdrop-filter:blur(1px)){.bfw-sheet{background:#161027}}
.bfw-open .bfw-sheet{animation:bfw-push .5s cubic-bezier(.32,.72,0,1) forwards;pointer-events:auto}
@keyframes bfw-push{from{opacity:1;transform:translateY(100%)}to{opacity:1;transform:none}}
.bfw-closing .bfw-sheet{animation:bfw-pushout .36s cubic-bezier(.45,0,.15,1) forwards!important}
@keyframes bfw-pushout{to{opacity:1;transform:translateY(100%)}}
.bfw-closing .bfw-ov{opacity:0}

/* stagger */
.bfw-sheet .bfw-wheelbox,.bfw-sheet .bfw-intro>*{opacity:0}
.bfw-open .bfw-sheet .bfw-wheelbox,.bfw-open .bfw-sheet .bfw-intro>*{animation:bfw-up .42s cubic-bezier(.16,1,.3,1) both;animation-delay:.28s}
.bfw-open .bfw-sheet .bfw-intro>*:nth-child(3){animation-delay:.38s}
.bfw-open .bfw-sheet .bfw-intro>*:nth-child(4){animation-delay:.42s}
.bfw-open #bfw-wheel{animation:bfw-settle .9s .28s cubic-bezier(.16,1,.3,1) both}
.bfw-closing .bfw-sheet .bfw-wheelbox,.bfw-closing .bfw-sheet .bfw-intro>*{animation:none!important;opacity:1}
@keyframes bfw-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes bfw-settle{from{transform:rotate(-40deg)}to{transform:none}}

.bfw-grab{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.28);margin:-4px auto 10px}
.bfw-sheet.bfw-dragging{transition:none!important}
.bfw-sheet.bfw-dragging *{pointer-events:none}
.bfw-x{position:absolute;inset-inline-end:14px;top:14px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.12);border:0;color:#cfcbe0;font-size:17px;line-height:1;cursor:pointer;z-index:2}
.bfw-left{display:flex;flex-direction:column;align-items:center}
.bfw-wheelbox{position:relative;width:224px;height:224px;margin:14px auto 18px}
.bfw-wheelbox canvas{position:absolute;inset:0;width:224px;height:224px}
.bfw-wheelbox #bfw-wheel{filter:drop-shadow(0 0 22px rgba(111,44,255,.55))}
.bfw-wheelbox #bfw-confetti{pointer-events:none;inset:-40px;width:304px;height:304px}
.bfw-pin{position:absolute;left:50%;top:-16px;transform:translateX(-50%);transform-origin:50% 0;width:34px;height:40px;z-index:3;filter:drop-shadow(0 0 8px rgba(255,213,74,.9))}
.bfw-prizesbtn{display:none}

.bfw-title{margin:6px 0 8px;font-size:23px;line-height:1.1;text-align:center;font-weight:600;letter-spacing:-.3px;color:#fff}
.bfw-title.bfw-won{font-size:38px;font-weight:900;letter-spacing:-.5px;color:#cdb6ff;text-transform:uppercase;font-style:italic;text-shadow:0 1px 0 #7a4dff,0 2px 0 #6a3df0,0 3px 0 #5b2fdc,0 4px 0 #4d24c4,0 5px 0 #3f1ba8,0 8px 16px rgba(0,0,0,.55),0 0 28px rgba(139,108,240,.55);animation:bfw-wonpop .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes bfw-wonpop{0%{opacity:0;transform:scale(.6) translateY(10px)}60%{opacity:1;transform:scale(1.08)}100%{transform:none}}
.bfw-daypill{display:flex;justify-content:center}
.bfw-daypill span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(255,213,74,.12);border:1px solid rgba(255,213,74,.35);color:#ffe08a;font:700 11px/1 var(--bfw-font);letter-spacing:.5px}
.bfw-daypill svg{width:12px;height:12px}
.bfw-spent .bfw-daypill{display:none}

.bfw-actions{position:relative;transition:height .55s cubic-bezier(.16,1,.3,1)}
.bfw-cta{position:relative;width:236px;margin:0 auto;padding-top:14px;transition:opacity .28s ease,transform .28s ease}
.bfw-cta.bfw-gone{opacity:0;transform:translateY(10px);pointer-events:none}
.bfw-sub{text-align:center;font-size:12.5px;color:#c4bfd8;margin:0 0 14px;line-height:1.4}
.bfw-fs{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);padding:5px 14px;border-radius:999px;background:var(--bfw-purple);color:#fff;font:800 11.5px/1 var(--bfw-font);letter-spacing:.6px;z-index:2;white-space:nowrap}
.bfw-spin{display:block;width:100%;height:56px;border-radius:999px;border:0;background:#fff;color:#0c0b12;font:600 18px var(--bfw-font);cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.bfw-result{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1) .15s,transform .4s cubic-bezier(.16,1,.3,1) .15s}
.bfw-result.bfw-show{opacity:1;transform:none;pointer-events:auto}
.bfw-prize{font-size:20px;font-weight:800;color:#fff;margin:2px 0 0;line-height:1.2;letter-spacing:-.2px}
.bfw-prize.bfw-lose{font-weight:700}
.bfw-pdesc{font-size:12.5px;color:#cfc6ea;margin:4px 0 8px}
.bfw-pdesc.bfw-lose{color:#b9a9e6;margin-bottom:12px}
.bfw-timer{display:none;margin:0 0 12px}
.bfw-timer.bfw-timer-win{margin:14px 0 0}
.bfw-timer-win .bfw-seg{min-width:44px;padding:5px 0 4px;background:rgba(255,255,255,.06)}
.bfw-timer-win .bfw-seg b{font-size:17px}
.bfw-timer-win .bfw-col{font-size:17px;margin-top:-8px}
.bfw-timer.bfw-on{display:block}
.bfw-timer .bfw-lbl{font:600 10.5px/1 var(--bfw-font);letter-spacing:1.4px;color:#b9a9e6;margin-bottom:8px;text-transform:uppercase}
.bfw-timer .bfw-row{display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr}
.bfw-timer .bfw-seg{min-width:48px;padding:6px 0 5px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);text-align:center}
.bfw-timer .bfw-seg b{display:block;font:800 20px/1 var(--bfw-font);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.bfw-timer .bfw-seg small{display:block;font:600 9.5px/1 var(--bfw-font);color:#8f84b3;margin-top:4px;letter-spacing:.8px}
.bfw-timer .bfw-col{font:800 20px/1 var(--bfw-font);color:#8f84b3;margin-top:-10px}
.bfw-claim{display:block;width:236px;margin:0 auto;height:56px;line-height:56px;border-radius:999px;background:#fff;color:#0c0b12;text-decoration:none;font:600 17px/56px var(--bfw-font);box-shadow:0 10px 30px rgba(0,0,0,.5);animation:bfw-cta 1.6s .6s ease-in-out infinite;text-align:center}
.bfw-claim.bfw-alt{position:relative;background:linear-gradient(180deg,#8a4dff,#6f2cff 60%,#5b1fd6);color:#fff;box-shadow:0 10px 26px rgba(111,44,255,.45),inset 0 1px 0 rgba(255,255,255,.25);animation:none}
.bfw-claim.bfw-alt::after{content:"›";position:absolute;inset-inline-end:20px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;opacity:.8}
@keyframes bfw-cta{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.bfw-fine{font-size:10.5px;color:#8f84b3;margin:12px 0 0;text-align:center}
.bfw-prizes{display:none}

/* ---------- desktop (>=900px): centered two-column modal ---------- */
@media (min-width:900px){
  body.bfw-push.bfw-open>:not(.bfw-root),body.bfw-push.bfw-closing>:not(.bfw-root){transform:none;transition:none}
  .bfw-peek{right:-70px;bottom:-70px;width:230px;height:230px;transform:translate(90px,90px)}
  .bfw-peek svg{width:230px;height:230px;filter:drop-shadow(0 0 26px rgba(111,44,255,.7))}
  .bfw-open .bfw-peek,.bfw-open.bfw-arrived .bfw-peek{transform:translate(28px,28px) scale(.9)}
  .bfw-bubble{right:168px;bottom:64px;border-radius:16px;padding:12px 16px}
  .bfw-bubble::after{right:-8px;border-width:8px}
  .bfw-bubble b{font-size:16px}.bfw-bubble small{font-size:12.5px;margin-top:5px}
  .bfw-pill{right:28px;bottom:28px;height:60px;font-size:12px}.bfw-pill b{font-size:14.5px}
  .bfw-ov{background:rgba(4,2,10,.66)}
  .bfw-sheet{left:50%;top:50%;right:auto;bottom:auto;width:820px;max-width:92vw;height:480px;max-height:none;overflow:visible;transform:translate(-50%,-50%);border-radius:24px;border-bottom:1px solid rgba(255,255,255,.14);padding:30px 34px 26px;padding-inline-end:40px;display:grid;grid-template-columns:400px 1fr;gap:26px;align-items:center}
  .bfw-open .bfw-sheet{animation:bfw-lift .5s .06s cubic-bezier(.16,1,.3,1) forwards}
  @keyframes bfw-lift{from{opacity:0;transform:translate(-50%,-50%) translateY(18px) scale(.97)}to{opacity:1;transform:translate(-50%,-50%)}}
  .bfw-closing .bfw-sheet{animation:bfw-drop .3s cubic-bezier(.45,0,.15,1) forwards!important}
  @keyframes bfw-drop{to{opacity:0;transform:translate(-50%,-50%) translateY(10px) scale(.98)}}
  .bfw-grab{display:none}
  .bfw-x{inset-inline-end:18px;top:18px;width:32px;height:32px;font-size:18px}
  .bfw-left{gap:14px}
  .bfw-wheelbox{width:360px;height:360px;margin:0}
  .bfw-wheelbox canvas{width:360px;height:360px}
  .bfw-wheelbox #bfw-wheel{filter:drop-shadow(0 0 30px rgba(111,44,255,.55))}
  .bfw-wheelbox #bfw-confetti{inset:-80px;width:520px;height:520px}
  .bfw-pin{top:-20px;width:40px;height:48px;filter:drop-shadow(0 0 10px rgba(255,213,74,.9))}
  .bfw-prizesbtn{display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e9e4f5;font:600 12.5px var(--bfw-font);cursor:pointer}
  .bfw-prizesbtn i{width:6px;height:6px;border-radius:50%;background:var(--bfw-gold);box-shadow:0 0 8px var(--bfw-gold)}
  .bfw-right{position:relative;min-height:380px;display:flex;flex-direction:column;justify-content:center}
  .bfw-intro{position:relative;transition:opacity .25s,transform .25s}
  .bfw-title{text-align:start;font-size:34px;margin:0 0 14px;letter-spacing:-.5px}
  .bfw-title.bfw-won{font-size:44px}
  .bfw-daypill{justify-content:flex-start;margin-bottom:14px}
  .bfw-cta{width:300px;margin:0}
  .bfw-sub{text-align:start;font-size:14px;margin-bottom:20px;max-width:300px}
  .bfw-fs{left:auto;inset-inline-start:24px;transform:none;bottom:47px;padding:6px 14px}
  .bfw-spin{height:60px;font-size:19px}
  .bfw-result{text-align:start}
  .bfw-prize{font-size:24px}
  .bfw-pdesc{font-size:13.5px}
  .bfw-timer .bfw-row{justify-content:flex-start}
  .bfw-timer .bfw-seg{min-width:52px;padding:8px 0 6px}
  .bfw-timer .bfw-seg b{font-size:22px}
  .bfw-claim{width:300px;margin:0}
  .bfw-fine{text-align:start;font-size:11px;margin-top:14px}
  .bfw-prizes{display:block;position:absolute;inset:0;padding:6px 0 0;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}
  .bfw-right.bfw-showp .bfw-prizes{opacity:1;pointer-events:auto;transform:none}
  .bfw-right.bfw-showp .bfw-intro{opacity:0;pointer-events:none;transform:translateY(-8px)}
  .bfw-prizes h5{margin:0 0 10px;font-size:11px;letter-spacing:1.4px;font-weight:700;color:#b9a9e6}
  .bfw-prizes h5.bfw-top{color:var(--bfw-gold)}
  .bfw-prizes ul{list-style:none;margin:0 0 18px;padding:0}
  .bfw-prizes li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;color:#fff}
  .bfw-prizes li.bfw-top{font-size:16px;font-weight:600}
  .bfw-prizes li i{width:12px;height:12px;border-radius:3px;background:#3b1f80;flex:none}
  .bfw-prizes li.bfw-top i{background:#8b6cf0;box-shadow:0 0 10px rgba(139,108,240,.7)}
  .bfw-prizes li em{margin-inline-start:auto;font-style:normal;font-size:11px;color:#8f84b3}
  .bfw-back{background:none;border:0;color:#c4bfd8;font:600 13px var(--bfw-font);cursor:pointer;padding:0}
}
@media (min-width:900px) and (max-width:1279px){.bfw-sheet{grid-template-columns:360px 1fr;padding:26px 26px 22px;padding-inline-end:30px}}

/* ---------- RTL (Arabic, Sorani) ----------
   Corner wheel + bubble mirror to the bottom-left; the desktop grid mirrors on its own (column 1 is on the right in RTL). */
[dir=rtl] .bfw-peek{right:auto;left:-42px;transform:translate(-60px,60px)}
[dir=rtl] .bfw-arrived .bfw-peek{transform:none}
[dir=rtl] .bfw-open .bfw-peek,[dir=rtl] .bfw-open.bfw-arrived .bfw-peek{transform:translate(-24px,24px) scale(.9)}
[dir=rtl] .bfw-bubble{right:auto;left:102px;transform:translateX(-12px)}
[dir=rtl] .bfw-bubble::after{right:auto;left:-7px;border-left-color:transparent;border-right:7px solid #fff;border-left:0}
[dir=rtl] .bfw-arrived .bfw-bubble{animation-name:bfw-bub-rtl}
[dir=rtl] .bfw-open .bfw-bubble{transform:translateX(-8px)!important}
@keyframes bfw-bub-rtl{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
[dir=rtl] .bfw-pill{right:auto;left:14px}
[dir=rtl] .bfw-claim.bfw-alt::after{content:"‹"}
[dir=rtl] .bfw-back .bfw-arr{display:inline-block;transform:scaleX(-1)}
@media (min-width:900px){
  [dir=rtl] .bfw-peek{left:-70px;transform:translate(-90px,90px)}
  [dir=rtl] .bfw-arrived .bfw-peek{transform:none}
  [dir=rtl] .bfw-open .bfw-peek,[dir=rtl] .bfw-open.bfw-arrived .bfw-peek{transform:translate(-28px,28px) scale(.9)}
  [dir=rtl] .bfw-bubble{left:168px}
  [dir=rtl] .bfw-bubble::after{left:-8px;border-right-width:8px}
  [dir=rtl] .bfw-pill{left:28px}
  [dir=rtl] .bfw-timer .bfw-row{justify-content:flex-end}
}

@media (prefers-reduced-motion:reduce){
  .bfw-root *,.bfw-root *::before,.bfw-root *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  body.bfw-push>:not(.bfw-root){transition:none!important}
}

/* returning visitor in the same session: no entrance animation */
.bfw-noanim.bfw-arrived .bfw-peek{transition:none}
.bfw-noanim.bfw-arrived .bfw-bubble{animation-delay:0s;animation-duration:.01ms}