/* ═══ v239 · افکت برد هدیهٔ شانسی ═══ */
#lfx239{ position:fixed; z-index:9990; pointer-events:none; overflow:hidden }
/* نشان شکوفهٔ کریستالی */
.bl239{ position:absolute; width:118px; height:132px; margin-left:-59px; display:flex; flex-direction:column; align-items:center; animation:blIn239 .55s cubic-bezier(.2,1.6,.4,1) both, blFl239 2.8s ease-out both }
.bl239.big{ width:150px; height:166px; margin-left:-75px }
.bl239.out{ animation:blOut239 .5s ease both }
@keyframes blIn239{ 0%{ transform:scale(0) rotate(-25deg); opacity:0 } 70%{ transform:scale(1.18) rotate(4deg); opacity:1 } 100%{ transform:scale(1) } }
@keyframes blFl239{ to{ translate:0 -26px } }
@keyframes blOut239{ to{ transform:scale(.6) translateY(-30px); opacity:0 } }
.bl239-glow{ position:absolute; top:6px; left:50%; width:120%; aspect-ratio:1; transform:translateX(-50%); border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb,var(--a) 70%,transparent), transparent 62%); animation:blGl239 1.2s ease-in-out infinite alternate }
@keyframes blGl239{ to{ opacity:.45; transform:translateX(-50%) scale(1.12) } }
.bl239-art{ position:relative; width:100%; aspect-ratio:1; display:block; filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--b) 70%,transparent)) }
img.bl239-art{ object-fit:contain }
.bl239-rot{ transform-origin:60px 60px; animation:blR239 6s linear infinite } @keyframes blR239{ to{ transform:rotate(360deg) } }
.bl239-tx{ position:absolute; top:30%; left:0; right:0; display:flex; flex-direction:column; align-items:center; line-height:1; color:#fff; text-shadow:0 1px 0 var(--b),0 2px 6px rgba(0,0,0,.55) }
.bl239-tx small{ font-size:12px; font-weight:900 }
.bl239-tx b{ display:flex; align-items:center; gap:2px; font-size:19px; font-weight:900; direction:ltr }
.bl239.big .bl239-tx b{ font-size:24px }
.bl239-coin{ width:14px; height:14px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff7c2,#f5b82e 55%,#b7791f); box-shadow:inset 0 0 0 1.5px #fde68a }
.bl239-x{ position:relative; margin-top:-16px; padding:3px 12px; border-radius:99px; font-size:11.5px; font-weight:900; color:#fff; white-space:nowrap; direction:ltr;
  background:linear-gradient(90deg,var(--b),var(--a),var(--b)); box-shadow:0 0 0 1.5px var(--c),0 4px 10px -4px rgba(0,0,0,.6) }
.bl239-sp i{ position:absolute; top:40%; left:50%; width:6px; height:6px; background:var(--c); clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); animation:blSp239 .9s ease-out both }
.bl239-sp i:nth-child(1){ --x:-60px; --y:-40px } .bl239-sp i:nth-child(2){ --x:58px; --y:-46px } .bl239-sp i:nth-child(3){ --x:-66px; --y:18px }
.bl239-sp i:nth-child(4){ --x:64px; --y:22px } .bl239-sp i:nth-child(5){ --x:-10px; --y:-70px } .bl239-sp i:nth-child(6){ --x:14px; --y:62px }
@keyframes blSp239{ from{ transform:translate(-50%,-50%) scale(.3); opacity:1 } to{ transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.4) rotate(90deg); opacity:0 } }

/* شمارندهٔ بزرگ ترکیب (سه‌بعدی ژله‌ای) */
.cn239{ position:absolute; left:50%; top:56%; transform:translate(-50%,-50%); --f1:#bbf7d0; --f2:#22c55e; --f3:#14532d }
.cn239 b{ display:block; font-size:78px; font-weight:900; line-height:1; direction:ltr; letter-spacing:-2px;
  background:linear-gradient(180deg,#fff 0%,var(--f1) 22%,var(--f2) 60%,var(--f3) 100%); -webkit-background-clip:text; background-clip:text; color:transparent;
  -webkit-text-stroke:2px rgba(255,255,255,.6); filter:drop-shadow(0 4px 0 var(--f3)) drop-shadow(0 10px 16px rgba(0,0,0,.45)) }
.cn239.s1{ --f1:#bae6fd; --f2:#3b82f6; --f3:#1e3a8a } .cn239.s2{ --f1:#fed7aa; --f2:#f97316; --f3:#7c2d12 }
.cn239.s3{ --f1:#fbcfe8; --f2:#ec4899; --f3:#831843 } .cn239.s4{ --f1:#e9d5ff; --f2:#a855f7; --f3:#4c1d95 } .cn239.s5{ --f1:#fef3c7; --f2:#f59e0b; --f3:#78350f }
.cn239.pop b{ animation:cnP239 .38s cubic-bezier(.2,1.8,.4,1) }
@keyframes cnP239{ 0%{ transform:scale(1.5) } 100%{ transform:scale(1) } }
.cn239.out{ opacity:0; transition:opacity .35s }

/* بنر سراسری بالای لایو */
.bn239{ position:absolute; top:6px; left:8px; right:8px; height:44px; display:flex; align-items:center; gap:8px; padding:0 12px 0 6px; border-radius:14px; overflow:hidden; color:#fff;
  background:linear-gradient(90deg,var(--b),color-mix(in srgb,var(--a) 85%,#fff),var(--b)); box-shadow:0 0 0 1.5px var(--c),0 8px 20px -8px var(--b);
  animation:bnIn239 .5s cubic-bezier(.2,1.3,.4,1) both }
.bn239.out{ animation:bnOut239 .5s ease both }
@keyframes bnIn239{ from{ transform:translateX(110%) } } @keyframes bnOut239{ to{ transform:translateX(-110%); opacity:0 } }
.bn239-x{ flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; width:52px; height:36px; border-radius:10px; line-height:1;
  background:linear-gradient(180deg,#fff8d6,#f5b82e); color:#7c2d12; box-shadow:inset 0 -2px 0 rgba(0,0,0,.15) }
.bn239-x b{ font-size:16px; font-weight:900; direction:ltr } .bn239-x small{ font-size:8.5px; font-weight:900 }
.bn239-t{ flex:1; min-width:0; font-size:12px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 3px rgba(0,0,0,.35) }
.bn239-t em{ font-style:normal; color:#fff3a0; font-weight:900 }
.bn239-sh{ position:absolute; top:0; bottom:0; width:30%; left:-40%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent); animation:bnSh239 1.6s ease-in-out .3s 2 }
@keyframes bnSh239{ to{ left:120% } }
@media (prefers-reduced-motion:reduce){ .bl239, .bl239-rot, .bl239-glow, .bl239-sp i, .bn239-sh{ animation:none } }
