/* v196 · پنل هدیهٔ لایو — «Obsidian & Champagne» (مشکی لوکس، طلایی شامپاینی، رزگلد، بنفش نئونی) */
#giftM49{ background:rgba(6,3,10,.35) !important; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px) }
.gp196{ --gold1:#F6DDA6; --gold2:#D9A25A; --rose:#FF4F8B; --neon:#9B6BFF; --cy:#6EE7F9; --txt:#EFE6F7; --sub:#8D829B;
  position:relative; display:flex !important; flex-direction:column; isolation:isolate; overflow-x:hidden !important; color:var(--txt);
  background:radial-gradient(70% 38% at 8% 0%,rgba(255,79,139,.20),transparent 70%),
             radial-gradient(60% 34% at 100% 4%,rgba(155,107,255,.24),transparent 70%),
             radial-gradient(80% 30% at 50% 100%,rgba(217,162,90,.12),transparent 70%),
             linear-gradient(180deg,#17101F 0%,#0F0A15 55%,#0B0710 100%) !important;
  border-radius:26px 26px 0 0 !important; padding-top:14px !important;
  box-shadow:0 -1px 0 rgba(246,221,166,.35), 0 -18px 50px -14px rgba(155,107,255,.45) !important }
.gp196::before{ content:""; position:absolute; left:0; right:0; top:0; height:1.5px; border-radius:26px 26px 0 0; z-index:3;
  background:linear-gradient(90deg,transparent,var(--gold2) 18%,var(--gold1) 50%,var(--gold2) 82%,transparent) }
.gp196::after{ content:""; position:absolute; left:50%; top:6px; width:38px; height:4px; margin-left:-19px; border-radius:9px; background:rgba(246,221,166,.35) }
/* ذرات طلایی ثابت در پس‌زمینه */
.gp196 > .gp2-tabs{ order:1 } .gp196 > .gp2-search{ order:2 } .gp196 > #gt111{ order:3 } .gp196 > .lv196{ order:4 }
.gp196 > #gp2Wrap{ order:5 } .gp196 > .gp2-dots{ order:6 } .gp196 > .bt196{ order:7 }
.gp196 > .hd196{ display:none !important }

/* زبانه‌ها */
.gp196 .gp2-tabs{ gap:18px !important; padding:10px 16px 4px !important; border-bottom:0 !important; align-items:center }
.gp196 .gp-tab{ position:relative; display:inline-flex; align-items:center; gap:4px; padding:6px 0 9px !important; font-size:13.5px !important; font-weight:800 !important; color:var(--sub) !important; background:none !important; border:0 !important; transition:color .2s }
.gp196 .gp-tab.on{ font-size:15px !important; font-weight:900 !important; color:transparent !important;
  background:linear-gradient(90deg,var(--gold1),#FFFFFF 50%,var(--gold1)) !important; -webkit-background-clip:text !important; background-clip:text !important }
.gp196 .gp-tab.on::after{ content:"" !important; display:block !important; position:absolute; left:50%; bottom:0; width:20px; height:3px; margin-left:-10px; border-radius:3px; background:linear-gradient(90deg,var(--gold2),var(--gold1)); box-shadow:0 0 10px rgba(246,221,166,.8) }
.gp196 .gp-tab.on::before{ display:none !important }
.ti196{ font-style:normal; font-size:12px; -webkit-text-fill-color:initial; filter:saturate(1.2) }
.gp196 .gp2-icbtn{ background:rgba(255,255,255,.06) !important; box-shadow:inset 0 0 0 1px rgba(246,221,166,.16) }
.gp196 .gp2-icbtn svg{ stroke:var(--gold1) !important }
.gp196 .gp2-search{ background:rgba(255,255,255,.06) !important; margin:6px 16px !important; box-shadow:inset 0 0 0 1px rgba(246,221,166,.16) }
.gp196 .gp2-search input{ color:var(--txt) !important }

/* گیرنده و سطح */
.gp196 #gt111{ border-bottom:0 !important; padding:6px 14px 4px !important }
.gp196 #gt111 > .l{ color:var(--sub) !important }
.gp196 #gt111 button{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(246,221,166,.18) !important; color:var(--txt) !important }
.gp196 #gt111 button.on{ background:linear-gradient(135deg,#FF4F8B,#B24BF3) !important; border-color:rgba(246,221,166,.55) !important; color:#fff !important; box-shadow:0 6px 16px -6px rgba(255,79,139,.7) }
.gp196 .lv196{ padding:2px 16px 4px !important; margin:0 !important; gap:8px !important }
.gp196 .lv196 > span{ background:linear-gradient(135deg,var(--gold1),var(--gold2)) !important; color:#2A1703 !important; font-size:10px !important; padding:3px 8px !important }
.gp196 .lv196 > span svg path{ fill:#2A1703 }
.gp196 .lv196 .h-1\.5{ height:4px !important; background:rgba(255,255,255,.08) !important }
.gp196 .lv196 .h-1\.5 > div{ background:linear-gradient(90deg,var(--gold2),var(--gold1),#fff) !important; box-shadow:0 0 8px rgba(246,221,166,.8) }
.gp196 .lv196 p{ color:var(--sub) !important }

/* هدیه‌ها */
.gp196 .gp2-page{ gap:6px !important; padding:6px 10px 4px !important }
.gp196 .c196{ position:relative; overflow:hidden; border:0 !important; border-radius:18px !important; padding:12px 4px 10px !important; background:transparent !important; transition:transform .18s, background .2s }
.gp196 .c196:active{ transform:scale(.95) }
.gp196 .c196 > span:not(.pr){ color:#D9CFE5 !important; font-size:10.5px !important; font-weight:800 !important }
.gp196 .c196 > svg, .gp196 .c196 > .g118i, .gp196 .c196 > img{ position:relative; z-index:1; transition:transform .25s cubic-bezier(.3,1.6,.5,1); filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)) }
.gp196 .c196 .pr{ color:var(--gold1) !important; font-size:10.5px !important }
.bd196{ position:absolute; top:6px; inset-inline-start:6px; width:17px; height:17px; border-radius:6px; display:grid; place-items:center; z-index:2 }
.bd196 svg{ width:11px; height:11px }
.c196.t3 .bd196{ background:linear-gradient(135deg,#FF8A3D,#FF4F8B) } .c196.t4 .bd196{ background:linear-gradient(135deg,#F6DDA6,#D9A25A); box-shadow:0 0 8px rgba(246,221,166,.8) }
.c196.t4 .bd196 svg path{ fill:#2A1703 }
/* انتخاب‌شده: حاشیهٔ هولوگرافیک چرخان (امضای Hartly) */
.gp196 .c196.sel{ background:radial-gradient(90% 70% at 50% 25%,rgba(155,107,255,.28),rgba(255,255,255,.03) 70%) !important }
.gp196 .c196.sel::before{ content:""; position:absolute; inset:-60%; z-index:0; pointer-events:none;
  background:conic-gradient(from 0deg,#F6DDA6,#FF4F8B,#9B6BFF,#6EE7F9,#F6DDA6); animation:ho196 3.2s linear infinite }
.gp196 .c196.sel::after{ content:""; position:absolute; inset:1.6px; border-radius:16.5px; z-index:0; pointer-events:none;
  background:radial-gradient(90% 70% at 50% 25%,#2A1B40,#140D1C 75%) }
@keyframes ho196{ to{ transform:rotate(360deg) } }
.gp196 .c196.sel > *{ position:relative; z-index:1 }
.gp196 .c196.sel > svg, .gp196 .c196.sel > .g118i, .gp196 .c196.sel > img{ animation:fl196 1.8s ease-in-out infinite }
@keyframes fl196{ 50%{ transform:translateY(-5px) scale(1.08) } }
.gp196 .c196.sel > span:not(.pr){ display:none !important }
/* دکمهٔ «ارسال» کوچک و شیک داخل کارت */
.cs196{ display:inline-flex; align-items:center; gap:4px; margin-top:6px; padding:4px 12px; border:0; border-radius:99px; cursor:pointer;
  font:900 11px/1 inherit; color:#2A1703; background:linear-gradient(135deg,var(--gold1),var(--gold2)); box-shadow:0 4px 12px -4px rgba(246,221,166,.8), inset 0 1px 0 rgba(255,255,255,.6) }
.cs196 svg{ width:11px; height:11px }
[dir="rtl"] .cs196 svg{ transform:scaleX(-1) }
.cs196:active{ transform:scale(.92) }
.gp196 .gp2-dots i{ background:rgba(255,255,255,.14) !important; transition:all .2s } .gp196 .gp2-dots i.on{ width:16px; border-radius:6px; background:linear-gradient(90deg,var(--gold2),var(--gold1)) !important }

/* نوار پایین: موجودی و «شارژ ›» در یک خط | کپسول تعداد + ارسال */
.gp196 .bt196{ margin-top:6px !important; padding:10px 14px calc(10px + env(safe-area-inset-bottom)) !important; border-top:1px solid rgba(246,221,166,.12); background:rgba(0,0,0,.25) }
.gp196 .bal196{ display:inline-flex !important; flex-wrap:nowrap !important; align-items:center; gap:6px !important; white-space:nowrap; color:var(--gold1) !important; font-size:14px !important }
.gp196 .bal196 > button{ display:inline-flex; align-items:center; white-space:nowrap; background:none !important; color:var(--rose) !important; font-size:12.5px !important; font-weight:900 !important; padding:0 2px !important }
.gp196 .bal196 > button::after{ content:"›"; margin-inline-start:3px; font-size:15px; line-height:1 }
.stp196{ display:flex; align-items:center; border-radius:99px; background:rgba(255,255,255,.06); padding:3px; box-shadow:inset 0 0 0 1px rgba(246,221,166,.18) }
.gp196 .qty196{ display:inline-flex; align-items:center; gap:4px; padding:7px 12px !important; border:0 !important; background:none !important; color:var(--txt) !important; font-size:14px !important }
.gp196 .qty196 svg{ width:14px; height:14px; color:var(--gold1) }
.gp196 .snd196{ padding:9px 16px !important; border-radius:99px !important; color:#2A1703 !important; white-space:nowrap; display:inline-flex; align-items:center; gap:6px;
  background:linear-gradient(135deg,var(--gold1),var(--gold2)) !important; box-shadow:0 6px 18px -6px rgba(246,221,166,.7), inset 0 1px 0 rgba(255,255,255,.6) !important }
.gp196 .snd196 small{ padding:1px 6px; border-radius:99px; background:rgba(42,23,3,.14); color:#2A1703 }

/* ═══ COMBO روی لایو ═══ */
#cb196{ position:fixed; z-index:10095; inset-inline-end:16px; bottom:calc(96px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; align-items:center; animation:cin196 .4s cubic-bezier(.3,1.6,.5,1) }
@media (min-width:460px){ #cb196{ inset-inline-end:calc(50% - 194px) } }
#cb196.out{ animation:cin196 .3s ease reverse forwards }
@keyframes cin196{ from{ opacity:0; transform:translateY(40px) scale(.5) } }
#cb196 .ct{ position:relative; margin-bottom:4px }
#cb196 .x{ display:block; font:italic 900 30px/1 system-ui,-apple-system,sans-serif; letter-spacing:-1px;
  background:linear-gradient(180deg,#FFFFFF 10%,#F6DDA6 45%,#D9A25A 90%); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 0 #6B3F12) drop-shadow(0 0 12px rgba(246,221,166,.7)) }
#cb196.bump .x{ animation:xb196 .45s cubic-bezier(.3,1.9,.5,1) }
@keyframes xb196{ 0%{ transform:scale(2) rotate(-8deg) } 100%{ transform:scale(1) rotate(0) } }
#cb196 .go{ position:relative; width:92px; height:92px; border-radius:50%; border:0; padding:0; cursor:pointer; background:none; -webkit-tap-highlight-color:transparent; outline:none }
#cb196 .go:active{ transform:scale(.88) }
#cb196 .holo{ position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,#F6DDA6,#FF4F8B,#9B6BFF,#6EE7F9,#F6DDA6); animation:ho196 2.4s linear infinite; box-shadow:0 0 28px rgba(255,79,139,.55), 0 0 60px rgba(155,107,255,.35) }
#cb196 .core{ position:absolute; inset:5px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden;
  background:radial-gradient(circle at 35% 28%,#3A2352,#150D1E 70%); box-shadow:inset 0 3px 8px rgba(255,255,255,.12), inset 0 -8px 16px rgba(0,0,0,.6) }
#cb196 .core::after{ content:""; position:absolute; top:6%; left:18%; width:64%; height:30%; border-radius:50%; background:linear-gradient(180deg,rgba(255,255,255,.28),transparent) }
#cb196 .gi{ width:40px; height:40px; display:grid; place-items:center; margin-top:-2px; animation:gh196 1s ease-in-out infinite }
#cb196 .gi > *{ width:38px !important; height:38px !important; font-size:28px }
@keyframes gh196{ 50%{ transform:translateY(-3px) scale(1.06) } }
#cb196 .core em{ font:italic 900 12px/1 system-ui,sans-serif; letter-spacing:1px; color:var(--gold1,#F6DDA6); margin-top:2px; text-shadow:0 0 8px rgba(246,221,166,.8) }
#cb196 .rg196{ position:absolute; inset:-7px; width:calc(100% + 14px); height:calc(100% + 14px); transform:rotate(-90deg); pointer-events:none }
#cb196 .rg196 circle{ fill:none; stroke:#F6DDA6; stroke-width:4; stroke-linecap:round; stroke-dasharray:289; stroke-dashoffset:0; filter:drop-shadow(0 0 4px #F6DDA6); animation:rg196 5.5s linear forwards }
@keyframes rg196{ to{ stroke-dashoffset:289 } }
#cb196.bump .go{ animation:gp196 .35s cubic-bezier(.3,1.8,.5,1) }
@keyframes gp196{ 0%{ transform:scale(.82) } 100%{ transform:scale(1) } }
/* انفجار قلب و جرقه */
#cb196 .fx{ position:absolute; left:50%; bottom:46px; width:0; height:0; pointer-events:none }
#cb196 .fx .hp, #cb196 .fx .sp{ position:absolute; left:-7px; top:-7px; width:14px; height:14px; animation:bs196 .85s cubic-bezier(.2,.8,.3,1) forwards }
#cb196 .fx .hp{ background:var(--c); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z'/%3E%3C/svg%3E") center/contain no-repeat }
#cb196 .fx .sp{ width:8px; height:8px; left:-4px; top:-4px; border-radius:50%; background:#fff; box-shadow:0 0 8px 2px var(--c) }
@keyframes bs196{ 0%{ transform:translate(0,0) scale(.3) rotate(0); opacity:1 } 70%{ opacity:1 } 100%{ transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(var(--r)); opacity:0 } }
#cb196 .fx .sw{ position:absolute; left:-60px; top:-60px; width:120px; height:120px; border-radius:50%; border:3px solid #F6DDA6; box-shadow:0 0 30px #FF4F8B, inset 0 0 20px #9B6BFF; animation:sw196 .9s ease-out forwards }
@keyframes sw196{ from{ transform:scale(.3); opacity:1 } to{ transform:scale(2.6); opacity:0 } }
#cb196 .fx .ms{ position:absolute; bottom:70px; left:0; transform:translateX(-50%); white-space:nowrap; font:italic 900 22px/1 system-ui,sans-serif;
  background:linear-gradient(90deg,#F6DDA6,#FF4F8B,#9B6BFF); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 10px rgba(255,79,139,.8));
  animation:ms196 1.25s cubic-bezier(.2,1.4,.4,1) forwards }
@keyframes ms196{ 0%{ transform:translateX(-50%) scale(.3); opacity:0 } 25%{ transform:translateX(-50%) scale(1.25); opacity:1 } 70%{ opacity:1 } 100%{ transform:translateX(-50%) translateY(-30px) scale(1); opacity:0 } }
/* هدیه‌ای که به سمت اتاق پرواز می‌کند */
.fly196{ position:fixed; z-index:10094; width:44px; height:44px; pointer-events:none; display:grid; place-items:center; animation:fy196 1.05s cubic-bezier(.3,.6,.3,1) forwards; filter:drop-shadow(0 0 10px rgba(246,221,166,.8)) }
.fly196 > *{ width:44px !important; height:44px !important; font-size:30px }
@keyframes fy196{ 0%{ transform:translate(0,0) scale(.6); opacity:1 } 60%{ opacity:1 } 100%{ transform:translate(var(--fx),-320px) scale(1.5); opacity:0 } }
@media (prefers-reduced-motion:reduce){ .gp196 *, #cb196 *{ animation:none !important } }
/* v197 · جای COMBO: سمت راست، بالای نوار پایین لایو؛ متن نقطهٔ عطف داخل صفحه */
#cb196{ inset-inline-end:auto !important; right:14px; left:auto; bottom:calc(112px + env(safe-area-inset-bottom)) }
@media (min-width:460px){ #cb196{ right:calc(50% - 196px) } }
#cb196, #cb196 *{ outline:none !important; -webkit-tap-highlight-color:transparent }
#cb196 .fx .ms{ left:auto; right:-6px; transform:none; animation-name:ms197 }
@keyframes ms197{ 0%{ transform:scale(.3); opacity:0 } 25%{ transform:scale(1.2); opacity:1 } 70%{ opacity:1 } 100%{ transform:translateY(-30px) scale(1); opacity:0 } }
/* v197 · یک دکمهٔ ارسال؛ کپسول پایین جمع‌وجورتر */
.gp196 .c196.sel > span:not(.pr){ display:block !important; color:#fff !important }
.cs196{ display:none !important }
.gp196 .bt196{ padding:8px 12px calc(8px + env(safe-area-inset-bottom)) !important }
.stp196{ padding:2px; gap:2px }
.gp196 .qty196{ padding:5px 8px 5px 10px !important; font-size:13px !important }
.gp196 .qty196 svg{ width:12px; height:12px }
.gp196 .snd196{ padding:7px 12px !important; font-size:12.5px !important; gap:5px !important; min-width:0 }
.gp196 .snd196 small{ font-size:10.5px !important; padding:1px 6px !important }
.gp196 .bal196{ font-size:13.5px !important }

/* ═══════════════════ v223 · دکمهٔ COMBO — جای درست + گرافیک تازه ═══════════════════
 *  جا: قبلاً `inset-inline-end:auto !important` در صفحهٔ چپ‌به‌راست (انگلیسی) همان
 *  right را خنثی می‌کرد و دکمه بی‌جا وسط صفحه می‌افتاد. حالا همیشه سمت راست لایو،
 *  بالای نوار پایین (روی کامپیوتر: لبهٔ راست ستون لایو). */
#cb196{ inset:auto !important; right:12px !important; left:auto !important; bottom:calc(118px + env(safe-area-inset-bottom)) !important; top:auto !important }
@media (min-width:460px){ #cb196{ right:calc(50% - 198px) !important } }
#cb196{ direction:ltr }

/* شمارنده بالای دکمه */
#cb196 .ct{ display:flex; flex-direction:column; align-items:center; margin-bottom:6px; line-height:1 }
#cb196 .x{ font:italic 900 34px/1 system-ui,-apple-system,sans-serif !important; padding:0 .14em 0 .02em; letter-spacing:-1px;
  background:linear-gradient(180deg,#FFFFFF 5%,#FFF1C1 30%,#F6C453 60%,#C77A1E 95%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent;
  -webkit-text-stroke:1.2px rgba(80,35,5,.6);
  filter:drop-shadow(0 2px 0 #6B3F12) drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(246,196,83,.75)) !important }
#cb196 .cl{ font:normal 900 8.5px/1 system-ui,sans-serif; letter-spacing:2.2px; color:#FFF1C1; margin-top:1px; padding:2px 7px; border-radius:99px;
  background:linear-gradient(90deg,rgba(255,79,139,.85),rgba(155,107,255,.85)); box-shadow:0 0 10px rgba(255,79,139,.55) }

/* دکمه */
#cb196 .go{ width:86px !important; height:86px !important; overflow:visible }
#cb196 .aura{ position:absolute; inset:-16px; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(255,79,139,.45) 0%, rgba(155,107,255,.28) 45%, transparent 70%); animation:au223 1.6s ease-in-out infinite }
@keyframes au223{ 0%,100%{ transform:scale(.92); opacity:.75 } 50%{ transform:scale(1.08); opacity:1 } }
#cb196 .holo{ inset:0 !important; background:conic-gradient(from 0deg,#FFF1C1,#FF4F8B,#9B6BFF,#6EE7F9,#FFF1C1) !important;
  box-shadow:0 0 22px rgba(255,79,139,.6), 0 0 44px rgba(155,107,255,.4), inset 0 0 6px rgba(255,255,255,.6) !important; animation:ho196 2s linear infinite }
#cb196 .core{ inset:4px !important;
  background:radial-gradient(circle at 50% 118%, rgba(255,79,139,.55), transparent 55%), radial-gradient(circle at 34% 26%, #4B2C6B 0%, #1B1029 62%, #0E0816 100%) !important;
  box-shadow:inset 0 2px 6px rgba(255,255,255,.22), inset 0 -10px 18px rgba(0,0,0,.7), 0 0 0 1px rgba(0,0,0,.4) !important }
#cb196 .core::after{ top:5% !important; left:16% !important; width:68% !important; height:34% !important; background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0)) !important }
#cb196 .gi{ width:42px !important; height:42px !important; filter:drop-shadow(0 3px 5px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(246,196,83,.55)) }
#cb196 .gi > *{ width:40px !important; height:40px !important }
#cb196 .core em{ position:relative; z-index:2; font:italic 900 11.5px/1 system-ui,sans-serif !important; letter-spacing:1.4px !important; margin-top:1px;
  background:linear-gradient(180deg,#FFFFFF,#FFE08A 55%,#E3A33A); -webkit-background-clip:text; background-clip:text; color:transparent !important;
  filter:drop-shadow(0 1px 0 rgba(80,35,5,.8)) drop-shadow(0 0 6px rgba(255,224,138,.7)); text-shadow:none !important }
#cb196 .shine{ position:absolute; inset:0; border-radius:50%; pointer-events:none;
  background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.3) 48%, transparent 58%) no-repeat; background-size:250% 100%;
  animation:sh223 1.8s ease-in-out infinite }
@keyframes sh223{ 0%{ background-position:160% 0 } 60%,100%{ background-position:-60% 0 } }
/* حلقهٔ شمارش معکوس: گرادیان + درخشش، ثانیه‌های آخر قرمز */
#cb196 .rg196{ inset:-8px !important; width:calc(100% + 16px) !important; height:calc(100% + 16px) !important }
#cb196 .rg196 circle.tr{ stroke:rgba(255,255,255,.14) !important; stroke-width:5 !important; animation:none !important; filter:none !important; stroke-dasharray:none !important }
#cb196 .rg196 circle:not(.tr){ stroke:url(#cbg223) !important; stroke-width:5.5 !important; filter:drop-shadow(0 0 3px #FF4F8B) drop-shadow(0 0 6px rgba(255,241,193,.9)) !important;
  animation:rg196 5.5s linear forwards, rw223 5.5s linear forwards !important }
@keyframes rw223{ 0%,78%{ stroke:url(#cbg223) } 79%,100%{ stroke:#FF3B5C } }
/* مدار جرقه */
#cb196 .orb{ position:absolute; inset:-12px; border-radius:50%; pointer-events:none; animation:ho196 3.2s linear infinite reverse }
#cb196 .orb i{ position:absolute; width:6px; height:6px; margin:-3px; border-radius:50%; background:#fff; box-shadow:0 0 8px 3px rgba(255,241,193,.9) }
#cb196 .orb i:nth-child(1){ left:50%; top:0 } #cb196 .orb i:nth-child(2){ left:6.7%; top:75% } #cb196 .orb i:nth-child(3){ left:93.3%; top:75% }
/* موج لمس */
#cb196 .rip{ position:absolute; inset:0; border-radius:50%; pointer-events:none; opacity:0; border:3px solid rgba(255,241,193,.9) }
#cb196 .rip.on{ animation:rp223 .55s ease-out }
@keyframes rp223{ 0%{ transform:scale(.9); opacity:1 } 100%{ transform:scale(1.9); opacity:0; border-width:1px } }
#cb196 .go:active{ transform:scale(.86) !important; transition:transform .06s }
#cb196.bump .go{ animation:gp223 .42s cubic-bezier(.3,1.9,.5,1) !important }
@keyframes gp223{ 0%{ transform:scale(.8,.74) } 55%{ transform:scale(1.08,1.12) } 100%{ transform:none } }
#cb196.bump .x{ animation:xb223 .5s cubic-bezier(.3,1.9,.5,1) !important }
@keyframes xb223{ 0%{ transform:scale(2.3) rotate(-10deg); opacity:.3 } 100%{ transform:none; opacity:1 } }

/* ── مرحله‌ها ── */
/* ×۱۰+ آتش */
#cb196.t1 .holo{ background:conic-gradient(from 0deg,#FFF1C1,#FB923C,#EF4444,#FDE047,#FFF1C1) !important; box-shadow:0 0 24px rgba(249,115,22,.75), 0 0 50px rgba(239,68,68,.45) !important }
#cb196.t1 .aura{ background:radial-gradient(circle, rgba(249,115,22,.55) 0%, rgba(239,68,68,.3) 45%, transparent 70%); animation-duration:1s }
#cb196.t1 .x{ background:linear-gradient(180deg,#FFFFFF 5%,#FDE047 30%,#FB923C 60%,#DC2626 95%) !important; -webkit-background-clip:text !important; background-clip:text !important;
  filter:drop-shadow(0 2px 0 #7C2D12) drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(249,115,22,.9)) !important }
#cb196.t1 .cl{ background:linear-gradient(90deg,#F97316,#DC2626); box-shadow:0 0 12px rgba(249,115,22,.7) }
/* ×۵۰+ صاعقهٔ بنفش */
#cb196.t2 .holo{ background:conic-gradient(from 0deg,#E9D5FF,#A855F7,#6366F1,#22D3EE,#E9D5FF) !important; box-shadow:0 0 26px rgba(168,85,247,.8), 0 0 56px rgba(34,211,238,.45) !important; animation-duration:1.2s }
#cb196.t2 .aura{ background:radial-gradient(circle, rgba(168,85,247,.6) 0%, rgba(34,211,238,.3) 45%, transparent 70%); animation-duration:.8s }
#cb196.t2 .orb i{ background:#E0F2FE; box-shadow:0 0 10px 4px rgba(34,211,238,.95) }
#cb196.t2 .orb{ animation-duration:1.6s }
#cb196.t2 .x{ background:linear-gradient(180deg,#FFFFFF 5%,#E9D5FF 30%,#A855F7 65%,#4C1D95 95%) !important; -webkit-background-clip:text !important; background-clip:text !important;
  filter:drop-shadow(0 2px 0 #3B0764) drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(168,85,247,.95)) !important }
#cb196.t2 .cl{ background:linear-gradient(90deg,#A855F7,#06B6D4); box-shadow:0 0 14px rgba(168,85,247,.8) }
#cb196.t2 .cl::after{ content:" SUPER" }
/* ×۱۰۰+ رنگین‌کمان هولوگرافیک */
#cb196.t3 .holo{ background:conic-gradient(from 0deg,#F43F5E,#F59E0B,#FDE047,#22C55E,#06B6D4,#8B5CF6,#F43F5E) !important; box-shadow:0 0 28px rgba(244,63,94,.7), 0 0 60px rgba(139,92,246,.6) !important; animation-duration:.9s }
#cb196.t3 .aura{ inset:-24px; background:conic-gradient(from 0deg, rgba(244,63,94,.45), rgba(253,224,71,.4), rgba(34,197,94,.4), rgba(6,182,212,.45), rgba(139,92,246,.45), rgba(244,63,94,.45));
  -webkit-mask:radial-gradient(circle, #000 30%, transparent 70%); mask:radial-gradient(circle, #000 30%, transparent 70%); animation:ho196 2.2s linear infinite }
#cb196.t3 .orb i{ background:#fff; box-shadow:0 0 12px 5px rgba(253,224,71,.95) }
#cb196.t3 .orb{ animation-duration:1.1s }
#cb196.t3 .x{ background:linear-gradient(100deg,#FFFFFF,#FDE047 20%,#F472B6 45%,#67E8F9 70%,#FDE047 90%) !important; background-size:220% 100% !important;
  -webkit-background-clip:text !important; background-clip:text !important; animation:tx223 1.2s linear infinite !important;
  filter:drop-shadow(0 2px 0 #3B0764) drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(244,114,182,.95)) !important }
#cb196.t3.bump .x{ animation:xb223 .5s cubic-bezier(.3,1.9,.5,1), tx223 1.2s linear infinite !important }
@keyframes tx223{ to{ background-position:-220% 0 } }
#cb196.t3 .cl{ background:linear-gradient(90deg,#F43F5E,#F59E0B,#22C55E,#06B6D4,#8B5CF6); box-shadow:0 0 16px rgba(244,114,182,.9) }
#cb196.t3 .cl::after{ content:" LEGEND" }
@media (prefers-reduced-motion:reduce){ #cb196 .aura,#cb196 .orb,#cb196 .shine{ animation:none !important } }
/* شمارنده شناور بالای دکمه؛ دکمه با بزرگ شدن عدد جابه‌جا نمی‌شود */
#cb196 .ct{ position:absolute !important; bottom:100%; left:50%; transform:translateX(-50%); margin:0 0 10px !important; white-space:nowrap; pointer-events:none }
/* v224: لمس سریع — بدون تأخیر، بدون انتخاب متن/منوی لمس طولانی */
#cb196 .go{ touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none }
#cb196 .go *{ pointer-events:none }
#cb196 .go:active{ transition:transform .04s !important }